@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,400,700';.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}.flash{-webkit-animation-name:flash;animation-name:flash;}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}.shake{-webkit-animation-name:shake;animation-name:shake;}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Bnz css */ #gameEmptyGameWrapper{ height:100%; } #gameEmptyGameWindow{ width:100%; height:100%; } #progressIndicatorBackground { display: block; } #quick-links { position: absolute; right: 0px; top: 1px; color: #000000; border-bottom: 3px solid #ff6e6f; padding: 0; /* line-height: 18px; */ } #quick-links select { -moz-appearance: none; text-overflow: ''; } .tab-custom { list-style-type: none; margin:0; padding: 0; position: relative; } .tab-custom li { float:left; padding: 5px 15px 2px; background:#de0000; } .tab-custom > li .tab-content-custom { display: none; } .tab-custom > li .tab-content-custom li { display: block; float: none; } .tab-custom > li .tab-content-custom li:hover { color:#111; } .tab-custom > li:hover .tab-content-custom { display: block; } .tab-custom li a { display: block; } .tab-custom li.active, .tab-custom li:hover { background:#a00000; cursor: pointer; } .tab-custom li.active i , .tab-custom li:hover { color:#fffcfe; } .tab-custom li i { font-size: 17px; color:#f9cdce; } .tab-content-custom { position: absolute; width: 100%; /* overflow: hidden; */ z-index: 100; /* bottom: auto; */ margin-top: 0px; min-width: 187px; right: 0; } .content-data-tab { position: relative; z-index:1; } .content-data-tab ul { margin: 0; padding: 0; list-style-type: none; box-shadow: 1px 1px 10px 2px #333; } .content-data-tab ul li:nth-child(odd) { background:#f8f8f8; } .content-data-tab ul li:nth-child(even) { background:#f2f2f2; } .quicklinks-content li { padding: 5px 10px; cursor: pointer; } .quicklinks-content li:hover { text-decoration: underline; } .content-data-tab li { color:#757575; } .tab-content-custom .titletab { text-align: center; color:#fff; font-size: 15px; font-weight: 600; background:#a00000; height: 30px; line-height: 30px; /* box-shadow: 8px 1px 1px 1px #000; */ } .game-quick { max-height: 440px; overflow: auto; } .game-quick li a { display: block; position: relative; } .game-quick li a .hover-game-quick { background: rgba(0,0,0,0.7); display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 5px; } .no-data-quick { background: #fff; padding: 8px; text-align: center; color:#000; } .game-quick li a .hover-game-quick .type-games { font-weight: 600; } .game-quick li a .hover-game-quick .names-games { text-transform: capitalize; } .game-quick li a:hover .hover-game-quick { display:flex; justify-content: center; align-items:center; color:#fff; text-align: center; } .game-quick li { padding: 15px; border-top: 1px solid #999; } #resetPassword_form .error-field, #resetPassword_form .form-group .error-field { margin-left: 0px; margin-bottom: 5px; } .prefooter-information .btn { margin-left: 5px; color: #0057CB; font-size: 13px; box-shadow: none; border: 2px solid #088AA9; background: #6DD4EE; padding: 0 5px; position: relative; top: -1px; width: 80px; text-align: center; float: right; } .prefooter-information #announcementButton { right: 53px; } sup { font-size:9px; } .wrapper-dlcenter { text-align:center; margin-bottom:10px; } .wrapper-dlcenter.no-image-dl { margin-bottom:0px; } .wrapper-dlcenter .inner-wrapper-dlcenter { float:left; padding:15px 0; min-height:78px; position:relative; } .wrapper-dlcenter.no-image-dl .inner-wrapper-dlcenter { min-height: auto; } .inner-wrapper-dlcenter span { font-size:12px; } .inner-wrapper-dlcenter span.title-os { font-size: 20px; font-weight:bold; margin-left:5px; position: relative; top: -12px; color:#424242; } .inner-wrapper-dlcenter .fa { font-size:56px; color:#424242; } .darkgreycolor { background:#868686; } .greycolor { background:#989898; } .lightgreycolor { background:#A9A9A9; } #wagering_requirement_wrapper .progress-hint span { width:180px; text-align:left; } .wrapper-dlcenter .inner-wrapper-dlcenter.first-col-dl { width: 27%; padding:10px 0; text-align: left; padding-left: 16px; } .second-col-dl { width:35% } .second-col-dl:before { content:""; width: 0; height: 0; border-top: 39px solid transparent; border-bottom: 39px solid transparent; border-left:18px solid #868686; position:absolute; left:0px; top:0px; } .two-col-dl-center .second-col-dl:before { border-top: 110px solid transparent; border-bottom: 110px solid transparent; border-left: 35px solid #868686; } .third-col-dl { width: 38%; } .third-col-dl:before { content:""; width: 0; height: 0; border-top: 39px solid transparent; border-bottom: 39px solid transparent; border-left:18px solid #989898; position:absolute; left:0px; top:0px; } .wrapper-dlcenter.no-image-dl .inner-wrapper-dlcenter:before { display:none; } .livechat-img-faq { width: 250px; } .prefooter-information ol li { margin: 8px 0; width: 380px; position: relative; } .has-success .control-label { color: inherit; } .is-logged-out #registerButton.btn, .is-logged-out #loginButton.btn { top: -3px; padding: 2px 12px; border-radius: 2px!important; box-shadow: 1px 1px 10px 0 #000; } .is-logged-out #loginButton { background: #0C7BE8; color: #fff; } #quick-links select { padding: 0 30px 0 4px; background: transparent; -webkit-appearance: none; border: 0; font-size: 12px; overflow: hidden!important; outline: 0; width: 205px; text-indent: 37%; } @-moz-document url-prefix() { #quick-links select { text-indent: 16%; width: 208px; padding-bottom: 1px; } } #progressIndicator, #preLoader { position: fixed; top: 50%; left: 50%; z-index: 9200; margin-left: -122px; margin-top: -40px; } #migrationPopup.popup .control-label { font-size: 14px; font-family: 'Ubuntu', sans-serif; font-weight: normal; } .games-page #gamesSearchOuterWrapper-foraffix.withlist { height: 49px; } #gamesSearchOuterWrapper { margin: 0 -5px; } #gamesSearchWrapper { background: #090d5f; padding: 0; background: #0057c8; } .games-page #gamesSearchWrapper { height: 51px; } #gamesSearchWrapper .btn { padding: 2px 7px 2px 22px; margin-bottom: 0; background: transparent; box-shadow: none; } #gamesSearchWrapper .btn.active { text-shadow: 2px 2px 3px #000; color: #F8F13E !important; } #gamesSearchWrapper .btn.active.resetfilter { text-shadow: none; color: #fff; } #gamesSearchWrapper .btn:hover { text-shadow: 2px 2px 3px #000 !important; color: #F8F13E !important; } #gamesSearchWrapper .disable-filter .btn:hover { text-shadow: 0 !important; color: #808080 !important; } #gamesSearchOuterWrapper.affix { position: fixed; top: 45px; z-index: 9999; box-shadow: 0px 1px 15px 3px #111; /* height: 40px; */ /* margin-left: -14px; */ } .games-page #gamesSearchOuterWrapper.affix #gamesSearchSorting { height: 35px; } #gamesSearchOuterWrapper.affix .filterlist { top: 51px; } .tema-filter { position: relative; } .tema-filter .changetotwocolumns { column-count: 1; column-gap: 0; width: 100%; } /*.tema-filter:before { content:""; position:absolute; top: -5px; left: -15px; height: 115%; width: 1px; border:0; border-left: 1px solid #2278e7; border-right: 1px solid #213385; }*/ @media (max-width: 992px) { .games-page #gamesSearchOuterWrapper.affix { top: 43px; } .squaredThree label.labelShowed { font-size: 13px !important; } } #gamesSearchSorting, #gamesSearchFiltering, #gamesListView, #gamesSearchSortingWrapper { margin-left: 0; } #gamesSearchSortingWrapper { display: none !important; } #gamesSearchSorting { float: left; } .overlay-sorting { position: absolute; left: 0px; right:0px; top:0px; bottom: 0px; height: 100%; width: 100%; z-index: 2; } .games-page #gamesSearchSorting { height: 39px; color: #cdcfde; } .games-page #gamesSearchSorting.active { border-bottom: 2px solid #ffff02; } #gamesSearchFiltering { position: relative; } #gamesSearchKeywordWrapper .form-control-feedback { position: absolute; right: 0; margin-top: -23px; margin-right: 5px; z-index: 10; left: auto; } .form-inline .form-group, .form-inline .checkbox, .form-inline .radio, .form-inline .btn { margin-bottom: 0; } #gamesSearchSorting, #gamesSearchFiltering, #gamesListView, #gamesSearchSortingWrapper { display: inline-block; } #gamesSearchForm .has-feedback .form-control { padding: 0px 34px 0px 10px; border: 0; /* box-shadow: inset -1px 1px 4px 0 #1A446D; */ background: #81abe5; color: #fff; width: 100%; height: 30px; border-radius: 3px; } .static-header-menu-title { float: left; top: 4px; position: relative; text-transform: uppercase; font-weight: bold; font-size: 16px; } #gamesSearchKeywordIconRemove, #gamesSearchKeywordIconSearch { top: -1px; } #gamesSearchForm .has-feedback .form-control::-webkit-input-placeholder { color: #fff; } #gamesSearchForm .has-feedback .form-control:-moz-placeholder { color: #fff; } #gamesSearchForm .has-feedback .form-control::-moz-placeholder { color: #fff; } #gamesSearchForm .has-feedback .form-control:-ms-input-placeholder { color: #fff; } #gamesSearchKeywordWrapper { margin-bottom: 0; } #menu_custom_group { float:left; text-align:left; } .mn_game_custom { list-style-type:none; padding: 0; margin: 0; margin-left: 15px; } .mn_game_custom li { display: inline-block; font-size: 14px; line-height: 29px; color: #cdcfde; padding: 10px 15px 10px 35px; position: relative; } .mn_game_custom li:nth-child(1) { /* margin-left: 5px; */ } .mn_game_custom li:last-child { margin-right: 0; } .mn_game_custom li:before { content:""; position: absolute; left: 14px; top: 15px; width: 18px; height: 18px; } .mn_game_custom li.LOBBY:before { background:url(../images/icon-slot/icon_1a.png) no-repeat center center; } .mn_game_custom li.LOBBY:hover:before, .mn_game_custom li.LOBBY.active:before{ background:url(../images/icon-slot/icon_1b.png) no-repeat center center; } .mn_game_custom li.SEMUA:before { background:url(../images/icon-slot/icon_2a.png) no-repeat center center; } .mn_game_custom li.SEMUA:hover:before, .mn_game_custom li.SEMUA.active:before{ background:url(../images/icon-slot/icon_2b.png) no-repeat center center; } .mn_game_custom li.ALL:before { background:url(../images/icon-slot/icon_2a.png) no-repeat center center; } .mn_game_custom li.ALL:hover:before, .mn_game_custom li.ALL.active:before{ background:url(../images/icon-slot/icon_2b.png) no-repeat center center; } .mn_game_custom li.POPULAR:before { background:url(../images/icon-slot/icon_3a.png) no-repeat center center; } .mn_game_custom li.POPULAR:hover:before, .mn_game_custom li.POPULAR.active:before{ background:url(../images/icon-slot/icon_3b.png) no-repeat center center; } .mn_game_custom li.ALLNEW:before { background:url(../images/icon-slot/icon_4a.png) no-repeat center center; } .mn_game_custom li.ALLNEW:hover:before, .mn_game_custom li.ALLNEW.active:before{ background:url(../images/icon-slot/icon_4b.png) no-repeat center center; } .mn_game_custom li.FAVORITE:before { background: url(../images/icon-slot/icon_5a.png) no-repeat center center; } .mn_game_custom li.FAVORITE:hover:before, .mn_game_custom li.FAVORITE.active:before{ background:url(../images/icon-slot/icon_5b.png) no-repeat center center; } .mn_game_custom li.TOPTEN:before { background: url(../images/icon-slot/icon_6a.png) no-repeat center center; } .mn_game_custom li.TOPTEN:hover:before, .mn_game_custom li.TOPTEN.active:before{ background:url(../images/icon-slot/icon_6b.png) no-repeat center center; } .mn_game_custom li.CUSTOM:before { background: url(../images/icon-slot/icon_7a.png) no-repeat center center; } .mn_game_custom li.CUSTOM:hover:before, .mn_game_custom li.CUSTOM.active:before{ background:url(../images/icon-slot/icon_7b.png) no-repeat center center; } .mn_game_custom li.active, .mn_game_custom li:hover { /* text-shadow: 2px 2px 3px #000; */ background: #F8F13E; cursor: pointer; color: #0057c8; } .changetotwocolumns { column-count: 2; column-gap: 0; width: 100%; } .changetotwocolumns > div { display: inline-block; width: 50%; height: auto; white-space: nowrap; } .lantai-filter .changetotwocolumns { column-count: 1; column-gap: 0; width: 100%; } .select-games select { color:#000; } #games.isgamepage { margin-bottom: 20px; background: #0045A0; border-radius: 10px; } .gamegroup_lobby { background: #0045A0; } #games { background: #0045A0; padding-bottom: 6px; } .games-page #games { padding-bottom: 17px; } .gamegroup_lobby:last-child , #games.isgamepage { margin-bottom: 0px; } .gamegroup_lobby > div.title-group, .title-gamewrapper, .title-games, .hasil-filter{ font-size: 20px; font-weight: normal; font-weight: 300; text-align: left; padding: 5px 10px; background: #0045A0; } .gamegroup_lobby > div.title-group { display: flex; justify-content: space-between; align-items: flex-end; } .look-detail-topten { font-size: 13px; color:#fff100; } .look-detail-topten:hover { color:#fff100; } .gamegroup_lobby > div.title-group b { font-weight: normal; } .lihatlebih-lobby { text-align:center; position: relative; /* margin-bottom: 10px; */ padding: 0; /* margin-top: 6px; */ } .isgamepage #viewmorebutton { margin-bottom: 0; padding: 0; } .lihatlebih-lobby span, .lihatlebih-lobby a { display: inline-block; } .more-games-data { position: absolute; right: 5px; top: 5px; } .more-games-data b { color:#ffff01; } .lihatlebih-lobby span.lihatlebihbutton, .lihatlebih-lobby a.lihatlebihbutton { padding: 2px 15px 4px; cursor: pointer; text-transform: uppercase; border-radius: 10px; background: #0057C8; font-weight: bold; color:#fff; display: block; } .lihatlebih-lobby span.lihatmoregames { border-top-left-radius: 0; border-top-right-radius: 0; } .lihatlebih-lobby span.lihatlebihbutton:hover, .lihatlebih-lobby a.lihatlebihbutton:hover { background:#0074d9 } .lihatlebih-lobby span.lihatlebihbutton i, .lihatlebih-lobby a.lihatlebihbutton i { font-style: italic; font-size: 13px; } .lihatlebih-lobby span.lihatlebihbutton i.fa { margin-left: 5px; } .lihatlebih-lobby span.lihatlebihbutton i b { font-size: 18px; color: #fff300; } .toptenlist-button { text-align: center; margin-bottom: 15px; } .toptenlist-button a { display: inline-block; padding: 4px 10px; border: 1px solid #feff04; cursor: pointer; color:#fff; border-radius: 15px; text-transform: uppercase; } .toptenlist-button a:hover { opacity: 0.8; } /*.toptenpage-wrapper > div:nth-child(odd) { background:#090D5F; !*090D5F*! } .toptenpage-wrapper > div:nth-child(even) { background:#011b3e; }*/ .topten-container { margin: 0 -15px; padding: 20px 15px 20px 15px; } .topten-container .winner-topten { display: none; } .topten-first .winner-topten { display: block; } .topten-container > .row { margin: -7.5px; } .topten-container > .row > div { padding: 7.5px; } .topten-container .col-sm-4 .image-topten , .topten-container .col-sm-4 .content-topten, .topten-container .col-sm-3 .image-topten , .topten-container .col-sm-3 .content-topten{ float: none; width: 100%; padding: 10px 10px 10px 10px; } .topten-container .col-sm-3 .image-topten, .topten-container .col-sm-4 .image-topten { padding-bottom: 0px; } .topten-first { padding: 10px; } .topten-title { font-size: 24px; margin-top: 5px; margin-bottom: 15px; font-weight: 300; } .topten-title b { display: block; font-size: 20px; } .topten-first .topten-title b { display: inline-block; font-weight: normal; } .topten-first .topten-title{ padding: 0 7.5px; } .topten-item .topten-item-wrapper a > div:not(.clearfix) { float:left; height: 100%; line-height: 14px; } .topten-item .topten-item-wrapper a { color:#fff; display: flex; align-items: flex-end; } .topten-item .topten-item-wrapper a:hover { text-decoration: none; } .topten-item > div { /* padding-left: 35px !important; */ height: 100%; position: relative; } .index-topten { position: absolute; left: 0px; top: 0px; font-weight:bold; height: auto !important; padding: 5px 10px; text-align: right; background: rgba(0,0,0,0.6); font-size: 18px; border-bottom-right-radius: 5px; } /*.topten-item:nth-child(even) .index-topten { background:#022048; } .topten-item:nth-child(odd) .index-topten { background:#050848 ; }*/ #TOPTEN .content-game-lobby > li { float:none; padding: 0; width: auto; } .carouseltopten-wrapper { padding: 0 10px; } .separator-topten { padding: 15px 10px 5px; } .separator-topten hr { margin: 0; border: 1px solid #0079c6; } .gamegroup_lobby:nth-child(2) .separator-topten { padding-top: 0; } #TOPTEN .gamegroup_lobby > div.title-group { padding-top: 0px; } .header-topten-title { padding: 5px 10px; background:#0045A0; position:relative; } .header-topten-title .lihatlebihbutton { position: absolute; right: 10px; top: 11px; background: #fff100; color: #265ac0; font-style: italic; font-weight: bold; padding: 1px 10px; text-transform: capitalize; border-radius: 6px; } .topten-title-inner { font-size: 24px; } .header-topten { display: block; margin: -15px -15px 15px -15px; } .linkbackto-gamepage { font-weight: bold; margin-left: 10px; padding: 3px 15px; background: #fef100; border-radius: 5px; color: #2e5dba; font-style: italic; text-transform: capitalize; } .linkbackto-gamepage:hover { text-decoration: underline; } .image-topten img { width: 100%; } .image-topten { width: 30%; padding: 0px 10px 0px 0; } .content-topten { width: 70%; padding: 5px 5px 10px 0px; color: #009ce9; } .topten-first .image-topten { width: 40%; } .topten-first .content-topten { width: 60%; } .judul-topten { margin-bottom: 10px; font-size: 19px; font-weight: bold; color:#fff; } .fitur-topten { font-size: 13px; line-height: 16px; } .winner-topten { /* margin-top: 2px; */ } .winner-topten-label { font-size: 12px; /* margin-bottom: 2px; */ } .winner-name-topten-label { font-size: 13px; } .changetotwocolumns-topten { column-count: 2; column-gap: 5px; width: 100%; } .changetotwocolumns-topten > div { display: inline-block; width: 100%; height: auto; padding: 5px; margin-top: -5px; } .topten-content > div { margin-bottom: 4px; width: 100%; } .scroll-content .topten-content > .topten-item { padding-right: 15px; } .topten-content > div:last-child { margin-bottom: 0px; } .topten-first .topten-content > div { margin-bottom: 0px; } .topten-content > div.topten-item:nth-child(even) > div { background: #000046; } .topten-content > div.topten-item:nth-child(odd) > div { background: #000046; } .topten-first-content > div { background: transparent !important; } .topten-first-content > div > div { background: #000046; } .scroll-content .topten-content { max-height: 458px; overflow-y: auto; } .topten-first-content div.topten-item:hover > div, .topten-content > div > div.topten-item:hover> div { background:#0a0a3e !important; } .topten-content > div.topten-item:hover .index-topten { color:#b58528; } .gameswithlist,#games { margin-left: -5px; margin-right: -5px; min-height: 554px; } .gameswithlist { position: relative; margin-bottom: 30px; } .gameswithlist:before { content: ""; width: 100%; height: 30px; background: #0057c8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; bottom: -30px; } .gamegroup_lobby:last-child { padding-bottom: 5px; } .sort-data { float: left; position: relative; top: 3px; width: 10px; display: inline-block; font-size: 16px; cursor: pointer; margin-right: 20px; } .games-page .sort-data { margin-right: 10px; } .sort-data:hover { color: #000; } #postlogin_form { padding-top: 4px; padding-bottom: 11px; } #login_form { padding-top: 1px; padding-bottom: 11px; } #bola-tangkas-wrapper { width: 100%; } .image-bola-tangkas { width: 100%; } #olahraga-wrapper { position: relative; } #olahraga-wrapper img { width: 100%; position: relative; } .image-wrapper-static { margin-bottom: 15px; } .logged-in-subnav { margin-left: 0; display: none; } #second-row .nav>li>a { padding: 6px 15px; font-size: 13px; color: #fff; } #second-row .nav>li>a:hover { color: #000; } #staticmenu_secondary a:hover { color: #F8F13E!important; } #header { margin-bottom: 9px; } #left-faq { padding-right: 0; } .wrapper-nav-faq .prefooter-title { position: relative; background: #2850cc; background: -moz-linear-gradient(top, #2850cc 0%, #2346af 100%); background: -webkit-linear-gradient(top, #2850cc 0%, #2346af 100%); background: linear-gradient(to bottom, #2850cc 0%, #2346af 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2850cc', endColorstr='#2346af', GradientType=0); } .wrapper-nav-faq .prefooter-title:hover { background: #F8F13E; cursor: pointer; color: #000; } .prefooter-block { display: none; } .prefooter-title.active { background: #F8F13E; color: #000; } .prefooter-title .fa { position: absolute; right: 8px; top: 8px; } .menu-faq { background: #D2E5FF; } .menu-faq.active { display: block; } .menu-faq ul { padding: 0; list-style-type: none; margin-bottom: 0; } .menu-faq ul li a { color: #004198; font-size: 16px; text-transform: capitalize; padding: 2px; display: block; } .menu-faq ul li a:focus { text-decoration: none; } .menu-faq ul li a.active { font-weight: bold; } #wrapper-faq-data { padding: 0; } #wrapper-faq-data .prefooter-information , #wrapper-faq-data .term-information { margin-bottom: 0; padding-bottom: 50px; } .staticPageWrapper .prefooter-information , #wrapper-faq-data .term-information{ margin-bottom: 0; } #prefooter .prefooter-information { padding-bottom: 0; } .tab-pane .description-title { padding: 7px 15px; background: #b6cff0; color: #444; font-size: 16px; font-family: ubuntu; } .tab-pane .description-title.active , .tab-pane .description-title:hover { background: #2D5AA8; color: #fff; cursor: pointer; } /* Promotion page */ .promotionspage .tab-pane .description-content { display:block; padding:15px; } .content-promotion-img { position:absolute; right: 6.5%; width:408px; bottom: 8.8%; text-align:center; color:#fff; font-size:16px; line-height:20px; } .content-promotion-img span { font-size:13px; } .staticPageWrapper .promotionspage.prefooter-information .content-promotion-img span a { color:#43bfff; } .imagewrapper-promotion { position:relative; } #ticketemas , #ticketperak { font-size:26px; } @media (min-width: 768px) and (max-width: 991px) { .content-promotion-img { position: absolute; right: 4.5%; width: 343px; bottom: 3.8%; text-align: center; color: #fff; font-size: 13px; line-height: 20px; } .content-promotion-img span { font-size:11px; } } @media (max-width: 767px) { .content-promotion-img { position:relative; right:auto; bottom:auto; width:100%; padding:10px; color:#fff; background:#2D5AA2; border-bottom:3px solid #F7F03E; } } @media (max-width: 600px) { .staticPageWrapper .promotionspage .nav-pills>li { white-space:nowrap; float:left !important; } .staticPageWrapper .promotionspage .nav-pills>li a { font-size:12px; } } @media (max-width: 479px) { .staticPageWrapper .promotionspage .nav-pills>li { white-space:nowrap; float:none !important; width:100% !important; margin:5px 0; } #slider1 { margin:0px -15px 0 -15px; } #bola-tangkas-wrapper #slider1 { margin-top:-5px; } .menu-games-top a:hover { text-decoration:none !important; outline:none; } .menu-games-top a:hover .name-of-game , .menu-games-top a.activemenu .name-of-game { color:#fbe56c; } .menu-games-top .prefooter1 { background: url(/cms/images/prefooter/mprefooter1.png) no-repeat center center; } .menu-games-top .prefooter2 { background: url(/cms/images/prefooter/mprefooter2.png) no-repeat center center; } .menu-games-top .prefooter3 { background: url(/cms/images/prefooter/mprefooter3.png) no-repeat center center; } .menu-games-top .prefooter4 { background: url(/cms/images/prefooter/mprefooter4.png) no-repeat center center; } .menu-games-top .prefooter5 { background: url(/cms/images/prefooter/mprefooter5.png) no-repeat center center; } .menu-games-top a:hover .prefooter1, .menu-games-top a.activemenu .prefooter1 { background: url(/cms/images/prefooter/mprefooter1_hover.png) no-repeat center center; } .menu-games-top a:hover .prefooter2, .menu-games-top a.activemenu .prefooter2 { background: url(/cms/images/prefooter/mprefooter2_hover.png) no-repeat center center; } .menu-games-top a:hover .prefooter3, .menu-games-top a.activemenu .prefooter3 { background: url(/cms/images/prefooter/mprefooter3_hover.png) no-repeat center center; } .menu-games-top a:hover .prefooter4, .menu-games-top a.activemenu .prefooter4 { background: url(/cms/images/prefooter/mprefooter4_hover.png) no-repeat center center; } .menu-games-top a:hover .prefooter5, .menu-games-top a.activemenu .prefooter5 { background: url(/cms/images/prefooter/mprefooter5_hover.png) no-repeat center center; } .content-promotion-img { border-bottom:0px; } .staticPageWrapper .promotionspage .nav-pills>li a { font-size:12px; } .table-responsive-custom { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-custom table { white-space:nowrap; } } @media (max-width: 992px) { .table-responsive-custom-loyalty { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .icon-loyalty { width: 30px; } } /* end promotion page */ #livechat-button { display: inline-block; position: relative; margin-right: -20px; margin-left: 10px; top: 3px; background: rgb(242, 224, 150); background: -moz-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: -webkit-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: linear-gradient(to bottom, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2e096', endColorstr='#ba8f37', GradientType=0); } #livechat-button a { z-index: 12; display: inline-block; color: #7e420d; padding: 1px 25px 1px 8px; position: relative; font-size: 13px; } @keyframes chatanimate { 0% { left: -56px; opacity: 1; } 100% { left: 130%; opacity: 1; } } @-moz-keyframes chatanimate { 0% { left: -56px; opacity: 1; } 100% { left: 130%; opacity: 1; } } #header #livechat-button a:before { content: ""; height: 100%; width: 35px; background: url(/cms/images/blingchat.png); z-index: 999; position: absolute; top: 0px; left: 0px; animation: chatanimate 2s infinite; opacity: 1; } #header #livechat-button { height: 20px; width: 68px; } #livechat-button { display: none; } #header #livechat-button { top: 2px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; float: right; } .is-logged-out #header #livechat-button { top: 4px; float:none; } .is-logged-out #header #livechat-button .livechat_button a , .is-logged-out #header #livechat-button .livechat_button { height: 20px; } _::-webkit-:not(:root:root), .is-logged-out #header #livechat-button { top:4px; } #header #livechat-button .livechat_button { overflow: hidden; } .wrapper-percentage { display: inline-block; position: relative; } .text-percentage { padding: 6px; border-bottom: 1px solid #f1f2f2; position: relative; } #postlogin_form_deposit .dropdown #total_balance+.dropdown-menu { border: 2px solid #fff; padding: 0px; margin-top: 0px; left:auto; right:0px; } #postlogin_form_deposit .dropdown #total_balance+.dropdown-menu:after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; right: 10px; top: -6px; } #postlogin_form_deposit .dropdown .dropdown-menu-content>div { background: rgba(236, 237, 237, 1); margin: 0px; padding: 5px; border-top: 1px solid #f1f2f2; border-bottom: 1px solid #bcbec0; } #postlogin_form_deposit .dropdown .dropdown-menu-content>div:first-child { border-top: 0; } #postlogin_form_deposit .dropdown .dropdown-menu-content { border: 0; background: none; padding: 0px; } #postlogin_form_deposit .dropdown .dropdown-menu .progress { margin-bottom: 2px; } .text-percentage:after { content: ""; border-bottom: 1px solid #bcbec0; width: 100%; min-height: 1px; position: absolute; bottom: 0; left: 0; } .dont-show-this { font-size: 12px; position: absolute; left: 10px; bottom: 7px; } #dont_show_this { position: relative; top: 3px; left: -5px; } .ok-button-percentages { display: block; padding: 5px 8px 5px 5px; color: #000; text-align: right; float: right; } .ok-button-percentages:hover { text-decoration: underline; } .popupbox-percentage { position: absolute; color: #000; border: 2px solid #f00; background: rgba(236, 237, 237, 1); border-radius: 3px; right: 0px; margin-top: 2px; z-index: 21; width: 250px; display: none; } .popupbox-percentage:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #f00; position: absolute; right: 50px; top: -6px; } #livechat-button .livechat_button:before { content: "\f075"; font-family: FontAwesome; right: 5px; position: absolute; top: -1px; color: #7e420d; } #livechat-button:after { content: ""; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #775c25; position: absolute; right: 0; bottom: -5px; } #livechat-button .livechat_button { display: inline-block; } #livechat-button .livechat_button a { color: #7e420d; text-decoration: none; font-weight: bold; text-transform: uppercase; } #login_form #livechat-button { padding: 0px; } #livechat-button.register-live-chat { margin-right: 0; display: block; margin-left: 0; top: 0; margin-top: 0; background: none; } #livechat-button.register-live-chat .livechat_button { display: block; } #livechat-button.register-live-chat a { width: 100%; display: block; top: 0; margin-left: 0; padding: 0; font-size: 17px; } #livechat-button.register-live-chat .livechat_button:before { top: 1px; right: 8px; font-size: 20px; } #livechat-button.register-live-chat:after { display: none; } #livechat-button.register-live-chat i { float: right; top: 2px; } .goback-to-top { position: absolute; right: 0; left: 0; bottom: 5px; text-align: center; color: #0057CB; } .goback-to-top .fa { font-size: 25px; } .goback-to-top:hover { opacity: 0.7; cursor: pointer; } .affix-top, .affix { position: static; } #header #menu-fix-header { display: none; } #header.affix #menu-fix-header { display: inline-block; margin: 0; padding: 0px; float:left; } .is-logged-in #header.affix #bonus_span, .is-logged-in #header.affix #availableCampaignsIndicator, .is-logged-in #header.affix #biaBonusDropdown { display: none!important; } #header.affix #menu-fix-header { list-style-type: none; } #header.affix #menu-fix-header li { display: inline-block; } #header.affix #menu-fix-header li:first-child { display: none; } #header.affix #menu-fix-header li i { display: none; } #header.affix #menu-fix-header .submenu { display: none; position: absolute; } #header.affix #menu-fix-header li a { display: block; padding: 1px 2px; height: 42px; line-height: 42px; font-family: 'Ubuntu', sans-serif; font-size: 10px; text-transform: uppercase; color: #fff !important; background:transparent; } #header.affix #menu-fix-header .submenu a { height: auto!important; line-height: 30px!important; background: #0d1069; padding: 0px 15px; } #header.affix #menu-fix-header li a:hover { text-decoration: none; text-shadow: 2px 2px 3px #000; color: #F8F13E; } #header.affix #menu-fix-header li:hover .submenu { display: block; } #header.affix #menu-fix-header li.active a, #header.affix #menu-fix-header li:hover a{ text-decoration: none; text-shadow: 2px 2px 3px #000; color: #F8F13E !important; } #header.affix { position: fixed; z-index: 10001; background: #001b3f; background: -moz-linear-gradient(top, #001b3f 0%, #0d117f 71%); background: -webkit-linear-gradient(top, #001b3f 0%, #0d117f 71%); background: linear-gradient(to bottom, #001b3f 0%, #0d117f 71%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001b3f', endColorstr='#0d117f', GradientType=0); width: 960px; box-shadow: 2px 2px 15px 5px #000; top:0px; padding: 1px 0; } .is-logged-out #header.affix #headerFormPlaceholder { padding-top: 7px; } .is-logged-out #header.affix #login_form { padding: 0px; } .is-logged-out #languageWrapper_login { top: 3px; } #header.affix #postlogin_form_account, #header.affix #signoutButton, #header.affix #languageWrapper_postlogin { display: none; } #header.affix #postlogin_form_buttons { position: relative; top: 1px; } #header.affix #postlogin_form_account, #header.affix #postlogin_form_deposit { margin-bottom: 0px; } #header.affix #postlogin_form_deposit { padding-right: 0px; position: relative; top: 1px; } #header.affix #postlogin_form_buttons .btn-primary { margin-top: 0px; top: 0px; margin-left: 0px; margin-right: 3px; } #header.affix #postlogin_form #livechat-button { position: absolute; right: 0px; top: 11px; } #header.affix #postlogin_form>.pull-right+div { display: none; } #header.affix #logo { width: 42px; -webkit-background-size: contain; background-size: contain; height: 42px; background: url(/cms/images/affix-logo.png) no-repeat center center; padding-right: 0px; } #header.affix #logo #slogan { display: none; } #header.affix #logoPlaceholder { padding-top: 0px; width: auto; padding-right: 0px; } #header.affix #headerFormPlaceholder { float: right; width: auto; /* margin-top: -17px; */ } .is-logged-in #header.affix #logo { height: 42px; } #header.affix #total_balance { font-size: 0px; } #header.affix #total_balance_value { font-size: 14px; max-width: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } #header.affix #postlogin_form .btn { padding: 2px 2px; height: auto; font-size: 10px; } .is-logged-in #header.affix #postlogin_form { padding-top: 9px; padding-left: 0px; } #left-faq-inner.affix { position: fixed; top: 10px; width: 225px; } ul.download_center { list-style-type: none; margin: 15px 0 0; padding: 0; } ul.download_center li { display: inline-block; margin-left: 20px; } ul.download_center li a { display: block; color: #000; font-size: 18px; } ul.download_center li a img { float: left; } ul.download_center li a>div { float: left; padding-left: 10px; } ul.download_center li:first-child { margin-top: 0; } .is-logged-in #header { height:105px; } .is-logged-in #header.affix { height: auto; z-index:10001; } @media (max-width: 991px) { #gamecontent-fluid.games-page #gamesSearchWrapper .btn { padding:2px 7px 2px 18px; } #left-faq-inner.affix { width: 173px; } .is-logged-in #header.affix #postlogin_form { margin-bottom: 0; padding-bottom: 7px; } .is-logged-in #header.affix { height: auto; } .is-logged-in #header.affix #postlogin_form_buttons { padding-top: 57px; } #header.affix { width: 750px; } .is-logged-out #header.affix { height: auto; } .is-logged-out #header.affix #headerFormPlaceholder { padding-top: 17px; } .is-logged-out #logo { height: 70px; background-size: contain; width: 150px; } } @media (max-width: 768px) { #left-faq-inner.affix { width: 100%; position: relative; } #prefooter .games-offered .item a { height: 200px; } } @media (max-width: 600px) { #prefooter .games-offered .item a { height: 220px; } } @media (max-width: 470px) { #prefooter .games-offered .item a { height: 255px; } } @media (max-width: 382px) { #prefooter .games-offered .item a { height: 275px; } } .is-logged-out #headerFormPlaceholder { padding-top: 17px; } #footer-fluid { position: relative; } #promotionWrapper a{ box-shadow:none !important; } #promotionWrapper a:hover{ text-decoration:underline !important; } #olahraga-playnow-btn { position: absolute; left: 5%; bottom: 7%; font-size: 21px; font-family: 'Ubuntu', sans-serif; padding: 7px 20px 7px; z-index: 1; } #olahraga-playnow-btn.gamePage_main_btn { bottom: 20%; } #playnow-casino { position: relative; margin:-15px; margin-bottom: 15px; } #playnow-casino .vipcasinobutton { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1c651+0,ad7e2d+100 */ background: rgb(241,198,81); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,198,81,1) 0%, rgba(173,126,45,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(241,198,81,1) 0%,rgba(173,126,45,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(241,198,81,1) 0%,rgba(173,126,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c651', endColorstr='#ad7e2d',GradientType=0 ); /* IE6-9 */ color:#462e00; } #playnow-casino .vipcasinobutton:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff89a+0,b6862c+100 */ background: rgb(255,248,154); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,248,154,1) 0%, rgba(182,134,44,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,248,154,1) 0%,rgba(182,134,44,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,248,154,1) 0%,rgba(182,134,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff89a', endColorstr='#b6862c',GradientType=0 ); /* IE6-9 */ } #iconvipcasino { background: rgb(255,248,154); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,248,154,1) 0%, rgba(182,134,44,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,248,154,1) 0%,rgba(182,134,44,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,248,154,1) 0%,rgba(182,134,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff89a', endColorstr='#b6862c',GradientType=0 ); /* IE6-9 */ color:#462e00 !important; border-radius:0px; } #iconvipcasino:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1c651+0,ad7e2d+100 */ background: rgb(241,198,81); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,198,81,1) 0%, rgba(173,126,45,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(241,198,81,1) 0%,rgba(173,126,45,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(241,198,81,1) 0%,rgba(173,126,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c651', endColorstr='#ad7e2d',GradientType=0 ); /* IE6-9 */ } .title-casino { margin-bottom:10px; } #playnow-casino img { width: 100%; height:100%; } #playnow-casino .title-casino img { width:auto; } .title-casino.right { text-align:right; } #left-casino-wrapper { padding-right: 7px; } #right-casino-wrapper { padding-left: 7px; } /* .chip-desc { margin-bottom: 15px; padding: 10px 0; text-align: center; } .chip-desc h1 { font-size: 21px; margin-top:0; text-transform: uppercase; margin-bottom: 5px; } .chip-desc p { max-width: 590px; display: block; margin: 0 auto; } .chips-casino { margin: 25px 0 10px; } .chips-casino .item-chips { width: 20%; float:left; } .chips-casino .item-chips .img-responsive { display: inline-block; } .casino-font-clr { color:#5cd5f3; } .vipcasino-font-clr { color:#ffde00; } @media (max-width: 600px) { .chips-casino .item-chips { width: 50%; float:left; margin: 15px 0px; } .chips-casino .item-chips.topchips { width: 33.33%; } }*/ #newsfeedrow { width: 70%; margin: -31px 15px 10px 0; float: right; border: 1px solid #0057CB; background: #0057CB; position: relative; top: 3px; padding-left: 130px; color: #FFF; } #newfeedleft { padding: 0 10px; position: absolute; left: 0; } #newsfeedslider { height: 20px; line-height: 20px; background: #001b3f; background: -moz-linear-gradient(top, #001b3f 0%, #0d117f 100%); background: -webkit-linear-gradient(top, #001b3f 0%, #0d117f 100%); background: linear-gradient(to bottom, #001b3f 0%, #0d117f 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001b3f', endColorstr='#0d117f', GradientType=0); position: relative; overflow: hidden; } #topNewsHeader { position: absolute; white-space: nowrap; } #topNewsHeader span { display: inline-block; padding: 0 50px; } @media (min-width: 768px) { #newsfeedrow { width: 67%; } } .bluefeed { color: #6DD4EE; } .greenfeed { color: #9BF100; } .announcement-wrapper ol li.redfeed { color:red; } .announcement-wrapper ol li.redfeed:before { color:red; } #winnerlistwrapper { color: #4D4D4D; background: #f6f6f7; background: -moz-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: -webkit-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: linear-gradient(to bottom, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#b0b1b1', GradientType=0); font-family: 'Ubuntu', sans-serif; position: relative; margin-bottom: 20px; } #winnerlistwrapper:before { content: ""; position: absolute; width: 100%; height: 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #004198; box-shadow: inset 0 4px 7px -4px #000; bottom: -10px; left: 0; } #winner-list { position: relative; } .cover-bottom-wl { width: 100%; height: 40px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(176, 177, 177, 0.90) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(176, 177, 177, 0.90) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(176, 177, 177, 0.90) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#deb0b1b1', GradientType=0); position: absolute; bottom: 0; left: 0; z-index: 1; } #winner-list .bx-viewport { height: 493px!important; padding: 0 10px; } #winner-list .winnerlistitem { padding: 5px 0; color: #000; border-bottom: 1px dashed #004198; width: 100%!important; } .no-data-found { padding:0 10px; margin-top:10px; } #winner-list .winnerListLink { display: inline-block; font-size: 13px; } #winner-list .winnerListPlayer { display: inline-block; margin-left: 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; position: relative; top: 4px; } #winner-list .winnerListAmount { display: inline-block; font-size: 13px; } #winnerSliderTextWrapper { white-space: normal; } .games-page #winnerSliderTextWrapper { position: absolute; height: 22px; display: block; overflow: hidden; white-space: nowrap; } .games-page .winnerListItem { white-space: nowrap; display: inline-block; font-family: 'Trebuchet MS', Arial; font-size: 15px; font-weight: bold; color: #000000; margin: 0 30px; } .games-page .winnerListItemLeft, .games-page .winnerListItemRight { display: inline-block; color: #F8F13E; } .games-page #winnerRow { width: 930px; position: absolute; top: -7px; } #email-entering-form .code-wrapper .form-control, #phoneNumber-entering-form .code-wrapper .form-control { padding-right: 10px; width: 100%; } #phoneNumber-entering-form .explanation2, #email-entering-form .explanation2 { padding: 10px 10px 10px 15px; } #verificationWrapper #email-entering-form .control-label.col-sm-3, #verificationWrapper #email-entering-form .col-sm-6, #verificationWrapper #phoneNumber-entering-form .control-label.col-sm-3, #verificationWrapper #phoneNumber-entering-form .col-sm-6 { padding: 0px; padding-left: 0!important; } #phoneNumber-entering-form .code-wrapper, #email-entering-form .code-wrapper { padding-left: 166px; padding-right: 0px; width: 760px; } #email-entering-form, #phoneNumber-entering-form { overflow: visible!important; } #email-entering-form .code-wrapper i, #phoneNumber-entering-form .code-wrapper i { position: absolute; top: 2px; right: 22px; left: auto; } #email-entering-form .code-wrapper .help-block, #phoneNumber-entering-form .code-wrapper .help-block { display: none; } .verification-group-input { padding-right: 45px; display: inline-block; position: relative; width: 196px; } #email-entering-form .code-wrapper i.fa-close, #phoneNumber-entering-form .code-wrapper i.fa-close { right: -23px; display: none; text-align: center; } .email-code-veri, .phoneNumber-code-veri { display: inline-block; } #phoneNumber_verifiy, #email_verifiy { float: right; width: 183px; padding: 1px 10px; margin-bottom: 0px; margin-right: 0px; margin-left: 50px; } .form-group-phnumber { float: left; width: 40%; position: relative; padding-left: 130px; } #li_phoneNumber #selectCountryCode { width: 123px; padding-left: 5px; position: absolute; left: 0; z-index: 11; padding-right: 0px; } #li_phoneNumber #phoneNumberInput { float: left; width: 100%; } .gameProviderName { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 14px; } /*.no-lantai-games { padding-left: 28px!important; }*/ #games .col-md-3, .gameswithlist .col-md-3 { width: 25%; padding: 5px; } #games .col-md-3 { overflow: hidden; } .lantai-and-fav { position: absolute; right: 0; top: 0; background:#00C4FF; z-index: 99; padding: 2px 6px 2px 8px; text-align: center; } .lantai-and-fav.no-lantai { padding: 4px; } .nama-lantai-game { text-align: center; z-index: 3; position: relative; right: 1px; /* margin-top: -2px; */ } .nama-lantai-game.isloggedin { /* height: 15px; */ /* margin-top: -4px; */ } .nama-lantai-game span { font-weight: bold; font-size: 16px; border-radius: 3px; color: #000000; position: relative; } .gameInner:hover .lantai-and-fav { background:#feff04; } .gameInner:hover { border:2px solid #feff04; } .gameInner:hover .lantai-and-fav .favouriteGameIcon:before, .gameInner:hover .lantai-and-fav .nama-lantai-game span{ color:#044EB1; } .nama-floor-menu { padding: 0px 5px; font-weight: bold; font-size: 14px; background: #F7C759; border-radius: 3px; color: #0057CA; height: 16px; } .ui-accordion-header-active .nama-floor-menu { background: #0057CA; color: #F7C759; } @-moz-document url-prefix() { } #myAccountPage .separator-form { float: right } .header-postlogin #logoPlaceholder { position: relative; } .header-postlogin #header { height: auto; } #myaccountprofile { color: #222; } #myaccountprofile .send-data-form-wrapper { display: none!important; } #myAccountPage #phoneNumber_item #phoneNumber-code, #myAccountPage #email_item #email-code { margin-left: 0; } #tab-title-updateform { background: #0057CB; padding: 5px 20px; display: inline-block; color: #fff; border-radius: 0; margin-top: 20px; } #myaccountprofile fieldset { border-top: 2px solid #0057CB; padding: 0; min-width: 1px; } #updateMyPassword fieldset { } #updateMyAccountExtraFields li { margin:0 -15px; } .updateformtitle { padding: 5px 0; color: #0057CB; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom:10px; } #updateMyAccountForm+.list-unstyled .updateformtitle { margin-left: 15px; } .myaccountNote { margin: 0 15px; } #loadingContent div:not(:first-child) fieldset, #closeAccountForm fieldset { border-top: 0; } #uploadDocuments fieldset { padding-bottom: 15px; } #gobacktotop-games { display:none; text-transform:uppercase; } #gobacktotop-games:hover { color:#F8F13E; cursor:pointer; } .games-page #gobacktotop-games { display:inline-block; float:right; margin-top:30px; transition: opacity 0.2s ease-out; opacity:0; } .games-page #gobacktotop-games.show { opacity:1; } #closeAccountForm fieldset { padding-top: 0; padding-bottom: 0; } .separator-field { padding: 0 15px; } .perbankan-title { margin-bottom: 10px; } .hr-updateform { margin: 0; padding: 10px 0; border-color: #929292; } #myAccountPage .hr-updateform { margin: 10px 15px 0 15px; } #myAccountPage #updateMyPassword .form-control { margin-left: 0; } #updateMyPassword #passwordSaved { margin: 0px 0px 10px; } #updateMyPassword.form-horizontal .has-feedback .form-control-feedback>i+span { right: 21%; } #myAccountPage .form-control-feedback { left: 44px; } #myAccountPage .form-control-feedback .registerValidOK { right: 37%; } #myaccountprofile #accountDetails { padding-bottom: 0; padding-top: 0px; } #myaccountprofile .btn.btn-lg { font-size: 15px; padding: 5px 15px; } #loginhistorywrapper { padding: 15px; color: #000; } #closeAccountForm .radio-inline { font-weight: 400; } #uploadDocuments .control-label { font-weight: 400; } #loginhistorywrapper #loginHistoryPaginator { width: 100%; text-align: right; } #loginhistorywrapper #loginHistoryPaginator.pagination { margin: 0; margin-top: 20px; } #loginhistorywrapper #loginHistoryPaginator.pagination a, #loginhistorywrapper #loginHistoryPaginator.pagination span { float: none; display: inline-block; } .pagination a { border: 1px solid #4194ff; } .limit-bonus-promo { width: 104px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .pagination .current { border: 1px solid #0057cb; } #deposit2_forms_terms { margin-top: 15px; } #header_error { position: fixed; right: 20px; top: 20px; z-index: 5; } /*@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: local('Ubuntu-Light'), url('/cms/css/fonts/ubuntu-light.woff2') format('woff2'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), local('Ubuntu'), url('/cms/css/fonts/ubuntu-normal.woff2') format('woff2'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('/cms/css/fonts/ubuntu-bold.woff2') format('woff2'); }*/ .btn { float: right; padding: 3px 15px; color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; border: 0; box-shadow: none; background: #0057CB; margin: 0 5px; border-radius: 3px!important; } input[type=text], input[type=password], select.form-control { border-radius: 2!important; border: 1px solid #d1d3d4; border-top: 1px solid #bcbec0; border-bottom: 1px solid #e6e7e8; } .btn:hover, .btn:focus:hover, .open>.dropdown-toggle.btn-default { color: #001B3F; outline: none; box-shadow: none; background: #f8f13e; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; } .btn:focus { background: #0057CB; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #0057CB; background: #0057CB; box-shadow: none; } .btn-abu2, #forgotDetailsForm .step-back { background: #ddd; box-shadow: none; color: #222; } #forgotDetailsForm .step-back { box-shadow: none; } .form-group { min-height: 0px; } .input-group-addon { padding: 0 8px; } .form-control { height: 22px; padding: 0 8px; line-height: 22px; border: 1px solid #9a9a9a; border-top-color: #b8b8b8; } .form-horizontal .control-label { padding-top: 0; text-align: left; } .form-control-feedback { width: auto; height: 22px; margin: -28px 0 0 -25px; left: 25%; right: 0; line-height: 22px; } .form-control-feedback .registerValidOK { position: absolute; right: 20px; } .has-feedback .control-label { padding-right: 30px; } .has-feedback .form-control { width: 71%; position: relative; z-index: 10; padding-right: 10px; } .has-feedback .input-group { width: 71%; } .has-feedback .input-group .form-control, #withdrawalAmountWrapper .row .form-control, #withdrawalMethod { width: 50%; } #withdrawalAmountWrapper .col-xs-8 { width: 100%; } #withdrawalAmountWrapper .col-xs-4 { display: none; } #withdrawalAmount_error { margin-left: 0; } .has-feedback .alert-info { margin-right: 30px; margin-left: 0; left: 0; right: auto; top: 15px; font-size: 13px; } #bonusesInfo .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive { border: 1px solid #ddd; } .table-responsive table tr:nth-child(odd) { background: #EAEAEA; } .table-responsive table tr:nth-child(even) { background: #a2c2ec; } .table-responsive table tr:first-child { background: #0057CB; color: #fff; } #loadingContent .pagination .current.prev, #loadingContent .pagination .current.next { background: #969696; color: #fff; } #loadingContent .pagination a, #loadingContent .pagination span { background: #4194ff; color: #fff; } #loadingContent .pagination .current { background: #0057cb; color: #fff; } .transactionTableEvenRow { background: #a2c2ec; } .alert { padding: 5px 15px; } .alert-info { color: #001B3F; border-color: #0057CB; background: #b6cff0; background: -moz-linear-gradient(top, #b6cff0 0%, #99bcea 100%); background: -webkit-linear-gradient(top, #b6cff0 0%, #99bcea 100%); background: linear-gradient(to bottom, #b6cff0 0%, #99bcea 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b6cff0', endColorstr='#99bcea', GradientType=0); border-radius: 0; } .alert-warning { border-color: #969200; background: #f8f13e; border-radius: 0; } .field-info-wrapper .alert-info { padding: 2px 5px; } .error-field, .form-group .error-field { color: #F13856; font-size: 13px; padding-bottom: 2px; } .pagination a, .pagination span { border-radius: 3px; } label { margin-bottom: 0; } .custom-spin { position: absolute; top: 10px; color: #666; } #warningPopup_wrapper { padding:20px 0; } i.fa-check, i.fa-close { padding: 4px; position: absolute; top: 6px; left: 0; border-radius: 0; background: #74B400; text-align:center; } i.fa-calendar { font-size: 14px; } i.fa-close { padding: 2px; top: 8px; border-radius: 2px; background: #ed1c23; } i.fa-close:before { display: inline-block; width: 14px; height: 14px; font-size: 14px; color: #fff; vertical-align: top; } .has-error .control-label { color: #4D4D4D; } .has-error .form-control { border-color: #ed1c23; } #migrationPopup_wrapper .form-title .fa-close { position:relative; top:-1px; } .alert-success { color: #74B400; border-color: #4aa200; background-color: #EDFFCC; border-radius:0px; } .error { color: #F13856; border-radius:0px; } .form-horizontal .form-group { min-height: 39px; } #ui-datepicker-div .ui-widget-header { color: #fff; background: #0057CB; } .ui-datepicker-header .ui-state-hover, .ui-datepicker-header .ui-widget-content .ui-state-hover, .ui-datepicker-header .ui-widget-header .ui-state-hover, .ui-datepicker-header .ui-state-focus, .ui-datepicker-header .ui-widget-content .ui-state-focus, .ui-datepicker-header .ui-widget-header .ui-state-focus { margin-top: 1px; border-color: transparent; background: none; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ui-datepicker table { color: #333; } .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content .ui-state-hover, .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active { border-color: #F8F13E; color: #F8F13E; background: #0057CB; } #progressIndicatorBackground, #preLoaderBackground { background: #080c5d; z-index:99999; } /* Promotion page */ .staticPageWrapper .promotionspage { background:#eaeaea; color:#000; padding:0 0 15px 0; } .staticPageWrapper .main-page-promotion { padding:8px 20px; } .staticPageWrapper .main-page-promotion .col-sm-6 { padding:7px 8px; height: 100%; display: table-cell; vertical-align: top; float:none; } .staticPageWrapper .main-page-promotion .col-sm-6:nth-child(2) { padding-bottom:38px; } .staticPageWrapper .promotionspage.prefooter-information ol li { width: auto; margin:0; padding-left:8px; margin-bottom:2px; } .staticPageWrapper .promotionspage.prefooter-information a { color:#3333FF; text-decoration:underline; } .staticPageWrapper .promotionspage.prefooter-information a.gameElementContent_playButton { color:#000; text-decoration:none; font-size:12px; } .mainimageahref { position:absolute; top:0px; left:0px; width:100%; height:100%; } .staticPageWrapper .promotionspage.prefooter-information a.button-promotions { position:absolute; bottom:8px; left:8px; } .staticPageWrapper .main-page-promotion.prefooter-information a { color:#000; text-decoration:none; display:inline-block; box-shadow:1px 1px 5px 0 #444; } .staticPageWrapper .main-page-promotion.prefooter-information dt { text-transform:uppercase; } .ol-no-pad-promo { padding-left:22px !important; } .main-submenu-faq { padding-top:10px; border-top:1px solid #2D5AA8; margin-top:20px; font-size:14px; font-weight:bold; margin-bottom:15px; display:block; color:#2a6496; } .main-submenu-faq-inner { padding-top:15px; border-top:1px solid #2D5AA8; margin-top:25px; margin-bottom:20px; display:block; color:#2a6496; font-size:18px; padding-left: 13px; padding-right:13px; } .ul-faq-promo { margin-top:0px; padding-left:25px; } .ul-faq-promo li { color:#2a6496; } .staticPageWrapper .promotionspage .nav-pills { border-bottom:1px solid #ddd; } .staticPageWrapper .promotionspage .nav-pills>li.active>a, .staticPageWrapper .promotionspage .nav-pills>li.active>a:hover, .staticPageWrapper .promotionspage .nav-pills>li.active>a:focus { border-radius:0px; background:#F7F03E; color:#0057CB; } .staticPageWrapper .promotionspage .nav-pills { display:flex; align-items: center; justify-content: space-between; } .staticPageWrapper .promotionspage .nav-pills li a, .staticPageWrapper .promotionspage .nav-pills li { width: 100%; display:block; text-align:center; } .staticPageWrapper .promotionspage .nav>li>a { padding:5px 10px; background:#2D5AA2; border-radius:0px; color:#fff; font-size:16px; font-weight:bold; text-transform:capitalize; text-decoration:none; } .promotionspage .tab-content > div { padding: 15px; } .table-promosi { border-collapse:collapse; border:2px solid #fff; } .table-promosi th { border:1px solid #fff; background:#f0f0f0; padding:5px 15px; } .table-promosi td { padding:5px 15px; border:1px solid #fff; } .table-promosi td:nth-child(3) { width:150px; } .title-border-promosi { font-size:15px; font-weight:bold; padding:5px 0; border-bottom:1px solid #000; text-transform:capitalize; } .mb15 { margin-bottom:15px !important; } body { color: #fff; font-family: 'Ubuntu', sans-serif; overflow-x: hidden; width: 100%; background:#000; } body, html { height: 100%; width:100%; } #wrapper { padding: 0 15px; } #slider img { width: 100%; } #main-fluid .container, #gamecontent-fluid .container, #subslider-fluid .container { background: #090D5F; } #main-fluid .container { padding-top: 15px; } #header-fluid { height: 88px; } #header-fluid.header-postlogin { height: auto; } #header-fluid .container { background: #001b3f; background: -moz-linear-gradient(top, #001b3f 0%, #0d117f 71%); background: -webkit-linear-gradient(top, #001b3f 0%, #0d117f 71%); background: linear-gradient(to bottom, #001b3f 0%, #0d117f 71%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001b3f', endColorstr='#0d117f', GradientType=0); } #logo { width: 200px; height: 70px; background-position: center center; } #logoPlaceholder { padding-top: 10px; padding-left: 55px; z-index: 1; } #registerButton, #loginButton, #signoutButton, .gameElementContent_playButton { position: relative; padding: 6px 12px; float: none; color: #000000; font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; box-shadow: none; background: #9BF100; line-height: 19px; } .info-detail-button { position: absolute; right: 5px; bottom: 5px; font-size: 18px; color:#feff04; z-index: 124; } .info-detail-button:hover { cursor: pointer; opacity: 0.7; } #registerButton { background: #ED1C23; color: #fff; } #registerButton:hover, #registerButton:focus, #registerButton:active, #loginButton:hover, #loginButton:focus, #loginButton:active, #signoutButton:hover, #signoutButton:focus, #signoutButton:active, .gameElementContent_playButton:hover, .gameElementContent_playButton:focus, .gameElementContent_playButton:focus:hover, .gameElementContent_playButton:active { color: #000000; box-shadow: none; border-color: #F8C859; background: #F8F13E; text-decoration: none; } #registerButton:after, #loginButton:after, #signoutButton:after, .gameElementContent_playButton:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; background: #5D9100; } #registerButton:hover:after, #loginButton:hover:after, #signoutButton:hover:after, #registerButton:focus:after, #loginButton:focus:after, #signoutButton:focus:after, #registerButton:active:after, #loginButton:active:after, #signoutButton:active:after, .gameElementContent_playButton:hover:after, .gameElementContent_playButton:focus:after, .gameElementContent_playButton:active:after { background: #959125; } #registerButton:before, #loginButton:before, #signoutButton:before, .gameElementContent_playButton:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; background: #C3F766; } #registerButton:hover:before, #loginButton:hover:before, #signoutButton:hover:before, #registerButton:focus:before, #loginButton:focus:before, #signoutButton:focus:before, #registerButton:active:before, #loginButton:active:before, #signoutButton:active:before, .gameElementContent_playButton:hover:before, .gameElementContent_playButton:focus:before, .gameElementContent_playButton:active:before { background: #FBF78B; } #help-button { margin-right: 10px; float: left; text-transform: uppercase; } .help-button_link { float: left; max-width: 72px; color: #fff; font-size: 12px; line-height: 14px; position: relative; padding-right: 25px; text-transform: capitalize; } .help-button_link:hover, .help-button_link:focus { color: #ffffff; } #help-button span.help-icon-wrapper { margin: 1px 0 0 7px; padding: 1px 3px 1px 1px; background: #599DEC; position: relative; top: 4px; border-radius: 3px; position: absolute; right: 0px; } #help-button .fa-question { color: #fff; font-size: 14px; position: relative; top: auto; left: auto; text-align: center; padding: 0px; background: none; } #forgotPass { max-width: 75px; margin-left: 5px; color: #ffffff; font-size: 12px; line-height: 14px; vertical-align: middle; text-align: left; text-transform: capitalize; } #changeLanguage_msdd { width: auto!important; outline: none!important; } #updatePassword_error { margin-bottom:10px; } .mh0 { margin-left:0px !important; margin-right:0px !important; } .right-winner-content .promotedGame_realButton.promotedGamelockBackground { background-color: transparent; border-color: transparent; } .gameElement_realButton.lockBackground:hover, .promotedGame_realButton.promotedGamelockBackground:hover, .liveGameElement_realButton.liveGamelockBackground:hover, .gameElement_realButton.lockBackground:focus, .promotedGame_realButton.promotedGamelockBackground:focus, .liveGameElement_realButton.liveGamelockBackground:focus, .gameElement_realButton.lockBackground:active, .promotedGame_realButton.promotedGamelockBackground:active, .liveGameElement_realButton.liveGamelockBackground:active { background:#F8F13E; border-color: #F8C859; } #languageWrapper_login, #languageWrapper_postlogin { position: relative; z-index: 20; margin-bottom: 0; margin-left: 5px; vertical-align: top; top: -3px; } #languageWrapper_postlogin { margin-left: 15px; } #languageWrapper_login:before, #languageWrapper_postlogin:before { content: ''; width: 3px; height: 20px; position: absolute; top: 1px; left: -9px; background: #9BF100; } #languageWrapper_login:before { height: 21px; } #languageWrapper_postlogin:before { background: #3789a5; } .dd { border: none; } .dd .ddTitle, .dd .arrow:hover { background: none; } .ddTitleText .ddlabel, .borderRadiusTp .divider { display: none; } #changeLanguage_title .flag, .dd .ddChild li img { width: 23px; height: auto; position: relative; top: -1px; } .dd .arrow { width: 0; height: 0; margin-top: -3px; border-style: solid; border-width: 5px 4px 0 4px; border-color: #ffffff transparent transparent transparent; display: none; } .dd .ddTitle .ddTitleText { padding: 2px 0px 3px 5px; } .borderRadiusTp .border, .borderRadiusTp ul li:last-child { border-radius: 0 0 1px 1px; } .dd .ddChild, .ddcommon .ddChild li.hover { border: 0; background-color: transparent; } .dd .ddChild li { padding: 5px; border-bottom: 0; cursor: pointer; text-align: left; font-size: 12px; white-space: nowrap; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); background: linear-gradient(to bottom, #ffffff 0%, #dbdbdb 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb', GradientType=0); } .dd .ddChild li:hover { background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); } .ddcommon .ddChild { width: auto; margin-left: 7px; } .borderRadius .shadow, .ddcommon .shadow { padding: 10px; top: 10px!important; right: -10px; left: auto; box-shadow: none; display: none !important; } .ddcommon ul { clear: both; box-shadow: 2px 2px 10px #000; } .borderRadius .shadow:before, .ddcommon .shadow:before { content: ""; display: block; width: 4px; margin-right: 3px; float: right; border: 4px solid transparent; border-bottom: 4px solid #fff; } #quickDepositFormPlaceholder, #pointsConvertingFormPlaceholder { display: none; } #login_form, #postlogin_form { padding-right: 0; background: none; } #login_form .btn, #postlogin_form .btn { padding: 0 12px; float: none; } #login_form { text-align: right; } #registerButton { margin-left: 5px; } #postlogin_form_account, #postlogin_form_deposit { margin-bottom: 5px; } #postlogin_form_account { margin-top:2px; } #postlogin_nickname span { max-width: 105px; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; position:relative; top:-1px; } #postlogin_nickname:hover { text-decoration: none; color: #F8F13E; } #postlogin_form_buttons .btn-primary { margin-left: 0px; color: rgba(0, 0, 0, 0.8); font-size: 13px; background: #d1d3d4; margin-top: 2px; font-weight: bold; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.8); border-radius: 2px!important; height: 18px; top: -4px; position: relative; } #postlogin_form_buttons .btn-primary#depoButton { background: rgb(214,248,153); background: -moz-linear-gradient(top, rgba(214,248,153,1) 0%, rgba(152,238,0,1) 35%, rgba(152,238,0,1) 100%, rgba(5,173,0,1) 100%); background: -webkit-linear-gradient(top, rgba(214,248,153,1) 0%,rgba(152,238,0,1) 35%,rgba(152,238,0,1) 100%,rgba(5,173,0,1) 100%); background: linear-gradient(to bottom, rgba(214,248,153,1) 0%,rgba(152,238,0,1) 35%,rgba(152,238,0,1) 100%,rgba(5,173,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f899', endColorstr='#05ad00',GradientType=0 ); border: 3px solid #9cea0e; height: 21px; line-height: 15px; position: relative; padding: 0 0px; } #postlogin_form_buttons .btn-primary#quicktransferButton .dropdepo { line-height: 15px; } #postlogin_form_buttons .btn-primary#depoButton span { padding: 0 8px; display: inline-block; } #header.affix .btn-primary#depoButton span{ padding: 0 0px; } #postlogin_form_buttons .btn-primary#depoButton .dropdepo { position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeefef+1,ced0d1+100,05ad00+100 */ background: rgb(238,239,239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,239,239,1) 1%, rgba(206,208,209,1) 100%, rgba(5,173,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,239,239,1) 1%,rgba(206,208,209,1) 100%,rgba(5,173,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,239,239,1) 1%,rgba(206,208,209,1) 100%,rgba(5,173,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeefef', endColorstr='#05ad00',GradientType=0 ); /* IE6-9 */ margin-top: 12px; width: 400px; margin-left: -200px; left: 50%; box-shadow: 1px 1px 10px 0px #000; text-align:left; z-index: 999; font-size: 13px; } #postlogin_form_buttons .btn-primary#depoButton:hover .dropdepo { color:rgba(0, 0, 0, 0.8); cursor: auto; } #postlogin_form_buttons .btn-primary#depoButton .dropdepo .closeopenformdepo { display:block; float:right; font-size: 17px; position: relative; top: -3px; right: -2px; cursor: pointer; padding: 0px; color: #0257ca; background: #fefefe; } .closeopenformdepo:before { content: "\f00d"; display: inline-block; padding: 1px 4px; font: normal normal normal 18px/1 FontAwesome; } #postlogin_form_buttons .btn-primary#quicktransferButton .dropdepo { position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeefef+1,ced0d1+100,05ad00+100 */ background: rgb(238,239,239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,239,239,1) 1%, rgba(206,208,209,1) 100%, rgba(5,173,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,239,239,1) 1%,rgba(206,208,209,1) 100%,rgba(5,173,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,239,239,1) 1%,rgba(206,208,209,1) 100%,rgba(5,173,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeefef', endColorstr='#05ad00',GradientType=0 ); /* IE6-9 */ margin-top: 12px; box-shadow: 1px 1px 10px 0px #000; width: 400px; margin-left: -200px; left: 50%; text-align:left; z-index: 999; font-size: 13px; /* overflow: hidden; */ } #postlogin_form_buttons .btn-primary#quicktransferButton:hover .dropdepo { color:rgba(0, 0, 0, 0.8); cursor: auto; } #postlogin_form_buttons .btn-primary#quicktransferButton .dropdepo .closeopenformdepo { display:block; float:right; font-size: 17px; position: relative; top: -3px; right: -2px; cursor: pointer; padding: 0px; color: #0257ca; background: #fefefe; } .quick-extra-note { margin-top: 4px; color:#5a5a5a; text-transform: capitalize !important; font-style: italic; font-weight: 300; } /* Bank status */ .bank-status { float: right; position: relative; top: -4px; margin-left: 20px; font-size: 17px; } .bank-wrapper-status { width: 16px; height: 18px; } .bank-wrapper-status:before { content: ""; width: 16px; height: 18px; background: url(/cms/images/bank_icon_pilar.png) no-repeat center center; position: absolute; left: 0; top: 3px; } .bank-status.logged-out { display: inline-block; margin-left: 8px; top:0; z-index:9999; float:none; } #header.affix .bank-status:not(.logged-out) { display: none; } .bank-status:before { content: ''; width: 3px; height: 20px; position: absolute; top: 2px; left: -14px; background: #3789a5; } .content-bank-drop { position: absolute; right: 0px; border: 2px solid #fff; font-family: 'Ubuntu', sans-serif; font-weight: normal; margin-top: 7px; display: none; top: 20px; } .bank-status:hover {cursor: pointer;} .bank-status:hover .content-bank-drop { display: block; } .content-bank-drop:before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; position: absolute; top: -7px; right: 2px; } .content-bank-drop .item-bank { background: rgba(236, 237, 237, 1); margin: 0px; padding: 5px; border-top: 1px solid #f1f2f2; border-bottom: 1px solid #bcbec0; white-space: nowrap; color:#000; font-size: 14px; display: flex; align-items: center; justify-content: flex-start; } .content-bank-drop .item-bank > div { display: inline-block; margin: 0 5px; font-weight: bold; } .content-bank-drop .item-bank > div:nth-child(1) { margin-left: 0; } .content-bank-drop .item-bank > div:last-child { margin-right: 0; } .time-bank { font-size: 13px; } .img-bank img { width: 80px; } .status-bank { width: 12px; height: 12px; border-radius: 50%; background:red; } .status-bank.active { background:green; } .dropdepo:after { content:""; position:absolute; left: 50%; margin-left: -6px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #0257ca; } .title-dropdepo { text-align: center; padding: 5px; /* border-bottom: 1px solid #959595; */ position: relative; background: #0257ca; box-shadow: 0px 2px 3px 0px #666; color: #fff; } .body-dropdepo { padding: 15px; text-align:center; } .body-dropdepo input.form-control { width: 100%; font-weight: normal; } .body-dropdepo label { text-align: left; position: relative; top: 2px; display: block; text-transform: capitalize; } .body-dropdepo .row { margin-bottom: 10px; } #postlogin_form_buttons .btn-primary#sendDepoDrop, #postlogin_form_buttons .btn-primary#sendTransferDrop { background: #0057C8; color: #fff; padding: 13px 12px !important; line-height: 0px; margin-right: 2px; } #postlogin_form_buttons .btn-primary#sendDepoDrop:hover, #postlogin_form_buttons .btn-primary#sendTransferDrop:hover { color: #0057cb; border-color: #F8C859; background: #F8F13E; } #jumlahdepo, #jumlahtransfer { padding-left: 35px; /* padding-right: 30px; */ text-align: left; font-weight: bold; font-size: 13px; } #transferDanaNotificationAmount::-webkit-input-placeholder ,#jumlahdepo::-webkit-input-placeholder , #jumlahtransfer::-webkit-input-placeholder { text-align:left; } #transferDanaNotificationAmount::-moz-placeholder, #jumlahdepo::-moz-placeholder , #jumlahtransfer::-moz-placeholder { text-align:left; } #transferDanaNotificationAmount::-ms-input-placeholder, #jumlahdepo::-ms-input-placeholder , #jumlahtransfer::-ms-input-placeholder { text-align:left; } .ribuanholder { position: absolute; right: 20px; top:4px; } .error-general-drop { margin-bottom: 10px; text-align:left; padding: 8px 10px; border-radius: 0px; white-space: normal; font-weight: normal; text-transform: none; } .jumlahdepowrapper #depositNotificationAmountCurrency ,.jumlahdepowrapper #transferNotificationAmountCurrency{ position: absolute; top:4px; margin-left: 7px; } @-moz-document url-prefix() { .jumlahdepowrapper #depositNotificationAmountCurrency, .ribuanholder { top:3px; } } @media (max-width:991px){ #postlogin_form_buttons .btn-primary#depoButton { line-height: 15px; } #postlogin_form_buttons .btn-primary#depoButton .dropdepo { margin-left: -217px; } .dropdepo:after { margin-left: 12px; } } @media (max-width:767px){ .jumlahdepowrapper #depositNotificationAmountCurrency { left: 16px; } .body-dropdepo .control-label { margin-bottom: 5px; } } @media (max-width:479px){ #postlogin_form_buttons .btn-primary#depoButton .dropdepo { left: 0px; margin-left: 0; width: 100%; color: #000; } #postlogin_form_buttons .btn-primary#depoButton { line-height: 11px; } #postlogin_form_buttons .btn-primary#depoButton { background: transparent; color:#fff; border:0px; height: auto; } #postlogin_form_buttons .btn-primary#depoButton span { display: block; } } #postlogin_form_buttons .btn-primary:hover { color: #0057cb; border-color: #F8C859; background: #F8F13E; } #postlogin_form_buttons .btn-primary:before, #postlogin_form_buttons .btn-primary:after { display: none; } #mainUserLoyaltyTier { border-left: 3px solid #3789a5; padding-left: 8px; } #mainUserLoyaltyTier #imageUserCategory { position: relative; top:-2px; height: 19px; width: 19px; } #postlogin_form_buttons #announcementButton { padding: 0 5px; color: #FF0000; } .headerLink {position:relative;display: inline-block;} .headerLink, .headerLink:hover { color: #fff; } .loyaltyhover { position: absolute; right: 0px; padding: 1px 4px; background: rgba(236, 237, 237, 1); color: #000; border-top: 1px solid #fff; box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius: 3px; z-index: 9999; margin-top: 1px; white-space: nowrap; display: none; } .headerLink:hover .loyaltyhover { display: block; } #awardpointtop { margin-left: 5px; } .loyaltyhover > div { background: rgba(236, 237, 237, 1); margin: 0px; padding: 5px; border-top: 1px solid #f1f2f2; border-bottom: 1px solid #bcbec0; } .loyaltyhover:after { content: ""; position: absolute; top:-6px; right: 15px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } #total_balance { color: #fff; font-size: 14px; box-shadow: none; border: 0; background: none; } #verified-percentages { color: #ff3838; } #verified-percentages.fully-verified { color: #9bf100; } #verified-percentages:hover { color: #ffff00; } #postlogin_form_deposit { margin-left: 7px; border-left: 3px solid #3789a5; } #postlogin_form #signoutButton { margin: 1px 0 0 5px; float: right; font-size: 10px; background: rgba(221, 221, 221, 0.33); padding: 0 12px; color: rgba(255, 255, 255, 0.5); } #postlogin_form_buttons { float: right; text-align: right; display: inline-block; position: relative; top: 4px; } @-moz-document url-prefix() { #postlogin_form_buttons { position: relative; top: -1px; } } #rememberMeBox { display: none; } #total_balance_wrapper .dropdown-menu { margin-right: 13px; color: #333; border-radius: 2px; } #postlogin_form_deposit .dropdown .dropdown-menu-content { border-radius: 0; } #award_balance_wrapper, #wagering_requirement_wrapper { display: none; } #bonus_balance, #availableCampaignsLink { color: #fff; } #postlogin_form_deposit>.is-shown { margin-left: -3px; padding-right: 10px; padding-left: 5px; border-left: 3px solid #6DD4EE; } #postlogin_form_deposit #bonus_span { margin-left: 5px; } #postlogin_form_deposit>.is-shown+.is-shown { margin-left: -5px; border-left: 3px solid #6DD4EE; } #subheader { margin-bottom: 0; } #subheader .col-xs-12 { padding: 0; } #staticmenu { display: inline-block; width: 100%; padding-left: 50px; background: #0057CB; border-bottom: 3px solid #3789a5; line-height: 27px; text-transform: uppercase; } #staticmenu_general li { position: relative; } #staticmenu_general li:after { content: ''; width: 100%; height: 3px; position: absolute; bottom: -3px; z-index: 5; opacity: 0; background: #F8C859; } #staticmenu_general li.active:hover { opacity: 1; } #staticmenu_general li.active:after { opacity: 1; } #staticmenu_general li>a { padding: 0 16px; color: #ffffff; font-size: 15px; } .promotiongamepopup-wrapper { padding: 15px 0; } .header-title-promosi { text-align:center; padding:10px 5px; font-size:14px; background:#f0f0f0; border:2px solid #fff; font-weight:bold; } .header-title-promosi b { color:#0057CB; } #faqs.prefooter-information .expand-toggle { float:right; margin-bottom:10px; font-size:17px; } #faqs.prefooter-information .expand-toggle:hover { opacity:0.7; cursor:pointer; } #faqs.prefooter-information .expand-toggle span { margin-right:8px; font-size:14px; } .prefooter-information #wrapper-faq-data .expand-toggle { float:right; margin-bottom:10px; font-size:17px; } .prefooter-information #wrapper-faq-data .expand-toggle:hover { opacity:0.7; cursor:pointer; } .prefooter-information #wrapper-faq-data .expand-toggle span { margin-right:8px; font-size:14px; } .content-data-promosi { border:2px solid #fff; border-top:0px; overflow:auto; max-height:188px; margin-bottom:20px; } .promotiongamepopup-wrapper .text-blue { color:#0057CB; } .content-data-promosi .col-sm-3 { padding:5px 15px; } .tab-pane .description-content img { margin-bottom:10px; } .promopopupcss .fancybox-close { z-index:9999; } .fancybox-lock .fancybox-overlay { z-index:10002; } #searchfaq { position:absolute; top:-45px; right:-11px; z-index:11; height:20px; background:#0047a7; border-radius:2px; border:0px; box-shadow:inset 1px 1px 1px 0px #26296d; padding:5px; font-size:12px; color:#fff; } #searchfaq:focus { border:0; outline: 0 } #staticmenu_general li>a:focus { color: #fff; } #staticmenu_general li:first-child>a { padding: 0 10px; color: #fff; border-radius: 0; font-size: 20px; } #staticmenu_general li.active:first-child>a { color: #0057cb; } #staticmenu_general li.active a { background: #F8F13E; border-radius: 0; color: #0057cb; } #staticmenu_general li:hover>a { color: #0057cb; } #staticmenu_general li:hover, #homelink:hover, #homelink:focus, .nav>li>a:hover, .nav>li>a:focus, #staticmenu_general li:focus { color: #000000; background: #F8F13E; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0; } #staticmenu_general li:hover:after, #staticmenu_general li:focus:after { opacity: 1; } #staticmenu_general li .submenu { display: none; position: absolute; top: 29px; right: 0; left: 0; z-index: 3; color: #0057cb; text-align: center; font-size: 16px; box-shadow: inset 0 4px 7px rgba(0, 0, 0, .5); background: #F8F13E; } #staticmenu_general li:hover .submenu { display: block; } #staticmenu_general li .submenu a:hover { color: #000; text-decoration: none; } .nav-pills>li+li { margin-left: 0; } #homelink { margin: 0 0 0 50px; line-height: 22px; font-size: 24px; } #second-row { margin-top: -5px; background: #0D117F; position: relative; } #staticmenu_secondary { margin-left: 45px; } #staticmenu_secondary li>a:hover, #staticmenu_secondary li>a:focus { background: none; border-radius: 0; } #staticmenu_secondary li>a { color: #ffffff; font-size: 14px; } #main_onepart, #main_leftpart, #main_rightpart { margin-bottom: 20px; } .slider-home { padding-right: 0; margin: -5px 0px 10px 0px !important; padding: 0 !important; } #main_leftpart #content { padding: 0; background: none; } .slider-home #content { width: 690px; height: 348px; float:left; margin-left: 10px; } #main_leftpart #content_rightPlace { width: 240px; float:left; margin-left: 10px; display: block; } #content_rightPlace .title-winner-main { padding: 3px 10px; color:#fff; font-weight: bold; font-size: 15px; text-align: center; background:#0057CB; } #content_rightPlace .bx-wrapper .bx-viewport { height: 321px !important; } .item-winner-content { padding: 0px 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5effc+0,96cff1+100 */ background: rgb(213,239,252); /* Old browsers */ background: -moz-linear-gradient(top, rgba(213,239,252,1) 0%, rgba(150,207,241,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(213,239,252,1) 0%,rgba(150,207,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(213,239,252,1) 0%,rgba(150,207,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5effc', endColorstr='#96cff1',GradientType=0 ); /* IE6-9 */ color:#3232ab; display: flex; align-items: center; justify-content: center; height: 80.3px; } .item-winner-content .left-winner-content { float:left; width: 40%; padding: 0px 5px; } .item-winner-content .left-winner-content img { width: 100%; } .item-winner-content .right-winner-content { float:left; width: 60%; padding: 0px 5px; font-size: 12px; line-height: 15px; } .item-winner-content .right-winner-content > span:nth-child(1) { font-weight: bold; } .item-winner-content .right-winner-content a { color:red; } #mainbanners a img { margin-bottom: 0; width: 100%; } #mainbanners a:first-child img {} #mainbanners #promotionsJoinButton { display: block; margin-top: 15px; } #totaljackpot { margin-right: -7px; margin-left: -7px; position: relative; } #totaljackpot .bg-jackpot { width: 100%; position: relative; top: 8px; } #totaljackpotTitle>img { display: none; } #totaljackpotValue { text-align: center; color: #c5e0f5; position: absolute; top: 50%; margin-top: -15px; font-family: 'Ubuntu', sans-serif; text-shadow: 2px 2px #00469f; font-size: 32px; width: 54%; right: 3%; } #bantuan-data-section3 .inner-contact-faq { display:block; } #bantuan-data-section3 .inner-contact-faq .col-sm-6 { padding-left:0px; } #progresivejackpottitle, .jackpotitemvalue, .jackpotitemname { color: #ffffff; } #gamecontent { margin-bottom: 0px; } #winnerRow { width: 70%; margin: -31px 15px 10px 0; padding-left: 0; float: right; background: rgb(236, 220, 143); background: -moz-linear-gradient(top, rgba(236, 220, 143, 1) 0%, rgba(185, 145, 54, 1) 100%); background: -webkit-linear-gradient(top, rgba(236, 220, 143, 1) 0%, rgba(185, 145, 54, 1) 100%); background: linear-gradient(to bottom, rgba(236, 220, 143, 1) 0%, rgba(185, 145, 54, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ecdc8f', endColorstr='#b99136', GradientType=0); position: relative; top: 3px; } #winnerrowleft { display: block; padding: 2px 15px; float: left; color: #7B3E00; position: relative; font-weight: bold; z-index: 31; background: rgb(236, 220, 143); background: -moz-linear-gradient(top, rgba(236, 220, 143, 1) 0%, rgba(185, 145, 54, 1) 100%); background: -webkit-linear-gradient(top, rgba(236, 220, 143, 1) 0%, rgba(185, 145, 54, 1) 100%); background: linear-gradient(to bottom, rgba(236, 220, 143, 1) 0%, rgba(185, 145, 54, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ecdc8f', endColorstr='#b99136', GradientType=0); } #winnerSlider { height: 22px; line-height: 22px; width: 99%; position: absolute; background: #090D5F; top: 1px; right: 1px; padding-right: 0px; } #winnerSliderTextWrapper .gameLink, #winnerSliderTextWrapper .winnerListLink { color: red; text-transform: uppercase; } .games-page #winnerSliderTextWrapper .winnerListLink { color: #9BF100; } #winnerSliderTextWrapper .winnerListPlayer { font-family: 'Ubuntu', sans-serif; font-size: 15px; font-weight: 800; } .games-page #winnerSliderTextWrapper .winnerListPlayer, .games-page .winnerListItemRight { font-size: 13px; } #gamecontent-fluid #gameGroupTitle { display: none; } .gameJackpot { position: absolute; left: 0; right: 0; margin-top: -100px; color: #fff; text-align: center; z-index: 12; } .gameJackpotValue { display: inline-block; padding: 0 10px; border-radius: 3px; background: rgba(0, 0, 0, 0.8); display:none; } .gameJackpotValue span { margin-left:5px; } .gameInner:hover .gameTitleContent, .gameInner:hover .promotedGameTitleContent { color: #fff; } .gameInner .gameProviderName:hover { color: #000; } .gameInner:hover .gameTitleWrapper, .gameInner:hover .gameProviderName { /* background: #F8F13E; */ color: #fff; } .gameInner.activehover .gameTitleWrapper, .gameInner.activehover .gameProviderName { /* background: #F8F13E; */ color: #fff; } .gameElementContent img { box-shadow: 0 -7px 18px 7px #000; } .game { /* margin-bottom: 10px; */ padding: 0; } .gameInner { font-family: 'Ubuntu', sans-serif; padding: 0; font-weight: 800; overflow: hidden; background:#2d6fab; border: 2px solid #00C4FF; position: relative; } .gameInner .gameRTP { display: none; } .gameTitleWrapper { height: auto; text-align: left; text-transform: uppercase; position: absolute; bottom: 0; width: 100%; z-index: 123; background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.83) 64%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.83) 64%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.83) 64%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#000000',GradientType=0 ); } .gameTitleWrapper:hover { /* background: #F8F13E; */ } .gameInner:hover .promotedGameTitleWrapper { background: #F8F13E; } .gameInner:hover .gameElementContent img { border-color: red; } .gameTitleContent, .promotedGameTitleContent { max-width: 170px; padding: 0px 26px 0px 3px; color: #0057CB; /* overflow: hidden; */ /* text-overflow: ellipsis; */ /* white-space: nowrap; */ font-size: 15px; text-align: left; } .is-logged-in .gameTitleContent, .is-logged-in .promotedGameTitleContent { /* padding-right: 30px; */ } .gameElementContent img { display: block; width: 100%; margin: 0 0 0; padding: 0; position: relative; z-index: 2; border: 0; border-radius: 0; transition: none; background: transparent; } .gameProviderName { width: 100%; padding: 6px 0 4px 10px; color: #ffffff; text-align: left; } .gameElementContent_playButtonWrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 14; text-align: center; padding: 5px; border: 2px solid #feff04; background: rgba(0,0,0,0.6); margin: -2px; } #gamecontent-fluid .gameElementContent_playButtonWrapper a { display: inline-block; width: auto; margin: 0 auto; text-transform: uppercase; font-size: 53px; /* box-shadow: 3px 3px 5px 0 #000; */ z-index: 123; /* text-align: center; */ color: #fff; } #gamecontent-fluid .gameElementContent_playButtonWrapper a.gameElement_realButton { text-shadow: 1px 1px 6px #000; } #gamecontent-fluid .gameElementContent_playButtonWrapper .gameElement_demoButton { width: 50%; padding: 2px; margin: 0; text-transform: uppercase; color: #fff; font-size: 10px; float: left; position: absolute; bottom: 10px; right: auto; left: 50%; display: inline-block; text-align:center; background: transparent; border: 2px solid #feff04; border-radius: 17px !important; margin-left: -50px; width: 100px; font-size: 14px; font-style: italic; } #gamecontent-fluid .gameElementContent_playButtonWrapper .gameElement_demoButton:hover { background:#feff04 !important; color:#143292; } #gamecontent-fluid .gameElementContent_playButtonWrapper .mainbutton { bottom: 50%; margin-bottom: -16px; } #gamecontent-fluid .gameElementContent_playButtonWrapper .btn-demo-prelogin { width: 100%!important; top:50%; margin-top:-19px; } .gameElementContent_playButtonWrapper { visibility: hidden; } .gameInner:hover .gameElementContent_playButtonWrapper .gameElement_demoButton, .gameInner:hover .gameElementContent_playButtonWrapper .gameElement_realButton, .gameInner:hover .gameElementContent_playButtonWrapper{ visibility: visible; } .gameInner .gameElementContent { z-index:12; } .gameInner.activehover .gameElementContent{ z-index:10; } .gameInner.activehover .gameJackpot { z-index:11; } .gameInner.activehover .gameElementContent_playButtonWrapper { visibility: visible; } #gamelistpaginator { margin-top: 0; } #gamelistpaginator a, #gamelistpaginator span { display: inline-block; width: 15px; height: 15px; margin: 0 3px; padding: 0; vertical-align: top; line-height: 14px; font-size: 11px; color: #000; border-radius: 50%; border: 1px solid #fff; background: #DDDEDF; } #gamelistpaginator .current { border-color: #9BF100; background: #9BF100; } #gamelistpaginator .prev, #gamelistpaginator .next { font: 0/0 Arial; border: 0; background: none; } #gamelistpaginator .prev:before, #gamelistpaginator .next:before { content: ""; display: block; height: 100%; background: url("/cms/images/icons/prev.png") center no-repeat; } #gamelistpaginator .next:before { background: url("/cms/images/icons/next.png") center no-repeat; } .favouriteGameIcon { color: #fff!important; font-size: 14px; background: transparent !important; margin: 0px 0 0 0; padding: 0; font-weight: normal; position: absolute; right: 2px; top: 29px; z-index: 2123; width: 20px; height: 18px; } .game-no-floor { top: 5px; } .favouriteGameIcon:hover { background: transparent; color:#ff0000; } .gameInner:hover, .gameInner.activehover { background: transparent; } .favouriteGameIcon:before { content: ""; width: 20px; height: 18px; background: url(../images/icon-slot/heart3.png) no-repeat center center; position: absolute; left: 0; } .favouriteGameIcon.active:before { content: ""; background: url(../images/icon-slot/heart1.png) no-repeat center center; } .overlay-fav .favouriteGameIcon:before { background: url(../images/icon-slot/heart4.png) no-repeat center center; background-size: cover; width: 22px; height: 19px; } .overlay-fav .favouriteGameIcon.active:before { background: url(../images/icon-slot/heart2.png) no-repeat center center; background-size: cover; width: 22px; height: 19px; } .favouriteGameIcon:after { display: none; } #gamePageDropdown { margin: 0px 15px; height: 29px; width: 210px } .funds-details { color: #333; } .funds-details .award { display: none; } #games .highlight, .gameswithlist .highlight { color: #F8F13E; } #games .gameInner:hover .gameTitleContent .highlight, #games .gameInner:hover .promotedGameTitleContent .highlight, .gameswithlist .gameInner:hover .gameTitleContent .highlight, .gameswithlist .gameInner:hover .promotedGameTitleContent .highlight{ color: #0057CB; } #games .gameInner.activehover .gameTitleContent .highlight, #games .gameInner.activehover .promotedGameTitleContent .highlight, .gameswithlist .gameInner.activehover .gameTitleContent .highlight, .gameswithlist .gameInner.activehover .promotedGameTitleContent .highlight{ color: #0057CB; } #filterform > div { padding: 0; } .bet-terkecil { margin-bottom: 0px; margin-top: 0px; color: #FFF100; text-transform: capitalize; font-size: 14px; } .title-fitur-desc { margin-top: 10px; } .wrapper-minbet { margin-top:30px; /* float: left; */ /* margin: 0 auto; */ display: flex; justify-content: space-between; padding: 0 30px; align-items: center; } .wrapper-minbet > div, .dummy-button > div { /* float:left; */ display: inline-block; /* margin-right: 20px; */ } .dummy-button > div:hover { cursor: pointer; opacity: 0.8; } .total-hasil-filter { width: 30%; text-align: right; } .button-simpan-filter { position: relative; padding: 6px 15px !important; float: none; color: #000000 !important; font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; box-shadow: none !important; background: #9BF100 !important; line-height: 19px; margin: 0; } #gamesSearchWrapper .button-simpan-filter:hover, #gamesSearchWrapper .button-simpan-filter:active { color: #000000 !important; box-shadow: none; text-shadow: none !important; border-color: #F8C859 !important; background: #F8F13E !important; text-decoration: none; } .resetfilterinner { float:none; position:relative; text-transform: capitalize; margin-right: 15px; } .total-hasil-filter-content { color: #fff; text-transform: uppercase; font-style: italic; } .total-hasil-filter-content span { color:yellow; font-weight: bold; font-size: 18px; } .wrapper-minbet > div:last-child, .dummy-button > div:last-child { margin-right: 0px; } .wrapper-minbet .content-minbet { /* margin-right: 40px; */ width: 70%; } .dummy-button > div { font-size: 14px; position: relative; top: 22px; } .dummy-button > div > i { margin-right: 5px; } #minbet { /* margin-bottom: 10px; */ /* border-radius: 4px; */ background: transparent; olor: #9bf100; border: 0; font-size: 13px; display: inline-block; width: auto; text-align: left; padding-left: 10px; color: #92ff00; } #minimumBet > a { height: 26px; width: 12px; background: #ffff02; top: -13px; } #minimumBet > a > i { position:relative; top: 3px; left: 4px; font-size: 12px; font-weight: 600; color: #133396; } .label-top-minbet { padding: 5px 50px 20px 50px; position: relative; } .label-top-minbet > * { width: auto; /* float:left; */ } .label-top-minbet input { width: 90px; padding: 1px 5px; text-align: center; margin-bottom: 0 !important; } .minbetrange, .maxbetrange { color: #fff; position: absolute; top:5px; } .minbetrange { left: 0px; } .maxbetrange { right: 0px; } #mininumBet > a { height: 26px !important; width: 10px !important; color: #133396 !important; background: #ffff02 !important; top: -13px !important; } #gamesSearchSortingWrapper .btn-default, #gamesSearchSortingWrapper .sort-data { display: none; } #gamesSearchSorting, #gamesSearchFiltering { float:right; } #gamesSearchFiltering { margin-left: 10px; padding: 9px 15px; } #gamesSearchSorting.disable-filter { position: relative } #gamesSearchSorting.disable-filter > div > label, #gamesSearchSorting.disable-filter > div > div{ color:#599ae9; } .sortgamepage { display: inline-block; } .openfilter { position: relative; top:0px !important; display: none; } .resetfilter { display: none; } /*.openfilter.active:after{ content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 13px solid #2257c7; position: absolute; bottom: -15px; left: 50%; margin-left: -9px; }*/ #gamesSearchSortingWrapper .sortname,#gamesSearchSortingWrapper .sortgamepage { display: inline-block; } #gamesSearchWrapper .btn { font-size: 12px; top:4px; padding: 2px 2px 2px 2px; color: #cdcfde; } #gamesSearchKeywordWrapper { width: 150px; } #gamesSearchWrapper { position: relative; border-bottom: 2px solid #f8f13e; } .container-index-customActivity { background:#090D5F; } .games-page #gamesSearchSortingWrapper, .games-page #gamesSearchSortingWrapper .sortgamepage { position: inherit; } .games-page #gamesSearchSortingWrapper .sortgamepage { padding-top: 5px; text-align: left; } .games-page .sortgamepage * { text-shadow: none; text-transform: initial; text-align:left; } .games-page #gamesSearchWrapper .btn > i { margin-right: 2px; } .filter-reset { float:left; margin-top: 4px; } .filterlist { position: absolute; top: 51px; left: 15px; width: 100%; background: #2257c7; padding: 15px 0; text-align: left; border: 3px solid #2257c7; z-index: 2222; box-shadow: 0px 9px 22px 0px #090d5f; } .close-filter { position: absolute; top: 0px; right: 5px; font-size: 20px; cursor: pointer; color: #cfd9f1; z-index: 1; } .close-filter:hover { opacity: 0.7; } .title-check { margin-top: 0px; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 7px; border-bottom: 1px solid #cdcfde; padding-bottom: 5px; } .filterlist .checkbox { display: block; } .filterlist .checkbox input { margin-right: 5px; margin-top: 5px; top: 2px; } /* overlay game details */ .game { position: relative; } .overlay-details { position: fixed; top:0px; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 10000; } .overlay-details-wrapper { width: 370px; height: auto; background: #060000; border: 1px solid #fff100; z-index:10000; color: #fff; padding: 0px; box-shadow: 0px 0px 16px 3px #090d5f; z-index: 2; position: relative; border-radius: 7px; } .close-overlay-details { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: transparent; z-index: 1; } .details-button { box-shadow: none !important; margin-top: 10px; } .details-button.game-no-demo { width: 100% !important; } .popup-thumbslide.flexslider .flex-next { opacity: 0.9; right: -5px; color:#fff; margin: -22px 0 0; } .popup-thumbslide.flexslider .flex-prev { opacity: 0.9; left: -5px; color:#fff; margin: -22px 0 0; } .popup-thumbslide.flexslider .flex-direction-nav a { width: 30px; height: 30px; } .popup-thumbslide.flexslider .flex-direction-nav a:before { font-size: 30px; } .carouseltopten-wrapper .flexslider .flex-next { opacity: 0.9; right: -5px; color:#fff; margin: -22px 0 0; } .carouseltopten-wrapper .flexslider .flex-prev { opacity: 0.9; left: -5px; color:#fff; margin: -22px 0 0; } .carouseltopten-wrapper .flexslider .flex-direction-nav a:before { text-shadow: 0px 0px 10px #000; opacity: 0.8; } .top-overlay-content { position:relative; } .bottom-overlay-content .img-responsive { width: 100%; } .imagepopupwrapper { border:1px solid #fff100; position: relative; } .playbutton-popup-image { position: absolute; z-index: 123; top: 50%; left: 50%; } .playbutton-popup-image a { position: absolute; top: 50%; left: 50%; display: flex; text-align: center; border-radius: 50%; width: 80px; height: 80px; background: rgba(0, 11, 66, 0.6); font-size: 36px; margin-left: -40px; margin-top: -40px; justify-content: center; align-items: center; } .playbutton-popup-image a:hover { text-decoration: none; } .playbutton-popup-image a i { position: relative; left: 4px; color:#fff100; } .icon-to-gamepage { width: 16px; position: relative; top: -1px; } .left-top-overlay-content { width: 100%; padding-right: 30px; padding: 5px 30px 5px 10px; background: #fff100; color: #0057ca; border-top-right-radius: 4px; border-top-left-radius: 4px; } .right-top-overlay-content { position:absolute; right: 0px; top: 2px; text-align: right; padding: 4px 10px 0px 0px; } .judul-overlay-game { font-weight: bold; font-size: 18px; font-style: italic; } .overlay-floor { font-weight: 300; font-size: 18px; color: #fff; height: 16px; position: relative; top: 0px; /* margin-right: 35px; */ } .overlay-floor.isnotloggedin { margin-right: 0px; } .close-popup-game { position: absolute; top: 3px; right: 5px; font-size: 20px; color: #599ae9; } .close-popup-game:hover { opacity: 0.7; cursor: pointer; } .overlay-fav { float: none; position: absolute; right: 33px; top: 7px; } .overlay-fav i { position: relative; top: -2px; right: 0px; box-shadow: none !important; /* font-size: 17px; */ float: none; margin-left: 3px; width: 20px; height: 18px; } .overlay-fav i:before { /* color:#0057CA; */ } .overlay-button { margin: 8px 0; text-align: center; color:#fff; } .overlay-button a { margin: 0 5px; display: inline-block; color: #2257c7 !important; text-shadow: 1px 1px 7px #111; border-radius: 16px; width: 100px; font-weight: bold; font-style: italic; color: #fff; background: #ffff01; } .overlay-demo { padding: 0px 15px 2px; text-align:center; /* box-shadow: 1px 1px 7px 0px #111; */ text-shadow: none !important; font-size: 18px; } .overlay-demo.demo-button-overlay { background:#c4bd3f; color:#fff100; } .overlay-demo.demo-button-overlay:hover { background:#e4de5e; color:#ffff42; } .overlay-demo.playreal-buton-overlay { background:#fff100; color:#0057c8; } .overlay-demo.playreal-buton-overlay:hover { background:#ffff42; color:#0057c8; } .overlay-play { font-size: 36px; } .bottom-overlay-content { padding: 10px 15px 7px 15px; } .left-bottom-overlay-content { /* float:left; */ width: 100%; margin-bottom: 10px; } .right-bottom-overlay-content { width: 100%; margin-top: 30px; } .fitur-list { /* white-space: nowrap; overflow: auto;*/ } .fitur-list > div > div { margin-right: 5px; display: inline; text-transform: capitalize; } .fitur-list > div > div:last-child { margin-right: 0px; } .fitur-list > div > div:last-child span { display: none; } .title-fitur-desc { color:#FFF100; margin-bottom: 0px; } .short-overlay-desc { margin-top: 5px; margin-bottom: 10px; } .inner-class-minbet-lantai { } .minbet-overlay { text-align: left; float:left; width: 50%; } .minbet-overlay h5 { /* font-weight: bold; */ margin-bottom: 0px; margin-top: 0px; color: #FFF100; text-transform: capitalize; } .minbet-value-overlay { font-size: 20px; /* font-weight: bold; */ position: relative; top: -4px; } /*#gamePage { background: #090D5F; }*/ #gamePageButtons { padding: 14px 10px 0 10px; position: relative; top: 4px; } #gamePageWrapper { padding: 15px; background: #090D5F; height: 100%; } .ezugi-gamepage { margin-top: 15px; margin-bottom: 15px; text-align: center; font-size: 0; } .ezugi-wrapper { margin:-5px; } .mt15 { margin-top:15px !important; } .promotionspage .table-responsive-custom .fa-check { position:relative; background: transparent; top:0px; color:#0057C7; padding:0px; } .promotionspage .table-responsive-custom .fa-check:before { color:#0057C7; } .promotionspage .table-responsive-custom .fa-times { color:#ED044C; } .bannerdepo { position:relative; } .bannerdepo img { width:100%; height: auto; } .ezugi-wrapper a { padding:5px; display:block; float:left; width:50%; } .ezugi-wrapper a img { width:100%; border:3px solid transparent; display:block; } .ezugi-wrapper a img:hover { border-color:#F6EF3E; } .ezugi-gamepage .item-games { display: inline-block; width: 33.333%; padding: 0 50px; } .ezugi-gamepage:first-child { margin-top: 0; margin-bottom: 0; } .ezugi-gamepage img { width: 100%; display: block; } .ezugi-gamepage img:hover { opacity: 0.7; } .prefooter-information h2.title-page { font-size:28px; color:#fff; margin-top:0px; } .prefooter-information p.description-page { font-size:16px; color:#fff; } #viewmorebutton { margin: -15px -5px 0; margin-bottom: 15px; position: relative; z-index: 9998; } #viewmorebutton span { cursor: inherit; cursor: pointer; } #viewmorebutton span.lebih-lengkap-games { padding: 4px 10px; border: 2px solid #ffff01; cursor: pointer; text-transform: uppercase; border-radius: 15px; } #viewmorebutton span.lebih-lengkap-games:hover { opacity: 0.8; } .gotohalamangamepage { float:left; position: relative; top: 5px; color:#feff04; text-decoration: none; } .gotohalamangamepage:hover { text-decoration: underline; color:#feff04; } .game-count-left { position: absolute; right: 0px; top: 0px; } .game-count-left b { color:#ffff01; } #viewmorebutton i { margin-left: 10px; } .BDC_CaptchaDiv { display: inline-block; } .input-captcha-wrapper { padding-right: 10px; float: left; width: 48%; } #forgotIdentityWrapper .input-captcha-wrapper { padding-right:0px; padding-left:5px; } #forgotIdentityWrapper .BDC_CaptchaIconsDiv { right: auto; left: -30px; } #forgot-details_code_wrapper .sending-time-wrapper { margin-top:20px; } #forgotIdentityWrapper.captcha-wrapper { width:100%; min-height:10px; margin-left: 12%; } #forgotIdentityWrapper.captcha-wrapper .BDC_CaptchaDiv { width: 103px; } #forgotIdentityWrapper.captcha-wrapper .input-captcha-wrapper { width: 95px; } #forgotIdentityWrapper .form-control-feedback { margin-top:-6px; left: 25.6%; } .BDC_CaptchaIconsDiv img { width: 18px; } .BDC_CaptchaImageDiv a { display: none!important; display: block; } .BDC_CaptchaIconsDiv { position: absolute; right: -3px; top: 2px; z-index: 11; } .BDC_CaptchaDiv>.BDC_CaptchaImageDiv { width: 100%; position: relative; top: 1px; } .BDC_CaptchaImageDiv img { width: 100%; display: block; border: 1px solid #d1d3d4; border-top: 1px solid #bcbec0; border-bottom: 1px solid #e6e7e8; border-radius:3px; margin-top: 0px; } .captcha-wrapper { display: inline-block; position: relative; width: 253px; } .captcha-wrapper .BDC_CaptchaDiv { display: block; width: 42%; float: left; } .captcha-wrapper input[type="text"] { /* text-transform: capitalize!important;*/ width: 100%!important; padding-right: 8px; } .input-captcha-wrapper input[type="text"] { text-transform: uppercase; } #loginRegisterPopup_fields .captcha-wrapper { width: 73%; float: right; } #loginRegisterPopup_fields .captcha-wrapper #loginRegisterPopup_captcha { width: 100%; } #loginRegisterPopup_fields .input-captcha-wrapper { width: 53%; padding-right:30px; } #loginRegisterPopup_fields .captcha-wrapper .BDC_CaptchaDiv { width: 38%; } #li_captcha .captcha-wrapper { width: 255px; } #new-email-phone-li .captcha-wrapper { width: 279px; margin-left: 30.5%; z-index: 10; } #new-email-phone-li .captcha-wrapper .BDC_CaptchaDiv { width: 38%; float: left; margin-left: 38px; /* padding-left: 37px !Important; */ } #new-email-phone-li .input-captcha-wrapper { float: right; padding-right:0px; /* padding-left: 10px; */ width: 54%; } #new-email-phone-li .BDC_CaptchaDiv>.BDC_CaptchaImageDiv { margin-left: 13px !important; } #register_form #li_captcha .form-control-feedback { margin-top:-32px; } #new-email-phone-li .BDC_CaptchaIconsDiv { right: auto; left: -16px; } #prefooter { background: #090D5F; } #prefooter-block { position: relative; margin: 0; } .prefooter-title { position: relative; padding: 6px 10px; line-height: 30px; background: #0057CB; color: #ffffff; font: 16px 'Ubuntu', Arial; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.6); z-index: 0; } .linkbacktopromosi { color:#fff; } .for-mobile { display:none !important; } .linkbacktopromosi:hover { color:#eee; } .prefooter-information { width: 100%; padding: 20px 15px; margin-bottom: 15px; background: #004198; background: -moz-linear-gradient(top, #004198 0%, #090d5f 100%); background: -webkit-linear-gradient(top, #004198 0%, #090d5f 100%); background: linear-gradient(to bottom, #004198 0%, #090d5f 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#004198', endColorstr='#090d5f', GradientType=0); color: #6DD4EE; } #prefooter .prefooter-information { background: rgb(37, 38, 156); background: -moz-linear-gradient(top, rgba(37, 38, 156, 1) 0%, rgba(43, 58, 181, 1) 100%); background: -webkit-linear-gradient(top, rgba(37, 38, 156, 1) 0%, rgba(43, 58, 181, 1) 100%); background: linear-gradient(to bottom, rgba(37, 38, 156, 1) 0%, rgba(43, 58, 181, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#25269c', endColorstr='#2b3ab5', GradientType=0); } #wrapper-faq-data .prefooter-information , #wrapper-faq-data .term-information { background: #eaeaea; color: #000; padding-bottom: 50px; min-height: 100%; } #wrapper-faq-data .term-information { padding:15px 15px 50px 15px; } .prefooter-information .sub-title { font-size: 20px; font-family: 'Ubuntu', sans-serif; text-transform: capitalize; } .prefooter-information .description { font-size: 13px; margin-bottom: 10px; } .prefooter-information .description-title { margin-bottom: 0; font-weight: bold; font-size: 14px; } #updateformAnn { } #bonusesBalanceInfo .progress { border-radius: 0; } #myAccountView_top .ui-accordion-content a { white-space: normal; } .line { height: 2px; background: #8A8C8F; } .line:before { content: ''; position: absolute; top: -2px; width: 100%; height: 2px; background: #414042; } .prefooter-information .line { position: relative; } .contact-us-information { overflow: hidden; } .contacts { margin-bottom: 15px; overflow: hidden; } .contacts img { float: left; margin-right: 10px; border-radius: 5px; width: 54px; } .contacts .caption { display: block; font-family: 'Ubuntu', sans-serif; font-weight: 800; } .contacts .details { display: block; line-height: 16px; } #prefooter .games-offered { overflow: hidden; background: #090D5F; } #prefooter .games-offered .segera-or { top:-3px; right:-3px; width: auto; } #prefooter .games-offered .item { margin-bottom: 15px; } #prefooter .games-offered .item > .row { margin:0 -7px; } #prefooter .games-offered .item .row>div { width:20%; padding: 0 7px; } #prefooter .games-offered .item a { display: block; width: 100%; position: relative; background: #161D87; border: 3px solid #161D87; text-align: center; padding: 15px; color: #fff; font-size: 16px; line-height: 19px; height:245px; } #prefooter .games-offered .item a:hover { text-decoration: none; color: #fff; border-color: #F8F13E; } #prefooter .games-offered .item:last-child { margin-right: 0; } .image-hover-prefooter { width: 80px; height: 80px; margin: 0 auto; } .prefooter1 { background: url(/cms/images/prefooter/prefooter1.png) no-repeat center center; } .prefooter2 { background: url(/cms/images/prefooter/prefooter2.png) no-repeat center center; } .prefooter3 { background: url(/cms/images/prefooter/prefooter3.png) no-repeat center center; } .prefooter4 { background: url(/cms/images/prefooter/prefooter4.png) no-repeat center center; } .prefooter5 { background: url(/cms/images/prefooter/prefooter5.png) no-repeat center center; } #prefooter .games-offered .item a:hover .prefooter1 { background: url(/cms/images/prefooter/prefooter1_hover.png) no-repeat center center; } #prefooter .games-offered .item a:hover .prefooter2 { background: url(/cms/images/prefooter/prefooter2_hover.png) no-repeat center center; } #prefooter .games-offered .item a:hover .prefooter3 { background: url(/cms/images/prefooter/prefooter3_hover.png) no-repeat center center; } #prefooter .games-offered .item a:hover .prefooter4 { background: url(/cms/images/prefooter/prefooter4_hover.png) no-repeat center center; } #prefooter .games-offered .item a:hover .prefooter5 { background: url(/cms/images/prefooter/prefooter5_hover.png) no-repeat center center; } .name-of-game { display: block; padding: 5px 0; color: #ffffff; font: 20px 'Ubuntu', sans-serif; font-weight: 400; line-height: 30px; text-align: center; cursor: pointer; } #prefooter .games-offered .item a:hover .name-of-game { color: #F8E059; } .games-offered .item .popup-block { margin: 0 2px; padding: 0; } #footer-fluid .container { background: #001b3f; background: -moz-linear-gradient(bottom, #001b3f 0%, #0d117f 100%); background: -webkit-linear-gradient(bottom, #001b3f 0%, #0d117f 100%); background: linear-gradient(to top, #001b3f 0%, #0d117f 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001b3f', endColorstr='#0d117f', GradientType=0); } .div-img-prog-wrapper { text-align:center; } .div-img-prog-wrapper img { display:inline-block; } .div-img-prog-wrapper img.center-img { margin:0 20px; } .ol-blue-color {counter-reset: item;padding: 0 0 0px 30px;margin:15px 0 0 0;} .ol-blue-color li {display: block;font-size:16px;font-weight:bold;position: relative;} .ol-blue-color li:before { content: counter(item) ". "; counter-increment: item; color: #0057CA; font-size:21px; font-weight:bold; /* padding-left: 0px; */ /* margin-left: -1px; */ position: absolute; left: -23px; top: -6px; } .wrapper-content-prog { padding:0 15px 15px 15px; } #footer { background: none; } #footer .line { position: absolute; left: 0; right: 0; } #footerMenu { font-family: Arial, 'Ubuntu', sans-serif; } #footerMenu li { border-left: 1px solid #ffffff; } #footerMenu li:first-child { border: 0; } #footerMenu li>a { color: #ffffff; font-size: 13px; } #footerMenu li>a:hover { text-decoration: none; color: #F8F13E!important; } .additional-info { text-align: center; } .additional-info .item { display: block; text-align: left; position: relative; height: 69px; float: left; } .additional-info .item:nth-child(2) { padding: 0 3% 0 5%; } .additional-info { overflow: hidden; width: 870px; margin: 0 auto; margin-top: 28px; display: flex; justify-content: space-around; align-items: flex-start; } .additional-info .item>span { display: block; margin-bottom: 10px; color: #ffffff; font: 12px Arial, 'Ubuntu'; } .additional-info .item>span.browser { display: inline-block; margin-bottom: 0px; } .browser-best { padding-left: 4%; text-align: center !important; } .browser-best:before { content: ""; min-height: 100%; width: 2px; background: #fff; position: absolute; left: 10%; } .last-browser-best:before { width:1px; } .browser-best i { font-size: 28px; margin-right: 10px; margin-left: 10px; } .browser-best-inner { float: none; text-align:center; display: inline-block; } .browser-best-inner > span { display:block; } .additional-info .item>img { margin-right: 23px; } .additional-info .item>img:last-child { margin-right: 0; } .additional-info .item:first-child:after { content: ""; min-height: 100%; width: 2px; background: #fff; position: absolute; right: -15%; top: 0; } #copyrightText { margin-top: 15px; color: #6DD4EE; font: 14px Arial; } .fancybox-opened .fancybox-skin { border-radius: 0 0 3px 3px; border-bottom: 8px solid #0057CB; background: #f6f6f7; background: -moz-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: -webkit-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: linear-gradient(to bottom, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#b0b1b1', GradientType=0); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6); } .fancybox-opened .fancybox-skin:after { content: ""; display: block; border-bottom: 2px solid #0057CB; border-radius: 3px 3px 0 0; box-shadow: 0 1px 3px #000; } .fancybox-overlay { background: rgba(255, 255, 255, .8); } .popup { padding: 0 30px; font-family: 'Ubuntu', sans-serif; color: #4D4D4D; } #loginregisterPopup { width: 446px; } .popup .h1 { margin: 0 -30px 15px; padding: 4px 15px; color: #fff; font-size: 18px; font-weight: 800; background: #0057CB; box-shadow: 0 0 10px #000; padding: 6px 10px; text-transform:uppercase; } #jackpotGamePopup.popup { max-width:500px; } .fancybox-close { top: 0; right: 0; width: 30px; height: 30px; border-radius: 0; border: 4px solid #0057CB; background: #fff; } .fancybox-close:before { content: "\f00d"; display: inline-block; padding: 2px 4px; font: normal normal normal 18px/1 FontAwesome; } .popup .form-group { margin: 0; } .popup .control-label { padding: 0; margin: 0; line-height: 22px; font-size: 18px; text-align: left; } .bg-pusat-download { background: #f6f6f7; background: -moz-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: -webkit-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: linear-gradient(to bottom, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#b0b1b1', GradientType=0); color: #000; padding:15px; } .bg-pusat-download .col-sm-8 { width:57%; } .bg-pusat-download .glyphicon { float: right; position: relative; top: 2px; } .bg-pusat-download .panel-group { margin-bottom: 0px; } .bg-pusat-download .panel-default>.panel-heading { background: #2D5AA5; color: #fff; border-radius: 0px; /* border: 0; */ padding: 0; } .bg-pusat-download .panel-group .panel { border-radius: 0px; border: 0; box-shadow: none; background: transparent; } .blue-download { color: #2D5AA5; margin-top: 0px; } .blue-link { color:#4040FF; text-decoration:underline; } .bg-pusat-download .table-responsive { border: 0; } .bg-pusat-download .table-responsive tr { background: transparent!important; color: #000; border-bottom: 1px solid #fff; } .bg-pusat-download .table-responsive tr:first-child { color: #000; } .btn-download-gold { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e594+0,b18c2c+100 */ background: #f1e594; /* Old browsers */ background: -moz-linear-gradient(top, #f1e594 0%, #b18c2c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f1e594 0%,#b18c2c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f1e594 0%,#b18c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e594', endColorstr='#b18c2c',GradientType=0 ); /* IE6-9 */ color: #774400; text-transform: capitalize; font-weight: bold; padding: 2px 5px; box-shadow: 1px 1px 1px 1px #555; border-radius: 2px; font-size: 13px; text-shadow:1px 0px #fff; display:block; margin-bottom:7px; text-align:center; width:163px; text-shadow: 1px 1px #fff; margin: 0 auto 5px; } .btn-download-gold.smaller { width:70px; } .bg-pusat-download .qrcodecss.col-sm-3 { padding-left: 22px; } .qrcodecss { text-align:right; } .qrcodecss div { /* width: 63px; */ text-align: right; /* float:left; */ margin-right:5px; margin-top:8px; } .qrcodecss img { /* float:left; */ width: 130px!important; /* margin: -7px 0; */ } .fancyboximg { cursor:pointer; } .fancyboximg:hover { opacity:0.8; } .with-segera-icon { position:relative; } .with-segera-icon.edisi-icon { padding-right: 11px; } .segera-or { position:absolute; top:0px; right:0px; z-index:0; width: 40px; } .segera-edisi { position:absolute; top:0px; left:0px; z-index:15; width: 30px; } .affix .segera-or { width:30px; top:10px; } .btn-download-gold:hover { text-decoration: none; color: #7e420d; box-shadow: 1px 1px 3px 1px #000; } .bg-pusat-download .table-responsive tr td, .bg-pusat-download .table-responsive tr th { padding: 4px 8px; } .bg-pusat-download .accordion-toggle { text-decoration: none; display: block; padding: 10px 15px; } .bg-pusat-download .accordion-toggle:hover { text-decoration: none; } .bg-pusat-download .col-sm-9 { width: 67%; } .bg-pusat-download .col-sm-3 { width: 25%; padding-right: 0px; padding-left: 0px; } .bg-pusat-download .col-sm-3 img { width: 100%; } .description-dl-center { text-align:left; margin-bottom:0px; } .bg-pusat-download table { border-collapse: collapse; } .download_center_img { float: right; width: 280px; } i.fa-question, i.fa-check { border-radius: 0; padding:2px 2px 1px 2px; top: 8px; border-radius: 2px; } i.fa-question:before, i.fa-check:before { vertical-align: middle; font-size: 11px; } i.fa-question { background: #599DEC; } .got-tooltip { position: relative; margin-bottom: 7px; } .got-tooltip i.fa-question { position: relative; top: 0; left: 0; text-align: center; padding: 4px 4px 3px 4px; margin-left: 5px; cursor: pointer; } .tooltip-content { display: none; position: absolute; left: 0; right: auto; padding: 5px 7px; border: 1px solid #0057CB; z-index: 11; top: 133%; } .got-tooltip i.fa-question:hover+.tooltip-content { display: block; } #myAccountPage #profileSaved { margin: 10px 0 0; } #registerWrapper, #registerSuccess, #forgotDetailsWrapper, #contactUsWrapper, #resetPasswordWrapper { color: #4D4D4D; background: #f6f6f7; background: -moz-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: -webkit-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: linear-gradient(to bottom, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#b0b1b1', GradientType=0); } #registerWrapper .h1, #registerWrapper .h1+p { display: none; } #registerWrapper>#register_error { margin: 0; border-radius: 0; } #register_form { margin-top: 0; padding-top: 15px; margin-bottom: 15px; } #register_secondcol { margin-bottom: 0; } #register_form .has-feedback .alert-info { margin-left: 0; top: 11px; right: 0; left: auto; } .register-col { width: 100%; } .register-col>ul { padding: 0 25px; } .register-group-title, #registerSuccess .h1, #forgotDetailsWrapper h1, #contactUsWrapper .h1, #resetPasswordWrapper .h1 { margin-bottom: 15px; padding: 4px 16px; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 800; line-height: 23px; background: #0057CB; } .secure-msg-register { background: #cceece; padding: 5px 8px; margin: 10px 25px 6px; } .secure-msg-register i { margin-right: 5px; } .p15 { padding-bottom: 15px; } .mt5 { margin-top: 5px!important; } .mt0 { margin-top: 0px!important; } #register_form #register_secondcol ul li:first-child { margin-bottom: 15px; } #register_form #li_noLastName { padding-bottom: 0; min-height: 33px; } #register_firstcol .register-group-title, #registerSuccess .h1, #forgotDetailsWrapper h1, #contactUsWrapper .h1 { margin-top: -15px; border-top: 1px solid rgba(117, 161, 223, .5); border-bottom: 1px solid rgba(117, 161, 223, .5); box-shadow: 0 3px 5px #5F5F5F; } .register-group-subtitle { padding: 0 0 3px; border-bottom: 1px solid #959595; margin: 5px 25px 15px; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; box-shadow: 0 1px 0 0 #fff; font-weight: bold; } #register_form .registerLabel { font-family: 'Ubuntu', sans-serif; font-weight: normal; } .registerLabel { width: 25%; float: left; } .registerField, #registerBirthdateWrapper { display: inline-block; width: 42.3%; vertical-align: top; } #li_promoCode .registerLabel, #li_promoCode .registerField { width: 100%; } .registerFieldError { margin-left: 25%; } #registerBirthdateWrapper td:nth-child(2) { padding: 0 10px; } [id^='star_'] { color: #F13856; } #registerBirthmonth, #registerBirthday, #registerBirthyear { padding-left: 5px; } #li_country, #li_currency { display: none!important; } #register_form ul li { min-height: 50px; } #register_form ul li:not(:last-of-type) { border-bottom: 1px solid #959595; box-shadow: 0 1px 0 0 #fff; } #register_form ul li#li_lastName, #register_form ul li#li_noLastName { margin-bottom: 0; border: 0; box-shadow: none; } #register_form ul li.no-border { border-bottom: 0; box-shadow: none; } #register_form ul li#li_captcha { margin-top: 20px; margin-bottom: 15px; } #li_noLastName { margin-top: 0; padding-bottom: 15px; color: #0057CB; } #li_noLastName label { margin-left: 25%; padding-bottom: 10px; } #register_footer { margin: 0; padding: 0 10px 0; border: 0; } #register_footer .col-xs-12 { text-align: center; } #register_footer #li_policyChecked { text-align: left; } #registerTerms1Text { margin-bottom: 0; } #signUpButton, #cancelButton { margin-bottom: 20px; float: none; width: 150px; text-align: center; box-shadow: 1px 1px 7px 0px #666!important; } #signUpButton { margin-left: 0px; } #register_form .note { display: none; } #registerFormMandatory { text-align: left; color: #4D4D4D; font-size: 14px; margin-top: 10px; } #register_error { margin: 0 25px 10px; } .eye-icon { width: 22px; height: 15px; position: absolute; top: 4px; right: 32px; z-index: 15; cursor: pointer; background: url("/cms/images/icons/general-icons/eye.png") #fff 0 0 no-repeat; opacity: 0.5; } .eye-icon.show-pass { opacity: 1; } #registerSuccess:after { content: ""; display: table; clear: both; } #registerSuccess .h1 { margin-top: 0; } #registerSuccess p { margin: 15px; } #registerCompletedCloseButton { margin: 20px; } #registerPhoneNumber-registerEmail_error { margin: -15px 0 10px 25%; } #registerCampaignSelector { width: 94%; } #registerWrapper #registerCampaignSelector_error { margin-left: 0; } #register_form .g-recaptcha { margin-left: 0px; margin: 0 auto; width: 303px; } #registerBirthdateWrapper table { width: 94.5%; } #register_form #registerBirthdateWrapper table .form-control { width: 100%; } #registerPageBackBtn { float: left; } #forgotDetailsWrapper { min-height: 600px; } #forgotDetailsWrapper h1, #resetPasswordWrapper .h1 { margin-top: 0; } #forgotDetailsWrapper .steps { width: 70%; margin: 0 auto; } #forgotDetailsWrapper .steps .step { width: 20%; position: relative; float: left; text-align: center; } #forgotDetailsWrapper .steps .step:not(:first-child):before { content: ''; display: block; width: 100%; height: 8px; position: absolute; left: -50%; top: 12px; background: #0057CB; } #forgotDetailsWrapper .steps .step>span { display: inline-block; width: 32px; height: 32px; position: relative; z-index: 2; line-height: 26px; color: #959595; font-size: 16px; border-radius: 50%; border: 3px solid #0057CB; background: #fff; } #forgotDetailsWrapper .steps .step.active>span { color: #fff; background: #3CC6E8; } #forgotDetailsWrapper .steps .steps-title { padding-top: 15px; font-size: 24px; color: #4D4D4D; text-align: center; clear: both; } #forgotDetailsWrapper #forgotDetailsForm { margin: 15px 30px; padding: 30px 0; clear: both; border-top: 1px solid #fff; box-shadow: 0 -1px 0 0 #959595; } #forgotDetailsForm .has-feedback { min-height: 30px; } #forgotDetailsForm #forgot-details_usernameWrapper.has-feedback { min-height: 64px; } #forgotDetailsWrapper #forgotDetailsForm fieldset .step-1>label { display: block; float: left; clear: both; } #forgotDetailsForm label.custom-radio { margin-bottom: 5px; cursor: pointer; } #forgotDetailsForm label.custom-radio>input[type=radio] { position: absolute; left: -9999px; } #forgotDetailsForm label.custom-radio>input[type=radio]+span:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0; vertical-align: middle; border-radius: 50%; border: 2px solid #959595; background: #fff; } #forgotDetailsForm label.custom-radio>input[type=radio]:checked+span:before { background: #0057CB; } #forgotDetailsWrapper #forgot-details_birthdayWrapper select { display: inline-block; width: 32%; padding-left:5px; } div[class^='step-'] { display: none; clear: both; } #forgotDetailsWrapper div.step-1 { display: block; } #forgotDetailsWrapper div.step-1>.row { clear: both; } .forgot-other>p { margin-left: 35px; } #forgot-details_email_button, #forgot-details_phoneNumber#forgot-details_birthdayWrapper .form-control-feedback .registerValidOK { clear: both; } #forgotDetailsForm .col-sm-6>div:not(.form-control-feedback) { position: relative; } #forgotDetailsForm .has-feedback { padding: 0 25px; } #forgotDetailsForm .has-feedback .form-control-feedback { margin-left: 25px; left: 0; } #forgotDetailsForm .step-5 .has-feedback .form-control-feedback { margin-left: 0; } #forgotDetailsForm .step-5 .has-feedback .form-control { width: 100%; } #forgotDetailsForm .has-feedback .form-control { width: 100%; } #forgotDetailsForm #forgot-details_emailWrapper .form-control { width: 100%; } #forgot-details_birthdayWrapper .form-control-feedback .registerValidOK { right: 25px; } #forgotDetailsForm .has-feedback .alert-info { left: 0px; right: auto; top:0px; margin-right:0; } #forgot-details-contact-with-contactus { display: none; padding: 0 15px 0 15px; } .forgot-chat a { color: red; } #forgot-details_birthday_button { float: left; } #forgotDetailsForm .btn { margin: 3px 0 10px 0; padding: 3px 40px; float: left; font-size: 14px; } #forgotDetailsForm .btn:not(.step-back) { margin-left: 15px; float: none; } #forgotDetailsForm #forgot-details_new-password_button { margin-left:0px; } #forgotDetailsForm .btn.contact-us_button { float: left; } #forgotDetailsForm .step-back { margin-left: 0px; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper #forgot-details_code { width: 62%; width: 10.8% !important; } #forgotDetailsForm .details-hint { display: none; position: relative; top: -10px; color: #0057CB; } #forgotDetailsWrapper .retries { clear: both; } #forgot-details_limit_reached { display: none; margin-top: 15px; } #forgot-details_code_wrapper .btn { margin-right: 10px; float: left; text-transform: capitalize; } #forgot-details_code_wrapper>p { margin-bottom: 20px; } #forgotDetailsForm #forgot-details_resend_button { margin-left: 0; padding: 3px 10px; float: left; margin-right: 15px; } #forgot-details_resend_button.disabled { background: #131313; } #forgot-details_code_wrapper #forgot-details_back_button { margin-right:0px; } #forgotDetailsForm .inline-fields .control-label { width: 40%; float: left; } #forgotDetailsForm .inline-fields .form-control { display: inline-block; width: 60%; } #forgotDetailsForm .inline-fields .error-field { margin-left: 40%; } #forgot-details_noLastNameWrapper { padding-left: 25px; color: #0057CB; cursor: pointer; } #forgot-details_noLastNameWrapper>.control-label { margin-bottom: 10px; } #forgotDetailsForm #forgot-details_noLastNameWrapper .control-label { width: 100%; cursor: pointer; } #forgot-details_noLastName { margin-top: -2px; vertical-align: middle; } #forgotDetailsForm .inline-fields #forgot-details_noLastName_error { margin-left: 0; } #forgot-details_code_wrapper .btn#forgot-details_contactUs_button { display: none; padding: 6px 40px; } #forgotDetailsForm .sending-time-wrapper>p { margin: 0; padding: 5px 10px; background: #E6E7E8; } #forgotDetailsForm .sending-time { padding-bottom: 10px; background: #F1F2F2; margin-bottom:20px; } #forgotDetailsForm .sending-time>li { padding-left: 10px; } #username-sent-message { display: none; margin-bottom: 15px; } #contactUsWrapper { padding: 0 15px; } #contactUsWrapper .h1 { margin: 0 -15px 20px; } #contactSuccess { min-height: 300px; } #contactForm.form-horizontal .has-feedback .form-control-feedback { top: 22px!important; right: 29%; left: auto; } #loginRegisterPopup_wrapper { padding-bottom: 15px; } #loginRegisterPopup_left, #loginRegisterPopup_right { width: 100%; border: 0; } #loginRegisterPopup_left .h1+p { padding-bottom: 5px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #959595; box-shadow: 0 1px 0 0 #fff; } #loginRegisterPopup_fields .has-feedback .alert-info { width: 210px; top: -78px; } #loginRegisterPopup_fields .has-feedback .alert-info:after { content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0057CB; position:absolute; bottom:-5px; left: 62%; } #loginRegisterPopup_form { margin-top: 15px; } #loginRegisterPopup_form .alert-info { margin-bottom:0px; } #loginRegisterPopup_fields .form-group { min-height: 35px; } #loginRegisterPopup_fields .control-label { width: 26%; } #loginRegisterPopup_fields .form-control { display: inline-block; width: 73.1%; } #loginRegisterPopup_fields .form-control-feedback { left: 53%; } #loginRegisterPopup_fields .form-group .error-field { display: inline; margin-left: 28%; } #loginRegisterPopup_forgotpassword { padding: 0; color: #0057CB; font-size: 13px; font-weight: 400; text-transform: capitalize; text-decoration: underline; box-shadow: none; background: none; } #loginRegisterPopup_forgotpassword:hover { text-decoration: none; } #loginRegisterPopup_forgotpassword { display: inline-block; text-align: left; float: right; margin: 2px 0 0 0; } #loginRegisterPopup_loginbutton { display: inline-block; float: left; width: 116px; margin-top:0px; margin-right:10px; margin-left: 27%; } .wrapper-register-popup { float:left; line-height: 15px; font-size:13px; color:#58595B; width: 114px; } .wrapper-register-popup a { color:#0057CB; } .popup .btn+.btn { margin-left: 15px; margin-right: 0; } #loginRegisterPopup_right .h1, #loginRegisterPopup_right p { display: none; } #loginRecaptcha { margin-left: 0; } #resetPassword_form { padding: 0 15px; } #gamecontent-fluid.games-page+#prefooter-fluid { display: none; } #gamecontent-fluid.games-page #gameGroupTitle { display: block; box-sizing: content-box; margin-left: -7px; padding-left: 9px; padding-right: 2px; background-color: #0156CB; text-align: left; } .games-page .gotohalamangamepage { display: none; } #games-page-navigation, #games-page-navigation>span, #games-page-navigation>a { display: none; } #gamecontent-fluid #games-page-navigation { display: block; } #games-page-navigation>.prev, #games-page-navigation>.next { position: absolute; z-index: 12; top: 50%; display: block; margin-top: -17px; font-size: 0; text-decoration: none!important; overflow: hidden; } #games-page-navigation>.prev { left: -5px; } #games-page-navigation>.next { right: -5px; } .games-page #games-page-navigation>.next { right: 5px; } #games-page-navigation>.prev:before, #games-page-navigation>.next:before { display: block; font-family: FontAwesome; font-size: 61px; font-weight: bold; line-height: 40px; color: rgba(255, 255, 255, 0.5); } #games-page-navigation>.prev:hover:before, #games-page-navigation>.next:hover:before { color: rgba(255, 255, 255, 0.9); } #transactions_withdrawal .transDetailLink.btn, #transactions_deposit .transDetailLink.btn { color: #fff; float: right; } #transactions_withdrawal .transDetailLink.btn:hover, #transactions_deposit .transDetailLink.btn:hover { color: #000; } #games-page-navigation>.prev:before { content: ''; background: url(/cms/images/arrow-left.png) no-repeat center center; height:50px; width:32px; } #games-page-navigation>.next:before { content: ''; background: url(/cms/images/arrow-right.png) no-repeat center center; height:50px; width:32px; } #games-page-navigation>.prev:hover, #games-page-navigation>.next:hover { opacity:0.8; } #gamelistpaginator { display: none; } .games-page #gamelistpaginator { display: block; } .postlogin-recaptcha.g-recaptcha { clear: both; margin-left: 40px; min-height: 1px; } .postlogin-recaptcha.error { margin-left: 0px; padding: 0px; } .table-responsive .table { margin-bottom: 0px; } #transactionsWrapper .transactionsTitle { font-size: 18px; font-weight: bold; text-transform: uppercase; } .table-responsive .btn.btn-default { float: none; margin: 0 auto; font-size: 11px; } #offline-payment-10002-info .alert { margin-bottom: 15px; } #offline-payment-10002-description { margin-bottom: 15px; } #depositNotificationForm .form-group { min-height: 35px; } #header-fluid.header-postlogin .container { border-bottom: 3px solid #0057CB; background: #090D5F; } #header-fluid.header-postlogin .container #header { margin-bottom: 10px; } #header-fluid.header-postlogin .container #logoPlaceholder { padding-left: 15px; } #header-fluid.header-postlogin .container #logoPlaceholder #logo { margin: 0 auto; } #header-fluid.header-postlogin #languageWrapper_postlogin { margin: -40px 15px 0 0; float: right; position: relative; z-index: 13; display:none; } #header-fluid.header-postlogin #languageWrapper_postlogin:before { display: none; } .header_simplified_error { margin: 15px 15px 0; float: left; clear: both; } #myAccountWrapper, #depositWrapper, #transactionsWrapper, #limitsWrapper { position: relative; margin: 0 -15px; } #myAccountView_top, #depositView_top, #faq_top { width: 25%; padding: 0 15px; position: static; float: left; } #faq_top { padding-left: 0; } #myAccountView_top:after, #depositView_top:after, #faq_top:after { content: ""; display: block; height: 10px; clear: both; border-radius: 0 0 4px 4px; box-shadow: inset 0 5px 5px #003378; background: #0057cb; background: -moz-linear-gradient(top, #0057cb 0%, #004bae 100%); background: -webkit-linear-gradient(top, #0057cb 0%, #004bae 100%); background: linear-gradient(to bottom, #0057cb 0%, #004bae 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0057cb', endColorstr='#004bae', GradientType=0); } .navigation-group-title, .navigation-title { display: block; width: 100%; margin: 0; padding: 6px 12px; text-transform: uppercase; text-align: left; color: #fff; font-weight: 800; border-radius: 0; border: 0; background: #0057cb; background: -moz-linear-gradient(top, #0057cb 0%, #004bae 100%); background: -webkit-linear-gradient(top, #0057cb 0%, #004bae 100%); background: linear-gradient(to bottom, #0057cb 0%, #004bae 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0057cb', endColorstr='#004bae', GradientType=0); } .navigation-title:hover { color: #fff; text-decoration: none; } .left-menu-accordion .navigation-group-title.active, .left-menu-accordion .navigation-group-title:hover, .navigation-title:hover { color: #001B3F; background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); } #myAccountView_top .btn-default, #depositView_top .btn-default, #faq_top .btn-default { width: 100%; margin: 0; padding: 6px 9px; font-size: 14px; color: #265496; text-align: left; font-weight: 400; box-shadow: none; border: 0; background: none; white-space: normal; float: none; } .left-menu-accordion #transactionsButton, #faqWrapper .left-menu-accordion .termmenu { color: #fff; font-weight: bold; padding: 6px 12px; } #faqWrapper .left-menu-accordion .termmenu.active { background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); border-radius:0 !important; color:#001B3F; } #faqWrapper .left-menu-accordion .termmenu:hover { background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); border-radius:0 !important; color:#001B3F; } .left-menu-accordion .navigation-group-title.with-link { padding: 0px!important; border-radius: 0px; } .left-menu-accordion .navigation-group-title.with-link .ui-accordion-header-icon { display: none; } #myAccountView_top .left-menu-accordion .navigation-group-title.with-link a.active { color: #001B3F; background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); border-radius: 0px!important; } .left-menu-accordion .navigation-group-title:hover a { color: #000; } .left-menu-accordion #transactionsButton:hover { color: #000; } .wrapper_reference { position: relative; padding-right: 10px; text-align: right; cursor:pointer; } .wrapper_reference i { /* position: absolute; */ /* right: 0px; */ /* top: 3px; */ /* cursor: pointer; */ } .copy-salin { padding-right:5px; } .wrapper_reference:hover { color:#444; } .wrapper-control-turnover { padding-right:0px; } .wrapper_reference .ann_copied { position: absolute; right: 32px; top: 0; background: #000; padding: 3px 5px; font-size: 12px; color: #fff; border-radius: 3px; border: 1px solid #fff; display: none; z-index: 1; } .wrapper_reference .ann_copied:after { content: ""; width: 0; height: 0; border-left: 5px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: -5px; top: 3px; } #bantuan-data-section2 , #bantuan-data-section1 { position: relative; } #bantuan-data-section2 .expand-toggle , #bantuan-data-section1 .expand-toggle { position: absolute; top: -46px; right: -5px; z-index: 1; font-size: 16px; color: #fff; } .gobacktobefore { position:absolute; right:10px; top:5px; display:none; } #bantuan-data-section2 .expand-toggle { display:none; } #bantuan-data-section2 .expand-toggle:hover , #bantuan-data-section1 .expand-toggle:hover { color: #f8f13e; cursor: pointer; } #bantuan-data-section2 .description .description-content, #bantuan-data-section1 .description .description-content{ display: none; padding: 10px; } .contact-faq-wrapper .inner-contact-faq { display:inline-block; padding:0 2px; } .contact-faq-wrapper .inner-contact-faq b { } .prefooter-information.title-main-page { padding:15px 20px; line-height:22px; } .prefooter-information.title-main-page .title { font-size:28px; } .prefooter-information.title-main-page .fs21 { font-size:21px; } .prefooter-information.title-main-page .description { } .prefooter-information.title-main-page a { color:#9CE1F1; } .prefooter-information.title-main-page a:hover { color:#1AFFFF; } .border-blue-bottom { border-bottom:1px solid #0057CB; padding-bottom:15px; margin-bottom:13px; } .heading { font-size:17px; color:#2D5AA8; font-weight:bold; } .prefooter-information ul.nopadding { padding:0px 0px 0px 15px; margin:0px 0 10px 0; } #bantuan-data-section2 .description .description-content.active, #bantuan-data-section1 .description .description-content.active{ display: block; visibility: visible; opacity: 1; max-height: 500px; padding: 10px; } #bantuan-data-section2 .description .description-title, #bantuan-data-section1 .description .description-title{ padding: 7px 15px; background: #b6cff0; color: #444; font-size:16px; font-family:ubuntu; } .no-mobile-header { background: #000 url(/cms/images/img_pattern_BG_1200px.jpg) center top no-repeat fixed; background-size:contain; } .nomobile-wrapper { width:580px; margin:0 auto; padding:0 20px; text-align:center; } .nomobile-wrapper i { font-size:12px; } #resetPassword_error { margin:0 15px; } .nomobile-wrapper img { width:100%; margin-top:15%; display:block; } .image-title-faq { border-collapse:collapse; width:100%; } .faq-content-inner .image-title-faq { margin-bottom:10px; } .image-title-faq td { vertical-align:middle; } .faq-link { color:#2D5AA8; font-size:14px; text-decoration:none; margin-top:8px; display:block; } .hr-faq { border-bottom:1px solid #2D5AA8; margin:15px 0; } .faq-link:hover { text-decoration:underline; } .image-title-faq td a { font-size:21px; color:#2D5AA8; position:relative; top:18px; } .image-title-faq td > img { float:left; margin-right:5px; } .accordion-faq { position:relative; padding-right:30px !important; } .accordion-faq:after { content: "\f078"; font-family: FontAwesome; right:5px; position:absolute; top:50%; margin-top:-10px; } .accordion-faq.active:after { content: "\f077"; font-family: FontAwesome; right:5px; position:absolute; top:50%; margin-top:-10px; } #bantuan-data-section2 .description .description-title.active, #bantuan-data-section1 .description .description-title.active{ background: #2D5AA8; color: #fff; } #bantuan-data-section2 .description .description-title:hover, #bantuan-data-section1 .description .description-title:hover{ background: #2D5AA8; color: #fff; cursor: pointer; } .ol-no-pad { margin:0 0 0 0; padding:0 0 0 15px; } #faq_top .btn-default { white-space: normal; } #myAccountView_top .btn-default.active, #depositView_top .btn-default.active, #faq_top .btn-default.active { color: #08428E; font-weight: 800; } #bantuan-data-section2 img { margin-bottom:10px; } #bantuan-data-section2 .image-title-faq img { margin-bottom:0px; } .prefooter-information #bantuan-data-section2 ol.nested-ol li { width: auto; color:#428bca; } .panduan-hr { border-bottom:1px solid #444; } #myAccountView_top .btn-default:before, #myAccountView_top .btn-default:after, #depositView_top .btn-default:before, #depositView_top .btn-default:after, #faq_top .btn-default:before, #faq_top .btn-default:after { display: none; } .left-menu-accordion.ui-accordion .ui-accordion-icons { margin-top: 0; padding: 6px 12px; text-transform: uppercase; } .left-menu-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: 6px; left: auto; font-size: 13px; text-indent: 0; background: none; } .left-menu-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: "\e080"; font-family: 'Glyphicons Halflings'; } .left-menu-accordion .navigation-group-title.ui-state-active .ui-accordion-header-icon:before { content: "\e114"; color: #fff; } .left-menu-accordion .navigation-group-title.active .ui-accordion-header-icon:before { color: #0057cb; } .left-menu-accordion.ui-accordion .ui-accordion-content { padding: 0; border-radius: 0; border: 0; background: #b6cff0; background: -moz-linear-gradient(top, #b6cff0 0%, #99bcea 100%); background: -webkit-linear-gradient(top, #b6cff0 0%, #99bcea 100%); background: linear-gradient(to bottom, #b6cff0 0%, #99bcea 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b6cff0', endColorstr='#99bcea', GradientType=0); } #accountviewTitle, #depositviewTitle { margin-top: 0; padding: 8px 16px; position: absolute; top: 0; right: 0; left: 25%; color: #fff; font-size: 19px; text-transform: uppercase; background: #0057CB; } #loadingContent { width: 73.4%; min-height: 253px; margin-top: 45px; padding: 15px; float: left; background: #f6f6f7; background: -moz-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: -webkit-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); background: linear-gradient(to bottom, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#b0b1b1', GradientType=0); } [id^='tabs'] .ui-tabs-nav { margin-bottom: 0; padding: 0; border-bottom: 5px solid #d5cf35; } [id^='tabs'] .ui-tabs-panel { padding: 15px; color: #000; } [id^='tabs'] .ui-state-default { border: 0; border-radius: 0; background: #0057CB; } [id^='tabs'] .ui-state-default a { color: #fff; font-weight: 400; } [id^='tabs'] .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0; background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); } [id^='tabs'] .ui-tabs-active a { color: #001B3F; } .rtpOptions { color: #333; } .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { color: #000000; } #bonusStatusWrapper .radio-group .radio label input[type="radio"]+span { border-color: #fff; background: #fff; } #bonusStatusWrapper .radio-group .radio label input[type="radio"]:checked+span { border-color: #0057CB; background: #0057CB; } #depositTransDetail .transDetailLink.btn, #withdrawalTransDetail .transDetailLink.btn { margin-top: 20px; } #promotionsHistoryLink { margin-left: 0; padding: 7px 12px; color: #fff; font-size: 14px; box-shadow: none; } #promotionsHistoryLink:hover { color: #001B3F; } .removeTimeLimitBtn { margin-right: 15px; } .campaignDepositLink { float: none; } .ui-widget-content a.btn.campaignDepositLink:hover { color: #001B3F; } #transactionsWrapper .form-control-datepicker { margin-bottom: 10px; } #transactionsWrapper .transDetailLink { color: #0057cb; white-space: nowrap; } #myAccountPage .control-label { margin-bottom: 0; text-align: left; font-weight: 400; } #myAccountPage .form-control { margin-left: 28px; width: 58%; } #myAccountPage.form-horizontal .has-feedback .form-control-feedback { margin-left: 16px; } #myAccountPage #phoneNumber_item .form-control-feedback { width: 100%; left: 57%; } #myAccountPage #phoneNumber_item .form-control-feedback .registerValidOK { right: 58px; } #myAccountPage .form-group-phnumber { width: 57%; padding-left: 124px; } #myAccountPage .form-group-phnumber:after { content: ""; display: table; clear: both; } #myAccountPage #phoneNumber_error { clear: both; } #myaccPasswordConfirmForm .has-feedback label, #myaccPasswordConfirmForm .has-feedback input { float: none; clear: both; } .edit-field-link, .profile-field-item .verifyField, .profile-field-item .status-field, .profile-field-item .saved_button { margin: 0 10px; float: right; font-size: 12px; color: #0057cb; cursor: pointer; opacity: 1; transition: opacity .3s linear; padding: 0 7px; display: inline-block; border-radius: 0!important; } .edit-field-link.is-hidden, .verifyField.is-hidden, .status-field.is-hidden { opacity: 0; pointer-events: none; display: none; } .verifyField { opacity: 1; transition: opacity .3s linear; } #myAccountPage .profile-editable-field, #verificationDetails_ul .profile-editable-field { display: none; padding-top: 5px; float: none; } #verificationDetails_ul .form-group-phnumber { padding-left: 140px; float: none; width: 48.2%; } #accountDetails_ul .form-group-phnumber { padding-left: 140px; float: none; width: 100%; } #verificationDetails_ul .form-group-phnumber { padding-left: 127px; } #verificationDetails_ul #phoneNumberInput { width: 100%; } #verificationDetails_ul #selectCountryCode, #phoneNumber_item #selectCountryCode { position: absolute; left: 0; width: 119px; top: 0; padding-left: 5px; padding-right: 0px; } #transactionsTable_game .betSum { border-top: 2px solid; } @-moz-document url-prefix() { #verificationDetails_ul #selectCountryCode { top: 3px; } #phoneNumber_item #selectCountryCode { top: 0; } #myaccountprofile #phoneNumber_item #selectCountryCode { top: 0; } } #myaccountprofile #phoneNumber_item .field-info-wrapper { top: 31px; } #verificationWrapper .bankFieldError.help-block.error-field { min-height:0px; } #verificationDetails_ul #selectCountryCode { left: 0; } #myAccountPage.form-horizontal .has-feedback .field-info-wrapper { margin-left: 0%; top: -10px; } #myAccountPage.form-horizontal .has-feedback .form-control-feedback>i+span { right: 13%; } #myAccountPage #phoneNumberInput { width: 97%; } #myAccountPage .form-group-phnumber { padding-right: 0px; float: none; } #myAccountPage { } .profile-field.empty { color: #939598; } #myAccountPage li.form-group { min-height: 25px; margin-bottom: 5px; padding-top: 5px; transition: background .4s linear; } #myAccountPage #updatePassword_ul li.form-group { margin-bottom: 0; } #myAccountPage li.is-opened { background: transparent; } #myAccountPage li .profile-editable-field .btn, #verificationDetails_ul .profile-editable-field .btn, #myAccountPage li .send-data-form-wrapper .btn { margin: 10px 15px 0px 0; padding: 5px 15px 7px 15px; float: left; font-size: 12px; color: #fff; text-transform: none; box-shadow: none; } #verificationDetails_ul .profile-editable-field .send-button-wrapp .cancel { margin-left: 10px; } #myAccountPage li .profile-editable-field .btn[disabled], #verificationDetails_ul .profile-editable-field .btn[disabled], #myAccountPage li .send-data-form-wrapper .btn[disabled] { background: #0057CB; } #myAccountPage li .profile-editable-field .btn:hover, #verificationDetails_ul li .btn:hover { color: #001B3F; } #myAccountPage li .profile-editable-field .btn.cancel { float: none; } #verificationDetails_ul .send-button-wrapp, #myAccountPage .send-button-wrapp { float: right; transition: opacity .3s linear; text-align: center; } #verificationDetails_ul .send-button-wrapp { float: left; margin-left: 55px; margin-top: 1px; } .container-wrapper-sendcode { float: left; } .wrapper-verify-button { display: inline-block; float: left; margin-left: 52px; position: relative; z-index: 10; } .wrapper-verify-button .verifyField { width: 172px!important; text-align: center!important; } #myAccountPage .label-wrapper { text-align: right; } #phoneNumber-number-retries, #email-number-retries { clear: right; } .code-wrapper { padding-left: 5px; } #manageAccount_saveButton1 { display: none!important; } #myAccountPage .profile-field-item .profile-field { display: inline-block; width: 80%; overflow: hidden; } #myAccountPage #email_value, #myAccountPage #phoneNumber_value { overflow: hidden; text-overflow: ellipsis; position: relative; top: 1px; } #bank_ul li { z-index: 1; } #deposit2_forms { display: block!important; } #deposit2_amountForm, #offline-payment-info, #deposit2_paymentForm_wrapper, #depositNotificationForm_wrapper { display: none; } #deposit2_amountForm_wrapper { width: 100%; } .depositLabel { width: 25%; float: left; } .depositField { display: inline-block; vertical-align: top; } .form-control-feedback .depositValidOK { position: absolute; right: 20px; } .depositFieldError { margin-left: 25%; } #depositNotificationAmountCurrency1,#transferDanaNotificationAmountCurrency1 { display: inline-block; position: absolute; z-index: 21; margin-left: 7px; top: 1px; font-weight: bold; } #depositNotificationAmount,.transferDanaField { width: 70%; padding-left: 36px; } .ribuan-ext { position: absolute; top: 1px; font-weight: bold; color: #000; display: inline-block; z-index: 1222; margin-left: 30%; } #transferDanaNotificationAmount { /* padding-right: 33px; */ text-align: left; } #transferDanaAllWithdraw, #transferDanaAllDeposit { width: auto !important; display: inline-block; height: auto !important; } .labelcheckboxallwithdraw { font-size: 13px; position: relative; top: -2px; } .quickallwithdraw { text-align:left; text-transform: capitalize; margin-top: 3px; display:none; } .quickallwithdraw.not-visible { visibility: hidden; } .quickallwithdraw > label { position: relative; top: -2px; display: inline-block; } #postlogin_form { z-index: 11 !important; } @media (min-width: 767px) and (max-width: 992px){ .ribuan-ext { margin-left: 29%; } } /*.hr-transferdana { margin-top: 7px; }*/ .button-toggle-transfer-wrapper { width: 60%; position: relative; } .quick-swap-transfer { width: 100%; } .button-toggle-transfer { position: absolute; right: -26px; top:50%; margin-top: -15px; cursor: pointer; } .button-toggle-transfer:hover { opacity: 0.7; } .button-toggle-transfer:after { content: ""; width: 3px; height: 10px; position: absolute; left: 50%; margin-left: -1px; top: -10px; background:#939393; } .button-toggle-transfer:before { content: ""; width: 3px; height: 10px; position: absolute; left: 50%; margin-left: -1px; bottom: -10px; background:#939393; } .quick-swap-transfer .button-toggle-transfer:before { content: ""; width: 3px; height: 23px; position: absolute; left: 50%; margin-left: -1px; bottom: -23px; background:#939393; } .quick-swap-transfer .button-toggle-transfer:after { content: ""; width: 3px; height: 23px; position: absolute; left: 50%; margin-left: -1px; top: -23px; background:#939393; } .quick-swap-transfer .button-toggle-transfer { margin-top: -18px; } #olahraga_balance_value { float:right; font-weight: 700; } .button-toggle-transfer > div { background: url("/cms/images/icons/swap-icon.png") no-repeat center center; background-size: contain; width: 18px; height: 18px; position: relative; } .button-toggle-transfer > div:after { content: ""; height: 3px; width: 17px; position: absolute; right: 50%; bottom: -10px; background: #939393; } .button-toggle-transfer > div:before { content: ""; height: 3px; width: 17px; position: absolute; right: 50%; top: -10px; background: #939393; } .quick-swap-transfer .button-toggle-transfer > div:after { content: ""; height: 3px; width: 17px; position: absolute; right: 50%; bottom: -23px; background: #939393; } .quick-swap-transfer .button-toggle-transfer > div:before { content: ""; height: 3px; width: 17px; position: absolute; right: 50%; top: -23px; background: #939393; } #depositNotificationForm .has-feedback .form-control { width: 70%; } #content { padding: 0 15px 0 0; background: none; } #depositWrapper { color: #333; } #depositForm .profile-field-item, #withdrawalPrefill_form .profile-field-item { display: none; } #depositForm .profile-editable-field, #withdrawalPrefill_form .profile-editable-field { margin-left: 0; } #depositForm .profile-editable-field .btn, #withdrawalPrefill_form .profile-editable-field .btn { display: none; } #phoneNumber-email_error { margin-left: 25%; padding-left: 8px; } #depositNotificationAlarmPopup .btn-primary { margin: 20px 0; } #main_leftpart #depositWrapper { margin-right: 0; } #withdrawalForm .h3, #deposit2_forms .h3 { margin-top: 0; } #withdrawal_error, #withdrawal_info { margin-left: 15px; position: absolute; top: 60px; right: 15px; left: 25%; z-index: 2; } .bannerwd { position:absolute; bottom:0px; left:0px; padding: 15px; } #withdrawalForm.active { padding-bottom:89px; } #withdrawal_info:not(:visible)+#withdrawal_error+#loadingContent, #withdrawal_error:not(:visible)+#loadingContent { padding-top: 80px; } #bankInfo #bank_ul label { font-size: 14px; } #tabs_limits .form-horizontal .form-group { min-height: 25px; } #tabs_limits .form-control:first-child { border-radius: 4px; } #tabs_limits .input-group-addon { display: none; } #pdl-endDate_validOK { position: absolute; right: -15px; } #emailPhoneSection_item { overflow: visible!important; } #verificationMessage, #verificationlinkbottom { margin-bottom: 15px; margin-top: 5px; } #verificationlinkbottom { color: #ff0000; background: rgb(253, 253, 253); background: -moz-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(224, 224, 224, 1) 100%); background: -webkit-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(224, 224, 224, 1) 100%); background: linear-gradient(to bottom, rgba(253, 253, 253, 1) 0%, rgba(224, 224, 224, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e0e0e0', GradientType=0); margin-top: 0px; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 0px; } #verificationWrapper hr { margin: 15px 0; } .disclaimer-verification-wrapper { color: #ed1c23; } #verificationWrapper #verificationDetails { padding: 20px; } .disclaimer-verification { padding: 0; } #verificationMessage .btn { float: none; margin-left: 5px; color: #FF0000; font-size: 13px; box-shadow: none; border: 2px solid #088AA9; background: #6DD4EE; padding: 0 5px; } #verificationDetails ul li .check-cross-mark { position: absolute; left: 7px; font-size: 20px; top: 7px; display: none; } #verificationDetails ul li .not-success .belum-terverifikasi { display: block; } #verificationDetails ul li .success .terverifikasi { display: block; } .logo-left-veri { position: absolute; left: 0px; font-size: 30px; height: 100%; background: transparent; top: 0px; width: 110px; padding-left: 0px; box-shadow: inset -15px -8px 50px 0px rgba(0, 0, 0, 0.3); } .logo-left-veri.success { background: #8bcc0e; } .logo-left-veri.not-success { background: #e60049; } .logo-left-veri table { border-collapse: collapse; width: 100%; height: 100%; text-align: right; } .logo-left-veri table td { vertical-align: middle; text-align: center; } .logo-left-veri table td img { height: 40px; position: relative; top: -1px; } .gold-button { float: right; display: inline-block; width: 200px; text-align: center; margin: 0px 15px 0 0; border-radius: 3px; color: #7e4306; font-size: 14px; padding: 3px 5px; box-shadow: 1px 1px 4px 1px #000; background: rgb(234, 219, 141); background: -moz-linear-gradient(top, rgba(234, 219, 141, 1) 0%, rgba(251, 242, 169, 1) 19%, rgba(195, 159, 70, 1) 75%, rgba(185, 145, 54, 1) 100%); background: -webkit-linear-gradient(top, rgba(234, 219, 141, 1) 0%, rgba(251, 242, 169, 1) 19%, rgba(195, 159, 70, 1) 75%, rgba(185, 145, 54, 1) 100%); background: linear-gradient(to bottom, rgba(234, 219, 141, 1) 0%, rgba(251, 242, 169, 1) 19%, rgba(195, 159, 70, 1) 75%, rgba(185, 145, 54, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eadb8d', endColorstr='#b99136', GradientType=0); cursor: pointer; text-transform:capitalize; } #verificationDetails_ul li:first-child .wrapper-text-verfication { border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } .wrapper-text-verfication { background: rgb(253, 253, 253); background: -moz-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(224, 224, 224, 1) 100%); background: -webkit-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(224, 224, 224, 1) 100%); background: linear-gradient(to bottom, rgba(253, 253, 253, 1) 0%, rgba(224, 224, 224, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e0e0e0', GradientType=0); position: relative; padding: 15px 0 15px 130px; } .wrapper-text-verfication:after { content: ""; box-shadow: 0 0px 15px 2px #000; position: absolute; bottom: 0px; width: 100%; min-height: 0px; left: 0px; } .wrapper-text-verfication.toggle-on { background: rgb(187, 189, 191); background: -moz-linear-gradient(top, rgba(187, 189, 191, 1) 0%, rgba(151, 153, 155, 1) 100%); background: -webkit-linear-gradient(top, rgba(187, 189, 191, 1) 0%, rgba(151, 153, 155, 1) 100%); background: linear-gradient(to bottom, rgba(187, 189, 191, 1) 0%, rgba(151, 153, 155, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bbbdbf', endColorstr='#97999b', GradientType=0); } .hourglass-animate.rotate { -webkit-transition: transform 0.8s; transition: transform 0.8s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #999!important; } #verificationDetails ul li { font-size: 15px; position: relative; margin-bottom: 2px; background: #ccc; } #verificationDetails ul li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } ol#email-time li, ol#phoneNumber-time li { padding: 1px 5px!important; border: 0; white-space: nowrap; background: transparent; display: list-item!important; } #verificationDetails_ul #phoneNumber_item .profile-field-item, #verificationDetails_ul #email_item .profile-field-item { margin-bottom: 0px; } #verificationDetails_ul #phoneNumber_item .profile-editable-field, #verificationDetails_ul #email_item .profile-editable-field { float: left; padding-top: 0px; width: 775px; } #verificationDetails_ul #phoneNumber_item .profile-editable-field .form-control-feedback, #verificationDetails_ul #email_item .profile-editable-field .form-control-feedback { position: absolute; margin-top: 1px; left: 49%; } #verificationDetails_ul #phoneNumber_item .profile-editable-field .send-button-wrapp .editing-button, #verificationDetails_ul #email_item .profile-editable-field .send-button-wrapp .editing-button { display: none; } #verificationDetails_ul #phoneNumber_item .profile-editable-field .form-control-feedback i, #verificationDetails_ul #email_item .profile-editable-field .form-control-feedback i { top: 1px; } #email_item .profile-field-item, #phoneNumber_item .profile-field-item { overflow: visible!important; } #email_item .profile-field-item .form-control, #phoneNumber_item .profile-field-item .form-control { width: 150px; display: inline-block; } #verificationDetails_ul #phoneNumber_item .form-group-phnumber, #verificationDetails_ul #email_item .profile-editable-field #email { float: left; } #verificationDetails_ul .profile-editable-field .btn { margin: 0px; padding: 1px 15px 3px 15px; position: relative; z-index: 5; float: right; } #verificationDetails_ul #bankAccount_item .profile-editable-field .btn { float: left; margin-left: 10px; margin-top: 10px; width: auto; } #staticMigrationPopup { padding: 25px; } #staticMigrationPopup p { font-size: 16px; } #staticMigrationPopup p.title-migration { font-size: 19px; } #staticMigrationPopup .text-blue { color: #0057CB; } #staticMigrationPopup .wrapper-button-migration { text-align: center; } #staticMigrationPopup .btn-primary { margin: 30px auto; display: inline-block; float: none; padding: 3px 35px; } #migrationPopup_wrapper .form-title { margin-top: 20px; } #staticMigrationPopup ol { margin-left: 0; list-style-type: none; padding-left: 27px; } #staticMigrationPopup ol li { counter-increment: count-me; padding-top: 8px; position: relative; font-size: 16px; } #staticMigrationPopup ol li::before { content: counter(count-me) ". "; display: block; position: absolute; max-width: 0px; max-height: 0px; left: -1.1em; top: 0; color: #0057CB; font-weight: bold; font-size: 24px; } .bg-announcement-wrapper { background: #b9cdf0; background: -moz-linear-gradient(top, #b9cdf0 0%, #9eb9ea 100%); background: -webkit-linear-gradient(top, #b9cdf0 0%, #9eb9ea 100%); background: linear-gradient(to bottom, #b9cdf0 0%, #9eb9ea 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b9cdf0', endColorstr='#9eb9ea', GradientType=0); height: 406px; padding-bottom: 60px!important; } @-moz-document url-prefix() { .bg-announcement-wrapper { height: 415px; } } .bg-announcement-wrapper h3 { border-color: #d0ddf4!important; } .bg-announcement-wrapper h3:before { background: #7597e7!important; } .announcement-wrapper { overflow: auto; height: 286px; } .announcement-wrapper ol { margin-left: 0; list-style-type: none; padding-left: 0; } .announcement-wrapper ol li { counter-increment: count-me; padding-top: 8px; position: relative; font-size: 16px; padding-left: 41px; } .announcement-wrapper ol li::before { content: counter(count-me) ". "; display: block; position: relative; max-width: 30px; max-height: 0px; left: -41px; top: 0; color: #0057CB; font-weight: bold; font-size: 24px; text-align: right; } #staticMigrationPopup .notes-bottom { font-size: 13px; color: #4D4D4D; margin: 0; } .fancybox-title-inside-wrap { padding: 5px 15px; color: #fff; font-size: 20px; font-weight: 800; background: #0057CB; box-shadow: 0 0 10px #000; font-family: ubuntu; text-transform: uppercase; } #verificationDetails_ul #bankAccount_item .profile-editable-field #bank_save { margin-left: 0px; } #verificationDetails_ul .fa.fa-history { right: 0; background: #FE7919; padding: 3px 4px; color: #fff; border-radius: 2px; font-size: 13px; z-index: 2; cursor: pointer; } #verificationDetails_ul #bankName_error, #verificationDetails_ul #bankAccountOwnerName_error { display: none!important; } .log-div-bubble { padding: 10px; background: #FFD4B5; position: absolute; right: 0px; z-index: 11; margin-top: 5px; color: #CB6800; border: 1px solid #e6a779; display: none; white-space: nowrap; } #verificationDetails_ul .field-info-wrapper { width: 100%; position: absolute; top: 0; } .log-div-bubble:after { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #e6a779; position: absolute; top: -5px; right: 82px; } .welcome-verification { color: #fff; font-size: 36px; margin-bottom: 20px; font-weight: normal; text-align: center; text-transform: capitalize; } #verificationDetails .fa-check-square-o { color: #73b024; } .lihat-rekening {}.gold-button #announcementButton { float: right; padding: 1px 6px; font-size: 12px; color: red; background: #d1d3d4; border-radius: 3px!important; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.8); position: relative; } #bankAccount_edit_verification_page { position: relative; top: -2px; } .text-with-button { position: relative; top: 3px; } #verificationWrapper .warning-message { position: relative; padding: 6px 10px; line-height: 30px; background: #0057CB; color: #ffffff; font: 16px 'Ubuntu', Arial; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.6); margin-top: 0px; margin-bottom: 0px; } #verificationWrapper { border-radius: 0; color: #000000; background: rgb(0, 64, 161); background: -moz-linear-gradient(top, rgba(0, 64, 161, 1) 0%, rgba(1, 32, 125, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 64, 161, 1) 0%, rgba(1, 32, 125, 1) 100%); background: linear-gradient(to bottom, rgba(0, 64, 161, 1) 0%, rgba(1, 32, 125, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0040a1', endColorstr='#01207d', GradientType=0); } #verificationDetails_ul>li { min-height: 100%; margin-bottom: 10px; transition: background .4s linear; } #verificationDetails_ul>.field { padding: 0; } #verificationDetails_ul>li .col-sm-9 { width: 75% } #verificationDetails_ul .col-sm-3 { width: 25%; } #verificationDetails_ul .col-sm-6 { width: 100%; } #profile_password #passwordhidden fieldset { background: none; } #verificationDetails_ul .col-sm-6 .form-control { margin-left: 25px; } #verificationDetails_ul .form-control-feedback .registerValidOK { right: auto; left: 22px; } #verificationDetails_ul .has-feedback .alert-info { margin-right: 30%; } #verificationDetails_ul li.is-opened { padding-bottom: 15px!important; } #verificationDetails_ul .form-control-feedback { left: 49%; margin-left: 0; margin-top: -28px; } #verificationDetails_ul #new-email-phone-li .form-control-feedback { left: 68%; margin-left: 0; margin-top: -34px; } #verificationDetails_ul #new-email-phone-li .form-control-captcha { left: auto; right: -7px; margin-top: -28px; } #verificationDetails_ul #phoneNumber_item .captcha-wrapper .alert-info, #verificationDetails_ul #email_item .captcha-wrapper .alert-info { top: 0px; left: 66.5%; right: -118px; } #verificationDetails_ul .profile-editable-field .col-md-3 { padding-left: 0; } #verificationDetails_ul .label-verification .form-control-feedback { display: inline-block; margin-left: 5px; left: -30px; margin-top: -8px; } #verificationDetails_ul .label-verification .field-info-wrapper { position: absolute; top: 0px; } #verificationDetails_ul .label-verification .field-info-wrapper .alert-info { top: 0px!important; left: 0px!important; right: -100px!important; } #verificationDetails_ul #email-verification_group_wrapper .field-info-wrapper, #verificationDetails_ul #phoneNumber-verification_group_wrapper .field-info-wrapper #myAccountPage #email-verification_group_wrapper .field-info-wrapper, #myAccountPage #phoneNumber-verification_group_wrapper .field-info-wrapper { position: absolute; top: 0px; } #myAccountPage .label-verification .form-control-feedback { left: auto!important; right: 6px!important; margin-top: -27px!important; width: auto!important; } #myAccountPage .label-verification .field-info-wrapper { top: 0px!important; } #myAccountPage .label-verification .alert-info { left: 100%!important; right: -300px!important; margin-left: 5px!important; top: 0px!important; } #myAccountPage #email-code_error, #myAccountPage #phoneNumber-code_error { position: relative; right: auto; left: auto!important; background: none; box-shadow: none; border: 0; top: 0px; padding: 0!important; } #myAccountPage #email-code_error:after, #myAccountPage #phoneNumber-code_error:after { display: none; } #myAccountPage #email-verification_group_wrapper .form-control-feedback, #myAccountPage #phoneNumber-verification_group_wrapper .form-control-feedback { right: 0px; left: auto!important; } #verificationDetails_ul li.is-opened { padding-top: 0px; } #verificationDetails_ul .is-hidden { opacity: 0; pointer-events: none; transition: opacity; } #verificationDetails_ul .error-field { line-height: 16px; font-size: 12px; font-style: normal; } #verificationDetails_ul #email, #verificationDetails_ul #bankName, #verificationDetails_ul #bankAccount, #verificationDetails_ul #bankAccountOwnerName { width: 48%; } #verificationDetails_ul #bankName, #verificationDetails_ul #bankAccountOwnerName { border: 1px solid #9a9a9a!important; border-top-color: #b8b8b8!important; ; } #edit-information-wrapper { padding: 5px 15px 15px; display: none; clear: both; } #phoneNumber-code_manageAccount_error { margin-bottom: 0; } .editing-button { float: left; margin-right: 20px; margin-bottom: 10px; padding: 8px 40px; border-radius: 2px; font-size: 13px; text-transform: none; box-shadow: none; } .editing-button.disabled { box-shadow: 1px 3px 0 #9e9e9e; background: #BCBEC0; } .editing-button:hover { box-shadow: none; color: #000000!important; } .cancel { margin-right: 0; } .user-information { width: 100%; border: 0; box-shadow: none; background: inherit; } .status-field, .status-field:hover, .edit-link { position: relative; text-decoration: none; transition: opacity .3s linear; } .saved-field { position: relative; } .status-field:before, .saved-field:before { position: absolute; width: 14px; height: 14px; left: -8px; font-family: 'FontAwesome'; } .verified, .verified:hover, .saved-field, .saved-field:hover { color: #6FB763!important; } .unverified, .unverified:hover, .profile-field-item .unverified, .profile-field-item .unverified:hover { color: #F1044C; position: relative; } .verify-wrapper { padding-left: 18px!important; } .unverified:before { content: "\f057"; color: red; font-size: 20px; } .verified:before, .profile-field-item .verified, .profile-field-item .verified:hover { content: "\f058"; color: #6FB763; font-size: 20px; } #bankAccount_status { margin-right: 78px; } .send-data-form-wrapper { position: relative; display: none; margin-top: 10px; padding: 0; clear: both; } li.send-button-wrapp { display: none; margin-top: 7px; text-align: center; } .send-data-form-wrapper.off:after { opacity: 0; -webkit-transition: opacity 1ms ease-out; -o-transition: opacity 1ms ease-out; transition: opacity 1ms ease-out; -moz-transition: none; } .send-data-form-wrapper .control-buttons { margin-top: 30px; } .send-button { margin: 0 0 0 5px; padding: 2px 10px; } .retries { clear: left; color: #FF0000; overflow: hidden; } .entering-information-block { padding: 0px; margin-bottom: 10px; } #verificationDetails_ul .entering-information-block { padding: 0px; margin-bottom: 0px; } #phoneNumber_show, #email_show { font-size: 12px; color: red; display: block; margin-left: 123px; margin-top: 20px; } .list-sending-time { margin-left: 41px; } .sending-time { padding: 0; list-style-position: inside; } .sending-time>li { padding-left: 40px; line-height: 25px; } .changed, .sending-time>li:last-child, #myAccountPage li.form-group.changed { background: #fdfbc5; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; transition: background 1s ease; } .sending-time>li:last-child { color: #827B16; } .contact-us_button { display: block; position: relative; margin-top: 5px; padding: 3px 10px 3px 0; color: #000000; box-shadow: none; border: 2px solid #6CB243; background: #9BF100; line-height: 100%; } .contact-us_button:hover, .contact-us_button:focus, .contact-us_button:hover:focus, .contact-us_button:active { text-decoration: none; color: #000000; box-shadow: none; border: 2px solid #6CB243; background: #9BF100; } .contact-us_button:after { position: absolute; content: "\f0c0"; top: 4px; right: 4px; width: 15px; height: 14px; color: #6CB243; font-family: FontAwesome; text-shadow: 1px 0.7px 0 rgba(255, 255, 255, 0.5); } .contact-us_button:before { position: absolute; content: ''; top: 0; right: 20px; width: 3px; height: 100%; background: #CEDABA; border-left: 1px solid #6CB243; border-right: 1px solid #CDF87F; } #forgotDetailsForm #forgot-details-contact-with-email-wrapper, #forgotDetailsForm #forgot-details-contact-with-phone-wrapper { padding: 0; } #forgotDetailsForm #forgot-details-contact-with-email-wrapper { margin-bottom: 5px; } #forgotDetailsForm #forgot-details-contact-with-email-wrapper.disabled label, #forgotDetailsForm #forgot-details-contact-with-phone-wrapper.disabled label { color: #959595; } #forgot-details-contact-with-email-wrapper label span.has-icon { background: url("/cms/images/icons/general-icons/email-icon.png") 20px 0 no-repeat; } #forgot-details-contact-with-phone-wrapper label span.has-icon { background: url("/cms/images/icons/general-icons/phone-icon.png") 25px 0 no-repeat; } #forgot-details-contact-with-email-wrapper.disabled label span.has-icon { background-position: 20px -16px; } #forgot-details-contact-with-phone-wrapper.disabled label span.has-icon { background-position: 25px -15px; } #forgotDetailsForm #forgot-details-contact-with-email-wrapper label span.has-icon:before, #forgotDetailsForm #forgot-details-contact-with-phone-wrapper label span.has-icon:before { margin-right: 30px; } #forgotDetailsForm .step-3 .details-hint { top: 0; line-height: 24px; color: #4D4D4D; } #forgotDetailsForm #forgot-details-contact-with-phone-wrapper #selectCountryCode { position: absolute; left: 25px; width: 137px!important; } #forgotDetailsForm #forgot-details-contact-with-phone-wrapper .has-feedback { padding-left: 168px; } .step-3:hover { padding-bottom: 50px; } #forgot-details_emailWrapper:hover, #forgot-details_phoneNumberWrapper:hover { overflow: visible!important; } #forgotDetailsForm #forgot-details_emailWrapper .has-feedback .alert-info { margin-right: 0; } #forgot-details_code_wrapper .has-feedback label { float: left; } #forgot-details_code_wrapper .form-control-feedback .registerValidOK { right: 35px; } #forgot-details_code_wrapper .has-feedback .form-control { padding-right: 10px; } #forgotDetailsForm #forgot-details_login_button { display: none; margin-left: 0px; } .need-help-msg { margin-top: 5px; } #forgot-details_successful { padding: 0; color: #4D4D4D; border: 0; background: none; } .submenu a { display: block; } .sent-information { display: block; line-height: 18px; } .sent-information .destination { display: block; color: #0057CB; font-style: italic; } #myAccountWrapper #profile_bonuses .form-group #bonunsesPromo { height: 32px; line-height: 32px; margin-top: 1px; border-radius: 0; } .radio-group>.radio label span { border-radius: 0; } #profile_bonuses #bonusStatusWrapper { margin-top: 10px; } #profile_bonuses .progress-hint { top: -10px; } #postlogin_form_deposit .progress-hint i { top: 2px; } #announcementPopup .error-field { font-size: 11px; color: #f1044C; } #announcementPopup .email-address { margin-bottom: 0; } #announcementPopup { padding: 10px; } #announcementPopup h3 { position: relative; border-bottom: 2px solid #eaeaea; padding-bottom: 10px; margin-top: 0px; color: #0057CB; font-size: 19px; font-weight: bold; } #announcementPopup h3:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: #B3B3B3; } .announcement-wrapper2 h3 { border-color:#ccc !important; } .announcement-wrapper2 h3:before { background: #9a9a9a !important; } #announcementButton1 { background: #d1d3d4; width: 30px; padding: 3px 5px 2px; font-size: 11px; color: #FF0000; } .announcement-wrapper2 table { border-collapse: collapse; width: 100%; } .announcement-wrapper2 table td { padding: 5px 5px; vertical-align: top; text-align: left; color: #000; } .announcement-wrapper2 table td:nth-child(2) { width: 5px; } .announcement-wrapper2 table td:first-child { padding-left: 0px; text-align: left; width: 50px; } .btn-announcement-popup { background: #d1d3d4; color: #414042; width: 65px; text-align: center; border-radius: 3px; border: 1px solid #23207c; font-size: 11px; padding: 3px 0 2px; text-transform: uppercase; font-weight: bold; } .btn-chat-ann { background: rgb(242, 224, 150); background: -moz-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: -webkit-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: linear-gradient(to bottom, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2e096', endColorstr='#ba8f37', GradientType=0); color: #7e420d; } .btn-chat-ann i { font-size: 13px; } .bg-panduan-ann { background: #c2c2c2; } #announcementPopup_left, #announcementPopup_right { padding: 10px; float: left; width: 50%; } .inner-announcement { padding: 10px; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #e8e8e8; position: relative; border-radius: 5px; box-shadow: inset 0px 0px 0px 1px #a4a4a4; } .inner-announcement:after {}.button-wrapper-announcement { text-align: center; position: absolute; left: 0; right: 0; bottom: 10px; } .mt20 { margin-top: 20px; } #submitAnnouncementButton { float: none; display: inline-block; padding: 3px 25px; } #information-of-bank-details { position: relative; } #information-of-bank-details div { font-size: 16px; font-weight: bold; } #information-of-bank-details:before {}#announcementPopup #bank-name {} .games-page #gamecontentleft { padding-right: 0; } .games-page #gamecontentcenter { min-height: 630px; } #gamecontentcenter { padding: 0px 5px; } .games-page #menu>li { padding-bottom: 0; text-transform: uppercase; } .ui-accordion .ui-accordion-content li { margin-top: 10px; font-size: 16px; } .ui-accordion .ui-accordion-content li:first-child { margin-top: 0; } .ui-accordion .ui-accordion-content li a:hover { text-decoration: underline; } .games-page #menu>li a.gameLink { color: #004198; font-family: 'Ubuntu', sans-serif; } .ui-accordion .ui-accordion-header { margin-top: 0; border-radius: 0; text-transform: uppercase; color: #fff; background: rgb(40, 79, 202); background: -moz-linear-gradient(top, rgba(40, 79, 202, 1) 0%, rgba(35, 70, 174, 1) 100%); background: -webkit-linear-gradient(top, rgba(40, 79, 202, 1) 0%, rgba(35, 70, 174, 1) 100%); background: linear-gradient(to bottom, rgba(40, 79, 202, 1) 0%, rgba(35, 70, 174, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#284fca', endColorstr='#2346ae', GradientType=0); box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.4); } .ui-accordion .ui-accordion-header:hover { color: #001B3F; text-decoration: none; background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); } .ui-accordion .ui-accordion-content { border-radius: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; } .label-top-minbet .ui-widget-content { background: #fff; width: 100%; height: 2px; position: relative; top: 10px; border: 0; } #myaccountprofile .ui-widget-content, #content .ui-widget-content { background: transparent; height: auto; top: auto; width: 100%; border: 0; } .games-page #menu>li.active>a, .games-page #menu>li.active>a:hover, .games-page #menu>li.active>a:focus { background: #F8F13E; color: #001B3F; } #menu .ui-state-default .ui-icon { background-image: url(/resources/images/jQueryUI/ui-icons_ffffff_256x240.png); } #menu .ui-state-active .ui-icon { background-image: url(/resources/images/jQueryUI/ui-icons_228ef1_256x240.png); } #resetPassword_form.form-horizontal .has-feedback .form-control-feedback { margin-left: 0px; } #resetPassword_form.form-horizontal .form-control { width:150px; } #resetPassword_form.form-horizontal .has-feedback .form-control-feedback span { position: absolute; left: 24px; right: auto; } #verificationWrapper #bankAccount_item>.control-label, #verificationWrapper #bankAccount_item .profile-field-item { display: none; } .verification-bank-account { display: none; } #verificationDetails .verification-bank-account.success #bankAccount_edit_verification_page { display: none; } #verificationWrapper .verification-bank-account { display: block; } #verificationWrapper #email_edit, #verificationWrapper #email_verify, #verificationWrapper #phoneNumber_edit, #verificationWrapper #phoneNumber_verify { float: none; background: #0057CB; padding: 2px 10px; color: #fff; border-radius: 3px!important; } #verificationWrapper .wrapper-send-vericode { width: 230px; display: inline-block; } #verificationWrapper .wrapper-send-vericode .profile-field { max-width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } #verificationWrapper .verifyField, #verificationWrapper .edit-field-link { display: inline-block; position: relative; margin: 0 4px; width: 90px; text-align: center; } #verificationWrapper #bankAccount_edit.edit-field-link { top: 0; margin-left: 10px; } #verificationWrapper ul li.changed .profile-field-item { height: 23px; } #verificationWrapper .saved-field { top: 2px; } #verificationWrapper #bankAccount_item .edit-field-link { width: auto; } #verificationWrapper #bankAccount_item .lihat-rekening { display: none; } #myaccountprofile .status-field, #verificationWrapper .status-field { top: -24px; float: none; padding: 0px 5px 0 0; } #verificationWrapper .status-field { top: -24px; } #verificationWrapper .wrapper-send-vericode .edit-field-link { background: transparent!important; text-decoration: underline; padding: 0px!important; color: #0057CB!important; text-transform: capitalize!important; width: auto; margin-left: 4px; display: inline-block; top: -7px; } #verificationWrapper .container-wrapper-sendcode i.fa-close { left: 22px; display: none !important; } #verificationWrapper #phoneNumberRecaptcha i.fa-close , #verificationWrapper #emailRecaptcha i.fa-close { left: 22px; display:none !important; } #verificationWrapper #phoneNumberRecaptcha.has-error i.fa-close , #verificationWrapper #emailRecaptcha.has-error i.fa-close { display:block !important; } #verificationWrapper .has-success #phoneNumber-captcha, #verificationWrapper .has-success #email-captcha { border: 1px solid #d1d3d4; border-top: 1px solid #bcbec0; border-bottom: 1px solid #e6e7e8; } #phoneNumberRecaptchaError.help-block , #emailRecaptchaError.help-block { display: none; position: absolute; top: 28px!important; left: auto !important; right: -50px !Important; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; padding: 5px 8px; } #phoneNumberRecaptchaError.help-block:after , #emailRecaptchaError.help-block:after { content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #ce9a9a; position: absolute; right: 5px; top: -5px; } .has-error #phoneNumberRecaptchaError.help-block.data-shown , .has-error #emailRecaptchaError.help-block.data-shown { display:block; } #verificationWrapper .has-success .has-error #phoneNumber-captcha, #verificationWrapper .has-success .has-error #email-captcha { border-color: #ed1c23; } #verificationWrapper .container-wrapper-sendcode.has-error i.fa-close { display: block !important; } #verificationWrapper .container-wrapper-sendcode .help-block { position: absolute; top: 29px!important; left: 61%!important; right: auto!important; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; display: none; } #verificationWrapper .container-wrapper-sendcode.has-error .help-block.data-shown { display: block; padding: 5px 8px; } #verificationWrapper .container-wrapper-sendcode .help-block:after { content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #ce9a9a; position: absolute; left: 80px; top: -5px; } .send-code-button { color: #0057CB; text-decoration: underline; font-size: 12px; position: relative; top: -6px; margin-right: 10px; cursor: pointer; width: 109px; display: inline-block; text-align: right; } .send-code-button.disabled { color: #999; } #myaccountprofile .status-field>span, #verificationWrapper .status-field>span { position: absolute; z-index: 11; bottom: -60px; top: auto; left: -18px; background: #FFDBDB; padding: 5px; width: auto; color: #fff; white-space: nowrap; display: none; font-size: 13px; color: #F13856; border: 1px solid #ce9a9a; } #myaccountprofile .status-field.verified>span, #verificationWrapper .status-field.verified>span { background: green; border-color: #06c706; color: #fff; } #myaccountprofile .status-field>span:after, #verificationWrapper .status-field>span:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ce9a9a; top: -5px; left: 14px; position: absolute; } #myaccountprofile .status-field.verified>span:after, #verificationWrapper .status-field.verified>span:after { border-bottom: 5px solid green; } #myaccountprofile .status-field:hover span, #verificationWrapper .status-field:hover span { display: block; } #verificationWrapper .status-field span.show-this { display:block; } #migration_form #migration_birthDateWrapper table td #migrationBirthMonth { width:55px; } #myaccountprofile #email_edit, #myaccountprofile #phoneNumber_edit { background: none; text-transform: capitalize; } #myaccountprofile #email_verifiy, #myaccountprofile #phoneNumber_verifiy { float: none; padding: 2px; margin: 0; position: relative; top: -2px; margin-left: 20px; } #myaccountprofile #get-email-code, #myaccountprofile #get-phoneNumber-code { margin: 0px 15px 0px 30px; padding: 3px 15px; border-radius: 0px!important; } #myaccountprofile .sending-time { padding: 0 15px 15px 15px; } #verificationWrapper #verificationDetails_ul .control-label { padding-left: 0; padding-right: 0; width: 105px; text-align: right; } #verificationWrapper #phoneNumber-entering-form .control-label, #verificationWrapper #email-entering-form .control-label { padding-left: 0px; padding-right: 0px; } #verificationDetails_ul .send-button-wrapp .send-button { margin-left: 0px; width: 183px; margin-top: 0px; margin-right: 0px; float: right; padding: 1px 10px; } #verificationWrapper .list-sending-time { margin-bottom: 30px; } #verificationWrapper #new-email-phone-li { border-bottom: 0; } #verificationWrapper i.fa-pencil-square-o { color: red; } #get-email-code.editing-button, #get-phoneNumber-code.editing-button { float: none; text-align: center; display: block; } #verificationWrapper #email_item { border-bottom: 0; padding-bottom: 0px; min-height: 20px; margin-top: 10px; z-index: 2; } #phoneNumber-number-retries, #email-number-retries { cursor: pointer; font-size: 13px; text-align: center; } .ui-tabs .ui-tabs-nav li { margin: 1px 2px 0 0; } #phoneNumber-number-retries:hover, #email-number-retries:hover { text-decoration: underline; } #verificationWrapper #phoneNumber_item { padding-top: 0px; padding-bottom: 0px; margin-bottom: 15px; border-bottom: 0px; min-height: 20px; } #verificationWrapper #phoneNumber_item.has-error .phoneNumber-code-veri { border-color: #d1d3d4; } #verificationWrapper .container-wrapper-sendcode.has-error .phoneNumber-code-veri { border-color: #ed1c23!important; } #verificationWrapper #email_item.has-error .email-code-veri { border-color: #d1d3d4; } #verificationWrapper .container-wrapper-sendcode.has-error .email-code-veri { border-color: #ed1c23!important; } #verificationWrapper #phoneNumber_item.changed { padding-bottom: 5px; padding-top: 8px!important; } #verificationWrapper #phoneNumber_item.is-opened { margin-top: 5px; margin-bottom: 5px; } #verificationWrapper #phoneNumber_item.is-opened .profile-field-item, #verificationWrapper #email_item.is-opened .profile-field-item { margin-bottom: 0px; } #verificationWrapper #phoneNumber_item.is-complete { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; } #verificationWrapper #phoneNumber_item.is-complete .wrapper-send-vericode, #verificationWrapper #email_item.is-complete .wrapper-send-vericode { width:100%; } .pagination { margin:20px 0 0 0; } .table-responsive { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; white-space:nowrap; } .table-responsive td { padding:8px 7px; } #verificationWrapper #phoneNumber_item.is-complete .profile-field-item { margin-bottom: 0px; height: 22px; } #verificationWrapper #email_item.is-complete { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; } #verificationWrapper #email_item.is-complete .wrapper-send-vericode .profile-field, #verificationWrapper #phoneNumber_item.is-complete .wrapper-send-vericode .profile-field { max-width: 100%; } #verificationWrapper #email_item.is-opened { margin-top: 5px; margin-bottom: 5px; } #verificationWrapper #email_item.is-complete .profile-field-item { margin-bottom: 0px; height: 22px; } #verificationWrapper #email_item.changed { padding-top: 5px!important; padding-bottom: 5px!important; } #verificationWrapper #email_item.has-success { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; } #verificationWrapper i.fa-question, #verificationWrapper i.fa-check, #verificationWrapper i.fa-close { top:5px; text-align: center; position:relative; } #sbtech-betting__iframe { display: block; overflow: hidden; } #migrationPopup { max-width: 705px; } #migration_form .has-feedback .form-control, #migration_form #migration_birthDateWrapper table { width: 50%; } #migration_form #migration_birthDateWrapper table td .form-control { width: 100%; padding-left: 5px; padding-right: 0px; } #migration_acceptUserTerms { margin-bottom: 0px; } #migration_form .eye-icon { left: 44%; right: auto; } #migration_form .form-control-feedback { left: 57%; } #migration_form .form-control-feedback .registerValidOK { left: 23px; right: auto; } #migration_form #migration_noLastName { margin: 0; } #migration_form #migration_noLastName label { margin-bottom: 15px; margin-left: 27.5%; color: #0057CB; } #migration_form #migration_birthDateWrapper td:nth-child(2) { padding: 0 10px; } #migrationPopup_wrapper .form-title { margin-bottom: 15px; padding-bottom: 15px; position: relative; font-size: 16px; border-bottom: 2px solid #c1c1c1; } #migrationPopup_wrapper .form-title ol { padding-left:16px; margin-bottom:0px; font-size:14px; font-family:ubuntu; } #migrationPopup_wrapper .form-title:after { content: ""; position: absolute; right: 0; bottom: -3px; left: 0; border-bottom: 2px solid rgba(255, 255, 255, 0.5); } #depositWrapper #loadingContent { width: 75%; } #withdrawalAmount_validOK { position: absolute; left: 22px; display: none; } #withdrawalAmountWrapper.has-error #withdrawalAmount_validOK { display: block; } #withdrawalList hr.hrWithdraw+li.form-group.has-feedback { display: none; } #verificationDetails_ul .explanation1 { margin: 10px 0 0; } #verificationDetails_ul .send-data-form-wrapper { padding-right: 15px; overflow: visible!important; } #verificationDetails_ul .send-data-form-wrapper .control-buttons { margin-top: 0px; } #verificationDetails_ul #bankAccount_item .profile-editable-field { padding-left: 14.7%; padding-bottom: 20px; } #verificationDetails .divider-atau { text-align: center; font-size: 20px; border-bottom: 0px; padding: 15px 5px; position: relative; } #verificationDetails .divider-atau:before { content: ""; min-height: 1px; width: 100%; position: relative; background: #767678; display: block; } #verificationDetails .divider-atau:after { content: ""; min-height: 1px; width: 100%; position: relative; background: #fff; display: block; } .divider-atau span { display: inline-block; padding: 0px 10px; position: relative; z-index: 1; background: #ccc; position: absolute; top: 50%; margin-top: -15px; margin-left: -24px; left:50%; } .wrapper-email-phone { padding: 15px 5px 15px 5px; } #verificationDetails_ul #phoneNumber_item .profile-field-item, #verificationDetails_ul #email_item .profile-field-item { width: 775px; } .label-edit-2nd { display: none; } #register_form ul li { min-height: 20px; margin-bottom: 10px; } #gamePage { overflow:hidden; } #wrappergamemenu #menu.ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: 6px; left: auto; font-size: 13px; text-indent: 0; background: none; } #wrappergamemenu #menu.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: "\e080"; font-family: 'Glyphicons Halflings'; } #wrappergamemenu #menu .ui-accordion-header-active, #wrappergamemenu #menu .ui-accordion-header-active:hover, .navigation-title:hover { color: #001B3F; background: #f8f13e; background: -moz-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: -webkit-linear-gradient(top, #f8f13e 0%, #d5cf35 100%); background: linear-gradient(to bottom, #f8f13e 0%, #d5cf35 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f13e', endColorstr='#d5cf35', GradientType=0); } #wrappergamemenu #menu.ui-accordion .ui-accordion-icons { margin-top: 0; padding: 6px 12px; text-transform: uppercase; padding-right:28px; } #wrappergamemenu #menu.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\e114"; color: #fff; } #wrappergamemenu #menu.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { color: #0057cb; } /* new-promopage */ .new-promopage #wrapper-faq-data ol { padding-left:20px; } .new-promopage #wrapper-faq-data h1 { margin-top: 0px; } /* Dragaable last bet */ #dragableicon { position:absolute; top:97px; left:20px; width:90px; height:90px; z-index:9999; display:none; } #gameEmptyGameWindow { position:relative; z-index:0; border:0px; } .tips-trik { position: fixed; top: 10px; right: 18px; font-size: 30px; z-index: 10; } .tips-trik i { color:#b18c2c; } .title-tips { position: absolute; left: -110px; border: 1px solid #b18c2c; background: #a07f29; border-radius: 5px; padding: 5px 8px; top:10px; font-size: 13px; text-align: center; transition: all 0.2s linear; visibility: hidden; opacity: 0; } .title-tips:before { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ""; border-left: 7px solid #b18c2c; position: absolute; right: -8px; top: 3px; } .tips-trik a:hover + .title-tips { visibility: visible; opacity: 1; } .draggable-bg { position:absolute; left:0px; right:0px; top:0px; bottom:0px; cursor:move; } .left-drag { position:absolute; left:5px; top:50%; margin-top:-12px; } .right-drag { position:absolute; right:5px; top:50%; margin-top:-12px; } .top-drag { position:absolute; left:50%; top:1px; margin-left:-13px; } .bottom-drag { position:absolute; left:50%; margin-left:-13px; bottom:3px; } .draggable-icon { z-index:9999; } .draggable-icon:hover img { cursor:pointer; opacity:0.7; } .container-lb { color:#fff; position:absolute; z-index:0; display:none; } .container-lb-bottom { background:url(/cms/images/draggable/Widget_08BottomBox.png) no-repeat center top; width:200px; height:103px; padding:39px 27px 39px 27px; left: -55px; bottom: -65px; display:block; } .container-lb-top { background:url(/cms/images/draggable/Widget_06TopBox.png) no-repeat center top; width:200px; height:103px; padding:20px 27px 39px 27px; left: -54px; top: -64px; display:block; } .container-lb-right { background: url(/cms/images/draggable/Widget_07RightBox.png) no-repeat center top; width: 200px; height: 80px; padding: 18px 27px 39px 39px; right: -167px; top: 7px; display:block; } .container-lb-left { background: url(/cms/images/draggable/Widget_09LeftBox.png) no-repeat center top; width: 200px; height: 80px; padding: 18px 39px 39px 23px; left: -167px; top: 7px; display:block; } .title-lb { font-size:12px; text-transform:uppercase; } .title-lb-inner { display:inline-block; } .title-lb .field-info-wrapper { position: absolute; z-index: 999299; text-transform:initial; } .title-lb .field-info-wrapper .alert-info { font-size: 13px; top: 17px; right: 12px; z-index: 100000; text-transform: initial; left: -11px; } .title-lb .field-info-wrapper .alert-info:before { content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #0057CB; position:absolute; top:-5px; right:13px; } .container-lb-top .title-lb .field-info-wrapper .alert-info { font-size: 13px; top: -6px; right: auto; z-index: 100000; text-transform: initial; left: 133px; width: 145px; } .container-lb-top .title-lb .field-info-wrapper .alert-info:before { content: ""; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; top: 2px; left: -11px; } .form-control-games { display: inline-block; position: relative; left: auto; right: auto; margin: 0; /* line-height: 2px; */ height: auto; top: -21px !important; margin-left:5px; } .form-control-games i { background: #fff; color: #7e8ad0; border-radius: 50%; width: 14px; height: 14px; /* position: relative; */ top: 10px } .form-control-games i:before { display: inline-block; width: auto; height: auto; font-size: 11px; color: #7e8ad0; vertical-align: top; } .last-bet-idr { font-size:18px; } .money-lb { float:right; } /* Term n condition */ ol.nested-ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } ul.romans { list-style-type: none; margin-bottom:10px; margin: 0; padding: 0; counter-reset: item; } ul.romans li { counter-increment: item; display: table; margin-bottom: 0.3em; } ul.romans li:before { content: "(" counter(item,lower-roman) ")"; display: table-cell; width: 25px; } ul.alfabet { list-style-type: none; margin-bottom:10px; margin: 0; padding: 0; counter-reset: item; } ul.alfabet li { counter-increment: item; display: table; margin-bottom: 0.3em; } ul.alfabet li:before { content: "(" counter(item,lower-alpha) ")"; display: table-cell; width: 25px; } ol.nested-ol > li { display: table; counter-increment: item; margin-bottom: 0.6em; } ol.nested-ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; font-weight:bold; } ol.nested-ol li li { margin: 0; margin-bottom: 5px; } ul.stripe-ul { list-style-type:none; margin:0 0 10px 0; padding:0; } ul.stripe-ul li { display: table; margin-bottom: 0.6em; } ul.stripe-ul li:before { content:"-"; display: table-cell; padding-right: 0.6em; } .ul-indent { padding-left:22px !important; } ol.nested-ol li ol > li:before { content: counters(item, ".") " "; } .title-term { font-weight:bold; text-transform:uppercase; margin-bottom:5px; } .p-text { margin-bottom:10px; } .term-red { color:#C61D23; } .content-a { text-decoration:underline; font-weight:bold; color:#000; } #wrappergamemenu { width:225px; } #wrappergamemenu.affix { position:fixed; top:57px; } .game{ animation-duration: 1s; animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-duration: 1s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-duration: 1s; -moz-animation-delay: 0s; -moz-animation-iteration-count: 1; } #table-download { white-space:normal; } #table-download table { border-collapse:collapse; width:100%; } #table-download td { vertical-align:top; padding:10px 5px; } .download-center-title { margin-bottom:5px; } #withdrawalList .wrapper-custom-hint .field-info-wrapper .field-info { font-size:13px; } .errordate { background:#fff4a4; } .heading span { font-style:italic; font-weight:normal; } .bantuan24jam { padding:30px; padding-bottom: 20px !Important; margin-bottom: 16px; } .bantuan24jam .border-blue-bottom { border-color:#fff; } .active-group { font-weight: 800; } .linkgamegroup:hover { text-decoration:none; } .bantuan24jam .heading { color:#fff; } .bantuan24jam .right-img-contact { text-align:center; } .bantuan24jam .right-img-contact .img-responsive { display:inline-block; } .bantuan24jam .heading b { font-size:20px; } .bantuan24jam .contact-faq-wrapper .inner-contact-faq { margin-right:15px; } .bantuan24jam .contact-faq-wrapper .inner-contact-faq b { font-size:20px; } /* sbtech header */ #header-fluid.sbtech-header { height:43px; } #header-fluid.sbtech-header1 { height:77px; } .sbtech-header #header.affix #signoutButton { display:inline-block; margin-right:57px; position:relative; padding:1px 7px; margin-top:0px; } .sbtech-header #header.affix { box-shadow:2px 2px 10px 0px #000; } .sbtech-header #header.affix #signoutButton:hover { opacity:0.7; } .sbtech-header #header #signoutButton .fa-power-off { } .sbtech-header #header.affix #postlogin_form_deposit { padding-right:0px; } #header.affix #signoutButton.btn { display: inline-block; margin-right: 13px; position: relative; padding: 1px 7px; margin-top: 2px; } #header.affix #livechat-button .livechat_button a { display: none; } #header.affix #livechat-button { width: 26px; } #header.affix #helpButton { display: none; } /* grid banner column3 */ .gridcolumn3 { position: absolute; font-size: 17px; font-family: 'Ubuntu', sans-serif; padding: 0.8%; z-index: 1; width: 29%; text-align: center; opacity: 1; } .column3-1-1 { top: 34.5%; left: 6.1%; } .column3-1-2 { top: 34.5%; left: 50%; margin-left:-10.4%; } .column3-1-3 { top: 34.5%; right: 6.1%; } .column3-2-1 { top: 59.5%; left: 6.1%; } .column3-2-2 { top: 59.5%; left: 50%; margin-left:-10.4%; } .column3-2-3 { top: 59.5%; right: 6.1%; } .column3-3-1 { top: 85.5%; left: 2.2%; } .column3-3-2 { top: 85.5%; left: 50%; margin-left: -14.5%; } .column3-3-3 { top: 85.5%; right: 2.1%; } .gridcolumn4 { position: absolute; font-size: 14px; font-family: 'Ubuntu', sans-serif; padding: 0.6%; z-index: 1; width: 16.7%; text-align:center; opacity:1; } .column4-1-1 { top: 34.5%; left: 4.2%; } .column4-1-2 { top: 34.5%; left: 29.2%; } .column4-1-3 { top: 34.5%; left: 54.2%; } .column4-1-4 { top: 34.5%; right: 4.1%; } .column4-2-1 { top: 59.5%; left: 4.2%; } .column4-2-2 { top: 59.5%; left: 29.2%; } .column4-2-3 { top: 59.5%; left: 54.2%; } .column4-2-4 { top: 59.5%; right: 4.1%; } .column4-3-1 { top: 84.5%; left: 4.2%; } .column4-3-2 { top: 84.5%; left: 29.2%; } .column4-3-3 { top: 84.5%; left: 54.2%; } .column4-3-4 { top: 84.5%; right: 4.1%; } .banner-button-custom { width: 100%; text-align:center; display:block; padding:8px 0; position:absolute; bottom:0px; font-size: 18px; color:#fff !important; font-style: italic; text-decoration: none !important; } .banner-button-custom-more { display: inline-block; position: absolute; bottom: 11%; font-size: 12px; left: 5%; color: #444; text-decoration: underline !important; } .banner-button-custom-more:hover { opacity:0.8; } .banner-button-custom:hover { text-decoration: underline; } /* Live streaming */ .widget-livestreaming { color: #4D4D4D; background: #f6f6f7; background: -moz-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); /* background: -webkit-linear-gradient(top, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); */ background: linear-gradient(to bottom, #f6f6f7 0%, #dad9da 31%, #c8c7c7 57%, #b1b1b2 89%, #b0b1b1 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#b0b1b1', GradientType=0); font-family: 'Ubuntu', sans-serif; position: relative; margin-bottom: 20px; padding-bottom: 10px; } .widget-livestreaming .prefooter-title { text-align: center; } .widget-livestreaming ul { list-style-type: none; margin: 0; padding: 0; padding: 0px 10px 10px 10px; height: 409px; overflow: hidden; } .widget-livestreaming ul li { border-bottom:1px dotted #000; padding: 8px 0px; } .widget-livestreaming ul li .leaguename { font-weight: bold; text-transform: uppercase; } .widget-livestreaming ul li .dateandlink a { color:#777; margin-left: 5px; } .widget-livestreaming ul li .dateandlink a.livenow { color: red; } .widget-livestreaming ul li .dateandlink span.notlive { color:#929292; margin-left: 5px; } .widget-livestreaming .nodatafound { padding: 10px 10px 0px 10px; text-align: center; } .widget-livestreaming a.linklebih { display: block; text-align: center; } .widget-livestreaming:before { content: ""; position: absolute; width: 100%; height: 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #004198; box-shadow: inset 0 4px 7px -4px #000; bottom: -10px; left: 0; } /* windowpopup */ .notlive { cursor: pointer; } .windowpopup_home { position:fixed; top:0px; left:0px; height: 100%; width: 100%; background:rgba(0,0,0,0.7); z-index: 9999; } .windowpopup_home .container-popup { position: absolute; top: 50%; left: 50%; width: 400px; height: auto; margin-top: -100px; margin-left: -200px; text-align: center; background:#fff; } .windowpopup_home .container-popup .header-popup { background: #0057CB; padding: 8px; color:#fff; text-align:left; padding-right: 40px; padding-left: 12px; font-weight: bold; } .windowpopup_home .time-countdown { font-size: 32px; margin: 15px auto; } .windowpopup_home .close-windowpopup { position: absolute; right: 8px; top: -2px; font-size: 27px; color: #ffffff; cursor: pointer; } .windowpopup_home .container-popup .time-container { padding: 10px; color:#000; } @media (max-width: 992px){ .widget-livestreaming ul { height: auto; } } @media (max-width: 767px){ .windowpopup_home .container-popup { position: absolute; top: 50%; left: 50%; width: 300px; height: auto; margin-top: -100px; margin-left: -150px; text-align: center; background:#fff; } } /* NEW VERIFICATION PAGE */ /* ======================================================================== * bootstrap-tour - v0.10.3 * http://bootstraptour.com * ======================================================================== * Copyright 2012-2015 Ulrich Sossou * * ======================================================================== * Licensed under the MIT License (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://opensource.org/licenses/MIT * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ .tour-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); } .tour-step-backdrop { position: relative; z-index: 100002; } .tour-step-backdrop > td { position: relative; z-index: 100002; } .tour-step-background { position: absolute !important; z-index: -1; background: inherit; border-radius: 6px; } .popover[class*="tour-"] { z-index: 100002; color:#222; } .popover[class*="tour-"] .popover-navigation { padding: 9px 14px; overflow: hidden; } .popover[class*="tour-"] .popover-navigation *[data-role="end"] { float: right; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] { cursor: pointer; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { cursor: default; } .popover[class*="tour-"].orphan { position: fixed; margin-top: 0; } .popover[class*="tour-"].orphan .arrow { display: none; } .popover[class*="tour-"] .btn { display: inline-block; padding: 5px 10px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; margin:0; float:inherit; text-transform:capitalize; } .popover[class*="tour-"] .btn-group>.btn:last-child:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .popover[class*="tour-"] .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .popover[class*="tour-"] .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .popover[class*="tour-"] .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .popover[class*="tour-"] .btn-grey { color: #111; background-color: #ddd; } .popover[class*="tour-"] .btn-grey:hover { color: #111; background-color: #ccc; } .popover[class*="tour-"] .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .popover[class*="tour-"] .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .popover[class*="tour-"] i.fa-check { position:relative; top:0; left:0; right:0; background:#5ee701; border-radius:0; } .popover[class*="tour-"] i.fa-check:before { color:#2f68d3; } /* Custom css */ /*.body-top { overflow-x: hidden; width: 100%; background: #000 url(../images/bg-pattern.jpg) center top no-repeat fixed; } #header .container { border-bottom: 3px solid #0057CB; background: #090D5F; padding:15px 0; text-align:center; } #body .container { background: #090D5F; padding:15px; }*/ #verificationWrapper { border-radius: 0; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b8bd0+0,22479f+100 */ background: rgb(59,139,208); /* Old browsers */ background: -moz-linear-gradient(left, rgba(59,139,208,1) 0%, rgba(34,71,159,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(59,139,208,1) 0%,rgba(34,71,159,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(59,139,208,1) 0%,rgba(34,71,159,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8bd0', endColorstr='#22479f',GradientType=1 ); /* IE6-9 */ min-height:574px; } #verificationWrapper .error-field { margin-bottom:10px; display:none; } #verificationWrapper #phoneNumber-code_error.error-field, #verificationWrapper #email-code_error.error-field { margin-bottom:0px; } #verificationWrapper .has-error .error-field { display:block; } #wrapper-veri-bottom .description-bottom-veri.text-muted { margin-top:10px; font-size:12px; } #verificationWrapper #get-email-code i, #verificationWrapper #get-phoneNumber-code i{ position:relative; top:0px; margin-left:0px; } #verificationWrapper .field-info-wrapper .alert-info { margin-right:0; left: auto; right:-27px; top:16px; } #verificationWrapper .field-info-wrapper .alert-info:after { content:""; width:0px; height:0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #0057CB; position:absolute; top:-5px; right:5px; } #verificationWrapper .warning-message { position: relative; padding: 6px 10px; line-height: 30px; background: #0057CB; color: #ffffff; font: 16px 'Ubuntu', Arial; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.6); margin-top: 0px; margin-bottom: 0px; } #verificationWrapper #verificationDetails { padding:20px 20px 20px 20px; min-height:574px; position:relative; overflow:hidden; } .skiptoplay { display:block !important; visibility: visible !important; margin-top:5px !important; padding-right:10px; color:#fff !important; } .clearfix.hidden { display:block !important; visibility: visible !important; } #sexy-girl-img { position:absolute; left:0px; top:0px; } #wrapper-veri { padding-left:330px; width:100%; position:relative; min-height: 350px; } .wrapper-content-veri-top { text-align:center; float:left; width:50%; } #notes-bottom-veri { position:absolute; bottom:20px; left:0px; padding-left:350px; } #notes-bottom-veri p { margin-bottom:5px; display:block; font-style:italic; font-size:13px; } .example-verification-link { background: #001b3f; background: -moz-linear-gradient(top, #001b3f 0%, #0d117f 71%); background: -webkit-linear-gradient(top, #001b3f 0%, #0d117f 71%); background: linear-gradient(to bottom, #001b3f 0%, #0d117f 71%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001b3f', endColorstr='#0d117f', GradientType=0); padding:5px 8px; display:inline-block; } .example-verification-link span { color:#fff; font-size:14px; } #notes-bottom-veri .link-veri-top { color:#ff7d7d; font-style:normal !important; } .wrapper-content-veri-top .content-veri-top { background:#12377e; padding:7px 0; } .wrapper-content-veri-top .content-veri-top #bermainlink, .wrapper-content-veri-top .content-veri-top #tarikdanalink { display:block; } .wrapper-content-veri-top.left-top { padding-left:5px; } .wrapper-content-veri-top.right-top { padding-right:5px; } .wrapper-content-veri-top .content-veri-top .title-veri { color:#5ee701; display:inline-block; margin-bottom:3px; font-weight:bold; } .wrapper-content-veri-top .content-veri-top .title-veri.disabled { color:#ff3838; cursor:not-allowed !important; pointer-events: none; text-decoration: line-through; font-style:italic; font-weight:normal; } .wrapper-content-veri-top .content-veri-top i { margin-left:5px; color:#52c3fb; font-size:17px; position:relative; top:1px; } .wrapper-content-veri-top .content-veri-top .progress-wrapper { float:left; width:50%; } .wrapper-content-veri-top .content-veri-top .progress-wrapper .progress-icon-veri { border:6px solid #fff; height:60px; width:60px; margin:5px auto; position:relative; display:block; } .wrapper-content-veri-top .content-veri-top .progress-wrapper .progress-icon-veri:hover { border-color:grey; cursor:pointer; } .wrapper-content-veri-top .content-veri-top .progress-wrapper .progress-icon-title { text-transform:uppercase; font-weight:bold; } .wrapper-content-veri-top .content-veri-top .progress-wrapper.successveri .progress-icon-veri { border-color:#5ee701; } /* .gobacktomobile { display:none; } */ .wrapper-content-veri-top .content-veri-top .progress-wrapper.successveri .progress-icon-veri:before { content: "\f00c"; font-family: FontAwesome; left:0px; position:absolute; height:100%; width:100%; text-align:center; font-size:46px; display:flex; align-items:center; justify-content: center; top:0; color:#2f68d3; background:#5ee701; } .wrapper-content-veri-top .content-veri-top .progress-wrapper.rejectedveri .progress-icon-veri { border-color:#ff3838; } .wrapper-content-veri-top .content-veri-top .progress-wrapper.rejectedveri .progress-icon-veri:before { content: "\f00d"; font-family: FontAwesome; left:0px; position:absolute; height:100%; width:100%; text-align:center; font-size:46px; display:flex; align-items:center; justify-content: center; top:0; color:#fff; background:#ff3838; } #wrapper-veri-bottom { background:#fff; border-radius:5px; padding:20px 20px 20px 20px; margin-top:25px; color:#000; position:relative; } #wrapper-veri-bottom h3.title-bottom-veri { font-weight:bold; text-transform:uppercase; margin-top:0px; font-size:20px; text-align:left; } #wrapper-veri-bottom h3.title-bottom-veri.text-danger { color:#ff3838; } #wrapper-veri-bottom .description-bottom-veri { font-size:15px; } #verificationWrapper .btn { float:none; font-size:inherit; margin:inherit; background:#ddd; color:initial; } #verificationWrapper .fa-refresh { margin-left:5px; } #verificationWrapper label { margin-bottom:5px; } #verificationWrapper .btn.btn-lg { font-size:18px; } #verificationWrapper .btn-danger ,#verificationWrapper .btn-danger:hover, #verificationWrapper .btn-danger:focus, #verificationWrapper .btn-danger:active, #verificationWrapper .btn-danger.active { background-color:#c9302c; color:#fff; } #verificationWrapper .btn-danger:hover { opacity:0.9; } #verificationWrapper .has-feedback .form-control { width:100%; } #verificationWrapper .form-control-feedback { left: auto; } #verificationWrapper .btn.btn-link { background:transparent; color: #428bca; cursor: pointer; border-radius: 0; text-transform: capitalize; } #verificationWrapper .btn.btn-link:hover { color: #2a6496; text-decoration: underline; } #verificationWrapper .btn.btn-link.disabled { color:#777 !important; } #verificationWrapper .btn.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } #verificationWrapper .btn-green , #verificationWrapper .btn-green:focus{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9aec02+0,b3fa18+14,b3fa18+28,85c202+68,78b300+90,7aaa00+100 */ background: rgb(154,236,2); /* Old browsers */ background: -moz-linear-gradient(top, rgba(154,236,2,1) 0%, rgba(179,250,24,1) 14%, rgba(179,250,24,1) 28%, rgba(133,194,2,1) 68%, rgba(120,179,0,1) 90%, rgba(122,170,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(154,236,2,1) 0%,rgba(179,250,24,1) 14%,rgba(179,250,24,1) 28%,rgba(133,194,2,1) 68%,rgba(120,179,0,1) 90%,rgba(122,170,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(154,236,2,1) 0%,rgba(179,250,24,1) 14%,rgba(179,250,24,1) 28%,rgba(133,194,2,1) 68%,rgba(120,179,0,1) 90%,rgba(122,170,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9aec02', endColorstr='#7aaa00',GradientType=0 ); /* IE6-9 */ border:none; outline:0; color:#0c5e00; text-transform:uppercase; font-weight:bold; } #verificationWrapper .btn-orange , #verificationWrapper .btn-orange:focus{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e07c00+0,eaa000+14,efb700+23,d18900+52,ce8e16+72,ab4e00+100 */ background: rgb(224,124,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(224,124,0,1) 0%, rgba(234,160,0,1) 14%, rgba(239,183,0,1) 23%, rgba(209,137,0,1) 52%, rgba(206,142,22,1) 72%, rgba(171,78,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(224,124,0,1) 0%,rgba(234,160,0,1) 14%,rgba(239,183,0,1) 23%,rgba(209,137,0,1) 52%,rgba(206,142,22,1) 72%,rgba(171,78,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(224,124,0,1) 0%,rgba(234,160,0,1) 14%,rgba(239,183,0,1) 23%,rgba(209,137,0,1) 52%,rgba(206,142,22,1) 72%,rgba(171,78,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07c00', endColorstr='#ab4e00',GradientType=0 ); /* IE6-9 */ border:none; outline:0; color:#713002; text-transform:uppercase; font-weight:bold; } #verificationWrapper .btn#belumterima-phoneNumber , #verificationWrapper .btn#belumterima-email { text-transform:initial } .arrow-veri:after { content: ''; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #fff; position: absolute; top: 40px; left: -20px; } .desc-title-welcome-bnz { display:block; } /*.deposit-arrow:after { left:35%; } .hpemail-arrow:after { right:35%; left: auto; } .rekening-arrow:after { right:11%; left: auto; } .agent-arrow:after { border-right: 90px solid #fff; border-top: 0px solid transparent; border-bottom: 29px solid transparent; position: absolute; !* border-left: 11px solid #fff; *! top: 10px; left: -100px; }*/ .link-title-bottom-veri { font-size:15px; text-decoration:underline; margin-top:0px; text-transform:uppercase; text-align:left; } .wrapper-button-hpemail { margin:15px 0; display:inline-block; } .wrapper-button-hpemail button { display:block; width:250px; text-align:left; padding:0px 20px; border-radius:0px; margin:8px auto; height:80px; } .clearfix { clear:both; } .wrapper-button-hpemail button span { position:relative; top:-6px; text-transform:uppercase; } .wrapper-button-hpemail button i { width:45px; text-align: center; font-size:32px; margin-right:10px; } .wrapper-button-hpemail button#hpstatus i { font-size:32px; } .phonegroup { position:relative; padding-left:160px; } #verificationWrapper .phonegroup select { position:absolute; left:0px; width:150px !important; padding-right: 12px !important; } .phonegroup input[type=text] { } #verificationWrapper .form-group { padding-right: 53px; position:relative; width:100%; } #verificationWrapper #captcha_ph .form-group , #verificationWrapper #captcha_email .form-group { padding-right:0px; } /*#form-input-hp > .form-group, #form-veri-hp > .form-group, #form-input-email > .form-group, #form-veri-email > .form-group { margin:25px 0; }*/ #verificationWrapper .form-group i.fa-question:before { background: #599DEC; color: #fff; border-radius: 2px; position: relative; top: 1px; width: 17px; display: inline-block; height: 17px; } #verificationWrapper .form-group i.fa-close:before { background: #ed1c23; color: #fff; border-radius: 2px; position: relative; top: 1px; width: 17px; display: inline-block; height: 17px; } #verificationWrapper .form-group i.fa-check:before { background: #74B400; color: #fff; border-radius: 2px; position: relative; top: 1px; width: 17px; display: inline-block; height: 17px; } #verificationWrapper .form-group { min-height:70px; } #verificationWrapper .form-group .btn-link { text-decoration:underline; } .p-left0 { padding-left:0px !important; } #form-success-hp #nohpdata i, #form-success-email #emaildata i { margin-left:10px; margin-right:5px; } /*#form-success-hp #nohpdata i, #form-success-hp #nohpdata span, #form-success-email #emaildata i, #form-success-email #emaildata span { color:#5ee701; }*/ .ol-verification { margin: 0 0; padding: 0; counter-reset: item; } .ol-verification > li { margin: 0; padding: 0 0 0 2em; /* text-indent: -2em; */ list-style-type: none; counter-increment: item; } .ol-verification > li:before { display: inline-block; width: 1em; padding-right: 0; font-weight: bold; text-align: right; content: counter(item) "."; position: absolute; left: 20px; } .no-captcha-veri { margin:0px; } .no-captcha-veri > li { padding:0px; } .no-captcha-veri > li:before { display:none; } .no-captcha-veri .hiddencaptcha { display:none; } /* temp-button-right */ .temp-button-right { position:fixed; top:10px; right:0px; } /*.popup { max-width:850px; padding: 0 30px; font-family: 'Ubuntu', sans-serif; color: #4D4D4D; } .popup .h1 { margin: 0 -30px 15px; padding: 4px 15px; color: #fff; font-size: 18px; font-weight: 800; background: #0057CB; box-shadow: 0 0 10px #000; padding: 6px 10px; text-transform: uppercase; } .fancybox-close { top: 0; right: 0; width: 30px; height: 30px; border-radius: 0; border: 4px solid #0057CB; background: #fff; } .fancybox-close:before { content: "\f00d"; display: inline-block; padding: 2px 4px; font: normal normal normal 18px/1 FontAwesome; color: #0057CB; }*/ .text-verified-data { color:#ff7d7d; } .blue-tooltip + .tooltip > .tooltip-inner { color: #001B3F; border:1px solid #0057CB; background: #b6cff0; background: -moz-linear-gradient(top, #b6cff0 0%, #99bcea 100%); background: -webkit-linear-gradient(top, #b6cff0 0%, #99bcea 100%); background: linear-gradient(to bottom, #b6cff0 0%, #99bcea 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b6cff0', endColorstr='#99bcea', GradientType=0); border-radius: 0; max-width:400px; text-align:left; } /* Tooltip on top */ .blue-tooltip + .tooltip.top > .tooltip-arrow { border-top: 5px solid #4385dc; } /* Tooltip on bottom */ .blue-tooltip + .tooltip.bottom > .tooltip-arrow { border-bottom: 5px solid #4385dc; } /* Tooltip on left */ .blue-tooltip + .tooltip.left > .tooltip-arrow { border-left: 5px solid #4385dc; } /* Tooltip on right */ .blue-tooltip + .tooltip.right > .tooltip-arrow { border-right: 5px solid #4385dc; } /* custom tour */ .popover.starttour { top:220px !important; } #mulaitourtop { font-size:13px; text-transform:capitalize; position:relative; top:2px; } #mulaitourtop:hover { opacity:0.7; cursor:pointer; } #verificationWrapper .form-control-feedback { width: 47px; text-align: left; } #verificationWrapper .form-control-feedback .error-icons { } #wrapper-veri-hpemail { text-align:center; } hr.style17 { border-top: 1px solid #8c8b8b; text-align: center; } hr.style17:after { content: 'atau'; display: inline-block; position: relative; top: -14px; padding: 0 10px; background: #fff; color: #8c8b8b; font-size: 15px; } #captcha_ph .BDC_CaptchaIconsDiv, #captcha_email .BDC_CaptchaIconsDiv { right:-10px; } #captcha_ph .captchaveri-wrapper, #captcha_email .captchaveri-wrapper{ padding-right:68px; margin-right: -10px; } #captcha_ph .error-field, #captcha_email .error-field { padding-left:15px; } .title-welcome-bnz.hidden { display:block !important; color:#000; visibility: visible !important; } .title-welcome-bnz { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #000; } .h3-title-welcome-bnz { font-size:30px; font-weight:bold; text-transform:uppercase; } .desc-title-welcome-bnz { margin-top:10px; } .title-gradasi { font-size: 60px; background: -webkit-linear-gradient(#e7c64b, #9d7f23); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:bold; line-height:50px; } /* end new verification page */ /* home-content */ .home-content { margin:0 -15px; padding: 20px 50px 20px; background: #0D117F; color:#75aaf8; } .home-content h1, .home-content h2 { font-size: 15px; margin-top:0px; margin-bottom:5px; font-weight:bold; text-transform:uppercase; } .home-content h3 { font-size: 14px; margin-top:0px; margin-bottom:5px; text-transform:uppercase; } .home-content p { font-size: 11px; } .home-content .col-sm-12 { margin-bottom:15px; } .home-content .col-sm-3 { border-right:1px solid #1f3499; } .home-content .col-sm-3:last-child { border-right: 0; } @media (min-width: 768px) and (max-width:991px) { .gridcolumn3 { font-size:13px; padding: 0.5%; } .gridcolumn4 { font-size:10px; padding: 0.4%; } } @media (max-width: 768px) { .gridcolumn3 { display:none; } .home-content .col-sm-3 { border-right: 0; } .gridcolumn4 { display:none; } .btn-mobile-left { left:0px; top:auto; right:auto; bottom:0px; opacity:0.7; width: auto; padding:5px 15px 5px; } .btn-mobile-right { right:0px; top:auto; left:auto; bottom:0px; opacity:0.7; width: auto; padding:5px 15px 5px; } .btn-mobile-left,.btn-mobile-right { display:inline-block; } } @media (min-width: 768px) { .custom-hint { position:absolute !important; right:16px !important; left: auto !important; margin-left:0px !important; margin-right: 0px !important; width:18px !important; } .left-menu-accordion.affix { position:fixed; top:15px; width:217px; } .left-menu-accordion.termsmenu.affix { position:fixed; top:62px; width:217px; } #depositView_top .left-menu-accordion.affix, #myAccountView_top .left-menu-accordion.affix { width:206px; } #forgot-details_code_wrapper #forgot-details_code_label { position:relative; left: -10px; } #forgotDetailsForm #forgot-details_name_button ,#forgotDetailsForm #forgot-details_username_button { margin-left:26px; } #forgotDetailsForm #forgot-details_usernameWrapper.has-feedback { min-height:50px; } .wrapper-custom-hint { padding-right:39px !important; } #withdrawalList .wrapper-custom-hint .field-info-wrapper { right: -212px; width: 500px; } #withdrawalList .wrapper-custom-hint.right-info .field-info-wrapper { right:0; left:auto; } #withdrawalList .wrapper-custom-hint.right-info .field-info-wrapper .field-info { left: auto; right: 0; } #withdrawalList .wrapper-custom-hint.right-info .field-info-wrapper .field-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #0057CB; position: absolute; right: -5px; left:auto; border-right: none; top: 5px; } #migrationPopup .field-info-wrapper { position: absolute; top: 0px; } #migration_saveButton { margin: 5px 0 20px 162px; float: none; width: 252px; } #registerRecaptchaError { margin-left: 27%; } #migration_form #migration_lastName { min-height: 25px; } #migration_form .form-group { min-height: 35px; } #migrationPopup .field-info-wrapper .alert-info { top: 11px; left: 54%; margin-right: 15px; } #migrationPopup .field-info-wrapper .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; left: -5px; top: 5px; position: absolute; } #migrationPopup .error-field { position: absolute; top: 0; left: 62%; background: #FFDBDB; border: 1px solid #ce9a9a; color: #E92D2F; display: none; } #migrationPopup .error-field:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; left: -5px; top: 5px; position: absolute; } #migrationPopup .has-error .error-field.data-shown { padding: 3px 6px; display: block; } #register_form .has-feedback .form-control { width: 40%; } #register_form .has-feedback #registrationPromoCode.form-control { width:65%; } #register_form .form-control-feedback { left: 66%; margin: -28px 0 0 0px; right: auto; } #register_form .form-control-feedback .registerValidOK { right: -23px; } #register_form .eye-icon { position: relative; display: inline-block; right: auto; left: auto; margin-left: -30px; } #register_form .has-feedback select.form-control { padding-right: 0px; } #register_form #li_campaigns .registerLabel { width: 100%; } #register_form #li_campaigns .form-control { width: 65%; } #register_form .g-recaptcha { margin-left: 0px; margin: 0 auto; width: 303px; } #signUpButton, #cancelButton { display: block; margin: 0 auto; } #signUpButton { width: 303px; margin-top: 10px; } #cancelButton { background: none; font-size: 13px; padding: 0px; margin-top: 10px; box-shadow: none!important; margin-bottom: 15px; } #cancelButton:hover { text-decoration: underline; } #register_form .registerFieldError { position: absolute; right: -15px; top: 0px; left: 74%; background: #FFDBDB; color: #E92D2F; padding: 0; font-style: normal; margin-left: 0px; display: none; min-height: 0px; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; z-index: 1; } #register_form .registerFieldError:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 5px; } #register_form .has-error .registerFieldError.data-shown { padding: 5px 8px; display: block; } #register_form .field-info-wrapper { width: 100%; position: absolute; top: 0px; } #register_form .has-feedback .alert-info { margin-left: 0; top: 0px; left: 70%; right: -15px; margin-right: 0px; margin-top: 0px; } #register_form .has-feedback .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #register_form #li_campaigns .field-info-wrapper { top: 21px; left: 11px; } #myaccountprofile .form-control { width: 50%; margin-left: 0px; } #myaccountprofile .form-control-feedback { right: auto; left: 51%; } #myaccountprofile .has-feedback .form-control-feedback>i+span { left: 23px; } #myaccountprofile .form-control-feedback { margin-left: 0px; } #myaccountprofile #updatePassword_ul .form-control-feedback { left: 55.5%; } #updateMyPassword.form-horizontal .has-feedback .form-control-feedback>i { left: -22px; } #myaccountprofile .help-block { position: absolute; right: auto; top: 25px; left: 61%; background: #FFDBDB; color: #E92D2F; padding: 0; font-style: normal; margin-left: 0px; display: none; min-height: 0px; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; } #myaccountprofile .help-block:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 7px; } #myaccountprofile .has-error .help-block.data-shown { padding: 5px 8px; display: block; z-index: 1; } #myaccountprofile #email_error.help-block { top: 53px; right: 15px; } #myaccountprofile #phoneNumber_error.help-block { top: 54px; left: 67%; right: 15px; } #myaccountprofile #address2_item .help-block { top: 3px; } #closeAccountForm .col-sm-12 { padding-left: 15px; } #myaccountprofile #bank_ul .form-control-feedback { left: 56%; } #myaccountprofile #bank_ul .form-control-feedback>i { left: -22px; } #myaccountprofile #bank_ul .help-block { top: 0px; } #myaccountprofile .field-info-wrapper { position: absolute; top: 0px; } #myaccountprofile .field-info-wrapper .alert-info { right: auto; left: 53%; top: 25px; margin-top: 0; } #myaccountprofile #address2_item .field-info-wrapper .alert-info { top: 5px; } #myaccountprofile .field-info-wrapper .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #updateMyPassword .field-info-wrapper .alert-info { top: 0px; left: 53%; margin-right: 15px; } #myaccountprofile #email_item .field-info-wrapper .alert-info { top: 55px; } #myaccountprofile #phoneNumber_item .field-info-wrapper .alert-info { left: 59%; } #myaccountprofile #bank_ul .field-info-wrapper .alert-info { left: 53.5%; top: 0px; } #tabs_limits .has-feedback .input-group, #limits_loss #limitTypeSelector { padding-left: 0px; } #tabs_limits .form-horizontal .has-feedback .form-control-feedback { right: auto; left: 52%; } #limits_wager .input-group, #limits_wager .form-control, #limits_loss .input-group, #limits_loss .form-control { width: 100%; } #limits_wager .input-group .form-control, #limits_loss .input-group .form-control, #limits_wager .select select, #limits_loss .select select { width: 45%; } #limits_wager .form-control-feedback>span, #limits_loss .form-control-feedback>span { display: none; position: relative; right: -22px; } #limits_wager li.form-group.has-error .form-control-feedback>span, #limits_loss li.form-group.has-error .form-control-feedback>span { display: block; } #tabs_limits .form-group .help-block { position: absolute; right: auto; left: 58%; top: 0px; margin-top: 0px; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; display: none; } #tabs_limits .form-group .help-block:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 5px; } #tabs_limits .form-group.has-error .help-block.data-shown { padding: 5px 8px; display: block; } #tabs_limits .field-info-wrapper { position: absolute; } #tabs_limits .field-info-wrapper .alert-info { margin-left: 0; top: -22px; left: 50%; right: 34px; margin-right: 0px; margin-top: 0px; position: absolute; } #tabs_limits .field-info-wrapper .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #updateMyPassword .help-block { right: auto; top: -1px; } #depositNotificationForm .has-feedback .form-control { width: 35%; } #depositNotificationForm .form-control-feedback { left: 65%; } .form-control-feedback .depositValidOK { left: 22px; } #depositNotificationForm .help-block { position: absolute; right: auto; left: 44%; top: 0px; margin-top: 0px; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; display: none; } #depositNotificationForm .help-block:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 5px; } #depositNotificationForm .has-error .help-block.data-shown { padding: 5px 8px; display: block; } #depositNotificationForm .field-info-wrapper { position: absolute; top: 0px; } #depositNotificationForm .field-info-wrapper .alert-info { top: 12px; left: 66%; } #depositNotificationForm .field-info-wrapper .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #withdrawalAmountWrapper .help-block { position: absolute; right: 15px; left: 61%; top: 0px; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; display: none; } #withdrawalAmountWrapper .help-block:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 5px; } #withdrawalAmountWrapper.has-error .help-block.data-shown { padding: 5px 8px; display: block; } #withdrawalList .field-info-wrapper { position: absolute; top: 0px; } #withdrawalList .field-info-wrapper .alert-info { top: 0px; margin-top: 0; left: 54%; right: auto; } #withdrawalList .field-info-wrapper .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #verificationWrapper .profile-editable-field>div { position: relative; } #verificationWrapper .bankFieldError.help-block.error-field { position: absolute; right: auto; left: 56%; top: 22px; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; display: none; } #verificationWrapper .bankFieldError.help-block.error-field:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 5px; } #verificationWrapper #phoneNumber_error.bankFieldError.help-block.error-field:after, #verificationWrapper #email_error.bankFieldError.help-block.error-field:after { content: ""; width: 0; height: 0; border-top: 0; border-bottom: 5px solid #ce9a9a; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 78px; top: -5px; } #verificationWrapper .has-error .bankFieldError.help-block.error-field.data-shown { padding: 5px 8px; display: block; } #verificationWrapper .profile-editable-field .field-info-wrapper { position: absolute; top: 0px; } #verificationDetails_ul .has-feedback .alert-info { top: 22px; right: auto; left: 53%; margin-top: 0; margin-right: 0px; } #verificationDetails_ul .has-feedback .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #verificationDetails_ul #phoneNumber_item .form-group-phnumber { margin-bottom: 0px; } #verificationDetails_ul #phoneNumber_item .alert-info, #verificationDetails_ul #email_item .alert-info { top: 0px; left: 69.5%; margin-right:19px; } #verificationDetails_ul #phoneNumber_item .profile-editable-field .alert-info, #verificationDetails_ul #email_item .profile-editable-field .alert-info { top: 0px; left: 50.5%; } #verificationDetails_ul #phoneNumber_item .help-block, #verificationDetails_ul #email_item .help-block { top: 29px; left: 42%; right: auto; z-index: 11; } #forgotDetailsWrapper .form-control { width: 200px!important; } #forgotDetailsForm .has-feedback .form-control-feedback { margin-left: 0; left: 230px; } #forgotDetailsForm .form-control-feedback .registerValidOK { position: absolute; left: 22px; } #forgotDetailsForm .help-block { position: absolute; top: 21px; left: 280px; right: auto; background: #FFDBDB; box-shadow: 1px 2px 5px 1px #666; border: 1px solid #ce9a9a; display: none; } #forgotDetailsForm .help-block:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ce9a9a; position: absolute; left: -5px; top: 5px; } #forgotDetailsForm .has-feedback.has-error .help-block.data-shown { padding: 5px 8px; display: block!important; } #forgotDetailsForm .has-feedback .alert-info { top: 22px; right: auto; left: 230px; margin-top: 0; margin-right: 0px; } #forgotDetailsForm .field-info-wrapper { position: absolute; top: 0px; } #forgotDetailsForm .has-feedback .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #forgot-details_birthdayWrapper .form-control { width: 110px!important; } #forgotDetailsForm #forgot-details_birthdayWrapper { padding: 0px; } #forgotDetailsForm #forgot-details_birthdayWrapper .form-control-feedback { left: 340px; } #forgotDetailsForm #forgot-details_birthdayWrapper.has-error .help-block { left: 389px; top: 0px; display: block!important; padding: 5px 8px; } #forgotDetailsForm #forgot-details_birthdayWrapper .alert-info { left: 366px; top: 0px; } #forgot-details_emailWrapper #forgot-details_email_error { padding: 5px 8px; top: 0px; } #forgot-details_emailWrapper .field-info-wrapper { top: 0px; } #forgotDetailsForm #forgot-details_phoneNumberWrapper .form-control-feedback { left: 376px; } #forgot-details_phoneNumberWrapper .help-block { top: 0px; left: 424px; } #forgotDetailsForm #forgot-details-contact-with .alert-info { top: 0px; left: 233px; } #forgotDetailsForm #forgot-details-contact-with .has-error .help-block { padding: 5px 8px; } #forgotDetailsForm #forgot-details_code_wrapper .has-feedback .form-control-feedback { left: 313px; } #forgot-details_code_wrapper .has-feedback label { width: 190px; } #forgot-details_code_wrapper .help-block { top: 0px; left: 361px; padding: 5px 8px; margin-right:15px; } #forgot-details_code_wrapper #forgotIdentity_captcha_error { left:254px; } #forgot-details_code_wrapper .help-block.data-shown { display: block!important; } #forgotDetailsForm #forgot-details_code_wrapper .alert-info { top: 0px; left: 313px; } #forgotDetailsForm #forgot-details_code_wrapper #forgotIdentityWrapper .alert-info { top: 12px; left: 221px; right: auto; font-size:13px; } #forgotDetailsForm #forgot-details_code_wrapper #forgotIdentityWrapper .alert-info:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #0057CB; position: absolute; left: -5px; top: 5px; } #forgotDetailsForm .step-5 .has-feedback { padding-left: 15px; } #forgotDetailsForm .step-5 .has-feedback .eye-icon { left: 186px; right: auto; } #forgotDetailsForm .step-5 .has-feedback .form-control-feedback { left: 222px; } #forgotDetailsForm .step-5 .help-block { top: 0px; left: 272px; } #forgotDetailsForm .step-5 .alert-info { top: 0px; left: 230px; } } #forgotDetailsWrapper #forgotIdentity_captcha.form-control { width:100% !important; } @media (min-width: 768px) and (max-width: 991px) { #register_form .registerFieldError { left: 76%; } .arrow-veri:after { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 33px solid transparent; border-right: 66px solid #fff; position: absolute; top: 87px; left: -65px; } .left-menu-accordion.affix { position:fixed; top:15px; width:165px; } .left-menu-accordion.termsmenu.affix { position:fixed; top:15px; width:165px; } #depositView_top .left-menu-accordion.affix, #myAccountView_top .left-menu-accordion.affix { width:157px; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper #forgot-details_code { width:14.8% !important; } .games-page #games .col-md-3:nth-child(4n+1), .games-page .gameswithlist .col-md-3:nth-child(4n+1){ clear:both; } #withdrawalAmountWrapper .help-block { left: 64%; } #limits_loss .form-group .help-block { left: 59%; } #verificationWrapper .bankFieldError.help-block.error-field { left: 58%; } #verificationDetails_ul .has-feedback .alert-info { right: auto; left: 54%; } #verificationDetails_ul #phoneNumber_item .alert-info, #verificationDetails_ul #email_item .alert-info { top: 37px; left: 54%; } #verificationDetails_ul #phoneNumber_item .help-block, #verificationDetails_ul #email_item .help-block { top: 32px; left: 41%; } #verificationDetails_ul .profile-editable-field { padding-left: 0px; } #register_form .has-feedback .alert-info { left: 71%; } #register_form .has-feedback .control-label { padding-right: 5px; } #myaccountprofile .help-block { right: 15px; left: 64%; } #myaccountprofile #phoneNumber_item .help-block { left: 70%; } #myaccountprofile #updatePassword_ul .form-control-feedback { left: 55.7%; } #depositNotificationForm .form-control-feedback { left: 66%; } } /*#games .gameElementContent { z-index:12; } #games .ismobilegames .gameElementContent { z-index:10; }*/ /* button android */ .wrapper-button-bt-android { position: absolute; left: 3%; bottom: 14%; font-size: 16px; } .wrapper-button-bt-android .pull-left { line-height:16px; } .gamePage_main_btn { border-radius:2px; } .wrapper-button-bt-android a { font-size:21px; padding:8px 20px 8px; } .wrapper-button-bt-android .pull-left + .pull-left { margin-left:25px; position:relative; top:-1px; text-shadow:1px 1px 1px #000; } .bx-wrapper .bx-controls-direction a { z-index:15; } #slider1, #sliderWrapper { } .flex-control-nav { top:5px; bottom: auto; } .flex-control-paging li a { background:rgba(161,111,49,0.8); } .flex-control-paging li a.flex-active, .flex-control-paging li a:hover{ background:rgba(224,195,109,0.8); } .flex-direction-nav a { color:rgb(0, 0, 0); } .flexslider .slides img { height: auto; } #sliderWrapper .bx-wrapper { margin:0 auto; } .flexslider .slides > li { position:relative; } #sliderWrapper .bx-wrapper img { width:100%; height:100%; } #sliderWrapper .bx-wrapper .bx-pager, #sliderWrapper .bx-wrapper .bx-controls-auto { /*top:10px; bottom:auto; padding-top:0px;*/ bottom:5px; padding-top:0px; } #sliderWrapper .bx-wrapper .bx-pager.bx-default-pager a { background:rgba(161, 111, 49, 0.8); } #sliderWrapper .bx-wrapper .bx-pager.bx-default-pager a:hover, #sliderWrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background:rgba(224, 195, 109, 0.8); } #totaljackpotValue { width: 54%; } .bx-wrapper .bx-prev { background: url(/cms/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { background: url(/cms/images/controls.png) no-repeat -43px -32px; } .img-responsive-dl-center { position:relative; top:7px; left:10px; } .img-responsive-dl-center-bb { position:relative; top:14px; left:10px; } .wrapper-dlcenter.two-col-dl-center .first-col-dl { width:50%; height:220px; } .wrapper-dlcenter.two-col-dl-center .second-col-dl { width: 50%; padding: 16px 0; padding-left:10px; height:220px; } .wrapper-dlcenter.two-col-dl-center { width:50%; float:left; padding-right:7px; } .wrapper-dlcenter.two-col-dl-center.first-child-col { padding-left:7px; } .wrapper-dlcenter.two-col-dl-center .description-dl-center { margin:30px 0; } .home-button-myacc { background: #0057cb !important; background: -moz-linear-gradient(top, #0057cb 0%, #004bae 100%) !important; background: -webkit-linear-gradient(top, #0057cb 0%, #004bae 100%) !important; background: linear-gradient(to bottom, #0057cb 0%, #004bae 100%) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0057cb', endColorstr='#004bae', GradientType=0) !important; color:#fff !important; border-radius:0 !important; } #close-sidebar-game { display:none; } #gamegroup-mobile-wrapper { display:none; } .games-page>.container.mobile-container { padding-top:3px; } @media (max-width: 767px) { .custom-hint { position:absolute !important; right:16px !important; left: auto !important; margin-left:0px !important; margin-right: 0px !important; width:18px !important; } #register_form .has-feedback #registrationPromoCode.form-control { width:90%; } .flex-control-nav { right: 0; bottom: auto; top: 5px; text-align: right; } .staticPageWrapper .promotionspage.prefooter-information a.button-promotions { position:relative; bottom:auto; left:auto; } .staticPageWrapper .main-page-promotion .col-sm-6 { float:none; display:block; vertical-align:top; } .staticPageWrapper .main-page-promotion .col-sm-6:nth-child(2) { border-bottom:1px solid #444; padding-bottom:15px; margin-bottom:7px; } #staticmenu_general li>a { padding:0 15px; } .simple-header .overlaysidebar { background:rgba(255,255,255,0.8); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; display:block; } #gamesSearchWrapper { display:none; } .games-page #menu { font-size:0; margin-bottom:10px; } #wrappergamemenu #menu.ui-accordion .ui-accordion-icons { margin-top: 0; padding: 6px 2px; text-transform: uppercase; height: 50px; vertical-align: middle; display: flex; width: 100%; align-items: center; justify-content: center; } #wrappergamemenu { width: 100%; margin-bottom: 15px; margin-top:-10px; } .games-page #menu>li { width: 20%; font-size: 15px; text-align: center; height: 50px; display: flex; float:left; } .games-page #menu>li:nth-child(2) { padding-left:0px; } #wrappergamemenu #menu.ui-accordion .ui-accordion-header .ui-accordion-header-icon { display:none; } .simple-header #navbar-mobile-wrapper { display:block !important; } #searchfaq { right:0px; top:0px; left:0px; width:100%; background:#ffffff; box-shadow:inset 1px 1px 1px 0px #adadad; height:30px; font-size:16px; color:#000; } #main-faq.wrapper-list-data { padding-top:45px; } #navbar-mobile-wrapper { position:absolute; top:23px; left:0px; display:inline-block; padding: 0 15px; z-index:12; } .is-logged-out.simple-header #navbar-mobile-wrapper { top:10px; } #navbar-link-mobile.btn { color: #fff; float: none; text-align: left; font-size: 25px; font-weight: 800; box-shadow: none; /* border: 3px solid #74b400; */ background: transparent; /* background: linear-gradient(to bottom, #c3f766 0, #c3f766 4%, #9bf100 9%, #9bf100 91%, #5d9100 96%, #5d9100 100%); */ margin: 0; padding: 0; margin-top: 5px; } #gamegroup-mobile-wrapper { display:none; width:100%; margin-bottom:10px; } #gamegroup-mobile-wrapper span { margin-left:10px; } #gamecontent-fluid.games-page { margin-top:0px; } #gamegroup-link-mobile.btn { color: #000; float: none; width:100%; text-align: left; font-size: 14px; font-weight: 800; box-shadow: none; border: 3px solid #74b400; background: #c3f766; background: linear-gradient(to bottom, #c3f766 0, #c3f766 4%, #9bf100 9%, #9bf100 91%, #5d9100 96%, #5d9100 100%); margin: 0; padding:3px 8px; } #sliderWrapper .bx-wrapper .bx-pager, #sliderWrapper .bx-wrapper .bx-controls-auto { bottom: auto !important; top: 8px; padding-top: 0px; right: 0; text-align: right; font-size: 0; padding-right: 9px; display: inline-block; } #footer-fluid .additional-info { white-space: nowrap; overflow-x: scroll; width: 100%; position:relative; display:none; } #footer-fluid .additional-info .item { display:inline-block; float:none; margin-right: 30px; margin-bottom:10px; } .browser-best-inner > span { display:inline-block; } .browser-best { top:5px; } .additional-info .item>span { text-align:left; } #footerMenu { white-space: nowrap; overflow-x: scroll; border: 1px solid #a97e21; padding: 5px 1px 4px; margin-bottom:15px; box-shadow: 1px 1px 7px 0 #A97E21; display:none; } #winnerlistwrapper { display:none; } #prefooter-fluid .games-offered { display:none; } #prefooter-fluid #prefooter { padding-top:0px; } #gobacktotop-games { display:none !Important; } .content-promotion-img { position:relative; right:auto; bottom:auto; width:100%; padding:10px; color:#fff; } .register-col>ul { padding: 0 48px 0 25px; } .log-div-bubble:after { display:none; } #verificationDetails_ul #email_item .profile-editable-field #email { width:313px; } #main-faq > .row > .col-sm-6, #main-faq > .row > .col-sm-12 { margin-bottom:20px; } #bantuan-data-section3 .inner-contact-faq { display:inline-block; margin-right:10px; } #bantuan-data-section3 .inner-contact-faq .col-sm-1 { display:none; } #bantuan-data-section3 .inner-contact-faq .col-sm-6 { padding-left:15px; } .games-page #gobacktotop-games { display:none; } .wrapper-dlcenter .inner-wrapper-dlcenter:before { display:none; } .right-img-contact { margin-top:15px; } .favclassmobile { display:none !important; } #wrappergamemenu.affix{ position:static; } #forgot-details_code_wrapper .has-feedback label { width:100%; float:none; } #close-sidebar-game { position:absolute; left:15px; bottom:10px; font-size:17px; display:inline-block; } .wrapper-custom-hint { padding-right:39px !important; } #games .col-md-3:nth-child(3n+1), .gameswithlist .col-md-3:nth-child(3n+1){ clear:both; } #games .col-md-3, .gameswithlist .col-md-3{ width:33.333%; } .bg-pusat-download .col-sm-9 { width:100%; } #header.affix { width:100%; } .bg-pusat-download .col-sm-4 { display:none; } #migration_form .col-sm-9 { padding-left: 0px; } #migration_form .form-control-feedback { left: 54%; } #tabs_limits .form-control-feedback { right: auto; left: 78%; } #postlogin_form_deposit .dropdown .dropdown-menu .progress { display: inline-block; } #tabs_limits #newAmount_wager, #tabs_limits #newAmount_loss { width: 100%; } #forgotDetailsWrapper .form-control { width: 200px!important; } #forgotDetailsForm .has-feedback .form-control-feedback { margin-left: 0; left: 230px; } #forgotDetailsForm #forgot-details-contact-with-phone-wrapper #selectCountryCode { width: 200px!important; left: 0px; position: relative; margin-bottom: 5px; } #forgotDetailsForm #forgot-details_phoneNumberWrapper .has-feedback .form-control-feedback { left: 208px; } #forgotDetailsForm #forgot-details_phoneNumberWrapper { margin-bottom: 10px; } #forgotDetailsForm .sending-time-wrapper { margin-top: 15px; } .step-5 .eye-icon { left: 185px; } #forgotDetailsForm .help-block.data-shown { display: block!important; } #forgotDetailsForm #forgot-details_birthdayWrapper.has-feedback .form-control-feedback { left: auto; right: 44px; } #forgotDetailsForm #forgot-details-contact-with .has-feedback { padding: 0; } #forgotDetailsForm .form-control-feedback .registerValidOK { position: absolute; left: 22px; } #forgotDetailsForm #forgot-details_emailWrapper .form-control-feedback { left: 206px; } #verificationDetails_ul .profile-editable-field { padding: 0; } #content { padding-right: 0px; } #tabs_limits .form-control-feedback>i { left: -22px; } #updateMyPassword .registerFieldError { margin-left: 0px; } #myAccountPage #phoneNumberInput { width: 100%; } #myAccountPage #phoneNumber_item .form-control-feedback { left: 62%; } #myAccountPage .form-control { margin-left: 0px; } #myAccountPage .form-control-feedback .registerValidOK { left: 24px; } #myAccountPage .form-control-feedback { left: 63%; } #updateMyPassword.form-horizontal .has-feedback .form-control-feedback>i { left: -22px; } #register_form .form-control-feedback .registerValidOK { right: -22px; } #register_form .form-control-feedback { left: auto; right: 8%; margin: -28px 0 0 0px; } #register_form .has-feedback .form-control { width: 66%; } #register_form .eye-icon { margin-left: -31px; right: auto; display: inline-block; position: relative; } #register_form #registerBirthdateWrapper { width: 69.7%; } #register_form .form-group-phnumber { width: 66%; } #myAccountPage #updateMyPassword .form-control-feedback { left: 67%; } } @media (min-width: 480px) { #totaljackpotValue {} } @-moz-document url-prefix() { #verificationWrapper .form-control { display: inline-block; } } #staticmenu_general li > span { padding: 0 25px; display: block; text-align: left; text-transform:uppercase; font-size: 16px; } #menu-fix-header li > span { text-transform:uppercase; font-size:13px; } #staticmenu_general li> span:hover { color:#0057cb; } #staticmenu_general li> span i { display:none; } @media (min-width: 768px) { #staticmenu { padding-left: 0; } #staticmenu_general li>a { padding: 0 10px; } #logoPlaceholder { padding-left: 10px; } #winnerRow { width: 67%; } } @media (max-width: 991px) { #promotionsBanner_content a { display: block; float: left; width: 50%; padding-left: 8px; } .wrapper-button-bt-android { bottom:10%; } .wrapper-button-bt-android a { font-size:15px; } .wrapper-dlcenter.two-col-dl-center .inner-wrapper-dlcenter.second-col-dl:before { display:none; } .wrapper-dlcenter.two-col-dl-center .inner-wrapper-dlcenter { padding-left:0px; } #resetPassword_form.form-horizontal .has-feedback .form-control-feedback { left:173px; } #verificationDetails_ul #phoneNumber_item .captcha-wrapper .alert-info, #verificationDetails_ul #email_item .captcha-wrapper .alert-info { top: 0px; left: 0; right: auto; margin-right: 0; } #verificationDetails_ul #new-email-phone-li .input-captcha-wrapper .field-info-wrapper { left:0px; top:21px; } #verificationDetails_ul #phoneNumber_item .profile-editable-field, #verificationDetails_ul #email_item .profile-editable-field { width:100%; padding-left:15px; } #verificationDetails_ul #new-email-phone-li .has-feedback .alert-info:after { display:none; } .wrapper-verify-button { display:block; margin-left:0px; float:none; } .wrapper-verify-button:not(.nocaptcha) { top:33px !Important; } #verificationDetails_ul #new-email-phone-li .form-control-feedback { left:79%; } .container-wrapper-sendcode { float:none; } .log-div-bubble { left:0px; right:auto; } #verificationWrapper .container-wrapper-sendcode .help-block { left:71% !important; } .log-div-bubble:after { right: auto; left:50%; } .gold-button { float:none; width:auto; padding: 3px 15px; } #new-email-phone-li .captcha-wrapper { top: -22px; margin-left:226px; } #verificationDetails_ul #new-email-phone-li .form-control-captcha { left:288px; } .text-with-button { display:block; margin-bottom:10px; } .inner-text { display:block; } #mainbanners #promotionsJoinButton { margin-top:0px; margin-bottom:15px; } #register_form #li_captcha .input-captcha-wrapper { width:79%; float:none; margin-bottom:5px; } #register_form .captcha-wrapper .BDC_CaptchaDiv { float:none; width:75%; } #register_form .BDC_CaptchaIconsDiv { right:33px; top:33px; } #register_form #li_captcha .form-control-feedback { margin-top:-70px; right: auto; left: 200px; } .additional-info { width: auto; } .additional-info .item.browser-best { height: auto; padding-left: 0px; margin-top: 10px; } #header-fluid { height: 112px; } #verificationWrapper #bankAccount_edit { top: 0; margin: 5px 0 0 0; } #verificationWrapper #bankAccount_edit_verification_page { margin: 5px 15px 0 0; } #verificationWrapper #email_status, #verificationWrapper #phoneNumber_status { float: none; display: inline-block; } #verificationWrapper #email_item .profile-field-item, #verificationWrapper #phoneNumber_item .profile-field-item { padding-right: 0; } .browser-best:before, .additional-info .item:first-child:after { right: -38%; display: none; } .additional-info .item.browser-best { height: 83px; } .is-logged-in #languageWrapper_postlogin { top: -5px; } .contacts img { float: none; } .is-logged-in #header #postlogin_form #livechat-button { top: -3px; margin-left:8px; } #winner-list .bx-viewport { height: 388px!important; } .games-page #gamesSearchKeywordWrapper { width: 135px; } #promotionsBanner_content a:first-child { padding-left: 0; padding-right: 8px; } #main_leftpart { padding-right: 15px; } #gamecontentcenter { padding-right: 15px; } .staticPageWrapper { margin-right: 0; } } @media (min-width: 767px) and (max-width: 991px) { #verificationWrapper #verificationDetails { min-height:544px; padding-bottom:60px; } body { background-size: 1600px; } .banner-button-custom { padding: 3px 0; } #wrapper-veri { padding-left:210px; } #sexy-girl-img { width:280px; } #staticmenu_general li>a { padding: 0 10px; font-size: 13px; } #verificationWrapper .btn { font-size: 13px; padding: 3px 8px; } .popover.starttour { top:190px !important; } #verificationWrapper #hpstatus.btn, #verificationWrapper #emailstatus.btn { padding:3px 15px; } .send-data-form-wrapper:after { display: none; } #forgotIdentityWrapper .form-control-feedback { left: 227px; } .wrapper-dlcenter.two-col-dl-center .inner-wrapper-dlcenter.first-col-dl { padding:10px; } #myAccountPage .profile-field-item .profile-field { width:74%; } .wrapper-dlcenter.two-col-dl-center .description-dl-center { margin:15px 0; } .img-responsive-dl-center, .img-responsive-dl-center-bb { width:120px; } .image-title-faq td a { top:10px; font-size:16px; } .image-title-faq td img { width:40px; } #forgotIdentityWrapper.captcha-wrapper { margin-left:16%; } #wrappergamemenu { width:171px; } .is-logged-in #wrappergamemenu.affix { top:83px; } #depositNotificationForm .help-block { left: 46%; } .is-logged-out #header.affix #languageWrapper_login { display: none; } .is-logged-out #header.affix #forgotPass { max-width: 49px; } .is-logged-out #header.affix #login_form .btn { padding: 0 5px; font-size: 11px; } .is-logged-out #header.affix .help-button_link { font-size: 10px; max-width: 55px; line-height: 13px; } .is-logged-out #header.affix #menu-fix-header li a { font-size: 10px; } .is-logged-out #header.affix #headerFormPlaceholder { padding-top: 7px; } .is-logged-in #header.affix #postlogin_form_buttons { padding-top: 0px; position: relative; right: 5px; top:-1px; } .is-logged-in #header.affix #menu-fix-header li a { font-size: 12px; } .is-logged-in #header.affix #postlogin_form_deposit { float: right; padding-right:53px; margin-left:0px; } #header.affix #signoutButton.btn { margin-right:0px !important; padding:2px 7px; } .sbtech-header #header.affix #postlogin_form_deposit { padding-right:50px; } .sbtech-header #header.affix #signoutButton { margin-top:3px; margin-right:0px; } .is-logged-in #postlogin_form .pull-right { } .is-loggedn-in #postlogin_form_deposit { border-left: 3px solid #3789a5; } .is-logged-in #header.affix #postlogin_form { padding-top: 9px; } .is-logged-in #postlogin_form_buttons #announcementButton { margin-right: 0px; } .is-logged-in #header.affix #logo { height: 38px; } .is-logged-in #header.affix #menu-fix-header li a { height: 30px; line-height: 35px; } .is-logged-in #header.affix #postlogin_form { padding-bottom: 8px; } .is-logged-in #header.affix #postlogin_form #livechat-button { top: 11px; } } @media (min-width: 992px) and (max-width: 1199px) { .editing-button { margin-right: 5px; padding: 2px 10px; } .controlling-items>li { margin-left: 25px; } } @media (min-width: 992px) { .container { width: 960px; } #games .col-md-3:nth-child(4n+1), .gameswithlist .col-md-3:nth-child(4n+1){ clear:both; } #postlogin_form #signoutButton { margin: -4px 0 0 5px; float: none; } } @media (min-width: 1200px) { .container { width: 960px; } } @media (min-width: 641px) and (max-width: 991px) { .is-logged-out #headerFormPlaceholder { padding-top: 30px; } .inner-wrapper-dlcenter span.title-os { font-size: 13px; font-weight: bold; margin-left: 5px; position: relative; top: 0px; color: #424242; } .inner-wrapper-dlcenter .fa { font-size:38px; position: relative; top: 7px; } } @media (max-width: 991px) { #verificationDetails_ul #phoneNumber_item .profile-field-item, #verificationDetails_ul #email_item .profile-field-item { width:100%; } #verificationWrapper .container-wrapper-sendcode .help-block { left: auto !important; z-index: 11; right: 102px !important; } #verificationWrapper .container-wrapper-sendcode .help-block:after { left:auto; right:2px; } #verificationWrapper #verificationDetails_ul .control-label { padding-left:15px; width:100%; text-align:left; } .nomobile-wrapper { width:100%; } #tabs_limits .ui-tabs .ui-tabs-nav li { width: 19%; } #prefooter { padding-top:0px; } #prefooter .games-offered .item a { height:295px; } #postlogin_form_buttons { top: 1px; } .is-logged-out #header { height: 110px; } .ui-tabs .ui-tabs-nav li a { width: 100%; overflow: hidden; text-overflow: ellipsis; padding: .5em 5px; } #gamecontentright { margin-top: 0px; } #staticmenu_secondary { margin-left: 0; } #second-row .nav>li>a { padding: 6px 11px; font-size: 12px; } .form-group.block-sm, .checkbox.block-sm { display: inline-block; } #postlogin_form .btn { padding: 2px 3px; line-height: 15px; font-size: 12px; } #postlogin_form #livechat-button { top: 1px; } #postlogin_form .pull-right { } #postlogin_form_account { display: block; position: absolute; right: 0; top: 7px; } #postlogin_form_deposit { display: block; position: absolute; right: 0; top: 33px; border: 0; padding-right: 78px; } #postlogin_form { padding-top: 62px; margin-bottom: 10px; } #postlogin_form #signoutButton { margin-top: -27px; } #postlogin_form_buttons .btn-primary { margin-top: -2px; } #newsfeedrow { width: 100%; } #newsScroller { padding-left: 29px; } .games-page #winnerRow { width: 720px; } .contact-us-information { margin-left: 0; } } .winner-list-register { padding-left: 0; margin-bottom: 15px!important; } .simple-header #main-fluid .winner-list-register .bx-viewport { height: 501px!important; } #winnerlistwrapper #winner-list.nolivestreaming .bx-viewport { height: 982px!important; } #verificationDetails_ul .postlogin-recaptcha.g-recaptcha, #myAccountPage .postlogin-recaptcha.g-recaptcha { margin-top: 15px; margin-left: 0; } .limit-nama-game { width: 130px; overflow: hidden; text-overflow: ellipsis; display: block; } #verificationDetails_ul .postlogin-recaptcha.g-recaptcha { float: right; margin-right: 236px; display: none; margin-top: 0px; } #faq-wrapper-data-container { padding:0 0px; } #close-sidebar { position: absolute; top: 3px; right: 7px; font-size: 15px; cursor: pointer; display: none; } #close-sidebar i { font-size: 28px; position: relative; top: 2px; color:#fff; } @media (max-width: 767px) { #verificationWrapper #verificationDetails { min-height:auto; padding-bottom:15px; padding-top:170px; } .banner-button-custom { font-size: 2vw; padding-bottom:0.5%; } .banner-button-custom-more { display: inline-block; position: absolute; bottom: 0; padding-bottom:0.5%; font-size: 12px; left: 15px; color: #fff; text-decoration: underline; font-size: 2vw; } .title-welcome-bnz.hidden { border-bottom:0px; padding-bottom:0px; margin-bottom:0px; } .desc-title-welcome-bnz { margin-top:0px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #000; } .arrow-veri:after { border-left: 44px solid transparent; border-right: 5px solid transparent; border-bottom: 50px solid #fff; top: -49px; left: 20px; border-top: none; } #sexy-girl-img { top:-14px; left:-45px; } .h3-title-welcome-bnz { position: absolute; top: -140px; right: 0; left: auto; color:#fff; border-bottom:0px; } #verificationWrapper { min-height: auto; } #wrapper-veri { padding-left:0px; } #verificationWrapper .btn { font-size: 14px; padding: 3px 15px; } .popover.starttour { top:190px !important; } #verificationWrapper #hpstatus.btn, #verificationWrapper #emailstatus.btn { padding:3px 15px; } #captcha_ph .captchaveri-wrapper, #captcha_email .captchaveri-wrapper { width: 180px; float: left; margin-right: -15px; } #captcha_ph .col-sm-3 , #captcha_email .col-sm-3 { float:left; width:120px; } #verificationDetails_ul #new-email-phone-li .form-control-feedback { left:526px; } #header.affix #signoutButton.btn { margin-right:80px; margin-top: 3px; padding:2px 7px; z-index:1; } .is-logged-in #header.affix #postlogin_form_deposit { padding-right:0px; display:inline-block; } #wrapper { padding:0; } .wrapper-dlcenter.two-col-dl-center { width:100%; padding:0px !important; } #gamecontentright { margin-top:0px; } .wrapper-dlcenter.two-col-dl-center .first-col-dl { width:100%; padding:15px; height:auto; } .wrapper-dlcenter.two-col-dl-center .description-dl-center { margin:15px 0; } .bg-pusat-download .col-sm-3 { padding:0px 15px; margin:10px 0; width:100%; text-align:center; } .bg-pusat-download .qrcodecss.col-sm-3 div , .bg-pusat-download .qrcodecss.col-sm-3 img { float:none; } .bg-pusat-download .qrcodecss.col-sm-3 img { margin:0px; width:120px !important; } .bg-pusat-download .qrcodecss.col-sm-3 div { width:100%; text-align:center; margin-bottom:10px; } #myAccountPage #email_value, #myAccountPage #phoneNumber_value { padding-left:25px; } #loginRegisterPopup_error { margin-bottom:10px; } #loginRegisterPopup_left .h1+p { margin-bottom:5px; } #verificationDetails_ul #new-email-phone-li .form-control-captcha { left:285px; } #verificationDetails_ul #phoneNumber_item .profile-editable-field .form-control-feedback, #verificationDetails_ul #email_item .profile-editable-field .form-control-feedback { margin-top: -21px; left: 334px; } #verificationDetails_ul #phoneNumber_item .form-group-phnumber, #verificationDetails_ul #email_item .profile-editable-field #email { float:none; } #verificationWrapper .container-wrapper-sendcode.has-error .help-block.data-shown { padding:0px 0 5px; } #verificationWrapper .container-wrapper-sendcode .help-block { left:auto; padding-left:360px !important; position: relative; top: auto !important; left: auto !important; right: auto!important; background: transparent; box-shadow: none; border: 0px; min-height:1px; padding-top:0px; padding-bottom:5px; } #verificationDetails_ul #bankName, #verificationDetails_ul #bankAccount, #verificationDetails_ul #bankAccountOwnerName { width:100%; } #verificationWrapper .profile-editable-field .verification-parent { width:50%; padding-right: 6px; } #verificationWrapper .profile-editable-field .verification-parent .form-control-feedback { left: auto; right:0px; } #verificationWrapper .container-wrapper-sendcode .help-block:after { display:none; } #phoneNumberRecaptchaError.help-block, #emailRecaptchaError.help-block { display:block; clear:both; position: absolute; top: 22px !important; left: auto !important; right: auto !Important; background: transparent; box-shadow: none; border: 0; padding: 5px 0 0 131px; } #verificationDetails_ul .form-group-phnumber { width:313px; } #verificationWrapper #phoneNumber_error.error-field { padding-top:5px; } #phoneNumberRecaptchaError.help-block:after , #emailRecaptchaError.help-block:after { display:none; } #verificationDetails_ul .send-button-wrapp { margin-left:0px; margin-top:5px; } #forgotDetailsForm #forgot-details_birthdayWrapper { padding-left:0px; } #li_captcha > .registerLabel { width:100%; } #withdrawal_error, #withdrawal_info { margin-bottom: 0; left: auto; right: auto; position:relative; top:0; margin-left:0; } .bg-pusat-download .col-sm-8 { width:100%; } #forgotIdentityWrapper.captcha-wrapper { margin-left:26px; margin-top:15px; } #forgotIdentityWrapper.captcha-wrapper .BDC_CaptchaDiv { float:none; } #forgotIdentityWrapper.captcha-wrapper .BDC_CaptchaDiv { width:200px; } #forgotIdentityWrapper .BDC_CaptchaIconsDiv { right: auto; left:200px; } #forgotIdentityWrapper .field-info-wrapper .alert-info { left: 0; right: auto; margin-left: 0; top: 8px; font-size: 13px; } #forgotIdentityWrapper .form-control-feedback { left:230px; margin-top:-28px; } #forgotIdentityWrapper.captcha-wrapper .input-captcha-wrapper { float:none; padding-left:0; margin-top:5px; width:200px; } /*#forgotIdentityWrapper .BDC_CaptchaIconsDiv { right }*/ #verificationDetails_ul #bankAccount_item .profile-editable-field { padding-left:3.7%; } #verificationDetails_ul #phoneNumber_status , #verificationDetails_ul #email_status { top:-24px; } #verificationDetails_ul .form-control-feedback { left:51%; } .verification-parent { position:relative; } #bankAccount_edit_verification_page { margin-right:15px; } #verificationDetails_ul .field-info-wrapper { top:38px; } body { overflow-x: visible; background: #090D5F; } #main_leftpart.register-left-part-wrapper { margin-bottom: 15px; } #prefooter .games-offered .item a { height:220px; } #forgotDetailsWrapper #forgot-details_birthdayWrapper select { padding: 0 3px; width: 33%!important; } #forgotDetailsWrapper #forgot-details_birthdayWrapper select:first-child { width: 27%!important; } #depositWrapper #loadingContent { width: 100%; } .is-logged-in #header.affix .pull-right { float: right!important; } .is-logged-in #header.affix #postlogin_form_buttons { padding-top: 1px; } .is-logged-in #header.affix #postlogin_form_deposit { padding-right: 0px; } .is-logged-in #header.affix #postlogin_form #livechat-button { top: 11px; } #header #postlogin_form #livechat-button { border-radius: 0; } #header.affix #menu-fix-header { display: none; } #total_balance_wrapper .dropdown-menu { right: 0; left: auto; } #loadingContent { width: 100%; margin-top: 0; margin-bottom: 15px; } #myAccountWrapper, #depositWrapper, #transactionsWrapper, #limitsWrapper { margin: 0; } #accountviewTitle, #depositviewTitle { display: none; } #myAccountView_top, #depositView_top, #faq_top { width: 250px; padding: 0px; position: fixed; float: none; margin-bottom: 15px; left: 0; top: 0; height: 100%; background: #0D117F; z-index: 10001; left:-260px; box-shadow: 2px 1px 3px 0 #1b1b1b; } #faq_top .hidden-close { display:none; } #close-sidebar { display: block; display: none; position: absolute; bottom: 10px; right: -50px; z-index: 12; top: auto; padding: 10px 15px; background: #0D117F; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 2px 1px 3px 0 #1b1b1b; } .simple-header #close-sidebar { display:inline-block; } #logoPlaceholder { position: absolute; left: 0; padding-left: 10px; } #verificationDetails ul li, #verificationDetails_ul li.is-opened { padding-left: 0px; } #verificationDetails ul li i.fa-check-square-o, #verificationDetails ul li i.fa-pencil-square-o { left: 0; } #verificationWrapper #bankAccount_item .verification-bank-account #bankAccount_edit { top: 0; margin: 10px 0 0 0; } #verificationWrapper #bankAccount_item .verification-bank-account #bankAccountMsg { display: block; } #login_form .btn, #postlogin_form #livechat-button { margin-right: 0; margin-left: 0; } #postlogin_form_buttons .btn-primary { margin-left: 0; } #postlogin_form #livechat-button:after { display: none; } .is-logged-out #header.affix #headerFormPlaceholder { padding-top: 5px; } .is-logged-out #header.affix #logoPlaceholder { padding-top: 0px; } .is-logged-out #header.affix #login_form { padding-bottom: 0px; } .is-logged-out #header.affix { height: auto; } .is-logged-out #header.affix #logo { height: 40px; } .is-logged-out #login_form #livechat-button { margin-right: 0; } .is-logged-out #login_form #livechat-button:after { display: none; } .goback-to-top { position: absolute; right: 0; bottom: 5px; left: 0; text-align: center; color: #0057CB; } #bonusTurnoverWrapper { margin-top: 20px; } #profile_account #bank_ul .form-control-feedback { margin-left: 17px; } #prefooter .games-offered .item { margin-bottom: 15px; } #profile_account #bankAccountOwnerName_validOK, #profile_account #bankAccount_validOK { right: 15px; } #myAccountWrapper .edit-field-link, #myAccountWrapper .profile-field-item .verifyField, #myAccountWrapper .profile-field-item .status-field, #myAccountWrapper .profile-field-item .saved_button { position: relative; top: -19px; margin: 0; right: -16px; } #myAccountWrapper #phoneNumber_item .status-field, #myAccountWrapper #email_item .status-field { top: -23px; } #verificationDetails .edit-field-link, #verificationDetails .profile-field-item .verifyField, #verificationDetails .profile-field-item .status-field, #verificationDetails .profile-field-item .saved_button { position: relative; top: -17px; } #verificationDetails .profile-field-item .verifyField { top:0px; } #myAccountPage .profile-field-item .profile-field { width: 80%; } .contacts img { float: left; } #games-page-navigation>.next { right: 5px; } #games-page-navigation>.prev { left: 5px; } #depositNotificationForm .has-feedback .form-control { width: 60%; } #depositNotificationForm .form-control-feedback { left: 91%; } .form-control-feedback .depositValidOK { left: 22px; } #totaljackpotValue { font-size: 3.8vw; margin-top: -1.5%; } .games-page #gamecontentleft { padding-right: 15px; } .games-page #winnerSlider {} .games-page #winnerSliderTextWrapper { height: 22px; } .games-page>.container { padding-top: 0; } .games-page #winnerRow { position: relative; float: none; width: 100%; top: 0; margin: 0 0 15px; height: 24px; } .games-page #gamesSearchKeywordWrapper { width: 100%; } .winner-list-register { padding-left: 15px; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper .registerValidOK { right: 50px; } #forgotDetailsForm .step-5 .has-feedback { padding-left: 15px; } #verificationDetails_ul .col-sm-offset-3 { margin-left: 0; } #verificationDetails_ul .col-sm-3, #verificationDetails_ul>li .col-sm-9 { width: 100%; } #left-faq { padding-right: 15px; margin-bottom: 20px; } #myAccountPage.form-horizontal .has-feedback .field-info-wrapper { margin-left: 0; } #myAccountPage .has-feedback .alert-info { right: auto; left: 0; } #updateMyPassword { margin-left: 15px; } #quick-links { top: 0; } .simple-header #logoPlaceholder { left: 0; } #postlogin_form { padding-top: 61px; } #postlogin_form .pull-right { float: none!important; } #postlogin_form_account { display: block; position: absolute; right: 0; top: 7px; } #postlogin_form_deposit { display: block; position: absolute; right: 0; top: 31px; border: 0; padding-right: 72px; } #postlogin_form #signoutButton { margin-top: -25px; } #postlogin_form_buttons .btn { padding: 2px 4px; } #header { height: 110px; } #wrapper>.row { margin-left: 0; margin-right: 0; } #staticmenu { padding-left: 0; } #subheader-fluid.row { margin-left: 0; margin-right: 0; } #staticmenu_general li:after { width: auto; } #quick-links { width: 96%; position: relative; margin: 0 auto; right: auto; display:none; } #quick-links select { width: 100%; text-indent: 46%; } @-moz-document url-prefix() { #quick-links select { text-indent: 20%; } } #staticmenu_secondary { margin-left: 0; } #profile_account #bank_ul li > div.col-sm-9 { padding-left: 15px; } #profile_account #bank_ul li > div.col-sm-9 #bankName_feedback_wrapper, #profile_account #bank_ul li > div.col-sm-9 #bankAccount_feedback_wrapper, #profile_account #bank_ul li > div.col-sm-9 #bankAccountOwnerName_feedback_wrapper { margin-left: 0px; left: 72%; } #profile_account #bank_ul li > div.col-sm-9 #bankName_feedback_wrapper span > i, #profile_account #bank_ul li > div.col-sm-9 #bankAccount_feedback_wrapper span > i, #profile_account #bank_ul li > div.col-sm-9 #bankAccountOwnerName_feedback_wrapper span > i { right: auto; left: 22px; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper #forgot-details_code { width:155px !important; } #forgotDetailsForm #forgot-details_code_wrapper .form-group { padding-left: 15px; } #forgotDetailsForm #forgot-details_code_wrapper .form-group .form-control-feedback { left:176px; } } @media (max-width: 690px) { #staticmenu_general li > a, #staticmenu_general li > span { padding: 0 10px; font-size: 12px } #quick-links { width: 93%; } .additional-info .item:nth-child(2) { padding: 0 4%; } .additional-info .item:first-child:after { display: none; } } @media (max-width: 655px) { #gamesSearchSorting, #gamesSearchFiltering, #gamesListView, #gamesSearchSortingWrapper { display: block; } #gamesSearchSorting { margin-bottom: 7px; width: 100%; z-index: 1; position: relative; } #gamesSearchSortingWrapper { float: none; width: 100%; text-align: center; margin: 0 auto; } .sort-data { float: none; } #gamesSearchWrapper .btn { float: none; } #totaljackpotValue { margin-top: -1.3%; } #verificationWrapper .wrapper-send-vericode { width:100%; margin-bottom:5px; } #verificationWrapper .container-wrapper-sendcode .send-code-button { margin-left:17px; } #verificationDetails_ul #new-email-phone-li .form-control-feedback { left:274px; } #verificationWrapper .container-wrapper-sendcode .help-block { padding-left:143px !important; } #new-email-phone-li .captcha-wrapper { margin-left:12px; } #email_item .profile-field-item .form-control, #phoneNumber_item .profile-field-item .form-control { width:115px; } #new-email-phone-li .captcha-wrapper { width:242px; } #new-email-phone-li .input-captcha-wrapper { width:115px; } #new-email-phone-li .captcha-wrapper .BDC_CaptchaDiv { width:105px; } #verificationDetails_ul #new-email-phone-li .form-control-captcha { left:247px; } #verificationDetails .profile-field-item .verifyField { } .wrapper-verify-button:not(.nocaptcha) { margin-top:15px; } #new-email-phone-li .captcha-wrapper { top:-35px; } #phoneNumberRecaptchaError.help-block, #emailRecaptchaError.help-block { white-space:nowrap; } } .responsive-mobile-bolatangkas { display: none !important; } @media (max-width: 640px) { #header { height: 145px; } .is-logged-in #header.affix #postlogin_form #signoutButton{ margin-top:-29px; } .h3-title-welcome-bnz { font-size:22px; } .h3-title-welcome-bnz .title-gradasi { font-size:40px; } #postlogin_form_buttons { top:-5px; } .welcome-verification { margin-top:20px; margin-bottom:20px; font-size:28px; } .is-logged-in #header #postlogin_form #livechat-button { top:-9px; } .wrapper-button-bt-android { bottom:5%; } .wrapper-button-bt-android a { font-size:13px; padding:5px 16px 5px; } .wrapper-dlcenter .inner-wrapper-dlcenter { width:100% !important; float:none; } #register_form ul li { margin-bottom:0px; } .wrapper-dlcenter.no-image-dl { display:none; } #migration_form .eye-icon { left: 43%; } .is-logged-out #header #livechat-button { top: 3px; border-radius:0px; } .is-logged-out #header-fluid { height: 125px; } #header-fluid.header-postlogin { height:auto; } .is-logged-out #languageWrapper_login { top: 9px; } .popupbox-percentage { top: 33px; right: 57px; } #tabs_limits .form-control-feedback { right: auto; left: 80%; } #myAccountPage #updateMyPassword .form-control-feedback { left: 69%; } .is-logged-out #header.affix #logoPlaceholder { padding-top: 5px; } .is-logged-in #header.affix #postlogin_form_buttons { padding-top: 1px; padding-bottom: 10px; } .is-logged-in #header.affix #logoPlaceholder { width: 100%; position: relative; } .is-logged-in #header.affix #postlogin_form { padding-top: 2px; float: none; } .is-logged-in #header.affix #postlogin_form #livechat-button { top: -29px; position: absolute; } .is-logged-in #header.affix #postlogin_form_deposit { padding-right: 0px; position: absolute; left: 0px; top: -31px; } .is-logged-in #header.affix #headerFormPlaceholder { width: auto; float: none; } .is-logged-in #header.affix #logo { margin: 0 auto; } .is-logged-in #header.affix #postlogin_form #signoutButton { margin-top: -30px; } .is-logged-out #header.affix #headerFormPlaceholder { float: none; } #help-button { float: none; display: inline-block; } .is-logged-out #help-button { top: 8px; position: relative; } #login_form fieldset { text-align: center; } .responsive-mobile-bolatangkas { display: block; } .is-logged-out #header { height: 145px; } #postlogin_form { padding-top: 94px; } #postlogin_form #signoutButton { margin-top: -57px; } #postlogin_username { display: block; text-align: right; } #postlogin_form_deposit { top: 60px; padding-right: 0; } #verified-percentages { margin-top: 12px; padding-right: 0; display: block; position: absolute; right: -8px; white-space: nowrap; } #total_balance { padding: 0; } .is-logged-out #logoPlaceholder { position: relative; } .is-logged-out #headerFormPlaceholder { padding-top: 0; } .is-logged-out #login_form { text-align: left; float: none; } .is-logged-out #logo { margin: 0 auto; width:143px; height:44px; } } /* Sitemap */ .sitemap-body .prefooter-title { margin-top:0; } .sitemap-body .prefooter-information { padding-top:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,afafaf+100 */ background: rgb(248,248,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(175,175,175,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(175,175,175,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(175,175,175,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */ color:#4760ac; padding: 60px 30px 30px 30px; } .sitemap-body .prefooter-information .col-sm-3 { border-right:1px solid #4760ac; min-height: 320px; } .sitemap-body .prefooter-information .col-sm-3:last-child { border-right:0; } .sitemap-body .prefooter-information h2 { font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:0; display: block; } .sitemap-body .prefooter-information h2 a { font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:0; display: block; color:#4760ac; } .sitemap-body .prefooter-information a { text-decoration:none; font-size:15px; font-weight:300; color:#4760ac; display:block; } .sitemap-body .prefooter-information a:hover { text-decoration:underline; } /* Bonanza Custom Reponsive */ @media (max-width: 625px) { #updateMyAccountExtraFields #phoneNumber_item .profile-editable-field, #updateMyAccountExtraFields #email_item .profile-editable-field { width: 100%; } } #forgotDetailsForm #forgot-details_emailWrapper .has-feedback .form-control-feedback, #forgotDetailsForm #forgot-details_phoneNumberWrapper .has-feedback .form-control-feedback { margin-left: 0; } #accountviewTitle { margin-right: 1.5%; } #withdrawalForm .form-group .input-wrapper-withdrawal { padding-left: 15px; margin-bottom: 5px; } #withdrawalForm .form-group .form-control-feedback { margin-left: 16px; left: 48%; right: auto; } .is-logged-in #chat-mobile-wrapper , .is-logged-in #navbar-mobile-wrapper { display:none; } @media (min-width: 480px) and (max-width: 640px) { .affix #postlogin_form_deposit .dropdown #total_balance+.dropdown-menu { right:auto; left:0px; } .affix #postlogin_form_deposit .dropdown #total_balance+.dropdown-menu:after { right:auto; left:10px; } .affix #postlogin_form_deposit > span#balance_span { position:relative; z-index:1; } } @media (max-width: 625px) { #verificationWrapper .btn { font-size:12px; } } @media (min-width: 550px) and (max-width:654px) { .bg-announcement-wrapper { height: auto; } } @media (max-width: 550px) { .additional-info .item:nth-child(2) { padding: 0; } #announcementPopup_left, #announcementPopup_right { width: 100%; float: none; } .h3-title-welcome-bnz { top:-144px; line-height: 30px; } .h3-title-welcome-bnz { width:193px; } .h3-title-welcome-bnz .title-gradasi { font-size:30px; line-height:35px; } .bg-announcement-wrapper { height: auto; } #migration_form .form-control-feedback { left: 56%; } #migration_form .eye-icon { left: 41%; } .additional-info { text-align: left; } .ezugi-gamepage .item-games { padding: 0 25px; } #staticmenu_general li > a { padding: 0 5px; font-size: 12px; } #staticmenu_general li > span { padding: 0 12px; font-size: 13px; } #second-row .nav>li>a { padding: 6px 7px; } #accountviewTitle, #depositviewTitle { margin: 0 15px; left: 0; } #depositWrapper #loadingContent { width: 100%; } .simple-header {} .registerLabel { width: 34%; } #registerWrapper .registerFieldError { margin-left: 34%; } #registerWrapper .form-group-phnumber { width: 56%; } #registerWrapper .form-group-phnumber { padding-left: 115px; } #registerWrapper #li_phoneNumber #selectCountryCode { width: 113px; padding-right: 0; padding-left: 0; } #registerWrapper .form-control-feedback { margin-left: 10px; } #registerWrapper .has-feedback .form-control { width: 56%; } #registerWrapper #registerCampaignSelector { width: 89%; } #registerWrapper .has-feedback #registerBirthdateWrapper .form-control { width: 100%; margin-left: 0px; } #registerWrapper #registerBirthdateWrapper { width: 59.4%; } #main_onepart #content { padding: 0; } #register_form #li_noLastName label { margin-left: 34%; } #verificationWrapper .btn { font-size:12px; padding:3px 8px; } } @media (max-width: 520px) { .is-logged-in #header.affix #postlogin_form_account { top: 7px; } #register_form ul li#li_captcha { margin-top:0px; } .depositFieldError { margin-left: 0px; } #tabs_limits .form-control-feedback { right: auto; left: 82%; } #myAccountPage #updateMyPassword .form-control-feedback { left: 72%; } #myAccountPage .form-control-feedback { left: 65%; } .is-logged-in #header.affix #total_balance { padding-right: 0; } .depositLabel { width: 100%; } #depositNotificationForm .form-group.has-feedback { padding: 5px 48px 0 0px; } #depositNotificationForm .form-control-feedback { margin-left: 0; right: 0; } #depositNotificationForm .has-feedback .form-control { width: 100%; } #forgotDetailsForm .inline-fields .control-label { width: 100%; } #depositNotificationAmountCurrency { top: 26px; } #totaljackpot { margin-right: -4px; margin-left: -4px; } .contact-us-information .col-xs-6 { width: 100%; } #header { height: 160px; } #total_balance { padding-right: 0px; } #postlogin_form { padding-top: 111px; padding-left: 0; } #postlogin_form_account { top: 15px; } #postlogin_form #signoutButton { margin-top: -66px; } #postlogin_form_deposit { top: 72px; } #forgotDetailsForm .inline-fields .form-control { width: 70%; } #forgotDetailsForm .inline-fields .error-field { margin-left: 0; } #forgotDetailsForm .inline-fields .form-control { left: 25px; } #forgotDetailsForm .has-feedback { padding: 0 21px; } #forgotDetailsForm .step-1.forgot-username .has-feedback .form-control-feedback { margin-left: 0; left: 22px; } #forgotDetailsForm .step-5 .has-feedback .form-control-feedback { margin-left: 0; } #forgotDetailsForm .step-5 .has-feedback .registerValidOK { right: 20px; } #forgotDetailsForm #forgot-details_emailWrapper .has-feedback .form-control-feedback { margin-left: 0; } #forgotDetailsForm .has-feedback .form-control { width: 90%; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper #forgot-details_code { width: 90%; } #register_form label { width: 100%; } #registerWrapper .registerFieldError { margin-left: 0; } #registerWrapper .has-feedback .form-control { width: 90%; margin-left: 0px; } #registerWrapper #li_noLastName label { margin-left: 0; } #registerWrapper #registerBirthdateWrapper { width: 95%; padding-left: 0; } #registerWrapper #registerBirthdateWrapper td:nth-child(2) { padding: 0 6px; } #registerWrapper .form-control-feedback { right: 8%; margin-left: 0; } #registerWrapper .form-group-phnumber { width: 96.5%; padding-left: 119px; } #registerWrapper .form-group-phnumber .form-control { margin-left: 0; } #registerWrapper .form-group-phnumber #phoneNumberInput { width: 88%; } #li_phoneNumber #selectCountryCode { left: 0px; } #li_phoneNumber .registerIcons { margin-top: 14px; } #register_form #li_phoneNumber .registerIcons { margin-top: -28px; } #register_form ul li#li_phoneNumber { min-height: 59px; } #totaljackpotValue { margin-top: -1%; } #forgot-details_birthdayWrapper { padding: 0 36px 0 0 !important; } #forgotDetailsForm .btn { padding: 3px 10px; } } @media (max-width: 500px) { .g-recaptcha { margin-left: 0; } #verificationWrapper .btn { font-size: 14px; padding: 3px 8px; display: block; float: none !important; width: 100%; margin-top: 10px; } } #navbar-mobile-wrapper , #chat-mobile-wrapper { display: none; } #home-mobile-menu { display: none; font-size: 15px; cursor: pointer; } #staticmenu_general li:not(:first-child) > a i { display: none; } @media (max-width: 530px) { .is-logged-out #login_form #livechat-button { position: absolute; right: 0px; top: -32px; margin-left: 0; border-radius:0; } } @media (max-width: 490px) { .download_center_img { display: block; margin: 0 auto; float: none; } #loginRegisterPopup_fields .captcha-wrapper { width: 100%; } .wrapper-register-popup { width: auto; } } @media (max-width: 490px) { #loginregisterPopup { width: 100%; } #loginRegisterPopup_forgotpassword { margin-top:0px; float:none; margin-left:5px; position:relative; top:-3px; } #loginRegisterPopup_left .h1+p{ font-size:12px; text-transform:capitalize; } #loginRegisterPopup_registerbutton, #loginRegisterPopup_loginbutton { width: 100%; margin-left: 0; } #loginregisterPopup.popup .btn + .btn { margin-top: 5px; } #loginRegisterPopup_fields .form-control { width: 100%; } #loginRegisterPopup_fields li { margin-top: 5px; margin-bottom: 5px; } } @media (max-width: 490px) { #loginRegisterPopup_fields .has-feedback .alert-info:after { display:none; } #loginRegisterPopup_fields .BDC_CaptchaIconsDiv { right: 0%; } #loginRegisterPopup_fields .captcha-wrapper .BDC_CaptchaDiv { width: 36%; } } .is-logged-in .button-for-mobile-profile { display:none; } .is-logged-in .close-headerFormPlaceholder { display:none; } .is-logged-in #postlogin_form_buttons a i { display:none; } .is-logged-in #postlogin_form_buttons a i.fa-exclamation-triangle { display:inline-block; } .is-logged-in #postlogin_form_buttons a#announcementButton span { display:none; } #headerFormPlaceholder { -webkit-animation-fill-mode: inherit; animation-fill-mode: inherit; } .is-logged-out .close-headerFormPlaceholder { display:none; } .is-logged-out .button-for-mobile-profile { display:none; } .menu-games-top { display:none; } @media (max-width: 479px) { .overlaysidebar { background:rgba(255,255,255,0.8); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; } #postlogin_form_deposit .dropdown #total_balance+.dropdown-menu { right:0; left:0px; position:absolute; width:100%; } #postlogin_form_deposit .dropdown #total_balance+.dropdown-menu:after { left:50%; right: auto; } #verificationWrapper #verificationDetails { min-height:auto; padding:10px; padding-top:170px; } #playnow-casino { margin:-5px -15px 15px -15px; } .icon-sidebar { width:16px; height:16px; display: inline-block; margin-right: 10px; position: relative; top: 2px; } .welcome-verification { margin-top:10px; margin-bottom:10px; font-size:26px; } .icon-sidebar.bt-icon { background: url(/cms/images/mobilesidebar/button_bola-tangkas_white_16px.png) no-repeat center; } .icon-sidebar.mesin-slot-icon { background: url(/cms/images/mobilesidebar/button_mesin-slot_white_16px.png) no-repeat center; } .icon-sidebar.olahraga-icon { background: url(/cms/images/mobilesidebar/button_olahraga_white_16px.png) no-repeat center; } .icon-sidebar.casino-icon { background: url(/cms/images/mobilesidebar/button_live-casino_white_16px.png) no-repeat center; } .icon-sidebar.vip-icon { background: url(/cms/images/mobilesidebar/button_VIP_white_16px.png) no-repeat center; } li.active .icon-sidebar.bt-icon { background: url(/cms/images/mobilesidebar/button_bola-tangkas_black_16px.png) no-repeat center; } li.active .icon-sidebar.mesin-slot-icon { background: url(/cms/images/mobilesidebar/button_mesin-slot_black_16px.png) no-repeat center; } li.active .icon-sidebar.olahraga-icon { background: url(/cms/images/mobilesidebar/button_olahraga_black_16px.png) no-repeat center; } li.active .icon-sidebar.casino-icon { background: url(/cms/images/mobilesidebar/button_live-casino_black_16px.png) no-repeat center; } li.active .icon-sidebar.vip-icon { background: url(/cms/images/mobilesidebar/button_VIP_black_16px.png) no-repeat center; } #promotionsBanner { display:none; } .ezugi-wrapper a { width:100%; float:none; } #wrappergamemenu { margin-bottom:12px; } #postlogin_nickname { position:relative; top:-1px; } #close-sidebar { display:inline-block; } #logo { background: url("/cms/images/logo-smaller.png") no-repeat left top transparent; } .menu-games-top { display:block; } .menu-games-top .image-hover-prefooter { width: 50px; height: 50px; margin: 0 auto; background-size: contain !important; } .menu-games-top .not-available .image-hover-prefooter , .menu-games-top .not-available .name-of-game { opacity:0.4; } .menu-games-top .not-available .segera-or { width:50px; } .is-logged-in #header { height:71px; } #forgotPass { max-width:56px; } #games .col-md-3, .gameswithlist .col-md-3{ width:50%; } #slider1:not(.mobileslider) { display:none !important; } #quick-links { display:none; } #games .col-md-3:nth-child(2n+1), .gameswithlist .col-md-3:nth-child(2n+1){ clear:both; } #games .col-md-3:nth-child(3n+1), .gameswithlist .col-md-3:nth-child(3n+1){ clear:none; } .wrapper-button-bt-android .pull-left { float:none !important; } .wrapper-button-bt-android .pull-left + .pull-left { margin-left:0px; margin-top:8px; font-size:11px; display:block; line-height:12px; margin-bottom:3px; } #loginRegisterPopup_form { margin-top:5px; } .is-logged-out .livechat-desktop { display:none !important; } #header.affix #postlogin_form_account, #header.affix #signoutButton { display: block; } .is-logged-in #header.affix .pull-right { float:none !important; } .is-logged-in #header.affix #postlogin_form_account { top:0px; margin-bottom:5px; } #header.affix #total_balance { font-size:14px; } #header.affix #total_balance_value { max-width: auto; overflow: inherit; white-space: normal; } .is-logged-in #postlogin_form #signoutButton { padding:5px 12px; } .is-logged-in #header.affix #postlogin_form_deposit { position: relative; display: inline-block; top: 0px; margin-left: 0px; margin-bottom:5px; } #header.affix #postlogin_form .btn { font-size:15px; padding:5px 12px; } .is-logged-in #header.affix #postlogin_form #signoutButton.btn { margin-top:0px; } #bonus_span, #availableCampaignsIndicator { position:relative; top:-2px; } #staticmenu_general li.with-segera-icon span { padding:5px 7px 5px 10px; font-size:15px; } #staticmenu_general li.with-segera-icon > span i { display:inline-block; margin-right:10px; } #staticmenu_general li .submenu a { padding-left:35px; } .is-logged-in #header.affix #logoPlaceholder { margin-left: 50px; width:auto; padding-left:0px; width:42px; z-index: 999; } .is-logged-in .close-headerFormPlaceholder { display:inline-block; position:absolute; bottom: -41px; padding:3px 10px; background:#094696; right:15px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border:2px solid #999; border-top:0px; font-size: 24px; } .is-logged-in #postlogin_form_account { position:relative; display:inline-block; top:0px; width:100%; } .is-logged-in #postlogin_form_deposit { position:relative; display:inline-block; top:0px; margin-left:0px; } .is-logged-in #header.affix #postlogin_form { padding-bottom:0px; } .is-logged-in #header.affix #postlogin_form_buttons { padding-bottom:0px; top:-1px; } .is-logged-in #header.affix #postlogin_form { padding-top:0px; } .is-logged-in #postlogin_form #signoutButton { margin-top:0px; float:none; position:relative; top: 0; display: block; margin-bottom: 5px; font-size: 15px; height: auto; padding: 5px 12px; margin-left: 0; width: 100%; } #total_balance_wrapper .dropdown-menu { right: auto; left: 0; } .wrapper-percentage { float:right; } .is-logged-in #verified-percentages { position:relative; right:0px; display:inline-block; margin-top:0px; } .is-logged-in #postlogin_form_buttons { float:none; width:100%; top:0px; padding-bottom:0px; } .is-logged-in #postlogin_form_buttons a { display:block; width:100%; padding:10px 15px !important; border-radius:0px !important; text-align:left; height: auto; top:0px; font-size:15px !important; box-shadow:inset 0 1px 6px rgba(0, 0, 0, .2); background:#094696; color:#fff; } .is-logged-in #postlogin_form_buttons a#announcementButton span { display:inline-block; color:#fff; } .is-logged-in #postlogin_form_buttons a#helpButton .fa-question { background:transparent; position:relative; top:auto; left:auto; right:auto; } .is-logged-in #postlogin_form_buttons a#helpButton .fa-question:before { width:auto; height: auto; color:inherit; } .is-logged-in #postlogin_form_buttons a i { display:inline-block; width:25px; } .is-logged-in #header.affix #headerFormPlaceholder { width:100%; } .is-logged-in #postlogin_form { padding-top:0px; float:none; margin-bottom:0px; padding-bottom:0px; } .is-logged-in #postlogin_form .pull-right { padding:5px 15px; } .is-logged-in #languageWrapper_postlogin { display:none; } .is-logged-in #postlogin_form #livechat-button { display:none !Important; } .popupbox-percentage { top: 23px; right: 0; } .is-logged-in #headerFormPlaceholder { position:fixed; top:0px; left:0px; width:100%; background:#255798; z-index:10001; display:none; padding:0; border-bottom:2px solid #999; box-shadow:0 2px 3px 0px #1b1b1b; } .is-logged-in #headerFormPlaceholder.slideInDown { display:block; padding-top:5px; } .is-logged-in #headerFormPlaceholder { animation-duration: 0.5s; animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-duration: 0.5s; -moz-animation-delay: 0s; -moz-animation-iteration-count: 1; } .is-logged-in .button-for-mobile-profile { display:block; float:right; margin-right:15px; position:relative; top:5px; } .is-logged-in .affix #navbar-link-mobile.btn { font-size: 21px; } #chat-link-mobile.btn { color: #000; float: left; text-align: left; font-size: 14px; font-weight: 800; box-shadow: none; /* border: 3px solid #d5b665; */ background: rgb(242, 224, 150); background: -moz-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: -webkit-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: linear-gradient(to bottom, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2e096', endColorstr='#ba8f37', GradientType=0); margin: 0; padding: 5px 10px; margin-top: 6px; display: block; margin-left: 10px; } #profile-link-mobile.btn { color: #000; float: left; text-align: left; font-size: 14px; font-weight: 800; box-shadow: none; /* border: 3px solid #74b400; */ background: #c3f766; /* background: linear-gradient(to bottom, #c3f766 0, #c3f766 4%, #9bf100 9%, #9bf100 91%, #5d9100 96%, #5d9100 100%); */ margin: 0; padding: 5px 10px; margin-top: 6px; display:block; } #livechat-button-mobile.btn { color: #000; float: left; text-align: left; font-size: 14px; font-weight: 800; box-shadow: none; /* border: 3px solid #d5b665; */ background: rgb(242, 224, 150); background: -moz-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: -webkit-linear-gradient(top, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); background: linear-gradient(to bottom, rgba(242, 224, 150, 1) 0%, rgba(186, 143, 55, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2e096', endColorstr='#ba8f37', GradientType=0); margin: 0; padding: 5px 10px; margin-top: 6px; display:block; margin-left:10px; } .is-logged-in .affix .button-for-mobile-profile { right:0px; position:absolute; top:2px; margin-right:0px; z-index:99; padding:0 15px; } .is-logged-in .affix .button-for-mobile-profile #livechat-button-mobile { float:right; } .is-logged-in .affix .button-for-mobile-profile .btn.btn-primary { font-size:12px !important; } #navbar-mobile-wrapper { position:absolute; top: 5px; left:0px; display:inline-block; padding: 0 15px; z-index:12; } .is-logged-in.simple-header #navbar-mobile-wrapper { top:11px; } #chat-mobile-wrapper { position:absolute; top:5px; right:0px; display:inline-block; padding: 0 15px; z-index:12; } #main_rightpart { margin-bottom:0px; } #prefooter { padding-top:0px; } #loginRegisterPopup_forgotpassword { position: absolute; bottom: -24px; top: auto; left: 11px; } .popup .h1 { font-size: 15px; height: 30px; line-height: 17px; } .fancybox-close { right:0px; } #gamecontentright { margin-top:0px; } #winnerRow { display:none; } #livechat-button.register-live-chat { margin-top:0px; } #migration_form .form-control-feedback { left: 96%; } #migration_form .has-feedback .form-control, #migration_form #migration_birthDateWrapper table { width: 90%; } #migration_form .eye-icon { left: auto; right: 18%; } #left-casino-wrapper { float: none; width: 100%; padding: 0 15px; } .is-logged-out #languageWrapper_login { top: 3px; } #tabs_limits .has-feedback select.form-control { width: 71%; } #olahraga-wrapper #olahraga-playnow-btn { bottom: 4%; left: 4%; font-size: 15px; padding: 5px 15px; } #loginRegisterPopup_wrapper { padding-bottom: 45px; } .additional-info .item { margin-bottom: 25px; } .additional-info .item:nth-last-child(2) { margin-bottom: 0; } #myAccountPage #phoneNumber_item .profile-editable-field { width: 100%; } .prefooter-information ol li { width: 100%; } .prefooter-information .btn { float: none; } .prefooter-information #announcementButton { right: 0; } .menu-games-top .name-of-game { font-weight:normal; line-height: 125%; font-size:12px; padding:0px; } .is-logged-out #header { height:107px; } .menu-games-top .col-xs-3 { padding-right:5px; padding-left:5px; width:20% !important; } .menu-games-top .col-xs-3.not-available { display:none; } .row.menu-games-top { margin-left:7px; margin-right:7px; margin-top:5px; } #postlogin_nickname span { max-width: 135px; top:0px; } #right-casino-wrapper { float: none; width: 100%; padding: 0 15px; margin-top: 15px; } #close-sidebar { display: block; display: inline-block; position: absolute; bottom: 10px; right: -50px; z-index: 12; top: auto; padding: 10px 15px; background:#0D117F; border-top-right-radius:5px; border-bottom-right-radius:5px; box-shadow:2px 1px 3px 0 #1b1b1b; } #staticmenu_general li > a i { display: inline-block; } #home-mobile-menu { display: inline; } #second-row { border-top: 2px solid #fff; } #staticmenu_general li:first-child > a { font-size: 15px; color: #fff; padding: 5px 12px; } #staticmenu_general li:not(:first-child) > a i { display:inline-block; } #staticmenu_general li:hover, #homelink:hover, #homelink:focus, .nav>li>a:hover, .nav>li>a:focus, #staticmenu_general li:focus { background: #0057CB; } #second-row .nav>li>a { text-align: left; padding-left: 12px; } #staticmenu_general li a { font-size: 15px; padding: 5px 12px; } #staticmenu_general li a i { margin-right: 10px; font-size: 16px; width: 16px; text-align: center; } #staticmenu_general li .submenu { display: block; position: relative; text-indent:15px; text-align: left; top: 0; background: #094696; box-shadow: inset 0 1px 6px rgba(0, 0, 0, .5); } #staticmenu_general li .submenu a { color: #fff; font-size: 13px; } #sidebar-responsive { position: fixed; top: 0; background: #0D117F; height: 100%; min-height: 100%; z-index: 10000; width: 250px; left: -260px; box-shadow:2px 1px 3px 0 #1b1b1b; } #sidebar-responsive #staticmenu_general li > a { color: #fff; } #sidebar-responsive #staticmenu_general li.active a { color: #000; } #quick-links { margin-top: 12px; width: 91%; } #main-fluid.index-page > .container { padding-top: 0px; } #staticmenu_general li > a { text-align: left; } .has-feedback .form-control { width: 68%; } #postlogin_form_buttons .btn { margin: 0; } #postlogin_username { display: block; text-align: right; text-overflow: ellipsis; overflow: hidden; width: 156px; float: right; white-space: nowrap; } #verified-percentages { white-space: nowrap; margin-top: 6px; } .is-logged-out #help-button { position: absolute; top: -43px; left: 0; z-index: 1; display:none; } .is-logged-out #help-button i { position: relative; font-size: 13px; } #myaccountprofile #bank_ul .has-feedback .form-control { width: 71%; } .is-logged-out #registerButton.btn, .is-logged-out #loginButton.btn { padding:2px 30px; } #languageWrapper_login { display:none; } #login_form, #postlogin_form { padding-left:0px; padding-bottom:5px; } #login_form { padding-top:3px; } #login_form fieldset { text-align:center; } .is-logged-out #header-fluid { height:115px; } #header-fluid.header-postlogin { height: auto; } #logoPlaceholder { padding-top:5px; } .simple-header #logoPlaceholder { padding-top:10px; } .is-logged-in #logo { width: 148px; height: 45px; background-size:contain; } .is-logged-in #logoPlaceholder { left:45px; } .simple-header.is-logged-in #logoPlaceholder { left:0px; } .is-logged-in #header-fluid { height:79px; } .simple-header.is-logged-in #header-fluid { height: auto; } .is-logged-in #navbar-mobile-wrapper { display:inline-block; } .is-logged-in .affix #logoPlaceholder { left:0px; } .is-logged-in .affix #navbar-mobile-wrapper { top:1px; } } @media (max-width: 450px) { #totaljackpotValue { margin-top: -0.8%; } .ezugi-gamepage .item-games { padding: 0 15px; } } @media (max-width: 440px) { .h3-title-welcome-bnz { width:155px; line-height: 22px; top:-120px; font-size:18px; } #sexy-girl-img{ left: -55px; width: 240px; } .arrow-veri:after { border-left: 30px solid transparent; border-right: 5px solid transparent; border-bottom: 33px solid #fff; top: -32px; left: 20px; border-top: none; } #verificationWrapper #verificationDetails { padding-top:130px; } .h3-title-welcome-bnz .title-gradasi { font-size:24px; } #languageWrapper_postlogin { display: none; } #postlogin_form_buttons #livechat-button { margin-left: 10px; } .is-logged-in #header #postlogin_form #livechat-button { top: -2px; margin-left: 5px; } #myAccountPage .form-control-feedback { left: 66%; } #myAccountPage #phoneNumber_item .form-control-feedback { left: 65%; } #tabs_limits .form-control-feedback { right: auto; left: 85%; } #depositNotificationForm .form-control-feedback { left: 89%; } #postlogin_form_buttons { top: 1px; } } @media (max-width: 655px) { #gamesSearchWrapper .btn { font-size: 13px; padding-left: 7px; } } @media (max-width: 470px){ .log-div-bubble { left:auto; right: 8px; width:100%; white-space:inherit; } ol#email-time li, ol#phoneNumber-time li { white-space:inherit; font-size:12px; } } @media (max-width: 431px) { #postlogin_form_buttons { position: relative; top: 1px; } .is-logged-out #postlogin_form #signoutButton { position: absolute; top: -70px; right: 0; margin-top: 0; } .is-logged-in #header.affix #postlogin_form #signoutButton { top: inherit; } } @media (max-width: 420px) { #postlogin_nickname { top:-2px; } #captcha_ph .col-sm-3, #captcha_email .col-sm-3 { float:none; margin-left:15px; margin-top:5px; width:178px; } #captcha_ph .captchaveri-wrapper, #captcha_email .captchaveri-wrapper { float:none; width:240px; } .wrapper-content-veri-top .content-veri-top .progress-wrapper .progress-icon-veri { height:40px; width:40px; } .wrapper-content-veri-top .content-veri-top .progress-wrapper .progress-icon-veri:before { font-size:24px !important; } .wrapper-content-veri-top .content-veri-top .progress-wrapper .progress-icon-title { font-size:11px; } .wrapper-content-veri-top .content-veri-top .title-veri { font-size:11px; } #verificationWrapper .profile-editable-field .verification-parent { width:80%; padding-right: 6px; } #verificationDetails_ul .form-group-phnumber { width:100%; padding-right:60px; } #verificationDetails_ul #phoneNumber_item .profile-editable-field .form-control-feedback, #verificationDetails_ul #email_item .profile-editable-field .form-control-feedback { left: auto; right:54px; } #verificationDetails_ul #email_item .profile-editable-field #email { width:100%; } #verificationDetails_ul #email_item .profile-editable-field { padding-right:60px; } #bantuan-data-section3 .inner-contact-faq { display:block; margin-bottom:10px; font-size:16px; } #prefooter .games-offered .item a { height:240px; } .browser-best { padding-left: 0px; } #tabs_limits.ui-tabs .ui-tabs-nav li a { font-size: 12px; padding: .5em 5px; } #myaccountprofile .ui-tabs .ui-tabs-nav li a { font-size: 11px; padding: .5em 5px; } #myAccountPage #updateMyPassword .form-control-feedback { left: 75%; } #myaccountprofile #password_edit, #myaccountprofile #address2_edit { position: absolute !important; right: 0px; top: -19px; } #register_form #signUpButton, #register_form #cancelButton { width: 100px; } #register_footer .col-xs-12 { text-align: center; } #olahraga-playnow-btn.gamePage_main_btn { font-size: 18px; bottom: 10%; } #loginRegisterPopup_fields .form-control { width: 100%; } #loginRegisterPopup_fields .form-group { margin-bottom: 5px; } #loginRegisterPopup_fields .form-group { min-height:30px; } #loginRegisterPopup_error { margin-bottom:0px; margin-top:8px; } #loginRegisterPopup_fields .captcha-wrapper { margin-top:3px; } #loginRegisterPopup_loginbutton { display: block; float: none; margin: 5px 0 10px; position: relative; bottom: 0; right: 0; } #myAccountPage .form-control { width: 56%; } .contacts-link-faq.col-xs-6 { width: 100%; float: none; margin: 5px 0; } #myAccountPage #email_item .col-sm-9.profile-editable-field { width: 100%; } #postlogin_form_buttons .btn { padding: 0 2px; } #postlogin_form { font-size: 13px; } #postlogin_form #signoutButton { font-size: 10px; padding: 0 5px; } #languageWrapper_postlogin { margin-left: 10px; } #postlogin_form_buttons .btn { font-size: 11px; line-height: 18px } #loginRegisterPopup_fields .form-group .error-field { margin-left: 38%; } #loginRegisterPopup_fields .control-label { width: 100%; } .form-control-feedback .registerValidOK { right: 10px; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper .form-control { width: 87%; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper .registerValidOK { right: 48px; } #forgotDetailsForm #forgot-details_emailWrapper .registerValidOK { right: 20px; } #verificationWrapper #email_edit, #verificationWrapper #email_verify, #verificationWrapper #phoneNumber_edit, #verificationWrapper #phoneNumber_verify { width: 80px; } #verificationWrapper #phoneNumber_value, #verificationWrapper #email_value { width: 130px; } } @media (max-width:405px) { #profile-link-mobile span, #livechat-button-mobile span { display:none; } } @media (max-width: 380px) { #postlogin_form_deposit { top: 80px; } .popupbox-percentage { right: 0px; } .popupbox-percentage:after { right: 29px; } #totaljackpotValue { margin-top: -0.4%; } #forgotDetailsForm .step-4 #forgot-details_code_wrapper #forgot-details_code { width: 88%; } #depositNotificationForm .form-control-feedback { left: 85%; } .is-logged-in #header #postlogin_form #livechat-button { top: -1px; margin-left: 5px; } } @media (max-width: 398px) { #new-email-phone-li .captcha-wrapper { top:-59px; } } @media (min-width: 379px) and (max-width: 380px) { #prefooter .games-offered .item { padding: 0 7px; } } .simple-header #header { height: auto; } @media (max-width: 360px) { #myAccountPage #email_item .profile-editable-field { width: 100%; } #verificationWrapper #verificationDetails { padding-top:94px; } #sexy-girl-img { width:160px; left:-10px; top:-15px; } .h3-title-welcome-bnz { width:155px; top:-100px; } .menu-games-top .name-of-game { font-size:11px; } .step-5 .eye-icon { left:146px; } #forgotDetailsForm .step-5 .has-feedback .form-control { padding-right:27px; } #forgotDetailsForm .btn:not(.step-back) { margin-left:22px; } #forgotDetailsWrapper .form-control { width:155px !important; } #forgotDetailsForm #forgot-details_emailWrapper .has-feedback .form-control-feedback, #forgotDetailsForm #forgot-details_phoneNumberWrapper .has-feedback .form-control-feedback { left: 161px; } #forgotDetailsForm .has-feedback .form-control-feedback { left:180px; } .forgot-other>p { margin-left:15px; } /* #bantuan-data-section2 { padding-top: }*/ #bantuan-data-section1 { padding-top:30px; } #bantuan-data-section1 .expand-toggle { position: absolute; top: -8px; right: 1px; z-index: 1; font-size: 20px; color: #0057cb; } #bantuan-data-section1 .expand-toggle:hover { color:#0057cb; } .image-title-faq td a { font-size:16px; top:21px; } #myAccountPage.form-horizontal .has-feedback .form-control-feedback > i + span { right: 11%; } #registerRecaptcha { margin-left: -15px; } .download_center_img { width: 100%; } #loginRegisterPopup_forgotpassword { padding-left: 0; } .ezugi-gamepage .item-games { padding: 0 5px; } } #myAccountPage .col-sm-6.profile-editable-field { width: auto; } @media (max-width:359px) { #email_item .profile-field-item .form-control, #phoneNumber_item .profile-field-item .form-control { font-size:12px; } #email_item .profile-field-item .form-control, #phoneNumber_item .profile-field-item .form-control { width:100px; } #new-email-phone-li .input-captcha-wrapper { width:100px; } #new-email-phone-li .captcha-wrapper { width: 227px; } #verificationDetails_ul #new-email-phone-li .form-control-feedback { left:258px; } #verificationDetails_ul #new-email-phone-li .form-control-captcha { left:231px; } } @media (max-width:359px) { .is-logged-out #registerButton.btn, .is-logged-out #loginButton.btn { padding:2px 20px; } } /*mozilla fix*/ @-moz-document url-prefix() { #header #livechat-button a:before { height: 99%; } .is-logged-in #postlogin_form_buttons { top: 2px; } .is-logged-in #header.affix #postlogin_form_buttons { top: 1px; } #languageWrapper_postlogin::before { top: 2px; } .is-logged-in #header #livechat-button { top: 1px; } .is-logged-in #header.affix #postlogin_form #livechat-button { top: 11px; height: 21px; } .is-logged-out #header #livechat-button { top: 4px; } #livechat-button .livechat_button::before { top: 0px; } .is-logged-out #header #livechat-button { height: 21px; } .is-logged-out #registerButton.btn, .is-logged-out #loginButton.btn { padding: 2px 12px 1px; } } @media (max-width:320px) { #postlogin_form_buttons .btn { font-size:10px; } #forgotDetailsForm #forgot-details_birthdayWrapper.has-feedback .form-control-feedback{ right:39px; } #transactionsWrapper .ui-tabs .ui-tabs-nav li a, #myaccountprofile .ui-tabs .ui-tabs-nav li a { font-size:9px; } #tabs_limits .form-control-feedback { left:88%; } #help-button span.help-icon-wrapper { right:9px; } #loginRegisterPopup_error { margin-bottom:5px; } .popup .h1 { font-size: 13px; height: 30px; line-height: 18px; } #loginRegisterPopup_fields .BDC_CaptchaDiv>.BDC_CaptchaImageDiv { top:4px; right:2px; } #phoneNumberRecaptchaError.help-block, #emailRecaptchaError.help-block { padding: 5px 0 0 12px; } .additional-info .item { margin-bottom:0px; } #gamesSearchWrapper .btn { padding-left:2px; padding-right:2px; } #availableCampaignsIndicator { padding-left:5px; position: relative; top: -3px; } #postlogin_form_deposit #bonus_span { position: relative; top: -3px; } #total_balance { padding-right:0px; } .additional-info .item.browser-best { text-align: left !important; } #prefooter .games-offered .item a { height: 261px; } #email_item .profile-field-item .form-control, #phoneNumber_item .profile-field-item .form-control { width:80px; } #new-email-phone-li .input-captcha-wrapper { width:80px; } #new-email-phone-li .captcha-wrapper { width:207px; } #verificationDetails_ul #new-email-phone-li .form-control-feedback { left:239px; } #verificationDetails_ul #new-email-phone-li .form-control-captcha { left:212px; } } .wrapper-dlcenter.two-col-dl-center .inner-wrapper-dlcenter.first-col-dl.mobilelargewidth { width: 100%; height: 195px; } /* IE FIX */ @supports (-ms-accelerator: true) { .bg-announcement-wrapper { height:415px; } /* #quick-links-select { text-indent: 10px; text-align:center; padding-left:40% !important; }*/ } @media screen and (min-width:767px) { @supports (-ms-accelerator: true) { /* #quick-links-select { text-indent: 10px; text-align:center; padding-left:30% !important; }*/ } } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width:991px) { .affix#header #headerFormPlaceholder { width:300px; } } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width:767px) { .affix#header #headerFormPlaceholder { width:auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bg-announcement-wrapper { height:415px; } /* #quick-links-select { text-indent: 10px; text-align:center; padding-left:40% !important; }*/ } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (min-width:767px) { /* #quick-links-select { text-indent: 10px; text-align:center; padding-left:30% !important; }*/ } #quick-links-select::-ms-expand { display: none; } /* Remember languages is hidden please check in the future if want to use multi language */ /* Game window background */ #gameEmptyGameWrapper { display:flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color:#000; } #gameEmptyGameWrapper .container-game { background-color: rgba(0,0,0,.6); box-shadow: 0 0 12px 2px rgba(0,0,0,0.5); } .imagebggame { position: absolute; top:0px; left:0px; right: 0px; bottom:0px; width:auto; height: auto; z-index:0; } /* #gameEmptyGameWrapper iframe { z-index: 1; width: 100%; height: 100%; } .container-game.provider1, .container-game.provider2 , .container-game.provider4 , .container-game.provider13 , .container-game.provider12 , .container-game.provider15 , .container-game.provider41 , .container-game.provider19 , .container-game.provider45 { width: 1600px; height: 900px; } .container-game.provider3 , .container-game.provider6 , .container-game.provider10 , .container-game.provider14 { width: 1200px; height: 900px; } .container-game.gameratio133 { width: 1200px; height: 900px; } .container-game.provider1.gameratio133 { width: 1024px; height: 768px; } .container-game.gameratio178 { width: 1600px; height: 900px; } .container-game.provider1.gameratio178 { width: 1205px; height: 678px; } @media screen and (max-width:1600px), (max-height:900px) { .container-game.provider1 , .container-game.provider2 , .container-game.provider4 , .container-game.provider13 , .container-game.provider12 , .container-game.provider15 , .container-game.provider41 , .container-game.provider19 , .container-game.provider45 { width: 1208px; height: 678px; } .container-game.provider3 , .container-game.provider6 , .container-game.provider10 , .container-game.provider14 { width: 1208px; height: 906px; } .container-game.gameratio133 { width: 1208px; height: 906px; } .container-game.provider1.gameratio133 { width: 1024px; height: 768px; } .container-game.gameratio178 { width: 1208px; height: 678px; } } @media screen and (max-width:1366px), (max-height:768px) { .container-game.provider1 , .container-game.provider2 , .container-game.provider4 , .container-game.provider13 , .container-game.provider12 , .container-game.provider15 , .container-game.provider41 , .container-game.provider19 , .container-game.provider45 { width: 1208px; height: 678px; } .container-game.provider3 , .container-game.provider6 , .container-game.provider10 , .container-game.provider14 { width: 906px; height: 678px; } .container-game.gameratio133 { width: 906px; height: 678px; } .container-game.gameratio178 { width: 1208px; height: 678px; } } @media screen and (max-width:1024px) and (max-height:768px) { .container-game.provider1 , .container-game.provider2 , .container-game.provider4 , .container-game.provider12 , .container-game.provider13 , .container-game.provider15 , .container-game.provider41 , .container-game.provider19 , .container-game.provider45 { width: 1024px; height: 574px; } .container-game.provider3 , .container-game.provider6 , .container-game.provider10 , .container-game.provider14 { width: 906px; height: 678px; } .container-game.gameratio133 { width: 906px; height: 678px; } .container-game.gameratio178 { width: 1024px; height: 574px; } } @media screen and (max-width:854px) and (max-height:480px) { .container-game.provider1 , .container-game.provider2 , .container-game.provider4 , .container-game.provider12 , .container-game.provider13 , .container-game.provider15 , .container-game.provider41 , .container-game.provider19 , .container-game.provider45 { width: 100%; height: 100%; } .container-game.gameratio178 { width: 100%; height: 100%; } } @media screen and (max-width:639px) and (max-height:480px) { .container-game.provider3 , .container-game.provider6 , .container-game.provider10 , .container-game.provider14 { width: 100%; height: 100%; } .container-game.gameratio133 { width: 100%; height: 100%; } } @media screen and (max-width:1208px) and (min-height: 768px) { #gameEmptyGameWrapper .container-game { width: 100% !important; height: 100% !important; } } @media screen and (max-width:1024px) { #gameEmptyGameWrapper .container-game { width: 100%; height: 100%; } } */ #gameEmptyGameWrapper { padding-top: 72px; } .top-gameWindow { position: fixed; top:0px; left: 0px; width: 100%; height: 60px; background:rgba(8, 12, 93, 0.8); color:#fff; padding: 10px 15px; font-size: 20px; } .leftTop-gamewindow { float:left; display: flex; align-items:center; height: 100%; } .leftTop-gamewindow > div { float:left; margin: 0 10px; } .rightTop-gamewindow { float:right; display: flex; align-items:center; height: 100%; } .rightTop-gamewindow > div { float:left; margin: 0 10px; } .separator-top-gamewindow { height: 80%; width:1px; background: #fff; } .wrapper-moneydiv .fa { margin-left: 8px; } .fullscreen-gamewindow .fa:hover, .wrapper-moneydiv .fa:hover { opacity:0.7; cursor: pointer; } /* SQUARED THREE */ .squaredThree { display: inline-block; position: relative; padding-left: 4px; margin-bottom: 4px; } .squaredThree input { visibility: hidden; } .squaredThree label.checkstyle { cursor: pointer; position: absolute; width: 15px; height: 15px; left: 0px; top: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); background: #060d5d; background: -moz-linear-gradient(top, #222 0%, #45484d 100%); background: -o-linear-gradient(top, #222 0%, #45484d 100%); background: -ms-linear-gradient(top, #222 0%, #45484d 100%); background: linear-gradient(top, #222 0%, #45484d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); } .squaredThree label.checkstyle:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 8px; height: 5px; background: transparent; top: 5px; left: 4px; border: 3px solid #2256ce; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredThree label.checkstyle:hover::after, .squaredThree label.labelShowed:hover + label.checkstyle:after{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } .squaredThree label.labelShowed { color:#070c5d; } .squaredThree:hover label.labelShowed, .squaredThree input[type=checkbox]:checked + label.labelShowed { cursor: pointer; color:#fff; } .squaredThree input[type=checkbox]:checked + label.labelShowed + label.checkstyle:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .squaredThree:hover label.checkstyle, .squaredThree input[type=checkbox]:checked + label.labelShowed + label.checkstyle { background:#92ff00; } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 99.5%; left: 0; top: 0; width: 100%; width: 10px; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track {width: 8px;border: 1px solid #5387d0;} .scrollbar-inner > .scroll-element .scroll-bar {background-color: #5387d0;width: 4px;left: 3px;margin: 3px 0;} .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /* winner list custom */ /* .winner-list-custom { position:relative; padding: 0 0 0 15px; z-index:9999; !* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e7e9+0,aba9aa+100 *! background: rgb(230,231,233); !* Old browsers *! background: -moz-linear-gradient(top, rgba(230,231,233,1) 0%, rgba(171,169,170,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(230,231,233,1) 0%,rgba(171,169,170,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(230,231,233,1) 0%,rgba(171,169,170,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#aba9aa',GradientType=0 ); !* IE6-9 *! padding: 10px 4px; } .winner-list-custom.staybottom { position: fixed; bottom: 0px; box-shadow: 0px -2px 36px 0px #111; } .winner-list-custom .winner-item { position: relative; padding-right: 15px; display: flex; justify-content: center; align-items: center; } .winner-list-custom .left-winner-list { } .winner-list-custom .right-winner-list { line-height: 16px; padding-left: 10px; } .winner-list-custom .left-winner-list .img-wrapper-winner { width: 80px; height: 60px; !* border-radius: 50%; *! background-size: cover; background-repeat: no-repeat; background-position: center center; } .winner-list-custom a { color: #EC1C24; text-decoration: underline; font-weight: bold; } .right-winner-list > span:nth-child(1) { color:#37B34A; font-weight: bold; } .right-winner-list > span:nth-child(2) { color:#666769; } .right-winner-list > * { font-size: 13px; } .circle-text { position: absolute; top: -15px; left: 50%; margin-left: -40px; font-size: 10px; width: 80px; text-align:center; text-transform: uppercase; font-weight: bold; } .circle-text.freespin > span { color:#b7e956; } .circle-text.multiplier > span { color:#fb6cfc; } .circle-text.menang > span { color:#f9c12c; } */ /* back-to-top-gamepage */ .back-to-top-gamepage { position: fixed; margin-left: -90px; bottom: 30px; width: 70px; color:#fff; text-align: center; font-size: 14px; text-transform: capitalize; line-height: 14px; cursor: pointer; z-index: 9999; } .back-to-top-gamepage i { font-size: 30px; margin-bottom: 2px; color:#838301; display: block; } .back-to-top-gamepage:hover { opacity: 0.7; } .gameswrapper { padding: 0; position: relative; padding-bottom: 13px; } .games-page .gameswrapper { padding-bottom: 0px; } .lantai-short { padding: 8px 15px 0px; background:#0045a0; } .judul-lantai { display: inline-block; padding: 0 12px; font-size: 12px; background: #0057c8; margin-right: 8px; border-radius: 4px; } .judul-lantai.active, .judul-lantai:hover { background:#fff300; color:#000; cursor: pointer; } .judul-lantai, .list-lantai { display: inline-block; } .list-lantai .item-list-lantai { display: inline-block; padding: 0 12px; font-size: 12px; background: #0057c8; margin-right: 8px; border-radius: 4px; } .list-lantai .item-list-lantai.active, .list-lantai .item-list-lantai:hover { background:#fff300; color:#000; cursor: pointer; } .content-game-lobby , .game-wrapper { padding: 5px; } ul.content-game-lobby { padding: 0px; margin: 0px; } .lantai-n-fav { position: absolute; right: 0; top: 0; padding: 5px; } .linkpromo a { color:#ffff0e; text-decoration: underline; } /* new topten */ .topten-wrapper { padding: 10px; margin-top: 10px; margin-bottom: 15px; } .topten-inner { } .topten-menu { margin: 0 -5px; } .topten-list { width: 20%; float:left; padding: 0px 5px 10px 5px; text-align: center; font-size: 14px; text-transform: capitalize; position: relative; } .topten-list.active, .topten-list:hover { padding-bottom: 0px; } .topten-list > div { background:#599AE9; height: 110px; padding: 10px; } .topten-list:nth-last-child(2) { border-right: 0; } .topten-list.active > div{ background:#0057C8; cursor: pointer; height: 123px; border: 3px solid #599AE9; border-bottom: 0; position: relative; z-index:1; } .topten-list > div:hover { background:#0057C8; cursor: pointer; } .topten-list.active:before { content: ""; width: 70%; height: 7px; background:#fff300; position: absolute; bottom: 5px; left: 50%; margin-left: -35%; z-index: 3; } .topten-list b { font-size: 16px; text-transform: capitalize; display: block; font-weight: 500; } .description-topten { width: 95%; padding: 15px 0 13px; text-align: center; margin: 0 auto; font-size: 18px; } .close-topten { position: absolute; right: 8px; top: 7px; color: #FFF100; font-size: 26px; cursor: pointer; } .close-topten:hover { opacity: 0.7; } .topten-inner-title { text-align: center; color:#FFF100; line-height: 25px; } .topten-inner-title .bigtitle { text-transform: uppercase; font-size: 24px; font-weight: bold; } .topten-inner-title .smtitle { font-size: 17px; text-transform: capitalize; } .topten-inner-content { padding: 24px; background:#0057C8; margin-bottom: 15px; position: relative; border: 3px solid #599AE9; margin-top:-3px; } .tab-topten { text-align: left; padding: 10px 0 0px; } .tab-topten .tab-topten-item { display: inline-block; margin-right: 2px; font-weight: bold; text-transform: capitalize; padding: 6px 10px; text-align: center; width: 130px; background: #599AE9; color:#FFFFFF; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 13px; } .tab-topten .tab-topten-item:last-child { margin-right: 0px; } .tab-topten .tab-topten-item.active, .tab-topten .tab-topten-item:hover{ background: #E3E4E5; color:#225AC7; cursor: pointer; } .topten-table-wrapper { background:#e3e4e6; padding: 5px; color:#5b5c5e; min-height: 500px; } .topten-table-wrapper img { width: 100px; } .topten-table { width: 100%; border-collapse: collapse; } .topten-table tr { border-bottom: 4px solid #e3e4e6; } .topten-table tr:nth-child(odd) { background:#e4e4e4; } .topten-table tr:nth-child(even) { background:#f1f1f1; } .topten-table tr:nth-child(1) { border-top: 4px solid #e3e4e6; } .topten-table tr:last-child { border: 0; } .topten-table tr td, .topten-table tr th { text-align: center; } .topten-table tr th { padding: 10px 0; background:#6d6e70; color:#e1e2e4; border-right: 4px solid #e3e4e6; } .topten-table tr th:last-child { border: 0; } .topten-table tr td:nth-child(1) { font-size: 34px; color:#009be8; width: 54px; background:#fff; } .topten-table tr td:nth-child(2) { text-align:left; font-weight: bold; font-size: 20px; width: 350px; } .topten-table tr td:nth-child(2) span { display: flex; align-items:center; color:#5b5c5e; text-transform: capitalize; } .topten-table tr td:nth-child(2) span:hover { text-decoration: underline; cursor: pointer; } .topten-table tr td:nth-child(2) img { width: 100px; margin-right: 5px; } .topten-table tr td:nth-child(5) div { font-size: 20px; color:#0057d0; } /* transfer dana */ #transferButton { position: relative; } /*#transferButton:before { display: block !important; content: ""; width: 90%; height: 1px; background:#0057cb; position: absolute; top: 0px; left: 50%; margin-left: -45%; }*/ .saldo-content-wrapper { margin-bottom: 15px; } .saldo-content { padding: 15px 8px 8px; border-radius: 5px; display: flex; justify-content: space-between; align-item: flex-end; background:#cacaca; } .saldo-title { font-weight: bold; text-align: center; margin-top: 3px; font-size: 17px; } .currency-saldo { position:relative; top: 5px; } .saldo-amount { font-size: 20px; color:#525252; font-weight: bold; } /* Popup maintenace */ .popup-maintenance { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background: rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center; z-index: 1000000; } .wrapper-maintenance { position: relative; border-radius: 0 0 3px 3px; border-bottom: 8px solid #0057cb; background: #f6f6f7; background: -moz-linear-gradient(top,#f6f6f7 0%,#dad9da 31%,#c8c7c7 57%,#b1b1b2 89%,#b0b1b1 100%); background: -webkit-linear-gradient(top,#f6f6f7 0%,#dad9da 31%,#c8c7c7 57%,#b1b1b2 89%,#b0b1b1 100%); background: linear-gradient(to bottom,#f6f6f7 0%,#dad9da 31%,#c8c7c7 57%,#b1b1b2 89%,#b0b1b1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7',endColorstr='#b0b1b1',GradientType=0); box-shadow: 0 10px 25px rgba(0,0,0,.6); max-width: 1100px; min-width: 960px; } .wrapper-maintenance:after { content: ""; display: block; border-bottom: 2px solid #0057cb; border-radius: 3px 3px 0 0; box-shadow: 0 1px 3px #000; } @media (max-width: 768px) { .popup-maintenance { padding: 5px; } .wrapper-maintenance { max-width: 100%; } } .header-maintenance { padding: 5px 40px 5px 15px; color: #fff; font-size: 20px; font-weight: 800; background: #0057cb; box-shadow: 0 0 10px #000; font-family: ubuntu; text-transform: uppercase; } .content-maintenance { padding: 15px; font-size: 16px; color: #4d4d4d; height: 400px; display: flex; justify-content: center; align-items: center; } .content-maintenance p:last-child { margin-bottom: 0px; } .wrapper-maintenance-close { position: absolute; top: 4px; right: 4px; width: 30px; height: 30px; border-radius: 0; border: 4px solid #0057cb; background: #fff; cursor: pointer; text-align: center; } .wrapper-maintenance-close .fa { font-size: 21px; color:#0057cb; } .maintenance-outer { display: flex; justify-content: center; align-items: center; } .maintenance-outer > div { padding: 0 15px; } .img-maintenance img { width: 300px; } .inner-title-maintenance { color:#005bc4; font-size: 28px; font-weight: bold; margin-bottom: 10px; } .inner-content-maintenance { margin-bottom: 15px; } .ok-maintenance { display: inline-block; padding: 5px 25px; color:#fff; font-weight: bold; background:#005bc4; border-radius: 4px; } .if-maintenance-sport { position: absolute; top:0px; left:0px; height: 100%; width: 100%; background:#000; padding-top: 130px; } /* maintenance per game */ .maintenance-wrapper-games { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 125; padding: 7px; } .maintenance-wrapper-games > div { height: 100%; background: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; text-transform: uppercase; } .maintenance-wrapper-games.game-topten-maintenance { padding: 2px; } .maintenance-wrapper-games > div > div { padding: 5px; } .maintenance-wrapper-games.game-topten-maintenance img { width: auto; height: auto; display: inline-block; } /* New transfer */ .transfer-wrapper { display: flex; justify-content: space-evenly; align-items: flex-end; text-align: left; font-weight: normal; } .transfer-wrapper > div { width: 100%; } .transfer-wrapper > div.transfer-mid { width: auto; } .transfer-wrapper > div:nth-child(1) { padding-right: 11px; } /*.transfer-wrapper > div:nth-child(1) .utama-class .transfer-title { margin-bottom: 23px; }*/ .transfer-wrapper > div:nth-child(3) { padding-left: 11px; text-align: right; } /*.transfer-wrapper > div:nth-child(3) .saba-class .transfer-title { margin-bottom: 10px; }*/ /*.kasir-transfer { height: 105px; }*/ .kasir-transfer .transfer-button { /*border: 5px solid #d6d5d6;*/ } #sendtransferDanaNotification { width: 120px; float: left; margin: 0 auto; display: block; margin-left: 25%; } .transfer-dari-box { padding: 5px; border-radius: 5px; color: #fff; } .utama-class { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3197e2+0,1f2f5c+100 */ background: rgb(49,151,226); /* Old browsers */ background: -moz-linear-gradient(top, rgba(49,151,226,1) 0%, rgba(31,47,92,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(49,151,226,1) 0%,rgba(31,47,92,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(49,151,226,1) 0%,rgba(31,47,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3197e2', endColorstr='#1f2f5c',GradientType=0 ); /* IE6-9 */ } .saba-class { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f93a50+0,960c2c+100 */ background: rgb(249,58,80); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,58,80,1) 0%, rgba(150,12,44,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(249,58,80,1) 0%,rgba(150,12,44,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(249,58,80,1) 0%,rgba(150,12,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93a50', endColorstr='#960c2c',GradientType=0 ); /* IE6-9 */ } #depositNotificationForm .transfer-dari-box { /* width: 195px; */ } .transfer-title { /* border-bottom: 1px solid #ced0d1; */ color: #fff; font-weight: bold; text-transform: initial; font-size: 17px; } /*.utama-class .transfer-title { margin-bottom: 10px; }*/ #depositNotificationForm .transfer-title { border-color:#eee; } .transfer-amount { color: #ffff; padding: 5px 0 0px; display: flex; justify-content: space-between; margin-top: 10px; } .transfer-amount span:nth-child(1) { text-transform: uppercase; } .transfer-amount span:nth-child(2) { font-weight: bold; font-size: 17px; } .label-transfer { color: #fff; text-transform: initial; margin-bottom: 3px; text-transform: uppercase; font-size: 12px; } .transfer-button { width: 36px; height: 36px; /* background: #0256c9; */ color: #fff; /* box-shadow: 0px 2px 2px #888; */ display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; /*border: 5px solid #e4e5e5;*/ /* position: relative; */ z-index: 2; } .transfer-button:after { content:""; width: 44px; height: 44px; position: absolute; left: -5px; top: -4px; z-index: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e7e7+0,e2e3e3+100 */ background: rgb(230,231,231); /* Old browsers */ background: -moz-linear-gradient(top, rgba(230,231,231,1) 0%, rgba(226,227,227,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(230,231,231,1) 0%,rgba(226,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(230,231,231,1) 0%,rgba(226,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e7', endColorstr='#e2e3e3',GradientType=0 ); /* IE6-9 */ border-radius: 50%; } .kasir-transfer .transfer-button:after { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+0,e0e0e0+100 */ background: rgb(232,232,232); /* Old browsers */ background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ } .transfer-button:before { content:""; width: 30px; height: 30px; position: absolute; left: 2px; top: 3px; z-index: 2; background: #0256c9; border-radius: 50%; } .transfer-button:hover { color:#0553cf; cursor:pointer; } .transfer-button:hover:before { background:#f7f24f; } .transfer-mid { display: flex; justify-content: center; align-items: center; } .transfer-button i { display: block !important; font-size: 20px; position: relative; top: -1px; z-index: 3; } .allwithdraw-page { min-height: auto !important; display: none; } .transfer-div:nth-child(1) .allwithdraw-page, .transfer-div:nth-child(1) .quickallwithdraw{ display: block; } .register-gamewindow button { font-size: 13px; font-weight: bold; } .registerGameWindow { background: #ED1C23; } .home-button-gamewindow i { font-size: 26px; color:#fff; } .home-button-gamewindow a:hover i { opacity:0.8; } .mode-gamewindow { display: flex; color:#f9c71a; text-shadow: 0px 0px 4px #f9c71a; } .real-label { color:#5b5ba1; text-shadow: none !important; } .mode-gamewindow.active { color:#5b5ba1; text-shadow: none !important; } .mode-gamewindow.active .real-label { color:#3ab332; text-shadow: 0px 0px 4px #3ab332 !important; } .mode-gamewindow > div { margin-right: 8px; text-transform: uppercase; font-weight: bold; font-size: 14px; cursor:pointer; } .mode-gamewindow > div:hover { opacity: 0.8; } .mode-gamewindow > div:last-child { margin-right: 0px; } .toggle-latihan-real { width: 40px; border: 1px solid #fff; border-radius: 10px; height: 21px; background:#f9c71a; display: flex; } .toggle-latihan-real:hover { opacity:0.8; cursor:pointer; } .mode-gamewindow.active .toggle-latihan-real { justify-content: flex-end; } .mode-gamewindow.active .toggle-latihan-real { background:#4ffa1e; } .toggle-latihan-real-btn { background: #fff; width: 21px; height: 21px; border-radius: 50%; position: relative; top: -1px; } .mode-gamewindow.active .toggle-latihan-real { } .bootstrap-select.btn-group .dropdown-menu li a { color:#000; } .bootstrap-select .dropdown-toggle:focus { color:#555; } .bootstrap-select .dropdown-toggle { background:#fff !important; color:#555 !important; padding: 1px 13px; } .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 300px; overflow-y: auto; } /* game use vpn */ .vpn-icon { margin: 0px 0 0 0; padding: 0; font-weight: normal; position: absolute; right: 2px; top: 32px; z-index: 2124; width: 20px; height: 18px; background:url(/cms/images/icons/icn-VPN-Thumb-desktop.png) no-repeat center center; background-size: cover; } .vpn-icon.game-no-floor { top: 5px; } .vpn-icon.vpn-icon-loggedin.game-no-floor { top: 26px; } .vpn-icon.vpn-icon-loggedin { top: 49px; } .vpn-info-gamepopup { font-weight: bold; margin: 5px 0; font-size: 13px; border: 1px solid red; border-radius: 3px; padding: 5px; padding-left: 50px; color:#E92D2F; background: #ffdbdb url(/cms/images/icons/icn-VPN-desktop.png) 5px center no-repeat; } .vpn-info-ann-wrapper { display: flex; padding: 10px 0; justify-content: center; align-items: center; background:#0045a0; } .vpn-info-ann { width: 480px; font-weight: bold; margin: 5px 0; font-size: 13px; border: 1px solid red; border-radius: 3px; padding: 5px; padding-left: 50px; color:#E92D2F; background: #ffdbdb url(/cms/images/icons/icn-VPN-desktop.png) 5px center no-repeat; } /* remove this kl mau naikin onebook to live */ /*#quicktransferButton, #olahraga_balance_wrapper, #transactions_transfer_tab, #transferButton { display: none; }*/ /* CSS for iframe game size (Individual) Example: .MajorMillions {} // rules custom: width and height in pixels */ /* CNY 2021 */ /* #logo { background: transparent; width: 223px; } .simple-header #logo { background:url(/cms/images/logo.png) no-repeat left top transparent; } #header-fluid .container { background: url(/cms/images/cny2021desktop/BG_wing_imlek2021red1_HEADER.jpg) no-repeat center 0px; } #newsfeedrow { background: #c72128; border-color: #c72128; } #topNewsHeader span { color:#fff; } #newsfeedslider { !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#561507+0,752308+100 *! background: rgb(86,21,7); !* Old browsers *! background: -moz-linear-gradient(top, rgba(86,21,7,1) 0%, rgba(117,35,8,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(86,21,7,1) 0%,rgba(117,35,8,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(86,21,7,1) 0%,rgba(117,35,8,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#561507', endColorstr='#752308',GradientType=0 ); !* IE6-9 *! } .bank-status i{ !*background: -webkit-linear-gradient(#fadc22, #dc9310); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*! } .bank-status:before { background: #92bc0a; } #staticmenu { !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,dd9111+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(221,145,17,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#dd9111',GradientType=0 ); !* IE6-9 *! border-color:#a34b00; } #staticmenu_general li.active a, #staticmenu_general li a:hover{ !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,e6b300+0,a36600+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(230,179,0,1) 0%, rgba(163,102,0,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(230,179,0,1) 0%,rgba(163,102,0,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(230,179,0,1) 0%,rgba(163,102,0,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#a36600',GradientType=0 ); !* IE6-9 *! border-radius: 0; color: #fff !important; } #staticmenu_general li:hover, #homelink:hover, #homelink:focus, .nav>li>a:hover, .nav>li>a:focus, #staticmenu_general li:focus { } #staticmenu_general li:after, #staticmenu_general li:first-child:after { background: #fac66c; } #staticmenu_general li:first-child:after { opacity: 1; } #staticmenu_general li:first-child>a { color: #54001e !important; background:#f9f065; } #staticmenu_general li>a { color:#49260f; font-weight:bold; } #staticmenu_general li .submenu a { color:#54001e; } .fancybox-close:hover, #postlogin_form_buttons .btn-primary#quicktransferButton .dropdepo .closeopenformdepo, #postlogin_form_buttons .btn-primary#depoButton .dropdepo .closeopenformdepo { color:#54001e; } #iconvipcasino { !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,a7b8c8+0,f2f9fc+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(167,184,200,1) 0%, rgba(242,249,252,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(167,184,200,1) 0%,rgba(242,249,252,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(167,184,200,1) 0%,rgba(242,249,252,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#f2f9fc',GradientType=0 ); !* IE6-9 *! color:#2a475f !important; } #second-row { background:#570022; } #content_rightPlace .title-winner-main { background:#80002f; } .item-winner-content { !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,ffcfcf+0,e6a4a4+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(255,207,207,1) 0%, rgba(230,164,164,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(255,207,207,1) 0%,rgba(230,164,164,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(255,207,207,1) 0%,rgba(230,164,164,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#e6a4a4',GradientType=0 ); !* IE6-9 *! color:#28020a } #main-fluid .container, #gamecontent-fluid .container, #subslider-fluid .container, #games, .lantai-short{ background:#28020a; } #gamesSearchWrapper, .list-lantai .item-list-lantai, .judul-lantai { background:#80002f; } #gamesSearchForm .has-feedback .form-control { background:#cc5c71; } .mn_game_custom li { color:#fcbd55; } .mn_game_custom li.active, .mn_game_custom li:hover { color:#000; } .lihatlebih-lobby span.lihatlebihbutton, .lihatlebih-lobby a.lihatlebihbutton, .lantai-and-fav { background:#80002f; } .lihatlebih-lobby span.lihatlebihbutton:hover, .lihatlebih-lobby a.lihatlebihbutton:hover { background:#80002f; opacity: 0.9; } .nama-lantai-game span { color:#ec8e94; } .gameInner { border:2px solid #80002f; } #games .col-md-3, .gameswithlist .col-md-3 { padding: 0.5px; } .gameswithlist, #games { margin-left: 1px; margin-right: 1px; } #prefooter .games-offered, #prefooter, .home-content { background:#28020a; } #prefooter .games-offered .item a { background:#4a0816; border-color:#4a0816; } .prefooter-title, #accountviewTitle, #depositviewTitle, .register-group-title{ background:#80002f; } #prefooter .prefooter-information, .title-main-page, #verificationWrapper{ !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,42081b+0,790a1f+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(66,8,27,1) 0%, rgba(121,10,31,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(66,8,27,1) 0%,rgba(121,10,31,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(66,8,27,1) 0%,rgba(121,10,31,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#790a1f',GradientType=0 ); !* IE6-9 *! } .bantuan24jam .contact-faq-wrapper .inner-contact-faq, .prefooter-information.title-main-page a, #copyrightText{ color:#fcbd55; } .home-content { color:#f1deab; } .home-content .col-sm-3 { border-color:#76404b; } .home-content .col-sm-3:nth-child(4) { border-right: 0; } #footer { padding-top: 0; !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,28020f+0,420219+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(40,2,15,1) 0%, rgba(66,2,25,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(40,2,15,1) 0%,rgba(66,2,25,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(40,2,15,1) 0%,rgba(66,2,25,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#420219',GradientType=0 ); !* IE6-9 *! } #footerMenu { padding-left: 0; list-style: none; text-align: center; margin: 0 -15px 0px; padding: 10px 0; background: #28020a; } #header.affix { !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,47081d+0,72091f+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(71,8,29,1) 0%, rgba(114,9,31,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(71,8,29,1) 0%,rgba(114,9,31,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(71,8,29,1) 0%,rgba(114,9,31,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#72091f',GradientType=0 ); !* IE6-9 *! } #postlogin_form_deposit { border-color:#ad0040; } .fancybox-title-inside-wrap, .title-dropdepo{ background:#80002f; } .dropdepo:after { border-bottom: 5px solid #80002f; } .fancybox-opened .fancybox-skin:after, .fancybox-opened .fancybox-skin{ border-color:#80002f; } .fancybox-close { border-color:#80002f; background:#ededee; color: #c3464b; } .popup .h1, .bg-pusat-download .panel-default>.panel-heading { background: #80002f; } #verificationWrapper .warning-message { background: #80002f; } #faq_top .left-menu-accordion #transactionsButton { color:#49260f; } #faq_top .left-menu-accordion #transactionsButton:hover { color:#fff; } .ui-accordion .ui-accordion-header{ !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,ffdd23+0,dd9111+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(255,221,35,1) 0%, rgba(221,145,17,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#dd9111',GradientType=0 ); !* IE6-9 *! color:#49260f; } .left-menu-accordion .navigation-group-title.active, .left-menu-accordion .navigation-group-title:hover, .navigation-title:hover, #myAccountView_top .left-menu-accordion .navigation-group-title.with-link a.active, #faqWrapper .left-menu-accordion .termmenu.active, #faqWrapper .left-menu-accordion .termmenu:hover{ color:#fff !important; !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,a76300+0,e5b200+100 *! background: rgb(255,221,35); !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(167,99,0,1) 0%, rgba(229,178,0,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(167,99,0,1) 0%,rgba(229,178,0,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(167,99,0,1) 0%,rgba(229,178,0,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#e5b200',GradientType=0 ); !* IE6-9 *! } .left-menu-accordion .navigation-group-title:hover a, .left-menu-accordion .navigation-group-title.active .ui-accordion-header-icon:before{ color:#fff; } .menu-faq { background:#fff1c5; } #myAccountView_top .btn-default.active, #depositView_top .btn-default.active, #faq_top .btn-default.active { color:#49260f; } #myAccountView_top .btn-default, #depositView_top .btn-default, #faq_top .btn-default { color:#b3805e; } #myAccountView_top .btn-default:hover, #depositView_top .btn-default:hover, #faq_top .btn-default:hover { color:#49260f; } .home-button-myacc { background: rgb(255,221,35) !important; !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(255,221,35,1) 0%, rgba(221,145,17,1) 100%) !important; !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%) !important; !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%) !important; !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#dd9111',GradientType=0 ) !important; !* IE6-9 *! color:#49260f !important; } .home-button-myacc:hover { color:#fff !important; !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd23+0,a76300+0,e5b200+100 *! background: rgb(255,221,35) !important; !* Old browsers *! background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(167,99,0,1) 0%, rgba(229,178,0,1) 100%) !important; !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(167,99,0,1) 0%,rgba(229,178,0,1) 100%) !important; !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(167,99,0,1) 0%,rgba(229,178,0,1) 100%) !important; !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#e5b200',GradientType=0 ) !important; !* IE6-9 *! } #myAccountView_top:after, #depositView_top:after, #faq_top:after { background: #ac6900; box-shadow: none; } .gamegroup_lobby > div.title-group, .gamegroup_lobby, .header-topten-title, .title-games, .hasil-filter { background:transparent; } .gameswithlist:before { background: #8000 } .separator-topten hr { margin: 0; border: 1px solid #80002f; } .close-popup-game, .left-top-overlay-content, .overlay-button a { color:#be0028 !important; } #progressIndicatorBackground, #preLoaderBackground { background: #430000; z-index: 99999; } .filterlist { position: absolute; top: 51px; left: 15px; width: 100%; background: #7f002e; padding: 15px 0; text-align: left; border: 3px solid #80002f; z-index: 123123; box-shadow: 0px 9px 22px 0px #420219; } .squaredThree label.labelShowed { color: inherit; } .squaredThree label.checkstyle { background:#4a081d; } #registerButton, .registerGameWindow, #signUpButton{ background: rgb(156,0,0); background: -moz-linear-gradient(top, rgba(156,0,0,1) 0%, rgba(222,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(156,0,0,1) 0%,rgba(222,0,0,1) 100%); background: linear-gradient(to bottom, rgba(156,0,0,1) 0%,rgba(222,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c0000', endColorstr='#de0000',GradientType=0 ); } .disabled { opacity: 0.3; } .is-logged-out #loginButton, .loginGameWindow, #loginRegisterPopup_loginbutton{ background: rgb(255,221,35); background: -moz-linear-gradient(top, rgba(255,221,35,1) 0%, rgba(221,145,17,1) 100%); background: -webkit-linear-gradient(top, rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%); background: linear-gradient(to bottom, rgba(255,221,35,1) 0%,rgba(221,145,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd23', endColorstr='#dd9111',GradientType=0 ); color:#000000; } .top-gameWindow { background: rgb(40 2 10 / 0.8); } #progressIndicator img, #preLoader img { display:none; } #progressIndicator , #preLoader { margin-left: -147px !important; margin-top: -81px !important; } #preLoader, #progressIndicator { width: 294px; height: 163px; background: url(/cms/images/cny2021desktop/preLoader.png) no-repeat center center; } #header-fluid.header-postlogin .container { border-bottom: 3px solid #80002f; background: #560020; } body { background-color: #330915 !important; } .real-label { color:#2c8115; text-shadow: 0px 0px 4px #2c8115; } .mode-gamewindow.active { color:#6c570e; text-shadow: 0px 0px 4px #6c570e; } #header.affix #menu-fix-header .submenu a { background:#430000; }*/