:root{ --main-primary-grey: #666666; --main-primary-violeta-dark: #1c0030; --main-primary-black: #222222; --main-primary-white: #ffffff; --main-primary-fucsia: #fe0065; --main-primary-lilac: #2f0548; --main-primary-blue: #0098fd; --main-primary-fucsia-inactive: rgba(254, 0, 101, 0.5); --main-primary-white-inactive: rgba(255, 255, 255, 0.5); --main-primary-purple: #7604e0; --main-primary-purple-light: #c58fff; --main-primary-blue-dark: #111042; --main-primary-green: #22e0bb; } /*jQuery UI datepicker z-index fix*/ input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */ -webkit-text-fill-color: #000; background-color: #FFF; } input:-webkit-autofill:focus { -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */ -webkit-text-fill-color: #000; background-color: #FFF; } /*.ui-datepicker{*/ /*z-index: 5000 !important;*/ /*}*/ /* Tipografia */ @font-face { font-family: 'Jockey One'; font-style: normal; font-weight: 400; src: local('Jockey One'), local('JockeyOne-Regular'), url(https://themes.googleusercontent.com/static/fonts/jockeyone/v3/8Hj8G_JpSADPYrRpzMno2hsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Helvetica LT Std Black Condensed'; src: url('/fonts/HelveticaLTStd-BlkCond.eot'); src: url('/fonts/HelveticaLTStd-BlkCond.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaLTStd-BlkCond.woff2') format('woff2'), url('/fonts/HelveticaLTStd-BlkCond.woff') format('woff'), url('/fonts/HelveticaLTStd-BlkCond.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Helvetica LT Std Bold Condensed'; src: url('/fonts/HelveticaLTStd-BoldCond.eot'); src: url('/fonts/HelveticaLTStd-BoldCond.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaLTStd-BoldCond.woff2') format('woff2'), url('/fonts/HelveticaLTStd-BoldCond.woff') format('woff'), url('/fonts/HelveticaLTStd-BoldCond.ttf') format('truetype'); font-weight: bold; font-style: normal; } /*@font-face {*/ /*font-family: 'ABeeZee';*/ /*font-style: normal;*/ /*font-weight: 400;*/ /*src: local('ABeeZee'), local('ABeeZee-Regular'), url(https://themes.googleusercontent.com/static/fonts/abeezee/v1/m_J3nYLkIiGqm2wAiy01kg.woff) format('woff');*/ /*}*/ /*@font-face {*/ /*font-family: 'Oswald';*/ /*font-style: normal;*/ /*font-weight: 400;*/ /*src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');*/ /*}*/ /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v7/cSNs3NwpEgPVRQzvkh3NeQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* skins */ @media screen and (min-width: 0px) and (max-width:1350px) { #home_header_left{display: none !important;} #home_header_right{display: none !important;} #home_tiles_background{display: none;} } a:active, a:focus { outline: 0 !important; border: none !important; } /* PAS iframes */ /*#iframeLoginPas{width:390px; height:85px; padding:0px; overflow:hidden; background-color:transparent;}*/ /*.iframe_hidden{display:none; position:absolute; left:225px}*/ /*#iframePas{width:100%; margin: 0px auto; overflow:hidden;}*/ /* Core */ body{background: #bbdef2; width:100%; min-height: 100%; font-family: "Roboto", sans-serif; font-size:10px; cursor:default; margin:0; padding:0; overflow-x: hidden;} .wrapper{width:1000px; padding: 0; margin:0 auto; position: relative;} /*the min height calc uses the full page height (100vh) - (full footer size - fixed header height)*/ .wrapper_content{margin-top: 115px; position: initial; height: auto; min-height: calc(100vh - 380px);} body.is_mobile .wrapper_content{margin-top: 0;} button, input[type="submit"],input[type="button"]{cursor: pointer; outline: none !important;} span.ui-selectmenu-button{ width: auto !important; font-size: inherit !important;} input[type="text"]{height: 25px; color: var(--main-primary-lilac); outline: none !important; border: 1px solid #68bada; border-radius: 5px; padding: 5px; box-sizing: border-box; font-size: 15px;} input[type="password"]{height: 25px; color: var(--main-primary-lilac); outline: none !important; border: 1px solid #68bada; border-radius: 5px; padding: 5px; box-sizing: border-box; font-size: 15px;} select{background: #FFF; outline: none !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #68bada; border-radius: 5px; padding: 4px 7px; cursor: pointer; font-family: "Roboto", sans-serif; font-size: 14px;} option{padding: 3px; box-sizing: border-box;} h1{font-size:25px; color:#3f0047; margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; font-family: "RobotoBold", sans-serif; text-align: center;} h1.title{text-align: center; font-size: 25px; margin-bottom: 15px;} h2{font-size:22px; color:#3f0047; margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; font-family: "RobotoBold", sans-serif; font-weight: normal; text-align: center;} h3{font-size:18px; color:#666; letter-spacing:0px; margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; font-family: "RobotoBold", sans-serif;} a{color:var(--main-primary-lilac); font-family: "Roboto", sans-serif; text-decoration: none;} a:hover{color:#F3005F;} .onlyNumbers{height: 25px; color: var(--main-primary-lilac); outline: none !important; border: 1px solid #68bada; border-radius: 5px; padding: 5px; box-sizing: border-box; font-size: 15px;} /* BASE HEADER */ #header{width:100%; height:105px; top: 0; padding: 0; background: var(--main-primary-lilac); position: fixed; z-index:21;} /*Add about me here, just to remember to change top if header changes */ #mis_preferencias{position: relative; top:-105px; display: block; visibility: hidden;} #tabs-2 { position: relative;} body.is_mobile #header{height:170px; position: relative;} #header.homepage{height:105px;} #header .login_container {width: 715px; color: #FFF; height: 65px; top: 0; right: 0; line-height: 65px; position: absolute;} body.is_mobile #header .login_container {top: 60px;} /*#header .logo_container { width: 100%; background: #FFF; padding: 0; margin: 0; height:57px; float: left; clear: both; line-height: 57px;}*/ #header .header_links{width: 730px; padding-left:7px; padding-right: 0; border-radius:10px; bottom:0; right: 40px; height:40px; text-align: justify; line-height: 1; position: absolute; box-sizing: border-box;} #header .header_links.wrapper.inner {background: none} #header .header_links:after{content: ''; width: 100%; display: inline-block;} #header .wrapper{height: 100%; position: relative; background: var(--main-primary-lilac); z-index: 22; display: flex} /* Skins */ body #home_header_left{position: absolute; height: 270%; width: 100%; top: 0; left: -500px; transform: translateX(-50%); z-index: 1;} body #home_header_right{position: absolute; height: 270%; width: 100%; top: 0; right: -500px; transform: translateX(50%) scaleX(-1); z-index: 1;} body.is_mobile #home_header_left{display: none !important;} body.is_mobile #home_header_right{display: none !important;} body.is_mobile #home_jjbanner_left{display: none !important;} body.is_mobile #home_jjbanner_right{display: none !important;} body #header_left_playerarea{position: absolute; height: 105px; width: 100%; top: 0; left: -500px; transform: translateX(-50%); z-index: 1;} body #header_right_playerarea{position: absolute; height: 105px; width: 100%; top: 0; right: -500px; transform: translateX(50%) scaleX(-1); z-index: 1;} body.is_mobile #header_left_playerarea{display: none !important;} body.is_mobile #header_right_playerarea{display: none !important;} /* Cookie header */ #cookieHeader{color:#FFF; background: #000; border-top-left-radius: 10px; border-top-right-radius: 10px; position: fixed; height: 40px; line-height:40px; width: 1200px; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; z-index: 9000; font-size: 14px; border: none; opacity: 0.70;} #cookieHeader a{color:#bbdef2 !important;} #cookieHeader a:visited{color:#FFF !important;} #cookieHeader a:active{color:#fea4ca !important;} #cookieHeader a:hover{color:#fc3f8e !important;} #cookieHeader img{position: relative; top: 4px; width: 25px;} /* Custom LOGGED IN HEADER style per section */ #header #logo{width: 135px; align-content: center; cursor: pointer; position: relative; left: 3%} body.is_mobile #header #logo{top: 30px;} #header .login_container.logged_in #user_info{background: none; border: none; width: 265px; height: 50px; position: absolute; top: 7px; left: 0;} #header .login_container.logged_in #user_info #welcome_user{width: 265px; height: 36px; position: absolute; left: 0px; top: 0px; line-height: 36px; font-size: 26px;overflow:hidden;text-overflow: ellipsis;display:block;white-space:nowrap;} #header .login_container.logged_in #user_info #last_login_info{width: 265px; height: 20px; position: absolute; left: 0px; bottom: 0px; line-height: 20px; font-size: 10px;} #header .login_container.logged_in #user_balance{background: none; border: none; width: 295px; height: 50px; position: absolute; top: 7px; left: 260px; border-radius: 5px; text-align: center;} #header .login_container.logged_in #user_balance .balance_text{position: absolute; text-align: center;left: 0; top: 0; width: 110px; height: 25px; display: block; line-height: 25px; font-size: 15px; color: #FFF; font-weight: bold;} #header .login_container.logged_in #user_balance #balance_total{position: absolute;text-align: center; left: 0; bottom: 0; width: 110px; height: 31px;display: block; line-height: 31px;} #header .login_container.logged_in #user_balance .deposit_button{width: 176px; height: 38px; position: absolute; border-radius: 7px; top: 5px; right: 0; margin: 0; background: url(/images/header_deposit_button.png?ts=30) no-repeat center; background-size: auto 100%;} #header .login_container.logged_in #user_balance .deposit_button:hover{box-shadow: 0px 0px 5px 1px yellow;} #header .login_container.logged_in #help{width: 20px; height: 20px; line-height: 20px; position: absolute; left: 567px; top: 20px;} #header .login_container.logged_in #session_info{position:absolute; width: 115px; top: 7px; right: 0; height: 45px; line-height: 45px; margin:0px; text-align: left;} #header .login_container.logged_in #session_info .session_time{height: 25px; width: 100%; display: block; line-height: 24px; text-align: left; font-size: 15px;} #header .login_container.logged_in #session_info .session_time img{display: inline-block; vertical-align: middle;} #header .login_container.logged_in #session_info .session_time div{display: inline-block; vertical-align: middle;} #header .login_container.logged_in #session_info #logout_container{height: 25px; width: 100%; margin: 0; display: block; line-height: 25px; text-align: right;} #header .login_container.logged_in #session_info #logout_container a{display: block; color: #FFF; font-size: 17px; font-weight: bold; text-decoration: none;} #header .login_container.logged_in #session_info #logout_container a:hover{text-decoration: underline;} /*#header .logo_container #logo{height: 50px; width: 180px; position: absolute; left: 0; top: 3px;}*/ #header .logo_container #header_button1{height: 40px; width: 200px; position: absolute; left: 240px; top: 10px; text-align: center; line-height: 40px;} #header .logo_container #header_button1 a{display: block; font-size: 18px; text-decoration: underline; font-weight: bold;} #header .logo_container #header_button2{height: 40px; width: 200px; position: absolute; left: 460px; top: 10px;} #header .logo_container #header_button2 a{display: block; font-size: 18px; line-height: 40px; text-decoration: underline; text-align: center; font-weight: bold;} #header .logo_container #header_button3{height: 40px; width: 230px; position: absolute; left: 660px; top: 5px;} #header .logo_container #header_button3 a{width: 210px; height: 45px; font-size: 25px; line-height: 45px;} #header .logo_container #header_button4{height: 46px; width: 160px; position: absolute; right: 0px; top: 7px; font-size: 15px; text-decoration: none; font-weight: bold; text-align: right; line-height: 46px;} #header .logo_container #header_button4 a{font-size: 15px; text-decoration: none; font-weight: bold;} #header .header_links .header_button{background: var(--color-desktop-primary-1); color: #FFFFFF70; display: inline-block; font-family: 'Roboto', sans-serif; border: none; border-radius: 7px; height: 29px; vertical-align: middle; padding: 0 15px; font-size: 16px; cursor: pointer; box-sizing: border-box; font-weight: 400; position: relative; align-items: center} #header .header_links .header_button.active{font-weight: 700; color:#FFFFFF} /* BUTTONS */ .deposit_button{text-decoration: none; background: #009045; color: #FFF; font-weight: bold; border: none; border-radius: 5px; font-size: 24px; width: 270px; height: 60px; display: block; line-height: 60px; text-align: center; margin-top: 10px;} .play_button{text-decoration: none; text-align: center; font-weight: bold; border: none; border-radius: 5px; display: block; color: #FFF; background: #e89f34; background: -moz-linear-gradient(left, #e89f34 0%, #df8324 50%, #df8324 51%, #d36527 100%); background: -webkit-linear-gradient(left, #e89f34 0%,#df8324 50%,#df8324 51%,#d36527 100%); background: linear-gradient(to right, #e89f34 0%,#df8324 50%,#df8324 51%,#d36527 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e89f34', endColorstr='#d36527',GradientType=1 );} .wrapper_content .play_button{width: 200px; height: 100px; margin-top: 10px; margin-bottom: 10px; display: block; background: url(/images/player_area/pa_play_button.png?ts=30) no-repeat center; background-size: 100% auto; border-radius: 7px;} .wrapper_content .play_button:hover{box-shadow: 0px 0px 5px 1px yellow;} .wrapper_content .pa_register_button{width: 200px; height: 100px; margin-bottom: 10px; display: block; background: url(/images/gamev3/player_area/pa_register_button.png?ts=30) no-repeat center; background-size: 100% auto; border-radius: 7px;} .wrapper_content .pa_register_button:hover{box-shadow: 0px 0px 5px 1px yellow;} .wrapper_content .pa_banner{width: 200px; height: 280px; margin-top: 10px; margin-bottom: 10px; display: block;background-size: 100% 100%; border-radius: 7px;} .wrapper_content .pa_banner:hover{box-shadow: 0px 0px 5px 1px yellow;} .wrapper_content .deposit_button{width: 200px; height: 55px; margin: 0; background: url(/images/player_area/pa_deposit_button.png?ts=30) no-repeat center; background-size: 100% auto;} .wrapper_content .deposit_button:hover{ box-shadow: 0px 0px 5px 1px yellow;} .wrapper_content .verify_button{width: 200px; height: 55px; margin-top: 10px; background: url(/images/player_area/pa_verify_account_button.png?ts=30) no-repeat center; background-size: 100% auto;display: block} /* Custom NOT LOGGED HEADER style per section */ /*#header .login_container #logo{width: 250px; margin-left: 0px; padding-top: 10px; box-sizing: border-box;}*/ /*#header .login_container #logo a{display: block;}*/ #header .login_container #login_form{width: 100%;height: 60px;padding: 0;margin: 0;text-decoration: none; display: flex; text-align: center; justify-content: flex-end; gap: 2%; align-items: center} #header .login_container #login_form .header_username{width: 165px; height: 28px; color: var(--main-primary-lilac); border: none; border-radius: 2px; padding: 0 30px 0 10px; box-sizing: border-box; position: absolute; top: 10px; left: 0; background: #FFF url(/images/header_user_icon.png?ts=30) no-repeat; background-position: 97%;} #header .login_container #login_form .header_password{width: 165px; height: 28px; background: #FFF; color: var(--main-primary-lilac); border: none; border-radius: 2px; padding: 0 30px 0 10px; box-sizing: border-box; position: absolute; top: 10px; left: 175px; background: #FFF url(/images/header_password.png?ts=30) no-repeat; background-position: 97%;} #header .login_container #login_form #login_btn{border-radius: 50px; background: linear-gradient(180deg, #014F89 0%, #0293FC 100%); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.70) inset; border: none;line-height: 0;padding: 20px;cursor: pointer;color: #fff;font-size: 15px;font-weight: 700;font-family: 'Roboto', sans-serif;text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);} #login_help #login_btn{height: 80px;cursor: pointer;background: #429901;border: none;color: #fff;font-weight: bold;-webkit-box-shadow: 4px 2px 4px 1px rgba(0,0,0,0.75);-moz-box-shadow: 4px 2px 4px 1px rgba(0,0,0,0.75);box-shadow: 4px 2px 4px 1px rgba(0,0,0,0.75);width: 350px;border-radius: 5px;font-size: 35px;font-family: 'Roboto', sans-serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); margin:25px;} #login_help{text-align: center;} #header .login_container #login_form .forgot_password{color: #FFF !important; text-decoration: none; position: absolute; left: 175px; bottom: 5px; height: 20px; line-height: 20px; font-size: 12px; font-style: italic; } #header .login_container #login_form .forgot_password:hover{text-decoration: underline;} #header .login_container #separator{position: absolute; top: 10px; height: 45px; width: 3px; background: #64679e; left: 700px;} #header .login_container #login_form a#register_button{border-radius: 50px; background: linear-gradient(180deg, #108E4C 0%, #BAF126 100%); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.70) inset; border: none;display: inline-block;line-height: 0;padding: 20px;text-align: center;font-size: 15px;font-weight: 700;font-family: 'Roboto', sans-serif;text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);} #header .login_container #login_form a.register_button:hover{box-shadow: 0px 0px 5px 1px yellow !important;} #header .login_container #login_form a{display: inline-block; color: #FFF; width: 14%; text-decoration: none; font-size: 16px;} #header .login_container #login_form a:last-child{width: 10%} #header .login_container #header_register{width: 78%; height: 50px; position: absolute; top: 4px; right: 0; background: url('/images/not_logged_in_register_banner.webp?ts=30') no-repeat center; background-size: 100% 100%;} #header .login_container #login_form2{width: 442px; height: 65px; padding: 0; margin:0; position: absolute; left: 0px; top: 0; line-height: 60px;} #header .login_container #login_form2 .header_username{width: 165px; height: 28px; color: var(--main-primary-lilac); border: none; border-radius: 2px; padding: 0 30px 0 10px; box-sizing: border-box; position: absolute; top: 10px; left: 0; background: #FFF url(/images/header_user_icon.png?ts=1) no-repeat; background-position: 97%;} #header .login_container #login_form2 .header_password{width: 165px; height: 28px; background: #FFF; color: var(--main-primary-lilac); border: none; border-radius: 2px; padding: 0 30px 0 10px; box-sizing: border-box; position: absolute; top: 10px; left: 175px; background: #FFF url(/images/header_password.png?ts=1) no-repeat; background-position: 97%;} #header .login_container #login_form2 #login_btn{width: 90px; height: 28px; z-index: 9999; cursor: pointer; background: url(/images/login_btn.png?ts=30) no-repeat center; background-size: 100% 100%; border: none; border-radius: 7px; position: absolute; right: 2px; top:10px;} #header .login_container #login_form2 #login_btn:hover{box-shadow: 0px 0px 5px 1px yellow; border-radius: 7px;} #header .login_container #login_form2 .forgot_password{color: #FFF !important; text-decoration: none; position: absolute; left: 175px; bottom: 5px; height: 20px; line-height: 20px; font-size: 12px; font-style: italic; } #header .login_container #login_form2 .forgot_password:hover{text-decoration: underline;} #header .login_container #help_links2{text-decoration: none; width: 255px; height: 60px; position: absolute; line-height: 60px; top: 0; right: 0px; text-align: right;} #header .login_container #help_links2 a.register_button{position: absolute; left: 0; top: 10px;vertical-align: middle; display: inline-block; float: left; width: 165px; height: 38px; border-radius: 7px; background: url(/images/register_button.png?ts=30) no-repeat center; background-size: 100% auto;} #header .login_container #help_links2 a.register_button:hover{box-shadow: 0px 0px 5px 1px yellow !important;} #header .login_container #help_links2 a{display: inline-block; color: #FFF; width: 115px; text-decoration: none; font-size: 16px;} /* LANDING PAGE stuff */ #home_main_banner_bg{position: absolute; width: 100%; height: 183px; background-color: var(--main-primary-lilac); top: 104px; z-index: -1; border-bottom: 3px solid #FFF;} body.is_mobile #home_main_banner_bg{top: 170px;} #home_main_banner_bg.christmas_home_main_banner_bg{background: var(--main-primary-lilac) url(/images/christmas/background_header_careto.jpg?ts=30) no-repeat center; background-size: 1660px 200px;} #home_tiles_background {position: absolute; top: 308px; z-index: -2; left: 50%; height: 300px; transform: translateX(-50%); background: #0559a1 url(/images/home_tiles_background.jpg?ts=30) no-repeat center; width: 100%;} #home_tiles_background.yobi{position: absolute; top: 291px; z-index: -2; left: 50%; height: 300px; transform: translateX(-50%); background: #0559a1 url(/images/home_tiles_background_yobi.jpg?ts=30) no-repeat center; width: 100%;} #home_skins_tiles_background{position: absolute; top: 291px; z-index: -1; left: 50%; height: 300px; transform: translateX(-50%); width: 100%;} body.is_mobile #home_tiles_background{display: none;} body.is_mobile #home_tiles_background{display: none;} #home_tiles_background #christmas_main_banner_gifts{position: absolute; bottom: -55px; left: 15%; transform: translateX(-50%)} #home_tiles_background #christmas_main_banner_snow_line{position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%)} .home_main_banner{z-index: 10; width: 97%; height: 175px; margin: 0 auto; background-repeat: no-repeat; background-size: 100% 100%; display: block;} #home_promo_container{width: 100%; height: auto; position: relative; top: 3px; z-index: 12; left: 0%; box-sizing: border-box; padding: 10px; border-radius: 8px;} .home_main_content{height: auto; top: 105px;} body.is_mobile .home_main_content{top: 0;} #top_banners{width: 100%; height: 140px; position: relative;} #top_banners .banner1{position: absolute; left: 0; bottom: 0; width: 24%; height: 100%; background: url('/images/homepage_banner_slots.webp?ts=51') no-repeat center; background-size: 100% 100%;} #top_banners .banner2{position: absolute; left: 25.3%; bottom: 0; width: 24%; height: 100%; background: url('/images/homepage_banner_bingo.webp?ts=51') no-repeat center; background-size: 100% 100%;} #top_banners .banner3{position: absolute; left: 50.8%; bottom: 0; width: 24%; height: 100%; background: url('/images/homepage_banner_ruleta.webp?ts=51') no-repeat center; background-size: 100% 100%;} #top_banners .banner4{position: absolute; right: 0; bottom: 0; width: 24%; height: 100%; background: url('/images/homepage_banner_vb.webp?ts=51') no-repeat center; background-size: 100% 100%;} #bottom_banners{width: 100%; height: 120px; position: relative; clear: both; margin-top: 15px;} #bottom_banners .banner1{width: 32.5%; height: 120px; border-radius: 10px; background-size: 100% 100%; font-size: 24px; text-align: center; line-height: 168px; font-weight: 700; color: #FFF; text-decoration: none; float: left;} #bottom_banners .banner2{width: 32.5%; height: 120px; border-radius: 10px; background: url('/images/banner_luces_camara_bingo_desktop.webp?ts=55') no-repeat center; background-size: 100% 100%; display: inline-block; margin-left: 11px;} #bottom_banners .banner3{width: 32.5%; height: 120px; border-radius: 10px; background: url('/images/homepage_agenda_yobinguera_banner_desktop.webp?ts=58') no-repeat center; background-size: 100% 100%; display: inline-block; margin-left: 9px;} /* Player area stuff */ #maindata .pa_banner_top_funded{width: 100%; height: 193px; background: url('/images/pa_banner_top_funded.png?ts=30') no-repeat center; background-size: 100% auto; display:block; padding: 0; margin: 0;} /* #maindata .pa_banner_top_nonfunded{width: 100%; height: 193px; background: url('/images/pa_banner_top_nonfunded.png?ts=12') no-repeat center; background-size: 100% auto; display:block;} !*Eliminar arreglo*! #maindata .pa_banner_top_nonfunded481{width: 100%; height: 193px; background: url('/images/pa_banner_top_nonfunded481.png?ts=13') no-repeat center; background-size: 100% auto; display:block;} #maindata .pa_banner_top_nonfunded491{width: 100%; height: 193px; background: url('/images/pa_banner_top_nonfunded491.png?ts=13') no-repeat center; background-size: 100% auto; display:block;} */ #maindata .pa_banner_top_fundedv2{display:inline-block;width:381px !important;vertical-align:top;margin:0;padding:0;} #maindata .pa_banner_top_fundedv2 img{width:100%} #nonfunded_banners{width: 100%; height: auto; text-align: justify; margin-top: 5px;} #nonfunded_banners a{display: inline-block; width: 188px; height: 230px; text-align: justify;} #nonfunded_banners a.banner1{background: url('/images/player_area/pa_nonfunded_slots.png?ts=50') no-repeat center; background-size: 100% auto;} #nonfunded_banners a.banner2{background: url('/images/player_area/pa_nonfunded_bingo.png?ts=50') no-repeat center; background-size: 100% auto;} #nonfunded_banners a.banner3{background: url('/images/player_area/pa_nonfunded_roulette.png?ts=50') no-repeat center; background-size: 100% auto;} #nonfunded_banners a.banner4{background: url('/images/player_area/pa_nonfunded_vb.png?ts=50') no-repeat center; background-size: 100% auto;} #funded_banners{width: 100%; text-align: justify; margin: 10px 0; height: 270px; font-family: "Roboto", sans-serif;} #funded_banners a{display: inline-block; width: 186px; height: 270px; text-align: justify; font-family: "Roboto", sans-serif;} #funded_banners:after{content: ''; width: 100%; display: inline-block; } #funded_banners a#banner1{background: url('/images/player_area/pa_funded_bingo_banner.png?ts=50') no-repeat center; background-size: 100% auto; position: relative;} #funded_banners a#banner1 span{position: absolute; top: 90px; left: 50%; transform: translateX(-50%); font-size: 25px; color: #FFF; font-weight: bold;} #funded_banners a#banner1_shjp90{display:none; background: url('/images/player_area/pa_funded_bingo_banner_shjp90.png?ts=50') no-repeat center; background-size: 100% auto; position: relative} #funded_banners a#banner1_shjp90 span{position: absolute; top: 78px; left: 50%; transform: translateX(-50%); font-size: 25px; color: #FFF; font-weight: bold} #funded_banners a#banner1_shjp90 span.half_shjp90{top: 130px !important} #funded_banners.shjp90 a#banner1{display:none} #funded_banners.shjp90 a#banner1_shjp90{display: inline-block} #funded_banners a#banner2{background: url('/images/player_area/pa_funded_slots_banner.png?ts=50') no-repeat center; background-size: 100% auto; position: relative;} #funded_banners a#banner3{background: url('/images/player_area/pa_funded_vb_pjp_banner.png?ts=51') no-repeat center; background-size: 100% auto; position: relative;} #funded_banners a#banner3 #highest_vb_pjp_gamename{position: absolute; top: 113px; left: 47%; width: 80%; transform: translateX(-50%); font-size: 20px; color: #ffffff;text-align: center; font-weight: bold; font-family: "RobotoBold", sans-serif; letter-spacing: -1px; text-transform: uppercase;} #funded_banners a#banner3 #highest_vb_pjp_amount{position: absolute; top: 177px; left: 50%; transform: translateX(-50%); font-size: 30px; color: #ffffff; width: 70%; text-align: center; font-weight: bold; font-family: "RobotoBold", sans-serif;} #funded_banners a#banner4{background: url('/images/player_area/pa_funded_bingo3_banner.png?ts=50') no-repeat center; background-size: 100% auto; position: relative;} #funded_banners a#banner4 span{position: absolute; bottom: 72px; right: 17px; font-size: 25px; color: var(--main-primary-lilac); font-weight: bold;} /* Buttons above each player area section */ #pa_mainpanel{display: none;} /*#logo img{position:absolute;}*/ /*BEFORE XMAS*/ .seotext_container{width: 100%; height: auto; text-align: center; margin: 20px auto;} .seotext{width: 1000px; height: auto; box-sizing: border-box; padding: 20px 40px; background: #5698FC ; font-size: 13px; color: #fff; margin: 0 auto; line-height: 20px; text-align:center; font-family: 'Roboto', sans-serif; border-radius: 8px; border: none; box-shadow: 2px 2px 2px 1px #777;} .seotext h1{font-size: 25px; color: var(--main-primary-lilac); margin: 0px 0px 5px 0px; padding: 15px 0px 5px 0px; font-family: 'Roboto', sans-serif} .seotext h2{font-size: 25px; color: var(--main-primary-lilac); margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; font-family: 'Roboto', sans-serif; border: none;} .seotext p{text-align: justify;} .seotitle{font-size:13px; color:#FFF; font-family: 'Roboto', sans-serif;} #back_to_mobile{width:100%; display:block; height:60px; text-align:center; margin:0 auto; position: absolute; top: 0; left: 0;margin-top:5px;} #back_to_mobile h1{color:#FFF !important;} /* FOOTER */ #footer_container {width: 100%; height: 125px; box-sizing: border-box; padding: 30px; background-color: var(--main-primary-lilac); position: relative; float: left; clear:both;} #footer_container.not_hp { padding: 15px 30px 30px; } #footer{text-align: center; color: #FFF; font-weight: bold; font-size: 12px; margin: auto; width: 1000px;} #footer a{color:#FFF; text-decoration:none;} #footer a:hover{color:#fd9a03} .footer_home_margin{margin-top:220px} #footer2{position:relative; padding:0px; width:830px; margin:0px auto; text-align:center; color:#333; font-size:11px} #footer_container #footer2 p{margin-bottom: 0px !important;} .f2cards{width:833px; height:44px; margin:40px auto 0px auto; background-image:url(/images/home_ccards.png?ts=30); background-repeat:no-repeat; visibility:hidden} .f2cards .gamblelink{position:absolute; left:295px; display:block; width:220px; height:43px;} .verisignhome{position:absolute; top:0px; right:20px} .f2copy{color:#c8efff; line-height:18px} .f2please, .f2please a, .f2copy a{color:#c8efff} .f2please a:hover, .f2copy a:hover{color:#c8efff} /*LANDING*/ #landing_page {background: #011d60;} #landing_login_text {position: absolute; top: -13px; right: 0;} #form_landing {float: right; margin-top: 21px; margin-left: 25px;} #logo_landing {margin-top: -30px; margin-right: 50px;} .header_landing {height: 100px !important;} .header_content_landing {width: 1000px !important;} #login_nuestro_landing {position: absolute; top: 33px; left: initial; right: 6px; z-index: 10000;} #seenontv_landing {display: inline-block; width: 350px; margin-top: -3px;} #banner_landing {width: 100%;} #banner_landing img {width: 100%;} #landing_steps {width: 100%; margin-top: 20px; height: 35px; position: relative;} #landing_steps img{margin: auto; display: block; position: relative;} .hp_links_bg_landing {position: relative; top: initial; width: 100%; height: 70px; background: url(/images/hp_logos_back.png?ts=30) repeat-x; padding-top: 7px; bottom: 0; margin-top: 5px;} .hp_links_2014.hp_links_2014_landing {position: relative; width: 850px; height: 56px; background: url(/images/botonera_hp.png?ts=30) no-repeat; margin: 10px auto 0 auto; top: 9px;} a.link_jb{display: block; position: absolute; top: 9px; right: 20px; width: 89px; height: 30px; z-index: 1000;} /* XMAS */ .juego_segurobg{width:100%; height:136px; background:#cccc00; margin: 0px auto 25px; } #juego_seguro_container{width:1000px; height:136px; margin: 0 auto; position: relative;} #juego_seguro_container img{float: left; vertical-align: middle; display: inline-block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);} #juego_seguro_container .juego_seguro_txt{ width: 660px; height: 75px; vertical-align: middle; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #000; font-size: 14px;} .logos_cards{width:100%; height:50px; padding-top:1.6%; text-align: center;} .logos_cards.not_hp{position: relative; float: left; clear: both; background-color: var(--main-primary-lilac);} .logos_cards img.hp_logos { margin: 0 auto; max-width: 775px; max-height: 45px; } .hp_links{position:relative; width:938px; height:85px; background-image:url(/images/botonera_hp.png?ts=30); margin:0px auto 30px auto; top:0px; background-repeat:no-repeat;} .hp_links_2014{width: 1000px; height: 30px; /*background-image: url(/images/botonera_hp.png?ts=9);*/ margin: 5px auto; text-align: center;} .unete_ahora{position: relative; width: 728px; height: 175px; font-size: 21px; text-align: center; margin: 5px auto 0px auto; top: 0px; display: block; text-decoration: none !important;} .unete_ahora:hover{color: #000;} .unete_ahora p{text-align: center;} .hp_links_bg{position: relative; width: 100%; height: 50px; background: #FFF; padding-top: 7px; margin-top:5px; box-shadow: 0px -2px 3px 0px #888;} .hp_links_bg.not_hp{position: relative; float: left; clear: both;} .not_hp a.link_twitter_home{left: 185px;} .not_hp a.link_facebook_home{left: 218px;} .not_hp a.link_youtube_home{left: 250px;} .hp_links_2014 img{height:28px !important;margin:5px 12px 0 0} /**/ #content{width:100%; clear:both; top: 0px; min-height: 680px; z-index: 3;} .home_main_content #content{min-height: 580px;} body.is_mobile .home_main_content #content{min-height: 500px;} #main{position:relative; width:100%; clear:both;} .mainpanel{width:100%; color:#000; font-size:14px;} .mainpanel_top{display:none;} .mainpanel_bottom{display:none;} .mainpanel_center_yb{width:100%; height: auto;margin:10px auto 0; } #maindata{width: 790px; float:right; box-sizing: border-box; padding: 10px 10px; margin: 0; background: #E6F5FC; border-radius: 10px; box-shadow: 0px 0px 3px 1px #888; min-height: 500px;} #maindata.not_logged_in{width: 790px; float: right; margin: 0 auto;} /* Menu styles */ .menu_container{width:200px; float:left; color:#FFF; z-index: 99;} @media screen and (min-height: 768px) { .menu_container{position:fixed;} } .admin_menu #menu ul li {text-align: left;} .admin_menu #menu ul ul {padding-left: 15px;} .admin_menu #menu ul ul li {padding-left: 0px;} #menu{width:200px; float:left; font-weight:bold; margin: 0; height: auto;} #menu #menu_items {list-style: none; background: var(--main-primary-lilac); font-size: 12px; text-align: left; overflow: hidden; box-sizing: border-box; padding: 0; margin: 0; border: 2px solid #FFF; border-radius: 10px;} #menu a, #menu a:visited, #menu a:active {display:block; color:#FFF; text-transform:uppercase; text-decoration:none;} #menu a:hover {color:yellow} #menu #menu_items > li{height: 40px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #FFF; padding-left: 15px; line-height: 40px;} #menu #menu_items > li:last-child{border: none; } #menu #menu_items ul li:hover{} #menu #menu_items ul{font-size:10px; padding-left:25px;} #menu #menu_items ul li{padding-top:5px;} #menu #menu_items.menu_admin ul{font-size:10px; padding-left:10px;} #menu #menu_items.menu_admin > ul > li{height: 20px; line-height: 20px;margin-top: 10px;} #menu #menu_items #inbox_menu_item_notification_on {background: #fe0065;} #menu #menu_items.menu_admin > li{border-top: 1px solid #FFF; border-bottom: none; cursor: pointer;text-transform: uppercase;} #menu #menu_items.menu_admin ul > li{text-transform: uppercase;} #menu #menu_items.menu_admin ul li a{font-weight: bold; text-transform: none; line-height: 1;} #menu #menu_items.menu_admin > ul{padding-left: 35px; box-sizing: border-box; margin-bottom: 10px;} #menu #menu_items.menu_admin > li:first-child{border: none;} #menu #menu_items.menu_admin ul{font-size:12px;} /* Generic */ .clear{clear:both;} .left{float:left; width: auto;} .right{float:right;} .relative_container{position:relative;} .absolute_element{position:absolute;} .input_full_width{width:100%;} .captcha{} #recaptcha_image{width:300px; height:57px; border:1px solid #F1F1F1; margin-bottom:5px;} .recaptcha_image{width:300px; height:57px;} .captcha_input{border:1px solid #00A1E2; background-color:#FFF; margin-right:5px;} .captcha_controls{padding-top:3px;} /** Modals **/ /*#system_messages{font-size: 22px;}*/ /*.ui-dialog-title{font-size: 20px !important;}*/ /*.ui-dialog{background: #FFF !important; min-width: 500px !important;}*/ /*.ui-corner-all{border: 2px solid var(--main-primary-lilac) !important;}*/ /*.ui-dialog-content{width: 100% !important; min-height: 10px !important; height: auto !important;}*/ /*.ui-widget{border: 2px solid var(--main-primary-lilac) !important;}*/ /*.ui-widget-content{border: none !important;}*/ /*.ui-dialog-titlebar{display: none;}*/ /*.ui-widget-overlay{opacity: 0.65 !important;}*/ /*.ui-button{font-size: 14px !important;}*/ /*#system_messages .system_messages_content{font-size: 18px; box-sizing: border-box;}*/ .jqmWindow .jqmClose{float:right; margin-bottom:5px;} .system_message_title{display:none; width:500px; float:left; font-size:24px; color:#cc4572; font-weight:bold; border-bottom:2px solid #0066ae; border-radius: 10px;} .system_message_content{font-size:14px; padding-top:5px; font-weight:bold; float:left; width:80%; font-family: 'Roboto', sans-serif; margin-right: 50px;} #system_messages .clear{display:none;} .alert-info-message {text-align: left;width: auto;height: auto;border: 1px solid red;padding: 1%;color: red;background-color: #ffffff;} .system_messages_scroll {max-height: 45%; overflow: scroll;} /* Buddy list fixed to page*/ /* #buddy_list_container{position:fixed; background-color:#00A1E2; width:166px; top:0px; left:74%; color:#FFF; padding:3px; border:1px solid #ffbfd5; border-top:none; background-image:url(/images/arrow_friends.gif?ts=9); background-repeat:no-repeat; background-position:top left; background-position:3px 2px; z-index:2000;} #buddy_list_container a{color:#FFF} #buddy_list_header{cursor:pointer; text-align:center; background-color:#C0C0C0C; font-weight:bold;} #buddy_list{height:200px; overflow:auto; padding-top:5px; display:none;} #no_friends_online{font-style:italic;} #no_friends_offline{font-style:italic; display:none;} #no_friends{font-style:italic;} */ /* Help */ #help_content_left {width: 100%; float: left; color: #000;} #help_content_left a:hover {color: var(--main-primary-lilac)} #help_content {font-size: 18px; margin-top: 50px; font-family: "Roboto", sans-serif;} .help_info_img {position: relative; float: left;;} .help_info_img img {float: left; width: 44px;} #mail {height: 45px; float: left; margin-top: 20px;} #mail span {position: relative; top: 3px; margin-left: 20px; font-weight: bold; font-size: 20px;} #phone {width: 410px; float: right;} #phone img{margin-top: 23px; width: 44px;} #phone div {width: 360px; text-align: left; float: left;} #phone span{position: relative; margin-left: 20px;} #location {height: 67px; float: left;} #location div {float: left; font-weight: bold; margin-top: 8px;} #location span {position: relative; margin-left: 20px; font-size: 14px;} #help_content_right {float: left; width: 100%; font-size: 14px;} #help_content_right span {font-size: 29px; font-weight: bold; margin-bottom: 10px;} #help_content_right h3 {height: 30px !important; color: #FFF !important; line-height: 30px !important; padding-left: 15px !important; font-family: 'RobotoBold', sans-serif;} #games_buttons {margin: 25px auto; width: 100%; text-align: justify;} #games_buttons .help_top_button{width: 23%; background: #019aff; color: white; box-sizing: border-box; border-radius: 15px; font-weight: bold; height: 35px; border: none; box-shadow: none; font-size: 20px; font-family: "Roboto", sans-serif; line-height: 1; outline: none !important;} #games_buttons .help_top_button.selected{background: green; box-shadow: 0px 0px 5px 1px yellow;} #games_buttons:after{content: ''; width: 100%; display: inline-block;} /* registration */ #registration_content_container {background: #E6F5FC; border-radius: 10px; box-shadow: 0px 0px 3px 1px #888; border: 1px solid #FFF; padding: 0 30px; margin-top: 15px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300;} #registration_top_info {height: 185px; margin-top: 25px;} #registration_top_info #registration_left {float: left; width: 705px;} #registration_top_info #registration_right {float: right; width: 170px; margin-right: 10px;} #reg_dni_information_banner {display: inline-block; background: #FFD540; width: 100%; color: #004080; height: 45px; line-height: 45px; text-align: center; font-size: 11pt; margin: 30px 0 10px;} #reg_dni_information_banner span{display: inline-block; vertical-align: middle; font-weight: 400;} #advice_mandatory_fields{display: block; font-size: 18px; color: #5698FC; font-weight: 400; margin: 15px 0;} #containers_container{position: relative; display:inline-block; width: 100%; text-align: center;} #containers_container .container{border-radius: 10px; width: 300px; color: #043669; box-sizing: border-box; padding: 10px 0; text-align: left;} #containers_container #container_1{background: #97CAF7; float: left;} #containers_container #container_2{background: #7BBEFA; display: inline-block; margin: 0 auto;} #containers_container #container_3{background: #6AA3FA; float: right;} #containers_container .container .container_header{ text-align: left; } #containers_container .container .container_header img{vertical-align: middle; height: 22px;} #containers_container .container .container_header span{display: inline-block; vertical-align: middle; margin-left: 3px; font-size: 12pt; font-weight: bold;} .container_number{height: 22px; width: 22px; line-height: 22px;vertical-align: middle; display: inline-block;} #containers_container .line{position: relative; width: 85%; height: 25px; margin: 10px auto 20px; text-align: center;} #containers_container .line .help_btn{position: absolute; right: -20px; vertical-align: middle; line-height: 15px; height: 16px; width: 16px;top: 5px; cursor: pointer; box-sizing: border-box;text-align: center;} #containers_container .error_btn{position: absolute; left: -18px; vertical-align: middle; line-height: 14px; height: 14px; width: 14px;top: 5px; cursor: help; border-radius: 15px; border: none; box-sizing: border-box; background: none; text-align: center; color: #D30B0B; font-size: 16px; font-weight: bold; transform:scale(1.4,1); display:none;} #containers_container .line hr{border: 1px solid #B4D0FC;} #containers_container .line label{display: inline-block; vertical-align: middle; font-size: 12pt; line-height: 25px; font-weight: bold;} #containers_container .line input:not([type="button"]), #containers_container .line select{width: 100%; height: 100%; color: #0088EA; border: 1px solid #FFF; border-radius: 8px; box-sizing: border-box; padding: 0 4px; vertical-align: middle;} #containers_container #submit_btn{position: relative; text-align: center; width: 220px; height: 50px; border: none; background: url('/images/registration/btn_registration.png?ts=30') no-repeat center; background-size: 220px 50px; border-radius: 30px; /*right: 4.5%;*/ bottom: 0%; color: #FFF; font-weight: bold; font-size: 14pt; cursor: pointer; outline: none;} #containers_container #submit_btn:hover{background: url('/images/registration/btn_registration_hover.png?ts=30') no-repeat center; background-size: 220px 50px;} #containers_container #tac_container,#terms_and_conditions_container{position: relative; display:block; width: 90%; text-align: center; background-color:#0e52c0;border-radius:10px;margin:20px auto 20px auto;padding:10px; color: #ffffff;font-weight:bold} #containers_container #tac_container a{color:white !important} #containers_container #tac_container #tac_container_top{position: relative; display:block; width: 100%; text-align: left;margin-bottom:10px} #containers_container #tac_container #tac_container_top #tac_container_check{/* Double-sized */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */-webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding:10px;} #containers_container #tac_container #tac_container_top #tac_container_label{color:#ffc038;font-size:14px;font-weight:bold; text-transform:uppercase;margin-left:10px} #containers_container #tac_container .tac_container_middle{position: relative; display:inline-block; width: 45%; vertical-align:top;text-align: left;padding:5px 0 5px 0;} #containers_container #terms_and_conditions{display:inline-block; border: 1px solid #1D67A9; box-shadow: 0 0 5px 3px #1D67A9; background: #FFF; outline: none; vertical-align: middle; line-height: 30px;} #registration_content_container select{-moz-appearance: none !important; -webkit-appearance: none !important; background-size: 9px 8px !important; background: #FFF url('/images/registration/arrow-web.png?ts=30') no-repeat right; cursor: pointer;} #registration_content_container select::-ms-expand{display: none;} .ui-dialog.phoneFormatWarningDialog { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); width: 30% !important; height: auto !important; border: 1px solid #fff !important; z-index: 15004; background-color: #FFF; color: #30004A; border-radius: 10px; padding: 1em 1em 0em 1em; -webkit-box-shadow: 0px 0px 5px 1px #30004a; -moz-box-shadow: 0px 0px 5px 1px #30004a; box-shadow: 0px 0px 5px 1px #30004a; } .phoneFormatWarningDialog .ui-widget-content{ background: none !important; border:none !important; height: 10%; width: 85%; margin: 0 auto; padding: 8%; } .phoneFormatWarningDialog .ui-dialog-buttonset, .phoneFormatWarningDialog .ui-dialog-buttonpane{ width: 100%; padding: 0; text-align: center; background: none !important; } .phoneFormatWarningDialog .ui-dialog-buttonset .ui-button { padding: 1.5% 1% !important; } .phoneFormatWarningDialog .ui-dialog-buttonset .button { border-radius: 5px; padding: 3.5% 6.5%; font-size: 1em; line-height: 1; text-decoration: none; font-weight: 700; color: #fff; position: relative; display: inline-block; text-align: center; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); border: 1px solid #77d5f7; background: #0078ae url(../images/jquery-ui/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; } .font_help{color: #043669 !important;} .font_error{color: #FF5D5D !important; background-color: #F8F8F8 !important;} .font_error strong{color: #A60909 !important;} .qtip_no_fixed_width{max-width: none !important;} .tyc_desc_no_desktop{ text-align: left; visibility: hidden; display: inline-block; width: auto; height: auto; border: 1px solid red; padding: 5px; background-color: #ffffff; float:right; position: relative; margin-top: -4%; font-size: 9pt; border-radius: 10px; } /* Friend refer */ #refer_foo{display:none;} #friends{padding:5px; width:330px;float: left;} #friends .refer{width: 100%; height: 90px; position: relative;} #friends .refer .line{width: 100%; height: 25px; line-height: 25px; margin-bottom: 10px;} #friends .refer label{float: left; vertical-align: middle;} #friends .refer input{float: right; vertical-align: middle;} #friends .refer .delete{position: absolute; top: 3px; right: -20px;} #add_friend_button{width:180px; padding:6px; text-align:center;margin:5px 155px 0px 10px; cursor:pointer; float: right;} .refer_submit_button{ width: 194px; margin:30px 155px 0px 10px !important; float: right;} #refer_email{width:650px; background-color:#FFF; padding:10px; border: 1px solid #888; border-radius: 5px; box-sizing: border-box; font-size: 16px;} #email_friend_text textarea{width:95%;} .refer{width:300px; float:left; padding:4px;} .refer label{float:left;} .refer input{float:right;} .refer .delete{width:21px; height:21px; margin-top:2px; background-image:url(/images/delete.gif?ts=30); background-repeat:no-repeat; cursor:pointer} .delete{float:right} .referbtn{font-size:14px} /** User preferences **/ #change_password_button{text-align:center;} #change_password_buttons{height:27px;} #change_password_loading{display:none; height:27px;} #change_password_data {float:left} #change_password_data .label{float:left; width:130px; margin-bottom:3px;} #change_password_data .input{float:left; margin-bottom:3px;} #change_password_messages{color:#FF0000; float:left;} #change_password_messages ul li{width:280px;} #change_question_button{text-align:center;} #change_question_buttons{height:27px;} #change_question_loading{display:none; height:27px;} #change_question_data {float:left} #change_question_data .label{float:left; width:130px; margin-bottom:3px;} #change_question_data .input{float:left; margin-bottom:3px;} #change_question_messages{color:#FF0000; float:left;} #change_password_messages ul li{width:280px;} #my_preferences_container .line{width: 100%; height: 30px; line-height: 30px; margin-bottom: 10px} #my_preferences_container .line_newsletters{background-color:#bbdef3;border-top:2px solid #222;border-bottom:2px solid #222} #my_preferences_container .option{display: inline-block; float:left; height:27px; width:350px; margin-right:3px; vertical-align: middle;} #my_preferences_container .option *{vertical-align: middle;} #my_preferences_container .values{display: inline-block; float:right; height:27px; vertical-align: middle; width: 410px;} .preferences_button_container {width: 100%;text-align: center; height: 38px;} .preferences_button_container:after{content: ''; width: 100%; display: inline-block;} .preferences_button_container button , .occupation_fields_container button{width: 40%;} .preferences_button_container a {width: 77%;} /*#preferences_save{height:27px; width:83px; text-align:center;}*/ #preferences_loading{height:27px; display:none;} #edit_limits_loading{display:none;} /* #acount_details_container .label{font-weight:bold; width:300px; height:15px; float:left; margin-bottom:4px;} #acount_details_container .value{width:400px; height:15px; float:left; margin-bottom:4px;} */ .acount_details_container .label{font-weight:bold; width:250px; float:left; margin-bottom:4px;} .acount_details_container .value{width:450px; float:left; margin-bottom:4px;} .acount_details_edit_container .label{font-weight:bold; width:250px; height:15px; float:left; margin-bottom:13px;} .acount_details_edit_container .value{width:450px; height:15px; float:left; margin-bottom:13px;} .acount_details_edit_container .value input{width:320px;} .acount_details_edit_container .value .radio{width:20px; margin-left:2px;} .acount_details_edit_container .value select{width:320px;} /* #acount_details_edit_container .label{font-weight:bold; width:300px; height:15px; float:left; margin-bottom:13px;} #acount_details_edit_container .value{width:400px; height:15px; float:left; margin-bottom:13px;} #acount_details_edit_container .value input{width:320px;} #acount_details_edit_container .value .radio{width:20px; margin-left:2px;} #acount_details_edit_container .value select{width:320px;} */ #details_save{height:27px; width:70px; text-align:center;} #details_loading{height:27px; display:none;} /* Buddy list / Friends */ .user_avatar{padding:2px; background-color:#DDD; width:75px; margin:0px 10px 0px 0px; float:left;} .my_friend{ text-align: center; position: relative; width: 120px;} .my_friend .user_avatar{float: none; margin: 0 auto;} .my_friend .friend_delete{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} .my_friend .alias{position: absolute; width: 85%; height: 20px; top: 78px; left: 50%; transform: translateX(-50%);} .user_avatar .alias{ background-color:#666; text-align:center; padding:2px; font-size:9px; color:#FFF} .user_avatar .alias a, .user_avatar div a:visited, .user_avatar div a:active{color:#FFFFFF; text-decoration:none} .user_avatar_hover{padding:2px; background-color:#AAA; width:75px; margin-right:10px; float:left; color:#333333} .user_avatar_hover .alias{ background-color:#AAA; text-align:center; padding:2px; font-size:9px;} .user_avatar_hover .alias a, .user_avatar_hover a:visited, .user_avatar_hover a:active{color:#333333; text-decoration:none} .user_avatar .alias a, .user_avatar a:visited, .user_avatar a:active{color:#FFFFFF; text-decoration:none} .user_about{ background-color:#FFFFFF; color:#000000; padding:5px; width:500px; margin-left:10px; float:left} .user_about .label{font-weight:bold; width:160px; float:left; margin-bottom:12px;} .user_about .value{width:320px; float:left; margin-bottom:12px;} #add_friend{width:130px; text-align:center;} #add_friend_loading{display:none;} #accept_friend{float:left; margin-right:15px;} #reject_friend{float:left;} #pending_me_loading{display:none;} #pending_loading{display:none;} #remove_friend{width:130px; text-align:center;} #remove_friend_loading{display:none;} #my_friends_container .my_friend{float:left; width:120px; height: 140px; margin-bottom:10px; position: relative; text-align: center;} #my_friends_container .user_avatar{} #my_friends_container .my_friend .friend_delete{width:79px; text-align:center; margin-top:5px; } #my_friends_container .my_friend .friend_delete_loading{display:none;width:79px; text-align:center; margin-top:5px;} .pending_user{margin-bottom:15px;} .pending_user .pending_info{float:left;} .pending_user .pending_info .requested{margin-bottom:5px;} .pending_user .pending_info .profile_link{margin-top:5px;} .pending_user .pending_info .loading{display:none;} .pending_user .pending_info .buttons_container{} .buttons_container .button_accept{float:left; margin-right:15px;} .buttons_container .button_reject{float:left} .requested_user{margin-bottom:15px;} .requested_user .requested_info{float:left;} .requested_user .requested_info .requested{margin-bottom:5px;} .requested_user .requested_info .profile_link{margin-top:5px;} .titlesearch{font-size:12px; color:#0099FF; padding-bottom:4px; font-weight:bold} .line2{padding:2px 0px} .searchbuddy{display:block; text-align:center; color:#FFF; cursor:pointer; font-weight:bold; padding:4px; background-color:var(--main-primary-lilac); margin-top:4px; text-decoration:none} /** Virtual gifts **/ .cost_free{color:#009933;} .cost_free strong{color:#000000;} .cost_premium{color:#CC3399;} .cost_premium strong{color:#000000;} #new_virtual_gifts{padding:2px; background-color:#DFF4FF; border:1px solid #29ACF9; /*height:140px*/} #new_virtual_gifts .header{padding:2px; background-color:#29ACF9; font-size:10px; font-weight:bold; color:#FFF} #new_virtual_gifts .gift{float:left; background-color:#FFFFFF; width:46px; margin:0px 3px 5px 3px; border:1px solid #29ACF9; cursor:pointer;} #new_virtual_gifts .gift .gift_image{width:42px; margin:0px auto 2px auto} #new_virtual_gifts .gift .gift_name{background-color:#F1F1F1; padding:2px; color:#666666; margin:2px; text-align:center; font-size:9px; position:relative; height:40px;} #new_virtual_gifts .gift .gift_name .buy{float:right; font-size:9px; text-decoration:underline; margin-top:2px; color:#003366; position:relative;} #search_virtual_gifts{padding:2px; border:1px solid #29ACF9; background-color:#DFF4FF; height:180px;} #search_virtual_gifts .header{padding:2px; background-color:#29ACF9; font-size:10px; font-weight:bold; color:#FFF} #search_virtual_gift_loading{display:none;line-height:90px; text-align:center; color:#000000;} #search_virtual_gift_search{text-align:center; color:#000000; background-color:#FFFFFF; padding:3px; width:685px; margin:auto; margin-top:4px; margin-bottom:10px;} #search_virtual_gift_search #vgifts_categories_scroll_left{width:25px; height:23px; float:left; cursor:pointer; margin-top:4px; background-image:url(/images/game/bigarrow_left.gif?ts=30);} #search_virtual_gift_search #vgifts_categories_scroll_right{width:25px; height:23px; float:left; cursor:pointer; margin-top:4px; background-image:url(/images/game/bigarrow_right.gif?ts=30);} #search_virtual_gift_search #vgifts_categories_scroll_cont{float:left;width:625px; height:30px; overflow:hidden; margin-top:4px; margin-left:5px; margin-right:5px;} #search_virtual_gift_search #vgifts_categories_scroll_foo_cont{width:2000px; float:left;} #search_virtual_gift_search #vgifts_categories_scroll_cont .vgift_category{background-color:#ffc2d7; border:1px solid #ff5a90; padding:2px; float:left; margin:2px; float:left; display:block; color:#ff5a90; font-weight:bold; cursor:pointer} #search_virtual_gift_search #vgifts_categories_scroll_cont .vgift_category_sel{background-color:#ff5a90; color:#FFFFFF; font-weight:bold; cursor:pointer} #search_results{display:none; } #search_results .search_again{display:block; width:90px; height:15px; padding:5px; font-size:12px; background-color:#00AEEF; border:1px solid #005ABF;color:#00418C; text-decoration:none; text-align:center; margin:10px auto 0px auto; font-weight:bold} #search_results .search_again:hover{color:#FFF} #search_results .pagination{text-align:center; margin-bottom:4px;} #search_results .gift{float:left; background-color:#FFFFFF; width:46px; margin:0px 3px 5px 3px; border:1px solid #29ACF9; cursor:pointer;} #search_results .gift .gift_image{margin-bottom:2px;} #search_results .gift .gift_name{background-color:#F1F1F1; padding:2px; color:#666666; margin:2px; text-align:center; font-size:9px; position:relative; height:40px;} #search_results .gift .gift_name .buy{float:right; font-size:9px; text-decoration:underline; margin-top:2px; color:#003366; position:relative;} #search_results a, #search_results a:visited, #search_results a:active{color:#333333;} #search_results a:hover{font-weight:bold; color:#000000;} /** Inbox **/ /*#inbox {font-size:10px; border:1px solid #00A1E2; background-color:#FFF; width:760px; padding:1px;} .inbox_info{font-weight:bold; color:#0099FF} #inbox a, .admin_table a:visited, .admin_table a:active {text-decoration:underline; color:#FF448A;} #inbox a:hover {text-decoration:underline; color:#333;} #inbox thead th{background-color:#00A1E2; color:white;font-weight:bold; padding:3px;} #inbox tbody .new{background-color:#EAF9FF;} #inbox tbody .new:hover{background-color:white;} #inbox tbody .read{background-color:#EAF9FF;} #inbox tbody .read:hover{background-color:white;} #inbox tbody .new td{text-align:center; color:#005273} #inbox tbody .read td{text-align:center; color:#005273} #inbox tbody .new .title{text-align:left; color:#005273; font-weight:bold;} #inbox tbody .read .title{text-align:left; color:#005273;}*/ /** Cashier **/ #deposit_frm .step_one{} #deposit_frm .step_two{display:none;} #deposit_frm .titlestep{font-size:12px; color:#0099FF; padding-bottom:4px; font-weight:bold} .labelstep{display:block; width:175px; float:left; padding-top:2px; font-weight:bold} #deposit_frm .line{padding:2px 0px} #mybalance{padding:4px; border:1px solid #68BADA; background-color:#DFF4FF; color:#333; line-height:18px; border-radius: 4px;} #mybalance .title{padding:4px; background-color:#68BADA; color:#FFF; font-weight:bold; border-radius: 4px;} #ccmanager {width:100%; border:1px solid #005580; background-color:#CCCCCC; color:#000000;} #ccmanager thead th{background-color:#005580; font-weight:bold; padding:5px} #ccmanager thead tr{ border:1px solid black; background-color:#999999; color:#FFFFFF; text-align:center;} #ccmanager tbody tr{ border:1px solid black; background-color:#FFFFFF; text-align:center; font-weight:normal;} #ccmanager tbody tr:hover{background-color:#F4F4F4;} #ccmanager tbody tr td .action_btn{width:105px;margin-top:2px; margin-bottom:2px;} #ccmanager tbody .default_row{background-color:#EAEAEA;} #ccmanager tbody .default_row:hover{background-color:#D7D7D7} #ccmanager .actions_column{width:95px;} #promocode_container #promocode_input{margin: 0 auto; width: 80%; border: 1px solid black; border-radius: 7px; padding: 5px; box-sizing: border-box; height: 40px; text-align: center;} #promocode_container #promocode_message{background: var(--main-primary-lilac); color: white !important; box-sizing: border-box; border: 1px solid black; border-radius: 15px; margin-top: 0px; margin-bottom: 15px; text-align: center; padding-top: 10px;} #promocode_container #promocode_message h3{ color: white !important; margin: 0; padding-bottom: 8px;font-weight:900 !important;font-family: "Roboto", sans-serif;} #promocode_container #promocode_message .accept_button{font-family: "Roboto", sans-serif; margin-right: 10%; background: #009045; color: white;font-size:16px; font-weight: bold; height: 55px; width: 35%; display: inline-block; border: none; border-radius: 7px; float: right;} #promocode_container #promocode_message .reject_button{font-family: "Roboto", sans-serif; margin-left: 10%;background: #0099FE; color: white; font-size:16px; font-weight: bold; height: 55px; width: 35%; display: inline-block; border: none; border-radius: 7px; float: left;} #promocode_container #promocode_message_bottom{border-bottom-left-radius:15px;border-bottom-right-radius:15px; margin-bottom: 20px;} .admin_horizontal_table {font-size:12px; border:1px solid #68bada; background-color:#FFF; width:100%; padding: 2px; border-radius: 7px; } .admin_horizontal_table a, .admin_table a:visited, .admin_table a:active {color:#FF448A; text-decoration:underline} .admin_horizontal_table a:hover {text-decoration:underline; color:#333;} .admin_horizontal_table thead th{background-color:#68bada; color:white;font-weight:bold; padding:4px; border-radius: 4px;} .admin_horizontal_table tbody th{background-color:#68bada; color:white;font-weight:bold; padding:4px; width:80px; border-radius: 4px;} .admin_horizontal_table tbody td{text-align:left; padding:0px; color:#005273} .admin_horizontal_table tbody td.center{text-align:center; padding:4px; color:#005273} .admin_horizontal_table tbody td.right{text-align:right; padding:4px; color:#005273} .admin_horizontal_table tbody tr{background-color:#EAF9FF;} .admin_horizontal_table tbody tr:hover{background-color:white;} .admin_horizontal_table tbody textarea {height:300px; width:100%;} .admin_horizontal_table tbody .short_textarea {height:70px; width:100%;} .admin_horizontal_table tbody .full_width_small_height{height:50px;} .admin_horizontal_table .tag{font-weight:bold; cursor:pointer;} .admin_horizontal_table .input_short{width:55px;} .admin_horizontal_table .input_full_width{width:99%;} /* Alert box */ #alert_box{position:fixed; bottom:0px; right:25px; z-index:2999; display:none; width:200px; height:75px; background-color:#00A1E2; border:3px solid #FFF; color:#FFF;} #alert_box .modalclose{width:20px; height:20px; float:right; margin:2px 2px 0px 0px; cursor:pointer; background-image:url(/images/game/close.png?ts=30);} #alert_box .msg_title{width:170px; font-weight:bold; font-size:13px; padding:2px; border-bottom:1px solid #FFF} #alert_box .msg_content{font-size:12px; padding:2px} /* PLAYER ACCOUNT */ .btn_pa{position:relative; width:166px; height:46px; cursor:pointer; margin: 0px 0px 10px 0px;} .btn_pa img{margin-bottom: 10px;} #inbox_messages_btn {display: none !important;} .btn_pa_play{display: none !important; position:relative; width:166px; height:90px; cursor:pointer; margin:0px auto} #pa_mainpanel { position: relative; width: 625px; margin: 10px auto 20px auto; text-align: center; font-size: 30px; font-weight: bold; color: #FFF; } .newmsgs{position:absolute; top:2px; left:6px; padding:9px 0px 0px 0px; width:32px; height:25px; font-weight:normal; font-size:11px; color:#FFF; text-align:center; background-image:url(/images/newmsgs.png?ts=30); letter-spacing:0px;} .panel_forum_data{padding:55px 10px 5px 10px; text-align:center; color:#ff6600; font-weight:bold} .data_color{color:#00547F} .tiny_text{font-size:10px; color:#FFF; float:left} .report_card_table90{width:181px; float:left; margin:10px 25px; border:1px solid #CCC; background-color:#F1F1F1} .report_card_number90{width:20px; float:left; text-align:center;} .report_card_number_called90{width:20px; float:left; background-color:green; color:#FFF; text-align:center;} .report_card_table75{width:100px; float:left; margin:10px 25px; border:1px solid #CCC; background-color:#F1F1F1} .report_card_number75{width:20px; float:left; text-align:center;} .report_card_number_called75{width:20px; float:left; background-color:orange; color:#FFF; text-align:center;} .report_card_number_called_in_pattern75{width:20px; float:left; background-color:green; color:#FFF; text-align:center;} .report_message_card{clear:both; background-color:#EEE; color:#fd5590; padding-top:2px; font-weight:bold} .pop_up_article{width:546px; height:326px; border:2px solid #0198FF; padding:5px; background-color:#E6F5FC; color:#333; overflow:hidden} .pop_up_article_full{/*width:99%;*/ height:99%; padding: 15px; background-color:#E6F5FC; color:#333; overflow:hidden;} .pop_up_article_content{/*height:320px;*/ height:99%; overflow-y:auto; overflow-x:hidden; font-size: 14px;} .pop_up_article h2{border-bottom:1px solid #FF558C; color:#FF558C} .msg_body{padding:5px; border:1px solid #CCC; background-color:#F1F1F1} .name_inbox{color:#FF448A} /* Transactions history */ #transactions_table{ width: 100%; background-color: #68BADA;} #transactions_table th {text-align:center; background-color: #68BADA; color:#333333;} #transactions_table tr {} #transactions_table td {text-align:center; background-color:#FFFFFF;} .trans_history .label{font-weight:bold; width:175px; height:15px; float:left; padding-top:3px} .trans_history .line{clear:both; margin-bottom: 7px;} /** Games history **/ .games_history_table{ background-color:#00A1E2; padding:1px;} .games_history_table th{ background-color:#00A1E2; color:#FFFFFF} .games_history_table td{text-align:center; background-color:#FFFFFF;} .games_history_table .game_information{text-align:left; padding: 12px 25px 12px 25px;} .games_history_table .your_win{ background-color:#BFEDFF; color:#00668F; font-weight:bold; padding:2px 5px 2px 5px; text-align:center; margin:2px 2px;} .games_history_table .other_win{ background-color:#FFDFEA; color:#AF0041;; font-weight:bold; padding:2px 5px 2px 5px; text-align:center; margin:2px 2px;} .games_history_table .ol{ background-image:url(/images/games_history/ol.png?ts=30); background-repeat:no-repeat; background-position:left;} .games_history_table .tl{ background-image:url(/images/games_history/tl.png?ts=30); background-repeat:no-repeat; background-position:left;} .games_history_table .fh{ background-image:url(/images/games_history/sb.png?ts=30); background-repeat:no-repeat; background-position:left;} .games_history_table .tg{ background-repeat:no-repeat; background-position:3px; background-size: 17%;} .games_history_table .tg1{ background-image:url(/images/gamev3/bingo/bottom/current_game/1tg.png);} .games_history_table .tg2{ background-image:url(/images/gamev3/bingo/bottom/current_game/2tg.png);} .games_history_table .tg3{ background-image:url(/images/gamev3/bingo/bottom/current_game/3tg.png);} .games_history_table .mark_yes{width:29px; height:29px; margin:2px auto;background-image:url(/images/icons/mark_yes.png?ts=30); background-repeat:none;} .games_history_table .mark_no{width:29px; height:29px; margin:2px auto; background-image:url(/images/icons/mark_no.png?ts=30); background-repeat:none;} .table_legend{width:75px; text-align:center; float:left; margin:2px 0px 5px 0px; font-size:10px; font-weight:bold} .money_ammount{width:43px; height:25px; float:left; margin-right:2px; cursor:pointer} /*.cashier_btns{cursor:pointer}*/ /*.cashier_legend{font-size:12px}*/ /*.btn_banking{display:block; margin:2px 0px; cursor:pointer}*/ /*.banking_manage_table2{width:350px; border-top:1px solid #005580; border-left:1px solid #005580}*/ /*.banking_manage_table2 th{background-color:#005580; color:#FFF; text-align:center; padding:5px; font-size:125%}*/ /*.banking_manage_table2 td{border-bottom:1px solid #005580; border-right:1px solid #005580; font-size:125%; padding:5px 2px; background-color:#FFF}*/ /*div#bank_header {height: 56px;}*/ /*.cashier_btn_bottom{width:88px; height:39px; margin:10px auto 0px auto}*/ /* New Registration CSS*/ #registration_container{width:100%; position: relative;font-size: 11px;line-height: 1.3;font-family: "Roboto", sans-serif;color: #000; margin-top: 10px;} #registration_container #registration_form .box .box_center .txt_header {font-size: 20px; font-weight: bold;} #registration_container #registration_errors {width: 98%; padding: 2px; border: 1px solid #FF0065; background-color: #f3f3f3; text-align: left; position: relative; margin: auto auto 10px;} #registration_container #registration_errors #errors_title{height:26px; background-color: #FF0065; padding: 2px;} #registration_container #registration_errors #errors_msg{color:white; font-size: 11px; font-weight: bold; margin:6px 0px 0px 20px;} #registration_container #registration_errors #errors_close{position: absolute; right: 5px; top: 5px; float: right; background-image:url(/images/registration/error_img.png?ts=30); width:23px; height: 23px; cursor: pointer;} #registration_container #registration_errors .error {color: #FF0065; padding: 2px; text-align:left; margin-right:5px;} #registration_container #registration_errors .error:hover{background-color: #EEEEEE;} #registration_container #registration_form{width:100%; float: left;} #registration_container #registration_form .box_title{width: 100%;} #registration_container #registration_form .box_title .txt{font-size: 14px;font-weight: bold;color: #0198ff; float: left; margin-left:8px;} #registration_container #registration_form .box_title .img_info{float: left; margin-left: 20px; width: 23px; height: 23px; background-image:url(/images/registration/box_img_info.png?ts=30); cursor:pointer;} #registration_container #registration_form .box_title .img_help{float: left; margin-left: 20px; width: 23px; height: 23px; background-image:url(/images/registration/box_img_help.png?ts=30); cursor:pointer;} #registration_container #registration_form .box_title .img_info:hover{background-image:url(/images/registration/box_img_info_hover.png?ts=30);} #registration_container #registration_form .box_title .img_help:hover{background-image:url(/images/registration/box_img_help_hover.png?ts=30);} #registration_container #registration_form .box_legend{font-size: 12px; margin-top: 30px; border-top: 2px solid white; padding-top: 30px;} #registration_container #registration_form .box_legend input{margin: 0;} #registration_container #registration_form .box_legend input{margin: 0;} #registration_container #registration_form .box{} #registration_container #registration_form .box .box_top{display: none; width: 470px; height: 14px; background-image:url(/images/registration/form_box_top.png?ts=30);} #registration_container #registration_form .box .box_center{width: 428px;} #registration_container #registration_form .box .box_bottom{display: none; width: 470px; height: 19px; background-image:url(/images/registration/form_box_bottom.png?ts=30);} #registration_container #registration_form .box .box_center .item{width:426px; font-size: 11px; font-weight: bold; height: 40px; padding-top: 5px;} #registration_container #registration_form .box .box_center .item .txt{float: left; width: 139px; padding: 10px 7px 7px 0px;} #registration_container #registration_form .box .box_center .item .value{float: left; width: 388px;} #registration_container #registration_form .box .box_center .item .value input{height: 30px; width: 100%;font-size: 17px;font-family: "Roboto", sans-serif;color: #4a4a4a; margin-top: 2px; border: none; padding: 2.3px;} #registration_container #registration_form .box .box_center .item .value select{height: 35px; width: 101.2%;font-size: 17px;font-family: "Roboto", sans-serif;color: #4a4a4a; margin-top: 2px; border: none;} #registration_container #registration_form .box .box_center .item .error_img{float: right; background-image:url(/images/registration/error_img.png?ts=30); width:23px; height: 23px; margin-top: 9px; display: none;} #registration_container .help_text{position: absolute; font-weight: bold; color: green; font-size: 11px; width: 140px; background-color: white; padding: 5px; margin-left: 20px; border: 1px solid green; z-index: 5000; display: none;} #registration_container .help_text .origin{position: absolute; left: -14px; top: 6px;background-image:url(/images/registration/help_text_origin.png?ts=30); width: 14px; height: 15px;} #registration_container #captcha_container{width:381px; height:74px; background-color:#fff; margin:10px; background-image:url(/images/registration/captcha_container_background.png?ts=30)} #registration_container #captcha_container #recaptcha_widget{height:59px; width:302px; padding:3px;} #registration_container #captcha_container #recaptcha_widget #recaptcha_image{position:relative; float:none; width:auto; height:auto; border:none; margin:5px 0px 5px 40px;} #registration_container #captcha_container #recaptcha_widget .reload_captcha{font-size: 11px; font-weight: bold; color: #055C99; float: left; margin:11px 0px 20px 0px; vertical-align:top;} #registration_container #register_button{width:280px; height: 70px; float: right; text-align:center; margin-right: 150px;} #registration_container #registration_form #promo_code {float: right; margin: 17px 20px 0 0;} #registration_container #registration_form #promo_code div input{height: 29px; width: 180px; border: none; padding: 5px; font-size: 17px;} .acceptMail-terms {color: #000;} /* Polls */ /*#poll{width:100%;}*/ /*#poll div.question_container{padding:10px;}*/ /*#poll div.question_container div.question{padding-left:10px;}*/ /*#poll div.question_container div.question label, #poll div.question_container div.question input[type="radio"]{cursor:pointer;}*/ /*.parea_content_margin{}*/ input::-webkit-input-placeholder { color:#777 !important; } input::-moz-placeholder { color:#777 !important; opacity: 1; } input:-moz-placeholder { color:#777 !important; opacity: 1; } input:-ms-input-placeholder { color:#777; } /* IE10+ */ /* FUNDED PLAYER AREA VIP BONUS MESSAGE*/ #vip_bonus_available{background:transparent; color: white !important; box-sizing: border-box; border: 1px solid black; border-radius: 15px; margin-top: 0px; margin-bottom: 15px; text-align: center;} #vip_bonus_available h3{color: var(--main-primary-lilac) !important; padding-bottom: 8px;font-weight:900 !important;font-family: "Roboto", sans-serif;} #vip_bonus_available .accept_button input{font-family: "Roboto", sans-serif; margin: 8px 15px 10px 15px;background: #009045 !important; color: white;font-size:16px; font-weight: bold; cursor: pointer; height: 40px; width: auto; padding: 5px 14px 5px 14px; display: inline-block; border: 2px solid green; border-radius: 5px;} #vip_bonus_available .accept_button_submit{font-family: 'Roboto', sans-serif; margin: 8px 15px 10px 15px;background: #009045 !important; color: white;font-size:16px; font-weight: bold; cursor: pointer; height: 40px; width: auto; padding: 5px 14px 5px 14px; display: inline-block; border: 2px solid green; border-radius: 5px;} #vip_bonus_available .reject_button input{font-family: 'Roboto', sans-serif; margin: 8px 15px 10px 15px;background: var(--main-primary-lilac) !important; color: white;font-size:16px; font-weight: bold; cursor: pointer; height: 40px; width: auto; padding: 5px 14px 5px 14px; display: inline-block; border: 1px solid white; border-radius: 5px;} #vip_bonus_available_bottom{background:var(--main-primary-lilac);border-bottom-left-radius:15px;border-bottom-right-radius:15px} .common_bonus { background: transparent; color: white; box-sizing: border-box; border: 1px solid black; border-radius: 15px; margin-top: 0; margin-bottom: 15px; text-align: center; } .common_bonus h3 { color: var(--main-primary-lilac); padding: 8px 0 2px; font-weight: 900; font-family: "Roboto", sans-serif; } .common_bonus p { color: var(--main-primary-black); } .common_bonus .common_bonus_buttons { background: var(--main-primary-lilac); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .common_bonus .accept_button, .common_bonus .reject_button { margin: 8px 15px 10px 15px; color: white; font-size: 16px; font-weight: bold; height: 40px; width: auto; padding: 5px 14px 5px 14px; border-radius: 5px; } .common_bonus .accept_button { background: #009045; border: 2px solid green; } .common_bonus .reject_button { background: var(--main-primary-lilac); border: 2px solid var(--main-primary-white); } /* PAGINATION */ .pagination{ width: auto; height: 28px;margin: 0 auto; text-align: left; line-height: 28px;} .pagination:after{content: ''; width: 100%; display: inline-block;} .pagination a{box-sizing: border-box; height: 100%; display: inline-block;} .pagination .pagination_page{box-sizing: border-box;min-width: 30px !important; height: 28px; text-align: center; padding: 0; line-height: 28px;} .pagination .ui-state-active{line-height: 28px; margin: 0 !important;} .pagination .ui-button{line-height: 28px; padding: 0 6px; margin: 0 !important;} /* Some jquery UI styles*/ .ui-dialog.ui-widget{font-size: 140%;} .ui-dialog.ui-corner-all{border-radius: 10px !important;} .ui-dialog-titlebar{display: none !important;} .ui-widget-overlay{background: #000 !important;} /* IM styles */ .ui-dialog.inbox_modal { width: 90% !important; border-radius: 10px; font-family: "Open Sans Semibold", sans-serif; overflow-y: auto; max-height: 75%; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); max-width: 800px; } /* Progressive Web App Message - PWA */ .add-home_screen { width: 100%; max-width: 600px; background: #34004b; position: fixed; bottom: 60px; border-top: 3px solid #e7e7e9; border-bottom: 3px solid #e7e7e9; text-align: center; color: #fff; z-index: 300; } .add-home_screen div { display: inline-block; } .add-home_screen--close { top: 5px; right: 5px; position: absolute; } .add-home_screen--content { /*width: 90%;*/ margin-top: 30px; margin-left: 10px; text-align: left; } .add-home_screen--image, .add-home_screen--text { display: inline-block; width: 25%; } .add-home_screen--image {width: 85px} .add-home_screen--text { width: 70%; text-align: left; vertical-align: top; margin-left: 10px; } .add-home_screen--text-main { text-transform: uppercase; font-size: 16px; font-weight: bold; } .add-home_screen--text-sub { color: #f80065; font-size: 12px !important; } .add-home_screen--cta { display: block; text-transform: uppercase; width: 100%; margin-top: 10px; margin-bottom: 25px; text-align: center; } .add-home_screen--cta div { display: inline-block; width: 35%; text-align: center; padding: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-weight: bold; font-size: 16px; } .add-home_screen--cta-no { background-color: #02d7e2; background-image: linear-gradient(to right, #02d7e2 , #047dc6); } .add-home_screen--cta-yes { background-color: #ffa300; background-image: linear-gradient(to right, #ffa300 , #f15a22); margin-left: 15px; } .add-home_screen--content-container { /* TODO: check if needed after tablet design is done */ margin: 0 auto; } .add-home_screen--image-ios { width: 70px; margin-top: 10px !important; } .add-home_screen--content-ios { width:100%; margin-top: 0; } .add-home_screen--content-ios div { display: block; margin: 0 auto; } .add-home_screen--text-ios { width: 90%; text-align: center; } .add-home_screen--text-sub-ios { font-size: 14px; color: #f80065; margin-top: 10px !important; margin-bottom: 10px !important; } .add-home_screen-tablet { position: fixed; left: 50%; bottom: 0; transform: translate(-50%, 0); border: 3px solid #e7e7e9; } .hidden{display: none !important;} .ui-autocomplete { max-height: 207px; border-radius: 4px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .ui-autocomplete::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .ui-autocomplete::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } /*Login Pop Up*/ #logInPopUp #main_login_form #bottom_login_box h3{ color: #FFFFFF;padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 400} #logInPopUp #main_login_form #bottom_login_box #forgot_password_btn{background: #FFF; font-family: 'Roboto', sans-serif; width: 40%; border: 1px solid #350049; color: #350049; box-sizing: border-box; font-size: 85%; padding: 1% 0; border-radius: 5px;} #logInPopUp #register_login_form {width: 90%; border-radius: 10px; border: 1px solid orange; background: #FFF; margin: 5% auto; text-align: center;} #logInPopUp #register_login_form h3{font-family: 'Roboto', sans-serif; font-size: 90%; width: 60%; margin: 4% auto; font-weight: 400;} #logInPopUp #password_show_line{height: 12px; margin-top: 2%;} #user_remember_line{display: flex; justify-content: space-between; height: 12px; cursor: pointer; width: 450px; margin: 1rem auto;} #logInPopUp #user_remember_line #user_remember_checkbox {vertical-align: middle; height: 100%; display: inline-block;} #logInPopUp #user_remember_line #user_remember_label {vertical-align: middle; height: 100%; line-height: 12px; display: inline-block; font-size: 12px;font-family: 'Roboto', sans-serif; color: #FFF;} #user_remember_line h3 {color: var(--color-white); font-size: 12px; font-weight: normal; font-family: 'Roboto', sans-serif; text-align: right;} #logInPopUp #bottom_login_box input{background: #114e7a; color:#FFF; width:80%; border:none; padding: 5px; box-sizing: border-box;} #logInPopUp{ font-size: 100%; width: 100% !important; height: 100% !important; position: absolute; z-index: -2; padding: 0 !important; } #logInPopUp #main_login_form #login_title{ color: #FFFFFF; font-size: 36pt; font-family: 'Roboto', sans-serif; font-weight: bold; z-index: 1; } #logInPopUp #main_login_form #bottom_login_box #forgot_password_btn { background: transparent; color: #FFFFFF; padding: 10px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: Bold; width: 200px; border: 2px solid #FFFFFF; cursor: pointer; } .logInPopUp-dialog{ border:none !important; background: none !important; border-radius: 0 !important; overflow: hidden !important; position: fixed !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; min-width: 100% !important; min-height: 100% !important; top: 0 !important; left: 0 !important; padding: 0 !important; transform: none; } #logInPopUp #popUpCloseButton{ position: absolute; top: 12px; right: 20px; cursor: pointer; width: 30px; height: 30px; z-index: 2; } #logInPopUp #main_login_form #user_box, #logInPopUp #main_login_form #password_box{ width: 50%; height: 40px; border-radius: 20px; box-sizing: border-box; padding: 11px 9px 9px 40px; border: none; } #logInPopUp #main_login_form #user_box{ margin: 6% auto 2.5% auto; } #logInPopUp #main_login_form #password_box{ margin: 2% auto 1.5% auto; } #logInPopUp #main_login_form #password_box_img{ position: absolute; width: 32px; height: 20px; top: 30%; right: 0.5em; cursor: pointer; } #logInPopUp #main_login_form .active{ width: 30px !important; height: 19px !important; } #logInPopUp #main_login_form form{ width: 80%; margin: 0 auto; max-width: 900px; } #logInPopUp #popUpContent #character{ position: absolute; bottom: 0; right:60%; z-index: -1; } #popUpContent{ position: absolute; width: 100%; height: 100%; } #logInPopUp #logoYb{ width: 14%; margin: 0 auto; display: block; } #logInPopUp #user_remember_line .line{width:90%; text-align:center; margin: 1% auto;} #logInPopUp #user_remember_line #user_remember_checkbox{ border-radius: 100%; } .btn { border-radius: 50px; padding: 15px 50px; font-size: 22px; text-decoration: none; margin: 20px; color: #fff !important; position: relative; display: inline-block; border:none; } #logInPopUp #main_login_form .blue{ background-image: -moz-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; } #logInPopUp #main_login_form .blue:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #004c80 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #004c80 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #004c80 0%, #004c80 100%); } .lilac { background-image: -moz-linear-gradient( 90deg, #c58fff 0%, #5f0072 100%); background-image: -webkit-linear-gradient( 90deg, #c58fff 0%, #5f0072 100%); background-image: -ms-linear-gradient( 90deg, #c58fff 0%, #5f0072 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #5f0072; } .lilac:hover { transition: linear 0.2s; background-image: -moz-linear-gradient( 90deg, #c58fff 0%, #c58fff 100%); background-image: -webkit-linear-gradient( 90deg, #c58fff 0%, #c58fff 100%); background-image: -ms-linear-gradient( 90deg, #c58fff 0%, #c58fff 100%); } .orange { background-image: -moz-linear-gradient( 90deg, #ffc92f 0%, #fe0065 100%); background-image: -webkit-linear-gradient( 90deg, #ffc92f 0%, #fe0065 100%); background-image: -ms-linear-gradient( 90deg, #ffc92f 0%, #fe0065 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #800033; } .orange:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #fe0065 0%, #fe0065 100%); background-image: -webkit-linear-gradient( 90deg, #fe0065 0%, #fe0065 100%); background-image: -ms-linear-gradient( 90deg, #fe0065 0%, #fe0065 100%); } .blue { background-image: -moz-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; } .blue:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #0098fd 0%, #0098fd 100%); background-image: -webkit-linear-gradient( 90deg, #0098fd 0%, #0098fd 100%); background-image: -ms-linear-gradient( 90deg, #0098fd 0%, #0098fd 100%); } .green { background-image: -moz-linear-gradient( 90deg, #c2f525 0%, #0c8a50 70%); background-image: -webkit-linear-gradient( 90deg, #c2f525 0%, #0c8a50 70%); background-image: -ms-linear-gradient( 90deg, #c2f525 0%, #0c8a50 70%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; } .green:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #0c8a50 0%, #0c8a50 100%); background-image: -webkit-linear-gradient( 90deg, #0c8a50 0%, #0c8a50 100%); background-image: -ms-linear-gradient( 90deg, #0c8a50 0%, #0c8a50 100%); } .red { background-image: -moz-linear-gradient( 90deg, #ff003c 0%, #660018 100%); background-image: -webkit-linear-gradient( 90deg, #ff003c 0%, #660018 100%); background-image: -ms-linear-gradient( 90deg, #660018 0%, #660018 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #40000f; } .red:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #660018 0%, #660018 100%); background-image: -webkit-linear-gradient( 90deg, #660018 0%, #660018 100%); background-image: -ms-linear-gradient( 90deg, #0c8a50 0%, #0c8a50 100%); } .pink { background-image: -moz-linear-gradient( 90deg, #fe0065 0%, #540073 100%); background-image: -webkit-linear-gradient( 90deg, #fe0065 0%, #540073 100%); background-image: -ms-linear-gradient( 90deg, #fe0065 0%, #540073 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #4b0066; } .pink:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #540073 0%, #540073 100%); background-image: -webkit-linear-gradient( 90deg, #540073 0%, #540073 100%); background-image: -ms-linear-gradient( 90deg, #540073 0%, #540073 100%); } .lilac { background-image: -moz-linear-gradient( 90deg, #c58fff 0%, #5f0072 100%); background-image: -webkit-linear-gradient( 90deg, #c58fff 0%, #5f0072 100%); background-image: -ms-linear-gradient( 90deg, #c58fff 0%, #5f0072 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #5f0072; } .lilac:hover { transition: linear 0.2s; background-image: -moz-linear-gradient( 90deg, #c58fff 0%, #c58fff 100%); background-image: -webkit-linear-gradient( 90deg, #c58fff 0%, #c58fff 100%); background-image: -ms-linear-gradient( 90deg, #c58fff 0%, #c58fff 100%); } #logInPopUp #main_login_form .login_input{ color:var(--main-primary-lilac); width: 100%; border: none; font-family: 'Roboto', sans-serif !important; font-weight: 400; margin: 0px !important; padding: 0px !important; border-radius: 0px; height: auto; font-size: 15px; } #logInPopUp #main_login_form .popUpLink{ text-decoration: none; color: #FE0065; } #logInPopUp #main_login_form .popUpLink:active{ text-decoration: none; color: #FE0065; } #logInPopUp #main_login_form .popUpLinkTitle{ text-decoration: none; color: #FFFFFF !important; } #logInPopUp #main_login_form .popUpLinkTitle:active{ text-decoration: none; color: #FFFFFF !important; } .magentalink:hover{color:#F3005F;} /*Summer fruit pop up */ #fruit_bonus.popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(47, 5, 72, .85) 0%, rgba(173, 0, 37, .85) 100%); z-index: 999; } #fruit_bonus .popup_container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #fruit_bonus #spin_button { position: absolute; display: none; padding: .6em ; width: 40% ; margin: 0 auto; top: 90%; left: 50%; transform: translate(-50%, -90%); justify-content: center; } #fruit_bonus #fruit_buttons{ display: none; position: absolute; top: 90%; left: 50%; transform: translate(-50%, -90%); /*display: flex;*/ width: 80%; flex-direction: row; justify-content: center; } #fruit_bonus #spin_button{ display: block; } #fruit_bonus .reject_button { background-image: -moz-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; } #fruit_bonus .reject_button:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #004c80 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #004c80 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #004c80 0%, #004c80 100%); } #fruit_bonus .accept_button_submit,#fruit_bonus #spin_button { background-image: -moz-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); background-image: -webkit-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); background-image: -ms-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; } #fruit_bonus .accept_button_submit:active, #fruit_bonus #spin_button:active { transition: linear 0.1s; background-image: -moz-linear-gradient(90deg, #0c8a50 0%, #0c8a50 100%); background-image: -webkit-linear-gradient(90deg, #0c8a50 0%, #0c8a50 100%); } #fruit_bonus .btn{ border-radius: 50px; padding: .6em 1.8em; font-size: 1.3em !important; text-decoration: none; margin: 1.2em; position: relative; display: inline-block; border: none; } .fruit_dialog_confirm{ top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1000 !important; position: fixed !important; } #fruit_bonus #fruit_message, #fruit_bonus #fruit_spin_message{ display: none; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -40%); color: #FFE73A; text-align: center; width: 60%; font-size: 20px; } #fruit_bonus #fruit_spin_message{ display: block; } /*Halloween bonus*/ #halloween_bonus.popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(47, 5, 72, .85) 0%, rgba(173, 0, 37, .85) 100%); z-index: 999; } #halloween_bonus .popup_container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #halloween_bonus #spin_button { position: absolute; display: none; padding: .6em ; width: 40% ; margin: 0 auto; top: 90%; left: 50%; transform: translate(-50%, -90%); justify-content: center; } #halloween_bonus #halloween_buttons{ display: none; position: absolute; top: 90%; left: 50%; transform: translate(-50%, -90%); /*display: flex;*/ width: 80%; flex-direction: row; justify-content: center; } #halloween_bonus #spin_button{ display: block; } #halloween_bonus .reject_button { background-image: -moz-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #0098fd 0%, #004c80 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; } #halloween_bonus .reject_button:hover { transition: linear 0.1s; background-image: -moz-linear-gradient( 90deg, #004c80 0%, #004c80 100%); background-image: -webkit-linear-gradient( 90deg, #004c80 0%, #004c80 100%); background-image: -ms-linear-gradient( 90deg, #004c80 0%, #004c80 100%); } #halloween_bonus .accept_button_submit,#halloween_bonus #spin_button { background-image: -moz-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); background-image: -webkit-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); background-image: -ms-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; } #halloween_bonus .accept_button_submit:active, #halloween_bonus #spin_button:active { transition: linear 0.1s; background-image: -moz-linear-gradient(90deg, #0c8a50 0%, #0c8a50 100%); background-image: -webkit-linear-gradient(90deg, #0c8a50 0%, #0c8a50 100%); } #halloween_bonus .btn{ border-radius: 50px; padding: .6em 1.8em; font-size: 1.3em !important; text-decoration: none; margin: 1.2em; position: relative; display: inline-block; border: none; } .halloween_dialog_confirm{ top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1000 !important; position: fixed !important; } #halloween_bonus #halloween_slot_message, #halloween_bonus #halloween_spin_message{ display: none; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -40%); color: #C2F525; text-align: center; width: 60%; font-size: 20px; font-family: "Roboto", sans-serif; font-weight: bold; } #halloween_bonus #halloween_spin_message{ display: block; } /* Three kings bonus */ #three_kings_bonus.popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(47, 5, 72, .85) 0%, rgba(173, 0, 37, .85) 100%); z-index: 999; } #three_kings_bonus .popup_container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #three_kings_bonus #spin_button { position: absolute; display: none; padding: .6em; width: 40%; margin: 0 auto; top: 90%; left: 50%; transform: translate(-50%, -90%); justify-content: center; } #three_kings_bonus #three_kings_buttons { display: none; position: absolute; top: 90%; left: 50%; transform: translate(-50%, -90%); width: 80%; flex-direction: row; justify-content: center; } #three_kings_bonus #spin_button { display: block; } #three_kings_bonus .reject_button { background-image: -moz-linear-gradient(90deg, #0098fd 0%, #004c80 100%); background-image: -webkit-linear-gradient(90deg, #0098fd 0%, #004c80 100%); background-image: -ms-linear-gradient(90deg, #0098fd 0%, #004c80 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; } #three_kings_bonus .reject_button:hover { transition: linear 0.1s; background-image: -moz-linear-gradient(90deg, #004c80 0%, #004c80 100%); background-image: -webkit-linear-gradient(90deg, #004c80 0%, #004c80 100%); background-image: -ms-linear-gradient(90deg, #004c80 0%, #004c80 100%); } #three_kings_bonus .accept_button_submit, #three_kings_bonus #spin_button { background-image: -moz-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); background-image: -webkit-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); background-image: -ms-linear-gradient(90deg, #c2f525 0%, #0c8a50 70%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; -moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; } #three_kings_bonus .accept_button_submit:hover { transition: linear 0.1s; background-image: -moz-linear-gradient(90deg, #0C8A50 0%, #0C8A50 100%); background-image: -webkit-linear-gradient(90deg, #0C8A50 0%, #0C8A50 100%); background-image: -ms-linear-gradient(90deg, #0C8A50 0%, #0C8A50 100%); } #three_kings_bonus .accept_button_submit:active, #three_kings_bonus #spin_button:active { transition: linear 0.1s; background-image: -moz-linear-gradient(90deg, #0c8a50 0%, #0c8a50 100%); background-image: -webkit-linear-gradient(90deg, #0c8a50 0%, #0c8a50 100%); } #three_kings_bonus .btn { border-radius: 50px; padding: .6em 1.8em; font-size: 1.3em !important; text-decoration: none; margin: 1.2em; position: relative; display: inline-block; border: none; } .three_kings_dialog_confirm { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1000 !important; position: fixed !important; } #three_kings_bonus #three_kings_slot_message, #three_kings_bonus #three_kings_spin_message { position: absolute; left: 50%; transform: translate(-50%, -40%); color: var(--main-primary-white); text-align: center; font-size: 25px; font-family: "Roboto", sans-serif; font-weight: bold; } #three_kings_bonus #three_kings_spin_message { top: 7%; width: 60%; } #three_kings_bonus #three_kings_slot_message { display: none; top: 48%; width: 50%; } #three_kings_bonus img, #three_kings_bonus video { height: 45rem; border-radius: 25px; } #image_modal .modal_close_right_up {background-image: url("/images/game/close.png"); cursor: pointer; float: right; height: 20px; margin: 2px 2px 0 0; width: 20px;} #image_modal #image_banner {margin-top: 30px;} #image_modal_close_up {position: absolute;top: 10px;right: 10px;} .cross_selling_logos { float: left; width: 50%; text-align: right; } .cross_selling_logos a { display: inline-block; height: 100%; margin-right: 10%; } .cross_selling_logos img { height: 3.4rem; vertical-align: middle; } #menu #menu_items #menu_cross_selling_icons { display: flex; padding-left: 5%; padding-right: 5%; min-height: 3.9rem; justify-content: space-between; } #menu #menu_items #menu_cross_selling_icons a { align-self: center; height: 50%; width: 50%; } #menu #menu_items #menu_cross_selling_icons a:first-child { border-right: 1px solid var(--main-primary-white) !important; } #cross_selling_logo_ys img, #cross_selling_logo_yc img { flex:1; vertical-align: middle; } #cross_selling_logo_yc { margin-right: 2%; } /* USER GUIDES */ .user_guide { height: 100%; width: 100%; z-index: 950; position: relative; background: linear-gradient(180deg, #1c0030D9, #6f1687D9, #1c0030D9); text-align: center; color: #fff; } .user_guide .button_close { width: 2%; position: absolute; right: 3%; top: 3%; z-index: 3; } .user_guide h1 { font-size: 80%; margin: 0; } .user_guide .swiper { height: 100%; z-index: 2; } .user_guide .slider_navigation { position: absolute; bottom: 15%; width: 100%; z-index: 3; } .user_guide .slider_container { top: 0; width: 100%; height: 100%; } .user_guide .slider_container .title { position: absolute; width: 100%; top: 10%; } .user_guide .content_slide { position: absolute; width: 100%; } .user_guide .description_text { font-size: 50%; padding: 5%; } .user_guide .footer{ display: none; } .user_guide .button:active { transform: none; -webkit-transform: none; } .user_guide .cta-action:hover { background-image: -moz-linear-gradient(90deg, #0098fd 0%, #004c80 100%) !important; background-image: -webkit-linear-gradient(90deg, #0098fd 0%, #004c80 100%) !important; background-image: -ms-linear-gradient(90deg, #0098fd 0%, #004c80 100%) !important; box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #002e4c; } .user_guide .cta-sound:hover { background-image: -moz-linear-gradient(90deg, #fe0065 0%, #540073 100%) !important; background-image: -webkit-linear-gradient(90deg, #fe0065 0%, #540073 100%) !important; background-image: -ms-linear-gradient(90deg, #fe0065 0%, #540073 100%) !important; box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #4b0066; } .user_guide .cta-cashier:active { background-image: -moz-linear-gradient(90deg, #c2f525 0%, #0c8a50 100%) !important; background-image: -webkit-linear-gradient(90deg, #c2f525 0%, #0c8a50 100%) !important; background-image: -ms-linear-gradient(90deg, #c2f525 0%, #0c8a50 100%) !important; box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5), 0px 5px 0px 0px #074c2c; } /* USER GUIDE COMMON ELEMENTS */ .box_content_dots { text-align: center; z-index: 915; margin-bottom: 1%; } .dot-slider { cursor: pointer; background: transparent; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; width: 12px; height: 12px; margin: 0 1% 0 0; border: 2px solid #ffffff; } .dot-slider.active, .dot-slider:active { background-color: #ffffff; } .dot-slider.dot:hover, .dot-slider.dot.active { display: inline-block; cursor: pointer; background-color: var(--main-primary-fucsia); } /* EXTRA INFO CONTAINER */ .extra-info-container { margin: 20px 0; } .extra-info-container + p { margin: 0; } .extra-info-container .extra-info-button { text-align: center; font-family: var(--font-bold); color: var(--color-primary); cursor: pointer; } .extra-info-container .extra-info-button img { width: 10px; } /* PROMOTIONAL BANNER SLIDER */ #home_promo_slider .slider_navigation { position: absolute; bottom: 0; width: 100%; z-index: 3; } #home_promo_slider .btn_header_register, #home_promo_slider .btn { border-radius: 50px; padding: 1.5% 4.5%; font-size: 15px; text-decoration: none; text-transform: uppercase; font-family: var(--font-regular); color: var(--color-white); text-shadow: 0 0px 4px rgba(0, 0, 0, 0.25); position:absolute; bottom: 25.5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin: 0; } #home_promo_slider .btn_header_register:active, #home_promo_slider .btn:active { transform: translateX(-50%); -webkit-transform: translateX(-50%); box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.5); } #home_promo_slider .btn_header_register.orange:hover, #home_promo_slider .btn.orange:hover { color: var(--color-white); } .full_screen_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 987; } /* NEW CASHIER HEADER */ #withdrawal_cashier #desktop_header, #deposit_cashier #desktop_header { height: 58px; z-index: 91; } #withdrawal_cashier #desktop_header .wrapper .wrap.header-wrap, #deposit_cashier #desktop_header .wrapper .wrap.header-wrap { height: 100%; padding: 0 1%; display: flex; align-items: center; justify-content: space-between; } .help_tab a { text-decoration: underline; font-size: 100%; } @media only screen and (min-width: 540px) { #withdrawal_cashier #desktop_header, #deposit_cashier #desktop_header { display: block; background: var(--main-primary-lilac); } } /* YoClub */ .yoclub_modal { background: #fff; width: 100%; max-width: 450px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 990; display: none; border-radius: 10px; } .yoclub_modal h2 { color: #000; } .yoclub_modal_header_image { width: 100%; } .yoclub_modal_close { position: absolute; top: 0; right: 0; z-index: 801; cursor: pointer; } .yoclub_modal_content { text-align: center; } .yoclub_modal_content p { max-width: 400px; margin: 2% auto; } .yoclub_modal_footer { text-align: center; margin-top: 10%; margin-bottom: 5%; } .yoclub_modal_footer a { background: #d5d5d5; color: #000; padding: 1.5% 8%; border-radius: 25px; font-weight: bold; } .yoclub_menu_item { transform: translateY(3px); }