.noSelect, .noSelect:before, .noSelect:after { /* stop double click highlight */ -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } @-webkit-keyframes loader { 0% { width: 10px; height: 10px; opacity: 0.9; -webkit-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity: 0.5; -webkit-transform: translateY(-21px); } } @-moz-keyframes loader { 0% { width: 10px; height: 10px; opacity: 0.9; -moz-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity: 0.5; -moz-transform: translateY(-21px); } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; } input:-webkit-autofill { -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */ -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; } select:-webkit-autofill { -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */ -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } /*-------------- START: GENERAL PAGE STYLES --------------*/ body,html { margin:0; padding:0; font-family:"Heebo",arial,sans-serif; color:#FFFFFF; background-image: linear-gradient(to right, #014c76,#1c73a8,#1c73a8,#1c73a8,#1c73a8,#1c73a8,#014c76); } .LEBGColor { position:fixed; top:0; left:0; background:url(../images/LE-BG.jpg); background-position:top center; background-repeat:no-repeat; height:100%; width:100%; z-index:0; } .LEBGColor:after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1183px; height: 100%; background-color: #013658; } .LEPromoBGColor { position:fixed; top:0; left:0; background:url(../images/LE-Promo-BG.jpg); background-position:top center; background-repeat:no-repeat; height:100%; width:100%; z-index:0; } .pageHeading { color:#00ADEF!important; font-size:25px!important; font-weight:400!important; margin:0 0 21px 0; line-height:37px; } .sub-heading { color:#00ADEF!important; font-weight:400!important; font-size:19px!important; } .container header, .container p, .container li, .lotteryPageCopyContent p { color:#C7E9FE; font-size:15px; font-weight:300; } .loader { text-align:center; position:fixed; right: 0; left: 0; bottom: 0; top: 0; margin: auto; width: 200px; height: 100px; z-index:5; } .loader span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 50px auto; background:#fecf6b; border-radius: 50px; -webkit-animation: loader 0.9s infinite alternate; -moz-animation: loader 0.9s infinite alternate; } .loader span:nth-of-type(2) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; } .loader span:nth-of-type(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; } hr { border-top:1px solid #2C7AAB; } .container { position:relative; width:1183px; background-color:#013658; } .container .lotteryPageContent { width:1140px; margin:0 auto;} .lePages { background-color:#0C4970; padding:36px 60px 50px 60px; width:1140px; margin:0 auto 34px auto; } #overlay { position:fixed; width:100%; height:100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index:4; } .textBold { font-weight:500!important; } .textExtraBold { font-weight:600!important; } .textRegular { font-weight:400!important; } .textOpacity { opacity:0.3; } .no-padding{ padding:0; } .primaryLink { text-decoration:underline; color:#FF7E19!important; cursor:pointer; } .primaryLink:hover { color:#FFBB87!important; } .primaryLink:active, .primaryLink:focus { color:#549CC9!important; } .secondaryLink { text-decoration:underline; color:#012B45; cursor:pointer; } .secondaryLink:hover { color:#337ab7; } .secondaryLink:active { color:#ff5722; } .tertiaryLink { color:#FFFFFF; text-decoration:underline; cursor:pointer; } .tertiaryLink:hover { color:#00ADEF; } .tertiaryLink:active { color:#549CC9; } .redText { color:#FF5454!important; font-weight:400!important; } .warningText { color:#FECF6B!important; letter-spacing:1px; } .yellowBackground { background-color:yellow; } .linkAsButton { width:136px!important; text-shadow:1px 1px #4A960C; text-align:center; display:block; } .linkAsButton.centerLinkCopy { padding-top:11px; } .successCopy { color:#03C262!important; font-weight:500; text-align:center; } .infoButton { display:inline-block; vertical-align:top; width:17px; height:17px; border-radius:45px; color:#FFFFFF; font-size:12px; text-align:center; font-weight:500; margin-left:12px; cursor:pointer; background-color:#00ADEF; line-height:19px; } .primaryText { color:#FF7E19; font-weight:500; } .alignCenter { text-align:center!important; } .footnote { font-style:italic; margin-top:10px; } .transparent { color:transparent!important; } .slashThrough { position:absolute; content:""; width:100%; top:8px; border-top:3px solid #ff0000a6; -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform: rotate(30deg); transform:rotate(30deg); } /* NAVIGATION */ .navbar-default { background-color:transparent; height:87px; border-top:none; border-left:none; border-right:none; border-bottom:none; margin:0; border-radius:0; } .navbar-default .container-fluid { position:relative; width:1183px; height:87px; padding: 0; background-color: #013658; } .navbar-default .container-fluid .headerLogo { position:absolute; margin:auto; top:7px; bottom:0; } .navbar-default .container-fluid .navbar-header-mobile { display:none; } .navbar-default .container-fluid #navbar { position:absolute; bottom:0; margin-left:260px;} .navbar-default .container-fluid #navbar li { border-bottom:4px solid #013658; } .navbar-default .container-fluid #navbar li a { font-size:15px; color:#FFFFFF; padding:7px 14px 3px 14px; } .navbar-default .container-fluid #navbar li.active-nav { border-bottom:4px solid #FFFFFF; } .navbar-default .container-fluid #navbar li:hover { background:#C7E9FE; border-bottom:4px solid #C7E9FE; color:#002339; } .navbar-default .container-fluid #navbar li:hover a { color:#002339; } .navbar-default .container-fluid #navbar li.active-nav:hover { border-bottom:4px solid #FFFFFF; } .navbar-default .container-fluid #navbar li:active { background:#001726; border-bottom:4px solid #001726; } .navbar-default .container-fluid #navbar li:active a { color:#FFFFFF; } .navbar-default .container-fluid #navbar li.active-nav:active { border-bottom:4px solid #FFFFFF; } .navbar-default .container-fluid #navbar li:hover .dropdown-menu { display:block; left:0; background-color:#C7E9FE; width:620px; border:none; border-radius:0 0 10px 10px; box-shadow:0px 14px 13px #012B457A; padding:25px 0 25px 0; border-top:4px solid transparent; } .navbar-default .container-fluid #navbar li .dropdown-menu li { width:300px; height:85px; float:left; border-right:1px solid #549CC9; border-bottom:none; } .navbar-default .container-fluid #navbar li .dropdown-menu li:nth-child(even) { border:none; } .navbar-default .container-fluid #navbar li .dropdown-menu a { padding:21px 0; color:#2C7AAB; } .navbar-default .container-fluid #navbar li .dropdown-menu a span { color:#002339; font-weight:400; } .navbar-default .container-fluid #navbar li .dropdown-menu a img { float:left; width:69px; } .navbar-default .container-fluid #navbar li.singleLotteryNav .dropdown-menu a img { margin:0 5px 10px 10px; } .singleLotteryNav .prizePool { font-size:10px; font-weight:400; line-height:8px; margin:2px 0; } .navbar-default .container-fluid #navbar li.promotionsNav .dropdown-menu a img { margin:10px 5px 10px 10px; } .navbar-default .container-fluid #navbar li.lotteryResultsNav .dropdown-menu a img { margin:7px 5px 7px 10px; } .navbar-default .container-fluid #navbar li.dropdown:hover { border-bottom:4px solid #C7E9FE; } .navbar-default .container-fluid #navbar li.dropdown.active-nav { border-bottom:4px solid #FFFFFF; } .navbar-default .container-fluid #navbar li .dropdown-menu li a:hover { background:#FFFFFF; } .navbar-default .container-fluid #navbar li .dropdown-menu li a:active { background:#2C7AAB; color:#C7E9FE; } .navbar-default .container-fluid #navbar li .dropdown-menu li a:active span { color:#002339; } .navbar-default .container-fluid #navbar li:hover a.topLotteriesNav { background-color:#C7E9FE; color:#002339; } .navbar-default .container-fluid #navbar li a.topLotteriesNav:active { background-color:#001726!important; color:#FFFFFF; } .navbar-default .container-fluid #navbarAccountInfo { position:absolute; top:0; right:22px; padding:0; } .navbar-default .container-fluid #navbarAccountInfo li.nav_right_space { font-size:14px!important; height:38px; cursor:pointer; background-color:#00578C; } .navbar-default .container-fluid #navbarAccountInfo li.nav_right_space a { padding:0; text-align:center; text-decoration:none; display:flex; align-items:center; justify-content:center; } .navbar-default .container-fluid #navbarAccountInfo li.nav_right_space img { margin:-3px 12px 0 0; } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink { width:131px; font-weight:500; border-radius:0 0 0 10px; } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink img { filter:brightness(0) invert(1); } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink a { color:#FFFFFF; margin-top:-1px; } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink:hover a { color:#165D8A; } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink:hover img { opacity:0.5; filter:none; } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink:active img { opacity:1; filter:brightness(0) invert(1); } .navbar-default .container-fluid #navbarAccountInfo li.addFundsLink:active a { color:inherit; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink { width:172px; font-weight:400; border-radius:0 0 10px 0; white-space: nowrap; } /* Adjust balanceLink border-radius when cart is present - remove right rounding */ .navbar-default .container-fluid #navbarAccountInfo li.balanceLink:has(+ li.cartLink) { border-radius:0; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink a { color:#FFFFFFA8; padding:9px 0px 9px 0px; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink img { filter:brightness(0) invert(1); } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink:hover { background-color:#C7E9FE; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink:hover a { color:#002339; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink:hover img { filter:none; opacity:0.5; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink a:focus { background-color:#2C7AAB; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink { width:auto; min-width:100px; font-weight:500; border-radius:0 0 10px 0; white-space: nowrap; display:flex; align-items:center; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink a { color:#FFFFFF; padding:9px 12px 9px 12px; margin-top:0; display:flex; align-items:center; justify-content:center; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink img { filter:brightness(0) invert(1); margin:-3px 12px 0 0; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink:hover { background-color:#C7E9FE!important; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink:hover a { color:#165D8A!important; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink:hover img { opacity:0.5; filter:none; } .navbar-default .container-fluid #navbarAccountInfo li.cartLink:active img { opacity:1; filter:brightness(0) invert(1); } .navbar-default .container-fluid #navbarAccountInfo li.cartLink:active a { color:inherit; } /* Adjust balanceLink border-radius when cart is present */ .navbar-default .container-fluid #navbarAccountInfo li.balanceLink:has(+ li.cartLink) { border-radius:0; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin { font-weight:400; border-radius:0 0 10px 10px; margin-left:12px; cursor:default;} .navbar-default .container-fluid #navbarAccountInfo li.acctLogin .navCustomerName { padding-right:35px; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a { color:#FFFFFFA8; display:inline-block; } /*.navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.signInFormLink { padding:9px 8px 9px 10px; text-decoration:none; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.signInFormLink:hover, .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.registrationFormLink:hover { color:#00ADEF; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.signInFormLink:active, .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.registrationFormLink:active { color:#549CC9; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.registrationFormLink { padding:9px 10px 9px 8px; text-decoration:none; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.blockSignIn { padding:9px 8px 9px 10px; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span.blockRegister { padding:9px 10px 9px 8px; cursor:pointer; }*/ .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a { padding:9px 8px 9px 10px; text-decoration:none; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a:hover, .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span:hover { color:#00ADEF; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a:active, .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a span:active { color:#549CC9; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a { padding:9px 10px 9px 8px; text-decoration:none; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a.blockSignIn { padding:9px 8px 9px 10px; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a.blockRegister { padding:9px 10px 9px 8px; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin button { color:#FFFFFFA8; background-color:transparent; border:none; width:100%; margin-top:9px; padding:0 0 0 18px; text-align:left; white-space: nowrap; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin button:focus { border:none; outline:none; } .navbar-default .container-fluid #navbarAccountInfo li.loginOptions { margin-left:0!important; } .navbar-default .container-fluid #navbarAccountInfo li.loginOptions img { margin:-3px 0px 0 12px; filter:brightness(100); } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .glyphicon { top:15px; font-size:8px; right:18px; position:absolute; color:#FFFFFF; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown { display:none; } .navbar-default .container-fluid #navbarAccountInfo li.nav_right_space:hover .accountDropdown { display:block; background-color:#C7E9FE; position:absolute; top:0; z-index:1; border-radius:0 0 10px 10px; box-shadow:0px 0px 3px #0000004A; padding-bottom:7px; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails:hover { box-shadow:none; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails:hover a { color:#002339; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails:hover a img { opacity:0.5; } .navbar-default .container-fluid #navbarAccountInfo li.nav_right_space:hover .glyphicon { color:#002339; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown a { display:block; text-align:left; padding:9px 35px 0 18px; white-space:nowrap } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown hr { margin:7px 10px 5px 10px; opacity:0.5; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown a.custInfoMenuItem { padding:8px 0 8px 18px; margin:0; text-align:left; cursor:pointer; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown a.custInfoMenuItem:hover { background-color:#FFFFFF; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown a.custInfoMenuItem:active { background-color:#2C7AAB; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown a.custInfoMenuItem object { margin:-3px 12px 0 0; vertical-align: middle; } .navbar-default .container-fluid #navbarAccountInfo li.loggedInDetails .accountDropdown a.custInfoMenuItem .svgSymbol { width:16px; height:16px; background-size:cover; display:inline-block; } .navbar-default .container-fluid #navbarAccountInfo .nav_times { font-size:12px; color:#FFFFFFBF; margin:4px 15px 0 0; text-align:right; } .navbar-default .container-fluid #navbarAccountInfo .timeOnSiteCounter { display:block!important; } .navbar-default .container-fluid #navbarBottomInfo { position:absolute; right:22px; bottom:0; padding:0; } .navbar-default .container-fluid #navbarBottomInfo li a { padding:2px 0 0 0; cursor:pointer; background-color:#00ADEF; width:22px; height:22px; border-radius:11px; text-align:center; margin:0 7.5px 7.5px 0; } .navbar-default .container-fluid #navbarBottomInfo li:last-child a { margin-right:0; } .navbar-default .container-fluid #navbarBottomInfo li a img { filter:brightness(100); } .navbar-default .container-fluid #navbarBottomInfo li a:hover { background-color:#C7E9FE; } .navbar-default .container-fluid #navbarBottomInfo li a:hover img { filter:none; } .navbar-default .container-fluid #navbarBottomInfo li a:active { background-color:#165D8A; } .navbar-default .container-fluid #navbarBottomInfo li a:active img { filter:brightness(100); } .navbar-default .mobile-nav { display:none; } .navbar-default .container-fluid .lotteryResultsName { display:block; color:#2C7AAB!important; font-weight:500!important; } .navbar-default .container-fluid .lotteryResultsDate { display:block; font-size:11px; } .navbar-default .container-fluid .resultsBall, .navbar-default .container-fluid .pendingResults { font-size:11px; } .navbar-default .container-fluid .resultBonusNumber { color:#00ADEF!important; } .navbar-default .container-fluid .primaryLink { text-align:center; display:inline-block; width:100%; padding:16px 0 0 0!important; } /*--------- START: STYLE FOR ALL FORMS -----------*/ form { width:100%; position:relative; } form p { font-size:13px; color:#C7E9FE; line-height:17px; font-weight:400; margin:2px 0 0px 7px; } p.formLabels { font-size:15px; font-weight:500; margin:11px 0 3px 7px; color:#FFFFFF; } input::-ms-reveal, input::-ms-clear { display:none; } /* hide edge password eye */ input.disabledState { pointer-events:none; border-color:rgb(44,122,171,0.25)!important; background:rgb(0,35,57,0.25)!important; } .primaryFormButton.disabledState, .secondaryFormButton.disabledState, #placeBetButton.disabledState { opacity:0.3; background-color:#848484!important; text-shadow:none; box-shadow:none; cursor:unset; pointer-events:none; } select.disabledState { pointer-events:none; border-color:rgb(84,156,201,0.2)!important; background:rgb(84,156,201,0.2)!important; } input[type=text], input[type=email], input[type=password], input[type=tel] { width:275px; height:40px; background-color:#002339; color:#C7E9FE; font-size:14px; text-indent:20px; border:1px solid #2C7AAB; padding:0; font-weight:300; } input[type=text]:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover, select:hover, textarea:hover { outline:none; border-color:#C7E9FE; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus { outline:none; border-color:#FF7E19; } input::placeholder { color:#c7e9fe80; } select { width:275px; height:40px; border:1px solid #549CC9; background-color:#549CC9; color:#FFFFFF; font-size:15px; text-align:left; text-align-last:left; text-indent:3px; } select:hover { border:1px solid #C7E9FE; } select:focus { background-color:#C7E9FE; border:1px solid #C7E9FE; color:#002339; outline:none; } select option { background-color:#C7E9FE; } select option:checked, select option:hover { color:#00ADEF } textarea { background-color:#002339; border:1px solid #2C7AAB; } textarea::placeholder { color:#C7E9FE; } input[type=submit],button[type=submit], button.accountSubmitButtons, button.accountSearchButtons, button.quickPickButton, button.formPopupHeaderClose, button#resetSession, #placeBetButton, #placePromoButton, .linkAsButton, .primaryFormButton { width:100%!important; height:46px!important; background-color:#FF7E19; border:none; border-radius:7px; color:#FFFFFF!important; font-size:19px; font-weight:400; text-shadow:1px 1px 2px #873B00; box-shadow:0 1px 2px #00000069; cursor:pointer; text-indent:unset!important; margin-top:20px; outline:none; text-decoration:none; } input[type=submit]:hover,button[type=submit]:hover, button.accountSubmitButtons:hover, button.accountSearchButtons:hover, button.quickPickButton:hover, button.formPopupHeaderClose:hover, #main #tickets_section .addLines #addLineImage:hover, button#resetSession:hover, #placeBetButton:hover, #placePromoButton:hover, .linkAsButton:hover, .primaryFormButton:hover { background-color:#FFD0AB; color:#BA5200!important; text-shadow:1px 1px 0px #FFFFFF; text-decoration:none; } input[type=submit]:focus,button[type=submit]:focus, button.accountSubmitButtons:focus, button.accountSearchButtons:focus, button.quickPickButton:focus, button.formPopupHeaderClose:focus, #main #tickets_section .addLines #addLineImage:active, button#resetSession:active, #placeBetButton:active, #placePromoButton:active, .linkAsButton:active, .linkAsButton:focus, .primaryFormButton:active { background-color:#BA5200; color:#FFFFFF!important; box-shadow: none; text-shadow:1px 1px 2px #873B00; outline:none; text-decoration:none; } button#placeBetButton { height: 67px!important; } button.printScreenButton { width:160px!important; margin:-5px 0 11px 0; outline:none; } .secondaryFormButton { font-size:16px!important; font-weight:400!important; color:#FFFFFF!important; text-align:center; width:275px; border:none!important; border-radius:5px; background-color:#00ADEF!important; padding:11px 0; margin:0; cursor:pointer; line-height:normal; box-shadow:none!important; text-decoration:none!important; text-shadow:none!important; } .secondaryFormButton:hover, input[type=submit].secondaryFormButton:hover { background-color:#C7E9FE!important; color:#165D8A!important; } .secondaryFormButton:active { background-color:#165D8A!important; color:#FFFFFF!important; } .genericButton { display:block; } .redButton, button.accountSubmitButtons.redButton { background-color:#FF5454!important; } .redButton:hover, button.accountSubmitButtons.redButton:hover { background-color:#FFC2C2!important; color:#BF2929!important; } .redButton:active, button.accountSubmitButtons.redButton:active { background-color:#BF2929!important; color:#FFFFFF!important; } .checkboxRadioContainer { display:block; position:relative; padding-left:25px; margin-bottom:12px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .checkboxRadioContainer input { position:absolute; opacity:0; cursor:pointer; height:61px!important; right:0; left:0; top:0; bottom:0; margin:auto; } .checkboxRadioContainer.termsCheckbox input { right:auto; } /* Register: keep the marketing opt-in checkbox hitbox from spanning the full label (prevents odd focus/overlay). */ #specialOffersCheckbox input { left:0; right:auto; top:2px; bottom:auto; margin:0; width:17px; height:17px !important; } .disabledCheckboxRadioContainer { cursor:not-allowed; } .disabledCheckboxRadioContainer .redesignCheckmark { opacity:0.1; } .redesignCheckmark { position:absolute; top:2px; left:0; height:17px; width:17px; background-color:#C7E9FE; border:1px solid #C7E9FE; } .redesignCheckmark:hover { border:1px solid #FFFFFF!important; } .checkboxRadioContainer:hover input ~ .redesignCheckmark, .checkboxRadioContainer:hover input ~ .redesignRadio { background-color:#C7E9FE; border:1px solid #FFFFFF; } .checkboxRadioContainer input:checked ~ .redesignCheckmark, .checkboxRadioContainer input:checked ~ .redesignRadio { background-color:#00ADEF; border:1px solid #00ADEF; border-radius:2px; } .redesignCheckmark:after, .redesignRadio:after { content: ""; position: absolute; display:none; } .checkboxRadioContainer input:checked ~ .redesignCheckmark:after, .checkboxRadioContainer input:checked ~ .redesignRadio:after { display:block; } .checkboxRadioContainer .redesignCheckmark:after { left:5px; top:1px; width:6px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .redesignRadio { position:absolute; top:0; left:0; height:16px; width:16px; background:#C7E9FE; border:2px solid #C7E9FE; border-radius:50%!important; } .redesignRadio:hover { border:1px solid #FFFFFF!important; } .checkboxRadioContainer .redesignRadio:after { top:4px; left:4px; width:6px; height:6px; border-radius:50%; background:white; } .inputRequiredStar { color:#FF5454; margin-left:4px; } .accountDateRange { background-color:#549cc9!important; color:#FFFFFF!important; cursor:pointer; float:left; width:200px!important; margin-right:20px; font-size:13px!important; border-radius:0!important; text-indent:10px!important; background:url(../images/IconDateRange.svg) right 5px center no-repeat; } .acctDateRangeDiv { width:200px; } .daterangepicker { background:#c7e9fe; color:#002339; border:none; } .daterangepicker { z-index: 10005 !important; } .daterangepicker .ranges ul { background:#C7E9FE; } .daterangepicker .ranges li:hover { background-color:#FFFFFF; } .daterangepicker .ranges li.active { background-color:#2C7AAB; color:#002339; } .daterangepicker .ranges li:active { background-color:#2C7AAB; } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { background:transparent; color:#002339; } .daterangepicker td.in-range { background-color:#2C7AAB; color:#FFFFFF; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color:#0C4970; } .daterangepicker td.active:active { background-color:#2C7AAB; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color:#00ADEF; color:#FFFFFF; } .daterangepicker td.active.available:hover, .daterangepicker th.active.available:hover { background-color:#2C7AAB; } .daterangepicker td.available:active, .daterangepicker th.available:active { background-color:#2C7AAB; } .daterangepicker .drp-buttons .btn { margin:2px 0 0 8px; width:55px; } .daterangepicker .btn-primary { background-color:#ff7e19; border:none!important; box-shadow:0 1px 2px #00000069; outline:none; border-radius:5px; } .daterangepicker .btn-primary:hover { background-color:#FFD0AB; color:#BA5200; } .daterangepicker .btn-primary:active { background-color:#BA5200; color:#FFFFFF; outline:none; } .daterangepicker .btn-default { background-color:#00ADEF; border:1px solid #00ADEF; color:#FFFFFF; border-radius:5px; cursor:pointer; outline:none; } .daterangepicker .btn-default:hover { background:#C7E9FE; border:1px solid #165D8A; color:#165D8A; } .daterangepicker .btn-default:active { background:#165D8A; border:1px solid #165D8A; color:#FFFFFF; outline:none; } .daterangepicker .btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity:0.3; cursor:default; pointer-events:none; } .daterangepicker.show-ranges.ltr .drp-calendar.left, .daterangepicker .drp-calendar.right, .daterangepicker.show-calendar .drp-buttons { background:#C7E9FE; border-top:1px solid #A4D3F1; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left:1px solid #A4D3F1; } .daterangepicker .drp-calendar.left .calendar-table { background:#A4D3F1; border:none; } .daterangepicker .drp-calendar.right .calendar-table { background:#A4D3F1; border:none; } .daterangepicker .drp-selected { font-size:13px; } .custom-select-wrapper { position: relative; user-select:none; width: 100%; cursor:pointer;} .custom-select { position:relative; display:flex; flex-direction:column; border-radius:5px; } .custom-select.open { border:none; box-shadow:3px 5px 33px #00000070; } .custom-select__trigger { position:relative; display:flex; align-items:center; justify-content:space-between; padding:0 22px; height:61px; background-color:#549CC9; z-index:2; border:none; } .custom-options .custom-option span { position:absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; width: 100%; } .custom-select__trigger img, .custom-option img { padding-right:15px; } .custom-select__trigger .glyphicon { transition:.5s ease-in-out; color:#C7E9FE; } .custom-select__trigger .custom-option { padding:0; } .custom-select.open .custom-select__trigger { background-color:#C7E9FE; border-bottom:1px solid #2C7AAB; color:#002339; } .custom-select.open .custom-select__trigger .glyphicon { transform:rotate(-180deg); color:#002339; } .custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; z-index:1; } .custom-select.open .custom-options { opacity:1; visibility:visible; background-color:#C7E9FE; color:#002339; box-shadow:1px 1px 8px #00000070; margin-top:-3px; padding-top:3px; } .custom-option { position:relative; height:64px; display:block; padding:11px 0 0 23px; margin-bottom:5px; cursor:pointer; } .custom-options .custom-option:hover { background-color:#FFFFFF; } .custom-options .custom-option:active { background-color:#2C7AAB; } .custom-select-wrapper .useReplacePaymentMethod { padding-top:23px; } .custom-select__trigger b, .custom-option b { display:inline-block; width:25px; height:25px; background-color:#FFFFFF; opacity:1; border:1px solid #FFFFFF; border-radius:45px; text-align:center; color:#013658; font-weight:400; font-size:20px; margin-right:10px; vertical-align:middle; line-height:24px; } .custom-select__trigger .custom-option:hover b { background-color:#FFFFFF; color:#013658; } .custom-option:hover b { background-color:#165D8A; color:#FFFFFF; } .custom-option:active b { background-color:#FFFFFF; color:#013658; } .custom-select-wrapper .cardExpired { color:#DE5353; font-size:16px; font-weight:400; padding-left:25px;} /* GENERAL POPUP STYLING */ .alertWindow { width:344px; position:fixed; top:auto; bottom:auto; left:0; right:0; margin:auto; background-color:#013658; border:1px solid #0C4970; box-shadow:3px 5px 33px #00000070; z-index:4; padding-bottom: 34px; } .alertWindow.yellowAlertWindow { background-color:#FECF6B; } .infoWindow { width:344px; position:absolute; background-color:#013658; box-shadow:3px 5px 33px #00000070; border:1px solid #0C4970; z-index:4; padding-bottom: 34px; } .infoWindow .infoWindowHeader { display:none; } .formPopupHeaderClose { float:right; /*padding:17px 16px 0px 16px;*/ cursor:pointer; margin:17px 16px 0 0; } .infoWindowHeaderClose { font-size:20px; color:#535353; float:right; /*padding:17px 16px 0px 16px;*/ margin: 15px 16px 0 0; font-weight:500; cursor:pointer; } .infoWindow .infoWindowBody, .alertWindow .infoWindowBody { margin:43px 37px 0 37px; } .infoWindowBody { text-align:center; } .infoWindow .infoWindowBody p, .alertWindow .infoWindowBody p { color:#C7E9FE; font-size:15px; font-weight:300; line-height:22px; } .infoWindow .infoWindowBody .infoWindowTitle, .alertWindow .infoWindowBody .infoWindowTitle { font-size:19px!important; font-weight:500; color:#00ADEF; line-height:28px; margin-bottom:15px; } .infoWindow .infoWindowBody .infoWindowTitleYellow, .alertWindow .infoWindowBody .infoWindowTitleYellow { color:#FECF6B; font-size:19px!important; } .infoWindow .infoWindowBody .infoWindowTitleRed, .alertWindow .infoWindowBody .infoWindowTitleRed { color:#FF5454; font-size:19px!important; } .infoWindowBody .infoWindowBodyImage { margin-bottom:18px; } .formPopup { position:absolute; top:50px; left:0; right:0; margin:auto; background-color:#013658; border:1px solid #0C4970; box-shadow:3px 5px 33px #00000070; z-index:4; padding-bottom:50px; } .formPopup p { color:#C7E9FE; } .formPopup .formPopupHeader { width:100%; height:48px; background-color:#0C4970; text-align:center; } .formPopup .formPopupHeader .formPopupHeaderLogo { margin:3px 0 0 12px } /*.formPopup .formPopupHeader .formPopupHeaderClose { float:right; padding:17px 16px 17px 16px; cursor:pointer; }*/ .formPopup .formPopupContent .formPopupContentTitle { color:#00ADEF; font-size:25px; text-align:center; line-height:28px; margin:6px 0 15px 0; } .formPopup .formPopupContent .formPopupContentLink { font-size:14px; text-align:left; line-height:21px; margin:0; cursor:pointer; height:21px; } /*.formPopup .formPopupContent form .formPopupCheckbox { margin:20px 0 8px 0; float:left; width:277px; font-size:13px; font-weight:300; color:#C7E9FE; clear:both; }*/ .formPopupCheckbox, .addressCheckbox { margin:20px 0 8px 0; float:left; width:277px; font-size:13px; font-weight:300; color:#C7E9FE; clear:both; } form .error { border:1px solid #FF5454!important; } form .recaptchaError { border:2px solid #FF5454!important; } form label.error { position:absolute; right:0px; margin-top:-16px; font-weight:400; font-style:normal; font-size:11px; color:#FF5454; border:none !important; } .formPopup .formPopupContent form label span { font-size:13px; font-weight:400; } /*.formPopup .formPopupContent form .showPassword img { position:relative; float:right; margin:-28px 16px 0 0; cursor:pointer; }*/ .showPassword img { position:relative; float:right; margin:-28px 16px 0 0; cursor:pointer; } .formPopup .formPopupContent .formPopupText { text-align:center; color:#C7E9FE; font-weight:300px; } .regSigninError { margin:0; color:#FF5454!important; font-weight:500!important; text-align: center; text-decoration: underline; } #disabledAccount .linkAsButton { padding-top:10px; } /* START: PAYMENT FORM */ .addFundsForms { /*margin-top:15px; bottom:auto;*/ padding-bottom:20px; } /*#paymentFormPopUp.addFundsForms, #paymentForBetFormPopUp.addFundsForms { width:750px; }*/ /*#paymentForPromoFormPopUp.addFundsForms { width:350px; }*/ .addFundsForms .formHeader { width:675px; padding-bottom:10px; height:100%; text-align:center; margin:0 auto; } .addFundsForms .formHeader .formHeaderContent { padding-top:17px; } .addFundsForms .formHeader .paymentTopUpTitle { clear:both; font-size:20px; font-weight:500; text-align:center; } .addFundsForms .formHeader .paymentTopUpText { font-weight:300; margin-bottom:13px; } .addFundsForms .formHeader .topUpAmounts { line-height:22px; margin:0; } .addFundsForms .formHeader .addSubscriptionText { text-align:center; line-height:22px; margin:0; font-weight:300; } .addFundsForms .formHeader .subscriptionPaymentNote { margin-top:6px; } .addFundsForms .formHeader hr { width:231px; margin:6px auto; } .addFundsForms .formHeader .topUpTotal { color:#FFFFFF; font-weight:500; text-align:center; margin-bottom:0; } .addFundsForms .addFundsContent { width:675px; margin:20px auto 0 auto; } /*.addFundsForms .paymentPromoFormContent { width:312px; }*/ .addFundsForms .paymentTopUpFormLeft { float:left; width:312px; z-index:1; position:relative; margin-bottom:20px; } .addFundsForms .paymentTopUpFormRight { float:right; width:312px; margin-bottom:32px; } .addFundsForms .topUpAmount { position:absolute; top:101px; } .addFundsForms .cardOnFile .reEnterCVVInfoWindow { width:325px; margin-top:-42px; } .addFundsForms .cardOnFile .reEnterCVVInfoWindow .infoWindowBody img { display:block; margin: 20px auto 0 auto; padding-left: 10px; } .addFundsForms .addFundsContent hr { clear:both; margin-bottom:19px; } .addFundsForms label { margin:15px 0 2px 9px; font-size:16px; font-weight:500; } /* Standalone Add Funds page: keep legacy layout but ensure preset amount buttons remain clickable. */ #addFunds.addFundsForms #addFundsAmounts { position:relative; z-index:5; } #addFunds.addFundsForms .topUpAmount { z-index:1; } .addFundsForms ul { list-style-type:none; padding:0; } .addFundsForms .fundsTopUpAmounts li { width:52px; height:61px; border-right:1px solid #013658!important; border-top:1px solid #013658!important; border-bottom:1px solid #013658!important; float:left; font-size:22px!important; font-weight:600!important; padding-top:16px; position:relative; border-radius:0; } .addFundsForms .fundsTopUpAmounts li:first-child { border-radius:5px 0 0 5px; } .addFundsForms .fundsTopUpAmounts li:last-child { border-radius:0 5px 5px 0; } .addFundsForms .fundsTopUpAmounts li .addFundsCurrency { font-size:10px; font-weight:500; position:absolute; top:3px; left:5px; } .addFundsForms .fundsTopUpAmounts li.preferredAmount { width:51px; height:63px; background-image: linear-gradient(#FFFFFF, #FFFFFF); border-radius:3px; margin:-1px -1px 0 -1px; box-shadow:0px 0px 1px #00000070; border:1px solid #979797; z-index:1; } .addFundsForms .fundsTopUpAmounts li .addFundsCurrency.glyphicon-star { left:0; right:0; font-size:16px!important; color:#FF862D; } .addFundsForms .fundsTopUpAmounts li.fadeOutTopUpValue { opacity:0.5; cursor:auto; pointer-events:none; } .addFundsForms .inputCurrencyAmount { position:relative; } .addFundsForms .inputCurrencyAmount > i { position:absolute; display:block; transform:translate(0, -50%); top:50%; pointer-events:none; width:50px; text-align:center; font-style:normal; } .addFundsForms .inputCurrencyAmount .inputTopUpAmount, .addFundsForms .inputCurrencyAmount .inputTopUpBetAmount { text-align:right; padding-right:15px; width:312px; } .addFundsForms #topUpAmount { display:block; width:312px; height:40px; margin:0 auto; text-align:right; padding-right:26px; } .addFundsForms .fundsTopUpAmounts .topUpAmountActive { background-color:#165D8A!important; color:#FFFFFF!important; } .addFundsForms .ccTopUpMethod { position:relative; z-index:4; background-image:linear-gradient(#FFFFFF, #DCDCDC); width:312px; height:61px; border:1px solid #979797; border-radius:5px; cursor:pointer; margin:0; } .addFundsForms .ccTopUpMethod:hover { border:1px solid #FF8800; } .addFundsForms .savedCustomerCard { text-align:left; padding-left:15px; color:#4E4E4E; } .addFundsForms .ccTopUpMethod li { display:inline-block; margin:10px 8px 0 8px; color:#4E4E4E; } .addFundsForms .ccTopUpMethod li img { margin:0px 11px 0px 0; } .addFundsForms .ccTopUpMethod .glyphicon { position:absolute; top:22px; right:22px; } .addFundsForms .ccTopUpMethod .glyphicon.open { transform:rotate(-180deg); } .paymentTopUpMethods.active .ccTopUpMethod { background-image: linear-gradient(#FFFFFF, #FFFFFF)!important; border-color:#38328C!important; } .addFundsForms .replacePaymentMethod ul { position:relative; z-index:4; background-color:#FFFFFF; width:312px; height:61px; border:none; border-radius:0; cursor:pointer; margin:0; } .addFundsForms .replacePaymentMethod ul:last-child { border-radius:0 0 5px 5px; } .addFundsForms .replacePaymentMethod li img { width:49px; height:36px; margin:0px 11px 0px 0; } .addFundsForms .defaultPaymentMethods { text-align:center; } .addFundsForms .defaultPaymentMethods li { display:inline-block; margin:0px 8px 0 14px; } .addFundsForms .ccTopUpMethodActive { background-image:linear-gradient(#FFFFFF, #FFFFFF)!important; border-color:#CFCFCF!important; } .addFundsForms .paymentTopUpMethods { position:relative; display:grid; z-index:3; background-color:white; border-radius:5px; margin-bottom:1px; font-size:16px; color:#4E4E4E; } .addFundsForms .paymentTopUpMethods .topUpMethods { text-align:center; padding:0; width:100%; margin:0 auto; cursor:pointer; } .addFundsForms .paymentTopUpMethods .topUpMethods:last-child { border:none; } .addFundsForms .paymentTopUpMethods .topUpMethods img { width:51px; height:40px; cursor:pointer; } .addFundsForms .paymentTopUpMethods .additionalPaymentOptions { display:none; } .addFundsForms .paymentTopUpMethods .additionalPaymentOptions:hover { background-color:#E6F7F7; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .addFundsForms .paymentTopUpMethods .additionalPaymentOptions:active { background-color:#5DC0C0; color:#FFFFFF; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .addFundsForms .paymentTopUpMethods .additionalPaymentOptions:active li { color:#FFFFFF; } .addFundsForms .paymentTopUpMethods .additionalPaymentOptions:active span { background-color:#FFFFFF; color:#5DC0C0; } .addFundsForms .paymentTopUpMethods .useReplacePaymentMethod { height:51px; padding-top:10px; cursor:pointer; padding-right:25px; height:59px; padding-top:15px; cursor:pointer; padding-right:25px; position:absolute; left:0; top:60px; z-index:1; background-color:#fafafa; box-shadow:3px 5px 33px #00000070; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .addFundsForms .paymentTopUpMethods .useOnFilePaymentMethod { height:59px; padding-top:11px; cursor:pointer; padding-right:25px; position:absolute; left:0; top:60px; z-index:1; background-color:#fafafa; box-shadow:3px 5px 33px #00000070; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .addFundsForms .paymentTopUpMethods .useReplacePaymentMethod span { display:inline-block; width:25px; height:25px; background-color:#03C262; opacity:1; border-radius:45px; text-align:center; color:#fff; font-weight:400; font-size: 18px; margin: 0 10px 0 19px;} .addFundsForms .paymentTopUpMethods .topUpMethodActive { display:inline-block!important; } .addFundsForms .creditCardName { display:block; width:312px; height:40px; margin:0 auto; } .addFundsForms #leftTopUpColumn { float:left; } .addFundsForms #rightTopUpColumn { float:right; } .addFundsForms #rightTopUpColumn .cvvInfoWindow { width:325px; margin-top:-42px; position:absolute; right:-5px; } .addFundsForms #rightTopUpColumn .cvvInfoWindow .infoWindowBody img { display:block; margin:-5px auto 0 auto; padding-left: 10px; } .addFundsForms #rightTopUpColumn .cvvFormPopupHeaderClose { font-size:20px; color:#535353; float:right; margin:17px 16px 0 0; font-weight:500; cursor:pointer; } .addFundsForms #rightTopUpColumn label { margin: 15px 0 2px 4px; } .addFundsForms #rightTopUpColumn label .infoButton { margin-left:3px; } .addFundsForms .creditCardNumber { display: block; width: 183px; height: 40px; } .addFundsForms .reEnterCreditCardCVV { display:block; width:312px; height:40px; } .addFundsForms .creditCardCVV { display:block; width:120px; height:40px; } .addFundsForms select { width:152px; height:40px; } .addFundsForms .ccExpireMM { float:left; } .addFundsForms .ccExpireYY { float:right; } /* Add Funds: make Payment Method dropdown wide enough for label text. */ .addFundsForms #saved_card_id{ width:312px; max-width:312px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Add Funds: expiry month/year should be typeable but still look like legacy selects. */ .addFundsForms input.expiryCombo{ width:152px; height:40px; border:1px solid #549CC9; background-color:#549CC9; color:#FFFFFF; font-size:15px; text-indent:3px; padding:0; } .addFundsForms input.expiryCombo:hover{ border:1px solid #C7E9FE; } .addFundsForms input.expiryCombo:focus{ background-color:#C7E9FE; border:1px solid #C7E9FE; color:#002339; outline:none; } /* .addFundsForms .formPopupCheckbox { font-size: 15px; font-weight: 400; white-space:nowrap; } .addFundsForms .formPopupCheckbox input { float:left; margin-right:5px; } */ .addFundsForms .addFundsPopupCheckbox { font-size:13px; font-weight:400; width:95%; float:none; white-space:normal; margin:0px auto 14px auto; text-align:justify; } .addFundsForms .addFundsPopupCheckbox input { float:left; margin-right:5px; } .addFundsForms input[type=submit] { height:54px!important; margin-top:0; padding-top:5px; } .addFundsForms p { margin:6px 0 20px 0; text-align:center; font-size:15px; } .addFundsForms p.depositError { color:#FF5454; font-size:14px; line-height:21px; } .addFundsForms p.addFundsDepositError { color:#FF5454; font-size:14px; line-height:21px; } .addFundsForms img.paymentTopUpFooter { display:block; margin:0 auto; } .addFundsForms img.paymentTopUpFooterMobile { display:none; } .addFundsForms .topUpPaymentOverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0); z-index:3; cursor: pointer; } .addFundsForms form label.error { font-size:14px!important; font-weight:400!important; margin-top:5px!important; } /*START:NEW*/ .addFundsForms .billingAddressInfo { clear:both; display:inline-block; margin-bottom:5px; } #addFundsForPromo.addFundsForms .addressCheckbox { margin:39px 0 19px 0; } #addFundsForPromo.addFundsForms .billingAddressInfo { clear:none; margin-top:38px; } #addFundsForPromo .billingAddressInfo input, #addFundsForPromo .billingAddressInfo select { width:312px; } .billingAddressInfo .sub-heading { text-align:left; } .billingAddressInfo input, .billingAddressInfo select { width:328px; } .billingAddressInfo .leftField { float:left; } .billingAddressInfo .rightField { float:right; } .addFundsForms .addressCheckbox { font-size: 15px; font-weight: 400; white-space:nowrap; float:right; width:312px; margin:-5px 0 25px 0; } .addFundsForms .addressCheckbox input { float:left; margin-right:5px; } /*END:NEW*/ /* .addFundsForms .paymentPopupCountry { width:312px; margin:0 auto; } .addFundsForms .billingAddressSplitColumns { float:left; } .addFundsForms .billingAddressSplitColumn { width: 312px; display: inline-block; } .addFundsForms .billingAddress { width:100%; } .addFundsForms .billingAddressPostCode { width:100%; margin-right:7px; } .addFundsForms .addressCity { width:100%; } .addFundsForms .addressState { width:100%; } */ .addFundsForms .ukAvailablePayments { margin:15px 0 5px 0!important; } .addFundsForms .availablePaymentImgs { position:relative; display:inline-block; width:100%; height:32px; padding-top:3px; text-align:right; } .addFundsForms .availablePaymentImgs img { padding:0 10px 0 0; width:40px; } /*.addFundsForms .availablePaymentImgs .unsupported_card { opacity:0.3; filter:contrast(0%); }*/ .addFundsForms .editCardCheckbox { text-align:right; width:100%!important; margin:4px 0 0 0!important; padding-right:20px; } .addFundsForms .editCardCheckbox .redesignCheckmark { right:0; left:initial; } .addFundsForms .editCardAddress { text-align: right!important; margin: 4px 0 4px 0!important; cursor:pointer; text-decoration:underline; } .addFundsResult .formHeaderContent a { margin-top:20px; } .addFundsResult .formHeaderContent a.tertiaryLink { display:block; clear:both; padding-top:30px; } .addFundsResult .formHeaderContent .linkAsButton { width:48%!important; float:left; padding-top:10px; } .addFundsResult .formHeaderContent .secondaryFormButton { width:48%!important; float:right; } .addFundsForms #addFundsTerms { font-size:15px; font-weight:400; margin:20px 0; } /* START: 3DSECURE POPUP */ #payment3DSForm, #gpayPaymentForm { width:855px; } #gpayPaymentForm { width:1060px; } #payment3DSForm .object, #payment3DSForm iframe, #gpayPaymentForm iframe { border:none; background:#FFFFFF; margin:25px auto 0 auto; display:block; } #payment3DSForm .object { width:800px; } #payment3DSForm object { display:block; } /* START: CONFIRM BET FORM */ .processOrderContent { width:400px; margin:23px auto 0 auto; } .processOrderContent hr { width:315px; margin:20px auto; } .processOrderContent hr.processOrderTotal { margin:5px auto; } .processOrderCopy { width:315px; margin:0 auto!important; } .processOrderContent .pageHeading { text-align:center; line-height:28px; margin-bottom:15px; } .processOrderContent p { line-height:22px; margin:0; text-align:left; } .processOrderContent p span { float:right; } .processOrderContent button { display:block; width:191px!important; height:67px!important; line-height:21px; padding-top:7px; margin:20px auto; } .processOrderContent button span { font-size:13px; font-weight:400; } .processOrderContent a { display:block; text-align:center; margin-bottom:10px; } .descriptorCopy { font-size:14px!important; font-style:italic; text-align:center!important; } .processOrderContent .descriptorCopy { margin: -15px 0 15px 0!important; } .orderProcessedContent { width:315px; margin:23px auto 0 auto; } .orderProcessedContent .pageHeading { line-height:28px; margin-bottom:15px; } .orderProcessedContent p { text-align:center; font-weight:400; line-height:22px; margin:0; } .orderProcessedContent p span { color:#FFFFFF; } .freePlay { color:#03C262!important; font-weight:500!important; padding:5px 0; } /* .confirmOrderPopup .infoWindowBody #depositConfirmation hr { margin:26px 0 24px 0; } .confirmOrderPopup .infoWindowBody .confirmOrder hr { margin:5px 0; } .confirmOrderPopup .infoWindowBody .infoWindowTitle { text-align:center; } .confirmOrderPopup #depositConfirmation { margin:50px 8px 0 8px; text-align:right; } .confirmOrderPopup .confirmBetText { line-height:22px; margin:0; text-align:left; } .confirmOrderPopup .confirmBetText .confirmOrderAmount { float:right; } .confirmOrderPopup .confirmOrder { margin:0px 10px 15px 10px; } .confirmOrderPopup button { width:191px!important; height:67px!important; line-height:21px; padding-top:7px; } .confirmOrderPopup button span { font-size:13px; font-weight:400; } */ /* START: BET SUCCESS FORM */ /* #betPlacedPopUp { text-align:center; } #betPlacedPopUp .infoWindowBody { margin:40px 30px 0 30px; } #betPlacedPopUp .pageHeading { margin-bottom:24px; } #betPlacedPopUp .pageHeading img { padding-right:8px; } #betPlacedPopUp .betPlacedSubTitle { color:#00ADEF; font-size:19px; margin:0; } #betPlacedPopUp .betPlacedText { line-height:22px; font-size:14px; margin:0; font-weight:400; } #betPlacedPopUp span { color:#FFFFFF; } #betPlacedPopUp .secondaryFormButton { margin:28px auto 15px auto; padding:16px 0; } */ /* START: SIGN IN FORM */ /*#signInFormPopUp { width:344px; }*/ #signInFormContent { width:277px; margin:17px auto 0 auto; } #signInFormContent .pageHeading { text-align:center; } #signInFormContent form #forgotPassword { margin:5px 3px 11px 0; float:right; } #signInFormContent #registrationFormText { text-align:center; margin:31px 0 3px 0; font-size:15px; font-weight:500; } #signInFormContent #notYetAMemberSection { height:70px; } /*#signInFormContent #signInFooter { margin:31px 0 10px 0; }*/ #signInFormContent .secondaryFormButton { width:100%; display:block; } /* START: REGISTER FORM */ /*#registerFormPopUp { width:675px; }*/ #registerContent { width:609px; margin:17px auto 0 auto; } #registerContent .pageHeading { text-align:center; } #registerContent form input#registerFirstName { width:182px; } #registerContent form #registerLeftColumn { position:relative; width:277px; float:left; margin-right:55px; } #registerContent form #registerRightColumn { position:relative; width:277px; float:right; } #registerContent form .registerSplitColumn { width:277px; display:inline-block; } #registerContent form .registerSplitColumn .registerSplitColumns { float:left; margin-bottom:-7px; } #registerContent form select#registerTitle { width:86px; margin:0px 7px 0 0; } #registerContent form select.day { width:86px; margin-right:7px; } #registerContent form select.month { width:89px; margin-right:7px; } #registerContent form select.year { width:88px; } #registerContent form .iti__selected-flag { border-right:1px solid #549CC9; background-color:#549CC9; width:56px; padding:0 0px 0 12px; } #registerContent form .iti__selected-flag:hover { outline:none; border:1px solid #C7E9FE; } #registerContent form .iti__selected-flag:focus { background-color:#C7E9FE; outline:none; border-color:#C7E9FE; color:#002339; } #registerContent form .iti__country-list li { color:#002339; background-color:#C7E9FE; } #registerContent form .iti__country-list li:hover { background-color:#FFFFFF; } #registerContent form .iti__country-list li:active { background-color:#2C7AAB; } #registerContent form .iti__divider { margin:0; padding:0; border-color:#002339; } #registerContent form .iti__flag { border:1px solid #FFFFFF; } #registerContent form .iti__arrow { border-top:4px solid #FFFFFF; } #registerContent form .specialOffersContainerMobile { display:none; } #registerContent form #registerAddressNumber, #registerAddressPostCode { width:95px; margin-right:7px; } #registerAddressCity { width:171px; } #registerContent form #registerTCPPText { font-size:13px; margin:6px 0 12px 7px; } #registerContent #signInFormText { text-align:center; margin:31px 0 3px 0; font-size:15px; font-weight:500; } #registerContent #registerFooter { /*position:absolute; bottom:5px; right:0; left:0; margin:0 auto;*/ margin:0px auto 15px auto; display:block; padding-top:15px; } #registerContent #registerFooterMobile { display:none; } #registerContent form #registerPhoneError { float:right; color:#FF5454; font-size:14px; font-weight:400; } #registerContent form #registerPhoneValid { float:right; color:#03C262; font-size:14px; font-weight:400; } #registerContent form .registerPhoneMsgHide { display:none; } #registerContent .g-recaptcha { transform:scale(0.906); transform-origin:0 0; padding-top:20px; clear:both; } .registerAddressManual { padding:15px 0 5px 0px; display:block; } .registerBottomCopy { clear:both; text-align:center; padding:40px 10px 0 10px; margin:0; } #registerSuccessPopUp { position:fixed; } #registerSuccessPopUp .infoWindowBody p span { color:#DE5353; font-weight:400; } #registerContent .secondaryFormButton { width:100%; display:block; } /* START: FORGOT PASSWORD FORM */ #forgotPasswordFormPopUp { width:344px; } #forgotPasswordFormPopUp #forgotPasswordFormContent { width:277px; margin:45px auto 0 auto; } #forgotPasswordFormPopUp #forgotPasswordFormContent #forgotPasswordFooter { position:absolute; bottom:0; padding-bottom:20px; } #forgotPasswordFormPopUp #forgotPasswordFormContent #forgotPasswordSuccess { color:#03C262; font-weight:500; text-align:center; } #forgotPasswordFormPopUp #forgotPasswordFormContent .formPopupText { margin-top:8px; } #forgotPasswordFormPopUp #forgotPasswordFormContent .g-recaptcha { transform:scale(0.906); transform-origin:0 0; padding-top:20px; clear:both; } /* START: UPLOAD ID FORM */ #uploadAgeVerificationDocsForm { width:675px; height:807px; } #uploadAgeVerificationDocsForm #uploadIDFormContent { width:610px; margin:29px auto 0 auto; } #uploadAgeVerificationDocsForm #uploadIDFormContent .formPopupText span { font-weight:500; } #uploadAgeVerificationDocsForm #uploadIDFormContent p#uploadIDInfo { font-weight:300; } #uploadAgeVerificationDocsForm #uploadIDFormContent p#uploadIDInfo span { text-decoration:underline; font-weight:300; } #uploadAgeVerificationDocsForm #uploadIDFormContent #uploadIDTitle { color:#0889D7; font-size:25px; text-align:center; line-height:32px; margin:6px 0 9px 0; } #uploadAgeVerificationDocsForm #uploadIDFormContent form { width:100%; position:relative; margin-top:40px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormLeft { float:left; width:277px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormRight { float:right; width:277px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormCenter { width:26px; float:left; margin:0 15px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormLeft > input { display:none; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormCenter p { color:#FFFFFF; font-size:20px; font-weight:500; margin:9px 0; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormCenter .vline { border-right:4px solid white; height:195px; width:15px; margin-top:15px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormRight label[for=uploadBill] { margin-top:26px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form #uploadIDFormRight > input { display:none; } #uploadIDFormBottom { clear:both; width:277px; padding:45px 0 16px 0; margin:0 auto; } #uploadAgeVerificationDocsForm #uploadIDFormContent form p#cancelUploadID { margin:15px 0 0 0; padding:12px 0 0 0; height:46px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form p.uploadFilename { margin:7px 10px 0 7px; float:left; width:232px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form .uploadFilenameImg { margin-top:5px; float:left; } #uploadAgeVerificationDocsForm #uploadIDFormContent form select { text-indent:15px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form select.day { width:88px; margin-right:7px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form select.month { width:89px; margin-right:7px; } #uploadAgeVerificationDocsForm #uploadIDFormContent form select.year { width:86px; } #uploadAgeVerificationDocsForm #uploadIDFormContent .IDExpiryDate { display:inline-block; } #uploadAgeVerificationDocsForm #uploadIDFormContent #dlExpiryDate { opacity:0.2; pointer-events:none; } #uploadAgeVerificationDocsForm #uploadIDFormContent #dlExpiryDate .invalid { border:1px solid #FF5454; } #uploadAgeVerificationDocsForm #uploadIDFormContent #passportExpiryDate { opacity:0.2; pointer-events:none; } #uploadAgeVerificationDocsForm #uploadIDFormContent #passportExpiryDate .invalid { border:1px solid #FF5454; } /* START: SESSION EXPIRING POPUP */ #sessionExpiringPopUp { z-index:99; } #sessionExpiringWarning button, #sessionExpiringWarning a { margin:15px 0 8px 0; } #sessionExpiringWarning a { display:block; width:100%; } /* START: SESSION EXPIRED POPUP */ #sessionExpiredPopUp button { padding:0; margin:15px auto 0 auto; } /* START: REALITY CHECK POPUP */ #realityCheckPopup .infoWindowBody .secondaryFormButton { width:100%; display:block; margin:27px auto 17px auto; } /* START: ALREADY LOGGED IN FORM */ #alreadyLoggedInForm { width:344px; } #alreadyLoggedInForm #alreadyLoggedInContent { width:277px; margin:17px auto 0 auto; } #alreadyLoggedInForm #alreadyLoggedInContent .formPopupContentTitle { margin-top:35px; font-size:20px; } /* START: UPDATE TEMP PASSWORD FORM */ #setPasswordFormPopUp { width:344px; } #setPasswordFormPopUp #setPasswordContent { width:277px; margin:17px auto 0 auto; } #setPasswordFormPopUp #setPasswordContent .formPopupContentTitle { margin-top:35px; } #setPasswordFormPopUp #setPasswordContent form { margin-top:40px; } /* START: SET PASSWORD EMAIL EXPIRED POPUP */ #setPasswordExpiredPopUp { width:344px; } #setPasswordExpiredPopUp #setPasswordExpiredContent { width:277px; margin:17px auto 0 auto; } #setPasswordExpiredPopUp #setPasswordExpiredContent .formPopupContentTitle { margin-top:35px; font-size:20px; } #setPasswordExpiredPopUp #setPasswordExpiredContent .linkAsButton { padding-top:10px; } /* START: UPLOAD ID SUCCESS OR FAIL */ #documentsUploadSuccess .accountUpdateSuccess { color:#03C262; } #documentsUploadSuccess .accountUpdateSuccess img { margin-right:10px; } #documentsUploadSuccess .accountUpdateFail { color:#FF5454; } #documentsUploadSuccess .accountUpdateFail img { margin:-2px 10px 0 0; } /* START: IDENTITY VERIFICATION INFO */ #infoVerifyID p.sub-heading { margin-top:32px; } #infoVerifyID p.infoVerifyIDBold { font-weight:500; margin-top:7px; } #infoVerifyID p#infoVerifyIDBill { margin-top:30px; } #infoVerifyID ul { list-style-type:none; display:block; padding:0; margin-bottom:37px; font-weight:300; } #infoVerifyID ul > li:before { content:"-"; margin-right:40px; } /* START: VERIFY EMAIL POPUP */ .verifyEmailPopUp .infoWindowBody .linkAsButton { margin-top:30px; } .verifyEmailPopUp .infoWindowBody .secondaryFormButton { display:block; width:100%; margin-top:20px; } .verifyEmailPopUp .infoWindowBody .secondaryFormButton:hover { color:#165D8A!important; } .verifyEmailPopUp .infoWindowBody .secondaryFormButton:active { color:#FFFFFF!important; } /* START: Unsaved Content Popup POPUP */ .ui-dialog { position:absolute!important; top:75px!important; bottom:0; margin: auto; right: 0; left: 0!important; } #warningUnsavedContentPopup.ui-dialog-content { width:344px!important; } #warningUnsavedContentPopup button { width:125px!important; margin:15px 0 0 0; } #warningUnsavedContentPopup .primaryFormButton { float:left; } #warningUnsavedContentPopup .secondaryFormButton { float:right; } /* START: ALL BANNER STYLES */ .yellowBanner { background-color:#FECF6B; } .yellowBanner p { color:#012B45; } .banner { position:relative; width:100%; display:flex; margin:0px auto; border-top:1px solid #012b45; border-bottom:1px solid #012b45; } .banner ~ .banner { border-top:none; } .banner .bannerSection { max-width:1150px; margin-right:auto; margin-left:auto; padding-top:20px; } .banner .bannerSection .bannerImage{ float:left; margin-right:22px; } .banner .bannerSection .bannerContent { width:1055px; float:left; padding-bottom:17px; } .banner .bannerSection .bannerContent p { font-size:14px; line-height:21px; margin:0; } .banner .bannerSection .bannerContent .bannerTitle { font-size:19px; font-weight:500; text-transform:uppercase; line-height:27px; } /* START: IDENTITY VERIFYING FAILED BANNER */ #alertAcctVerificationFailed { background-color:#FF5454; } #alertAcctVerificationFailed p { color:#FFFFFF; } #alertAcctVerificationFailed .bannerSection .bannerImage img { margin-top:25px; } #alertAcctVerificationFailed .bannerSection .bannerContent ul { list-style-type:none; display:block; margin-top:12px; padding:0; } #alertAcctVerificationFailed .bannerSection .bannerContent ul li { float:left; height:47px; padding-top:13px; text-align:center; font-size:14px; font-weight:500; border:1px solid #979797; border-radius:5px; background-image:linear-gradient(#FFFFFF, #DCDCDC); cursor:pointer; } #alertAcctVerificationFailed .bannerSection .bannerContent ul li a { color:#4E4E4E; } #alertAcctVerificationFailed .bannerSection .bannerContent ul li a:hover { text-decoration:none; } #alertAcctVerificationFailed .bannerSection .bannerContent ul li a:active { text-decoration:none; } #alertAcctVerificationFailed .bannerSection .bannerContent ul li a:focus { text-decoration:none; } #alertAcctVerificationFailed .bannerSection .bannerContent ul li.verificationFailedEmail { width:273px; margin-right:49px } #alertAcctVerificationFailed .bannerSection .bannerContent ul li.verificationFailedPhone { width:273px; margin-right:52px } #alertAcctVerificationFailed .bannerSection .bannerContent ul li.verificationFailedChat { width:270px; } /* START: SAVED SHOPPING CART BANNER */ #alertSavedShoppingCart .bannerSection { position:relative; } #alertSavedShoppingCart .bannerSection .formPopupHeaderClose { position:absolute; right:0; top:0; padding:15px 0 0 0; } #alertSavedShoppingCart .bannerSection .bannerContent p { width:695px; float:left; } #alertSavedShoppingCart .bannerSection .bannerContent p.savedCartDrawPassed { width:845px; } #alertSavedShoppingCart .bannerSection .bannerContent form button { width:136px!important; float:left; margin-top:-4px; line-height:15px; padding-top:15px; } #alertSavedShoppingCart .bannerSection .bannerContent form button span { display:block; font-weight:400; font-size:10px; text-shadow:none; } #alertSavedShoppingCart .bannerSection .bannerContent .shoppingCartLinks { display:inline-block; float:left; padding:0px 36px 0 0; margin-top:-5px; text-align:right; } #alertSavedShoppingCart .bannerSection .bannerContent .shoppingCartLinks a { font-size:16px; display:block; line-height:25px; } /* START: SET LIMITS BANNER */ #alertSetLimits .bannerSection .bannerContent p { width:787px; float:left; margin-top:11px; } #alertSetLimits .bannerSection .bannerContent a { width:200px!important; float:left; margin-top:0; padding-top:10px; } /* START: UPDATE DETAILS BANNER */ #alertUpdateDetails .bannerSection .bannerContent p { width:787px; float:left; } #alertUpdateDetails .bannerSection .bannerContent p.bannerTitle { margin-top:8px; text-transform:none; } #alertUpdateDetails .bannerSection .bannerContent a { width:200px!important; float:left; margin-top:0; padding-top:10px; } /* START: IDENTITY VERIFICATION PENDING INFO */ #alertAcctVerification .bannerSection .bannerImage img { margin-top:45px; } #alertAcctVerification .bannerSection .bannerContent p span.showAgeVerificationForm { text-decoration:underline; cursor:pointer; } #alertAcctVerification .bannerSection .bannerContent hr { opacity:0.16; margin:10px 0 13px 0; } #alertAcctVerification .bannerSection .bannerContent p#acctVerificationInfo { opacity:0.44; } #alertAcctVerification .bannerSection .bannerContent p#acctVerificationInfo a { font-weight:normal; } /* START: GAMSTOP BANNER */ #alertOnGamStopList .bannerSection .bannerImage img { margin-top:31px; } /* START: ACCOUNT DIABLED BANNER */ #alertAcctDisabled .bannerSection .bannerImage img { margin-top:12px; } /* START: COUNTRY BLOCKED BANNER */ #alertCountryBlocked .bannerSection .bannerImage img { margin-top:21px; } /* START: ACCOUNT INACTIVE BANNER */ #alertAcctInactive .bannerSection .bannerImage img { margin-top:12px; } /* START: ACCOUNT ON HOLD */ #alertAcctOnHold { background-color:#2A7FBF; } #alertAcctOnHold p { color:#FFFFFF; } #alertAcctOnHold .bannerSection .bannerImage img { margin-top:30px; } #alertAcctOnHold .bannerSection .bannerContent a { color:white; text-decoration:underline; } /* START: VERIY EMAIL */ #alertVerifyEmail .bannerSection .bannerImage img { margin-top:21px; } #alertVerifyEmail .bannerSection .bannerContent a { color:#000000; text-decoration:underline; } /* START: IDENTITY VERIFYING INFO */ #alertAcctVerifying .bannerSection .bannerImage img { margin-top:12px; } #addFundsSuccessPopUp button { width:220px!important; height:70px!important; float:none; display:block; margin:45px auto 0 auto; padding:0; } .addFundsText { font-weight: 300; line-height:14px; text-align:right; } /* START: ITEM IN SHOPPING CART */ #itemInShoppingCartPopUp .infoWindowBody form button { margin-top:27px; line-height:15px; padding-top:13px; } #itemInShoppingCartPopUp .infoWindowBody form button span { display:block; font-weight:400; font-size:10px; text-shadow:none; } #itemInShoppingCartPopUp .infoWindowBody .secondaryFormButton { width:100%; display:block; margin:27px auto 17px auto; } #itemInShoppingCartPopUp .infoWindowBody a { display:block; margin-top:6px; } #itemInShoppingCartPopUp .infoWindowBody a:first-of-type { margin-top:12px; } #cookie-prompt { background-color:#fecf6b; z-index:2; position:relative; } #cookie-prompt #cookieContent { text-align:center;} #cookie-prompt #cookieContent p { display:inline-block; color:#4E4E4E; padding:12px 0; margin:0; } #cookie-prompt #cookieContent .closeCookieBanner { width:44px!important; height:30px!important; padding:2px 0!important; margin:0 0 0 12px; } #cookie-prompt img { position:absolute; top:13px; right:20px; } #siteUnderMaintenance { background-color:#FF5454; border:none; } #siteUnderMaintenance .bannerSection .bannerImage img { margin-top:0px; } #paymentIssues { background-color:#FF5454; border:none; } #paymentIssues .bannerSection .bannerImage img { margin-top:13px; } #paymentIssues .paymentIssuesTitle { font-size:19px; font-weight:500; margin:4px 0; } /*--------------- START: LOTTERY BANNERS ------------------------*/ .lotteryBanners { position:relative; height:336px; } .lotteryBanners #bannerBackground_10toWin { background:url(../images/BG_10ToWin_French_Desktop.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; } .lotteryBanners #bannerBackground_lucky5_eu { background:url(../images/BG_Lucky5_Euro_Desktop.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; } .lotteryBanners #bannerBackground_lucky5_fr { background:url(../images/BG_Lucky5_French_Desktop.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; } .lotteryBanners #bannerBackground_lucky5_ir { background:url(../images/BG_Lucky5_Irish_Desktop.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; } .lotteryBanners #bannerBackground_lucky5_oz { background:url(../images/BG_Lucky5_Oz_Desktop.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; } .lotteryBanners .bannerPromoInfo { position:absolute; left:186px; } .lotteryBanners .bannerPromoInfo .bannerPromoDealImgMobile { display:none; } .lotteryBanners .bannerPromoInfo .gradient_for_banner_mobile { display:none; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft { width:415px; position:relative; float:left; height:336px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoBannerCopy p { font-family:'impact',sans-serif; color:#FFFFFF; text-shadow:0px 3px 6px #00000029; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoDealImg { position:absolute; top:3px; z-index:1; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .blue-white-red-stars-banner-left { position:absolute; top:79px; left:173px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .blue-white-red-stars-banner-right { position:absolute; top:79px; left:321px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .yellow-white-stars-banner-left { position:absolute; top:79px; left:150px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .yellow-white-stars-banner-right { position:absolute; top:79px; left:315px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .gradient_for_banner { width:593px; height:211px; border-radius:0 0 5px 0; background-image:linear-gradient(to left, #020E3100, #020E31); opacity:0.51; margin-top:20px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoBannerName { width:101px; position:absolute; top:69px; left:217px; font-size:25px; text-align:center; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoBannerDescription { width:500px; position:absolute; top:106px; left:26px; font-size:25px; text-align:center; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoBannerJackpot { width:500px; position:absolute; top:120px; left:26px; font-size:90px; text-align:center; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoLotteryLogo { position:absolute; bottom:0; left:-35px; height:100%; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoLotteryLogo .promoLotteryLogoImg { position:absolute; bottom:0; top:0; margin:auto; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .promoLotteryLogo .promoLotteryLogoImg_mobile { display:none; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoAmount { width:415px; height:80px; position:absolute; bottom:16px; padding-left:75px; border-radius:5px; background-color:#02222EAB; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoAmount p { color:#FFFFFF; font-size:18px; font-weight:500; margin:17px 0 0 0; line-height:24px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoAmount p + p { font-size:13px; margin:0; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoAmount .bannerPromoPriceInfo { color:#FC7D2B; position:relative; font-size:20px; font-weight:600; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoAmount .bannerPromoSlashThrough { color:#FC7D2B; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoLeft .bannerPromoAmount .bannerPromoSlashThrough:before { position:absolute; content:""; width:60%; left:0; right:0; top:43%; margin:0 auto; border-top:3px solid #FFFFFF; -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg); } .lotteryBanners .bannerPromoInfo .bannerPromoInfoMiddle { width:230px; position:relative; float:left; height:336px; margin:0 12px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoMiddle .linkAsButton { position:absolute; bottom:16px; height:55px!important; font-size:29px!important; font-weight:500; padding-top:8px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoMiddle .promoWarrenty_Mobile { display:none; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoRight { width:136px; position:relative; float:left; height:336px; } .lotteryBanners .bannerPromoInfo .bannerPromoInfoRight img { position:absolute; bottom:16px; } /*-------------- START: NUMBER SELECTOR --------------------*/ #lotterySection { margin:0 auto; position:relative; } #frenchLottoPromoPage #main { min-height:1275px; } #superEnalottoLottoPage #main { min-height:1250px; } #main { position:relative; height:100%; min-height:900px; margin:0px auto 53px auto; padding:23px 0 50px 0px; background-color:#0C4970; } p#placeBetButton, p#placePromoButton { text-align:center; padding-top:21px; height:46px; } #main #tickets_section { position:relative; width:100%; height:100%; min-height:425px; margin-right:auto; margin-left:auto; margin-top:23px; overflow:auto; padding:21px 0 31px 7px; } #main #tickets_section p#single_play_header { line-height:37px; padding:0; margin:0; font-size:25px; color:#0889D7; } #main #tickets_section .lines { float:left; width:215px; border:2px solid #FF5454; border-radius:6px; background-color:#FFD8D8; margin:0 2px 15px 2px; box-sizing:unset; } #frenchLottoPage #main #tickets_section .lines, #frenchLottoPage #main #tickets_section .addLines { height:387px; } #frenchLottoPage #main #tickets_section .lines:hover { height:410px; } #frenchLottoPromoPage #main #tickets_section .lines, #frenchLottoPromoPage #main #tickets_section .addLines { height:387px; } #frenchLottoPromoPage #main #tickets_section .lines:hover { height:410px; } #euromillionsLottoPage #main #tickets_section .lines, #euromillionsLottoPage #main #tickets_section .addLines { height:403px; } #euromillionsLottoPage #main #tickets_section .lines:hover { height:426px; } #eurojackpotLottoPage #main #tickets_section .lines, #eurojackpotLottoPage #main #tickets_section .addLines { height:403px; } #eurojackpotLottoPage #main #tickets_section .lines:hover { height:426px; } #irishLottoPage #main #tickets_section .lines, #irishLottoPage #main #tickets_section .addLines { height:318px; } #irishLottoPage #main #tickets_section .lines:hover { height:341px; } #usMegaMillionsLottoPage #main #tickets_section .lines, #usMegaMillionsLottoPage #main #tickets_section .addLines { height:518px; } #usMegaMillionsLottoPage #main #tickets_section .lines:hover { height:541px; } #ozLottoPage #main #tickets_section .lines, #ozLottoPage #main #tickets_section .addLines { height:318px; } #ozLottoPage #main #tickets_section .lines:hover { height:341px; } #canadianLottoPage #main #tickets_section .lines, #canadianLottoPage #main #tickets_section .addLines { height:318px; } #canadianLottoPage #main #tickets_section .lines:hover { height:341px; } #usPowerballLottoPage #main #tickets_section .lines, #usPowerballLottoPage #main #tickets_section .addLines { height:518px; } #usPowerballLottoPage #main #tickets_section .lines:hover { height:541px; } #superEnalottoLottoPage #main #tickets_section .lines, #superEnalottoLottoPage #main #tickets_section .addLines { height:485px; } #superEnalottoLottoPage #main #tickets_section .lines:hover { height:508px; } #ausPowerballLottoPage #main #tickets_section .lines, #ausPowerballLottoPage #main #tickets_section .addLines { height:360px; } #ausPowerballLottoPage #main #tickets_section .lines:hover { height:383px; } #spanishLottoPage #main #tickets_section .lines, #spanishLottoPage #main #tickets_section .addLines { height:375px; } #spanishLottoPage #main #tickets_section .lines:hover { height:398px; } #main #tickets_section .lines #mobileUpperTicketSection { display:none; } #main #tickets_section .lines #upperTicketSection { height:30px; margin:0 13px 5px 13px; } #main #tickets_section .lines #upperTicketSection img.ticketCompleteImage { margin:6px 0 0 10px; vertical-align:middle; } #main #tickets_section .lines #upperTicketSection img.ticketIncompleteImage { margin:10px auto 0 auto; display:inline-block; width:100%; } #main #tickets_section .lines #upperTicketSection button { float:right; } #main #tickets_section .lines #upperTicketSection button.quickPickButton { display:none; font-size:14px; width:91px!important; height:27px!important; padding-top:4px; margin:0; font-weight:400; } #main #tickets_section .lines #upperTicketSection button.clearButton { display:none; width:59px; height:27px; font-size:14px!important; margin-left:5px; padding-top:3px!important; outline:none; cursor:pointer; } #main #tickets_section .lines #upperTicketSection button.trashButton { display:none; height:27px; width:42px; margin-left:5px; padding:0!important; outline:none; } #main #tickets_section .lines #upperTicketSection button.trashButton img { margin:0; filter:brightness(100); } #main #tickets_section .lines #upperTicketSection button.trashButton:hover img { filter:none; } #main #tickets_section .lines #upperTicketSection button.trashButton:active img { filter:brightness(100); } #main #tickets_section .lines #upperTicketSection #choosenNumber { display:none; } #main #tickets_section .lines #choosenBonus {opacity:0.3; } #main #tickets_section .lines p { font-size:13px; opacity:0.7; color:#000000; font-weight:550; margin:0 0 0px 10px; clear:both; padding-top:10px;} #main #tickets_section .lines ul { text-align: center; list-style:none; padding:0; font-size:0; margin:0 6px; } #main #tickets_section .lines ul li { outline-style:none;display:inline-block; width:25px; height:25px; font-size:13px; font-weight:500; color:#2B2B2B; font-family:'Heebo', sans-serif; text-align:center; border:1px solid #CECECE; border-radius:4px; cursor:pointer; /*opacity:0.3;*/ margin:2px; padding:0; line-height:22px; float: left;} #main #tickets_section .lines ul li.ticketNumber { background-color:#FFFFFF; border:1px solid #CECECE; } #main #tickets_section .lines .bonusTicketNumber { background-color:#FECF6B; border:1px solid #E4B34B; } #main #tickets_section .lines ul li.selectedNumber { color:#FFFFFF; background-color:#0C4970!important; border-color:#0C4970; opacity:1; } #main #tickets_section #lineButtons { position:absolute; bottom:0; right:21px; } #main #tickets_section #lineButtons button { width:132px; height:40px; border:1px solid #979797; border-radius:5px; background-image:linear-gradient(180deg, #FFFFFF, #DCDCDC); font-family:'Heebo', sans-serif; color:#d7d7d7; font-size:16px; font-weight:500; cursor:pointer; margin-bottom:133px; } #main #tickets_section .ticketComplete { border:2px solid #C1E0E0; background-color:#E1F8F9; } #main #tickets_section .ticketComplete .ticketIncompleteImage { display:none!important; } #main #tickets_section .ticketComplete p { opacity:0.3; margin-top:5px !important;} #main #tickets_section .ticketComplete ul li { opacity:0.5; } #main #tickets_section .lines .availableNumbersComplete li { opacity:0.5; } #main #tickets_section .lines .availableBonusNumbersComplete li { opacity:0.5; } #main #tickets_section .lines ul.preSelectedNumbers li.selectedNumber { opacity:1!important; } #main #tickets_section .lines .availableBonusNumbersComplete.preSelectedNumbers li { opacity:0.15!important; } #main #tickets_section .lines:hover { position:relative; width:233px; height:410px; border:2px solid #E1AE55; border-radius:6px; background-color:#FFF0D5; box-shadow:0px 5px 18px #00000047; margin:-18px -14px -7px 0; padding-top:17px; z-index:2; } #main #tickets_section .lines:hover p { opacity:0.7; margin:0px 0 1px 16px; } #main #tickets_section .lines:hover .ticketIncompleteImage { display:none!important; } #main #tickets_section .lines:hover #upperTicketSection button.quickPickButton { display:inline-block; } #main #tickets_section .lines:hover #upperTicketSection button.clearButton { display:inline-block; } #main #tickets_section .lines:hover #upperTicketSection button.trashButton { display:inline-block; } #main #tickets_section .lines:hover #upperTicketSection #choosenNumber {opacity:1; } #main #tickets_section .lines:hover #choosenBonus {opacity:1; } #main #tickets_section .lines:hover #upperTicketSection button#trash1,#trash2,#trash3 { display:none !important; } #main #tickets_section .lines:hover ul li { opacity:1; } #main #tickets_section .lines:hover ul.availableNumbersComplete li { opacity:0.5; } #main #tickets_section .lines:hover ul.availableNumbersComplete li.ticketNumber:hover { color:#6D6D6D; background-color:#FAFFFA; border:1px solid #ACACAC; opacity:1; } #main #tickets_section .lines:hover ul.availableBonusNumbersComplete li.bonusTicketNumber:hover { color:#6D6D6D; background-color:#F9E6AF; border:1px solid #B5AC90; opacity:1; } #main #tickets_section .lines:hover ul.availableNumbersComplete li.selectedNumber { opacity:1 !important; } #main #tickets_section .lines:hover ul.availableNumbersComplete li.selectedNumber:hover { color:#FFFFFF; background-color:#E59409; border:1px solid #0C4970; } #main #tickets_section .lines:hover ul.availableBonusNumbersComplete li.selectedNumber:hover { color:#FFFFFF; background-color:#E59409; border:1px solid #0C4970; } #main #tickets_section .lines:hover ul.availableBonusNumbersComplete li { opacity:0.5; } #main #tickets_section .lines:hover ul.availableBonusNumbersComplete li.selectedNumber { opacity:1 !important; } #main #tickets_section .ticketComplete:hover { width:233px; height:410px; border:2px solid #C1E0E0; border-radius:6px; background-color:#E1F8F9; box-shadow:0px 5px 18px #00000047; margin-top:-18px; padding-top:17px } #main #tickets_section .ticketComplete:hover button.quickPickButton { display:none !important; } #main #tickets_section .ticketComplete:hover ul li { opacity:0.5; } #main #tickets_section .ticketComplete:hover ul li.selectedNumber { opacity:1; } #main #tickets_section .lines:hover ul { margin:0 15px 0 15px; } #main #tickets_section .lines ul li.ticketNumber:hover { background-color:#FF7E19; color:white; border:1px solid #FF7E19; opacity:1; } #main #tickets_section .lines ul li.bonusTicketNumber:hover { background-color:#FF7E19; color:white; border:1px solid #FF7E19; opacity:1; } #main #tickets_section .lines ul li.selectedNumber:hover { color:#FFFFFF; background-color:#FF7E19!important; border:1px solid #0C4970; opacity:1; } #main #tickets_section .lines ul li.ticketNumber:active { color:#2B2B2B; background-color:#FFFFFF; border:1px solid #CECECE; opacity:1; } #main #tickets_section #addLine { text-decoration:none; } #main #tickets_section .addLines { position:relative; float:left; width:217px; height:389px; border:2px solid #013658; border-radius:6px; background-color:#013658; margin:0 2px 15px 2px; cursor:pointer; } #main #tickets_section .addLines #upperTicketSection { height:30px; margin:0 15px 5px 15px; } #main #tickets_section .addLines p { font-size:13px; color:#FFFFFF; opacity:0.1; margin:0 0 -2px 9px; } #main #tickets_section .addLines ul { text-align: center; list-style:none; padding:0; font-size:0; } #main #tickets_section .addLines ul li { outline-style:none;display:inline-block; width:23px; height:23px; font-size:13px; color:#2B2B2B; font-family:'Heebo', sans-serif; text-align:center; border:1px solid #CECECE; border-radius:4px; opacity:0.1; margin:2px; padding:0; line-height:22px;} #main #tickets_section .addLines ul li.ticketNumber { background-color:#FFFFFF; border:1px solid #CECECE; } #main #tickets_section .addLines ul li.bonusTicketNumber { background-color:#FECF6B; border:1px solid #E4B34B; } #main #tickets_section .addLines #addLineImage { position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; width:56px; height:56px; background-color:#FF7E19; opacity:1; border-radius:45px; text-align:center; color:#FFFFFF; text-shadow:1px 1px 2px #873B00; font-size:41px; font-weight:700; } #main #tickets_section .addLines #addLineText { position:absolute; left:0; right:0; bottom:0; top:-90px; margin:auto; height:22px; opacity: 1; text-align: center; font-size: 16px; font-weight:500; } #main #tickets_section .addLines #addQuickPickText { display:none; } #main #tickets_section span { margin-left: 22px; padding: 0; margin: 1px; font-size: 18px; border: 0.5px solid #b1b1b1; border-radius:4px; color:#2B2B2B; background: #fff; cursor: pointer; float: left; width: 20px; height: 20px; text-align: center; font-size:13px; font-family:'Heebo', sans-serif; } #webUpperTicketSection { clear:both; } #lotteryTabs { padding:0; margin:30px 0 0 0; border-bottom:4px solid #0C4970; } #lotteryTabs li { display:inline-block; cursor:pointer; background-color:#2C7AAB; border:1px solid #013658; } #lotteryTabs li.lottoTab { width:172px; height:45px; color:#FFFFFF; font-size:16px; text-align:center; font-weight:500; vertical-align:bottom; margin:4px -3px 0 0; padding-top:11px;} #lotteryTabs .lottoTabActive { height:49px!important; background-color:#165D8A; border-top:4px solid #00ADEF; border-right:none; border-left:none; padding-top:12px!important; cursor:default; } #lotterySection .orderDetails { font-size:16px; font-weight:500; display:inline; } #lotterySection #promoDiscountAmount { color:#03C262; font-weight:400; clear:both; } #main .orderBillingPeriod span { width:171px; height:61px; background-image:linear-gradient(#FFFFFF, #DCDCDC); float:left; border-top:1px solid #979797; border-bottom:1px solid #979797; text-align:center; cursor:pointer; margin-top:3px;} #main .orderBillingPeriod .orderBillingMonthly { border-right:1px solid #979797; border-left:1px solid #979797; border-top-left-radius:5px; border-bottom-left-radius:5px; padding-top:18px; } #main .orderBillingPeriod .orderBillingYearly { border-right:1px solid #979797; border-top-right-radius:5px; border-bottom-right-radius:5px; padding-top:9px; } #main .orderBillingPeriod .billingActive { background-color:#0699E1; background-image:none; border-color:#0579B2; color:#fff; } .howToPlay { width:100%; background-color:#165D8A; height:74px; margin:-14px 0 32px 0; } .howToPlay div { height:100%; padding:0; position:relative; border-right:1px solid #0C4970; float:left; display: flex; justify-content:center; align-items:center; } .howToPlay div:last-child { border:none; } .howToPlay p { margin:0; } .howToPlaySectionTitle { width:201px; } .howToPlaySection { width:303px; } .superdrawPage .howToPlaySectionTitle { width:290px; } .superdrawPage .howToPlaySection { width:410px; } .howToPlaySectionTitle p { font-size:20px; color:#FFFFFF; font-weight:500; } .howToPlayNumber { float:left; font-size:35px!important; color:#F8EC30!important; font-weight:600!important; width:100px; padding-left:65px; } .howToPlayDirections { float:right; width:200px; } .promoText { margin-bottom:30px; } #main .ticketSectionFeatures { display:block; clear:both; height:40px; } #main .ticketSectionFeatures #quickpickClearAll { float:right; } #main .ticketSectionFeatures #quickpickClearAll p { width:132px; height:40px; padding-top:8px!important; float:right; margin-right:8px; } #main .ticketSectionFeatures #quickpickClearAll p:first-child { margin-right:0; } #main .ticketSectionFeatures #quickpickClearAll .clearAll { margin-right:16px; } #main .ticketSectionFeatures .lottoSecondaryHeader { color:#FFFFFF; line-height:16px; padding:0; margin:0; font-size:16px; font-weight:500; position:absolute; bottom:0; } .lotteryDetails { margin-bottom:50px; } .lotteryDetails #lottoPageImage { width:100%; margin-bottom:9px; } .lotteryDetails #lotteryAccordionBanner { background-image:url(../images/TileStripeBG.png); width:100%; height:223px; margin-bottom:16px; } .lotteryDetails #lotteryAccordionBanner p { color:#1B1464; font-size:22px; font-weight:600; text-align:center; padding-top:47px; } .lotteryDetails #lotteryAccordionBanner p:last-child { color:#02222E; font-size:86px; padding-top:0; line-height:80px; } .lotteryDetails .accordion .row { margin:0; padding-left:7px; } #lotteryPageCopy { margin:0 auto; width:1183px; background-color:#013658; position:relative; } .lotteryPageCopy { display:inline-block;} .lotteryPageCopy hr { margin-bottom:52px; } .lotteryPageCopyContent { padding:0 92px } .lotteryPageCopy .pageHeading { margin-bottom:0; } .lotteryPageCopy .sub-heading { margin-top:5px; } .lotteryPageCopy section { border-bottom:1px solid #165D8A; display:inline-block; padding:43px 0 22px 0; } .lotteryPageCopy section:last-child { border-bottom:none; padding-bottom:131px; } .lotteryPageCopy section div { float:left; } .lotteryPageCopyImg { width:167px; } .lotteryPageCopyText { width:796px; } .lotteryPageCopyImgM { display:none; } .singleOrderDetails { padding:0 17px; margin:0 auto; float:none; height:230px; } .singleOrderDetails .singleOrderDetailColumn:last-child { float:right; } .singleOrderDetails .singleOrderDetailColumn .orderDetailsBreakdown { display:inline-block; width:100%; } .singleOrderDetails .singleOrderDetailColumn #linesDrawsCount { width:250px; float:left; } .singleOrderDetails .columnPromoOrderOptions { width:344px; padding:0; } .singleOrderDetails .columnPromoOrderDetails { width:344px; padding:0 10px; } .singleOrderDetails .columnPromoOrderDetails p { margin:2px 0 0 0; } .singleOrderDetails #placeBetButton, .singleOrderDetails #placePromoButton { height:67px!important; margin-top:13px; } .singleOrderDetails .orderSubscription { position:relative; display:inline-block; width:59px; height:30px; float:right; } .singleOrderDetails .orderSubscription input { opacity:0; width:0; height:0; } .singleOrderDetails .orderSubscription .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#002339; border: 1px solid #2C7AAB; } .singleOrderDetails .orderSubscription .slider:before { position:absolute; content:""; height:23px; width:23px; left:4px; bottom:3px; background-color:#00ADEF; -webkit-transition:.4s; transition:.4s; } .singleOrderDetails .orderSubscription input:checked + .slider { background-color:#03C262; border:1px solid #03C262; } .singleOrderDetails .orderSubscription .slider:hover { border:1px solid #C7E9FE!important; } .singleOrderDetails .orderSubscription input:focus + .slider { box-shadow:0 0 1px #03C262; } .singleOrderDetails .orderSubscription input:checked + .slider:before { background-color:#FFFFFF; -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); } .singleOrderDetails .orderSubscription .slider.round { border-radius:34px; } .singleOrderDetails .orderSubscription .slider.round:before { border-radius:50%; content:"-"; text-align:center; font-size:20px; line-height:22px; font-weight:500; } .singleOrderDetails .orderSubscription .slider:after{ content:'OFF'; color: white; display: block; position: absolute; transform: translate(-50%,-50%); top:50%; right:-14%; font-size:13px; font-weight:500; } .singleOrderDetails .orderSubscription input:checked + .slider:after { content:'ON'; top:50%; left:44%; } .singleOrderDetails .orderAmounts { float:right; position:relative; } .singleOrderDetails hr { margin:10px 0; } .singleOrderDetails form p { color:#FFFFFF; line-height:22px; } .drawDateChange { margin:4px 0 8px 0; font-style:italic; color: #FECF6B!important; } .lotteryDetailOdds { padding:0; line-height:25px; font-size:15px; color:#C7E9FE; } .lotteryDetailOdds .row { margin:0; } .lotteryDetailOdds div { padding:0; } .lotteryDetailOdds .lotteryDetailOddsMobile { display:none; } .lotteryDetailOdds .oddsAmount { text-align:right; padding-right:15px; } .lotteryDetailOdds #lotteryOddsNote { font-size:12px; float:right; padding-right:15px; } .lotteryDetailOdds .gordoSeriesDesc, .lotteryDetailOdds .additionalLottoOdds { font-size:12px; text-align:right; padding-right:15px; margin:5px 0 0px 0; } .lotteryDetails .lottoDetailHeader { font-size:15px; font-weight:500; display:inline; } .gordoInfo { text-align:center; margin-top:61px; } .gordoInfo h3 { margin-bottom:25px; } .gordoInfo p { line-height:12px; } .gordoSubInfo { font-size:12px!important; } .singleOrderDetailColumn .lotteryCounter { margin:5px 0 0 7px; } .singleOrderDetailColumn .lotteryCounter div { padding:0; } .singleOrderDetailColumn .lotteryCounter p { margin:0; font-size:29px!important; } .singleOrderDetailColumn .lotteryCounter p.lotteryCountPlus { float:right; } .singleOrderDetailColumn .lotteryCounter p.lotteryCount { width:200px; margin:0 auto; padding-top:2px; line-height:15px; background-color:#002339; border:1px solid #2C7AAB; color:#C7E9FE; } .singleOrderDetailColumn #lottoDrawDays p.lottoDrawDaysTitle { font-size:16px; font-weight:500; margin-bottom:4px; padding-top:20px; clear:both; } .superdrawPage .singleOrderDetailColumn #lottoDrawDays p.lottoDrawDaysTitle { padding-top:0; margin-top:0; } .singleOrderDetailColumn #lottoDrawDays p.lottoDrawDays { margin:4px 0 0 14px; } .superdrawPage .singleOrderDetailColumn #lottoDrawDays p.lottoDrawDays { margin-left:7px; } .superdrawPage .checkboxRadioContainer { padding-left:0; } .singleOrderDetailColumn #lottoDrawDays label { font-weight:400; font-size:15px; vertical-align:text-top; color:#C7E9FE; } .singleOrderDetailColumn #lottoDrawDays label .drawDayOfWeek { display:inline-block; width:90px; } /*.singleOrderDetailColumn #lottoDrawDays label .drawDateCountdown { display:none; }*/ .singleOrderDetailColumn #lottoDrawDays label .drawDateCountdownClock { margin:-2px 6px 0 9px; } .singleOrderDetailColumn #lottoDrawDays label .drawDateCountdownCopy { color:#FECF6B; } .singleOrderDetailColumn #promoImage { width:288px; height:192px; background-color:#F8EC30; border-radius:4px; text-align:center; } .singleOrderDetailColumn #promoImage img { display:inline-block; margin-top:18px; } .singleOrderDetailColumn.columnPromoImageDiscount { width:325px; } .singleOrderDetailColumn #promoImageDiscount .promoImage_M { display:none; } .singleOrderDetailColumn #promoImageMobile, .singleOrderDetailColumn #promoDiscountImageMobile { display:none; } /* --- Lotto Express Flask: keep add-on labels inside the panel (avoid overflow) --- */ #leAddons { max-width:100%; } #leAddons label { display:flex; align-items:flex-start; gap:8px; max-width:100%; } #leAddons label input { flex:0 0 auto; margin-top:3px; } #leAddons label span { flex:1 1 auto; min-width:0; white-space:normal; overflow-wrap:anywhere; word-break:break-word; } /* --- Register page: prevent DOB dropdowns wrapping due to inline whitespace --- */ #registerContent .date-dropdowns select { float:left; } #registerContent .date-dropdowns:after { content:""; display:block; clear:both; } /* If reCAPTCHA is disabled (e.g. localhost), reserve space so layout matches legacy. */ #registerContent #recaptchaPlaceholder { width:302px; height:78px; background:transparent; border-radius:3px; box-shadow:none; border:none; margin-top:20px; clear:both; pointer-events:none; } /* Contact Us: reserve space for reCAPTCHA when disabled locally (no visible white box). */ #contactUsRecaptchaPlaceholder { width:302px; height:78px; background:transparent; border:none; margin-top:20px; clear:both; pointer-events:none; } .lotteryNotAvailableInCountry { position:absolute; width:100%; height:100%; background-color:#012b45e8; z-index:1; text-align:center; padding-top:96px; } .lotteryNotAvailableInCountry img { margin-bottom:18px; } .lotteryNotAvailableInCountry p { color:#FECF6B; font-size:30px; font-weight:500; } /*-------------- START: SYNDICATE SELECTOR --------------------*/ #syndicateSection { overflow:auto; padding:23px 0 50px 0px; background-color:#0C4970; margin-bottom:53px } #syndicatePromoPage #syndicateSection { position:relative; display:block; margin:14px auto 53px auto; } #syndicatePromoBanner .bannerContent { position:absolute; right:0; left:0; top:0; bottom:0; width:570px; margin:0 auto; } #syndicatePromoBanner .bannerContentleft { position:absolute; left:0; } #syndicatePromoBanner .bannerContentleft img { margin-top:39.5px; } #syndicatePromoBanner .bannerContentRight { position:absolute; right:0; top:82px; } #syndicatePromoBanner .bannerJackpotAmount { font-family:'impact',sans-serif; font-size:73px; color:#0C4970; line-height:50px; margin:0; } #syndicatePromoBanner .bannerJackpotAmount .bannerJackpotCurrency { font-size:46px; } #syndicatePromoBanner .bannerTimeToDraw { position:relative; top: 0; right: 0; text-align: left; } #syndicatePromoBanner .bannerTimeToDraw span { font-size:14px; color:#0C4970; font-weight:400; line-height:35px; } #syndicatePromoBanner #drawCounterReact { background-color:transparent; width:auto; height:auto; padding:0; display:inline-block; } #syndicatePromoBanner #drawCounterReact span { color:#0C4970; font-weight:400; font-size:14px; } #syndicatePromoBanner .syndicateBannerLinesCopy { font-size:27px; font-weight:900; color:#FF5454; line-height:30px; text-transform:uppercase; width:240px; } #syndicatePromoBanner .syndicateBannerPriceCopy { font-size:19px; font-weight:500; color:#753400; } #syndicateSection .pageHeading { text-align:center; margin-bottom:15px; } #syndicateSection .ticketSectionFeatures .lottoSecondaryHeader { color:#FFFFFF; line-height:16px; padding:0; margin:0; font-size:16px; font-weight:500; position:absolute; bottom:0; } #syndicateSection #syndicateBoxes { margin:1px; text-align:left; display:inline-block; margin-top:11px; } #syndicateSection .syndicateBoxes { text-align:center; } #syndicateSection .syndicateBox { width:305px; /*height:420px; background-color:#165D8A; border:1px solid #2C7AAB; border-radius:5px; float:left; margin-right:15px;*/ } #syndicateSection .syndicateBox .syndicateBoxHeader { width:100%; height:80px; border-top-right-radius:5px; border-top-left-radius:5px; float:left; } #syndicateSection .syndicateBox .syndicateBoxHeader div { padding:0; } #syndicateSection .syndicateBox .syndicateBoxHeader img { margin:16px 15px 0 20px; } #syndicateSection .syndicateBox .syndicateBoxHeader .sydicateBoxTitle { font-weight:400; } #syndicateSection .syndicateBox .syndicateBoxHeader .sydicateBoxTitle span { font-weight:bold; font-size:20px; } #syndicateSection .syndicateBox .syndicateBoxHeader .syndicateBestValue { width:83px; height:28px; color:white; font-size:14px; background-color:#03C262; box-shadow:0 1px 3px #00000059; margin:-14px 0px 0 10px; text-align:center; padding-top:5px; } #syndicateSection .syndicateBox .syndicateBoxHeader .syndicatePricePerLine { border-radius:45px; width:91px; height:91px; text-align:center; box-shadow:0 1px 3px #00000059; } #syndicateSection .syndicateBox .syndicateBoxBody { height:100%; display:flex; padding:12px 0; clear:both; background-color:#165D8A; border-right:1px solid #2C7AAB; border-left:1px solid #2C7AAB; border-bottom:1px solid #2C7AAB;border-bottom-right-radius:5px; border-bottom-left-radius:5px; } #syndicatePromoPage .syndicateBoxBody { padding-top:60px!important; } #syndicatePromoPage .buttonFixed { position:fixed; left:0; right:0; background-color:pink; width:100%; z-index:1; } #syndicatePromoPage ~ footer #footerContents { display:none; } #syndicateSection .syndicateBox .syndicateBoxBody p { margin:0 0 10px; } #syndicateSection .syndicateBox .syndicateBoxBody div { padding:0; } #syndicateSection .syndicateBox .syndicateBoxBody .syndicateDetails p { padding-left:15px; } #syndicateSection .syndicateBox .syndicateBoxBody p span { font-weight:500; } #syndicateSection .syndicateBox .syndicateBoxBody p.syndicateBodyTitle { margin-bottom:14px; } #syndicateSection .syndicateBox .syndicateBoxBody p.syndicateList { line-height:10px; } #syndicateSection .syndicatePromoCopy { text-align:center; padding:0 5px!important; } #syndicateSection .syndicateBox .syndicateBoxBody p.syndicateNumberShares { padding-top:7px; margin:0; color:#FFFFFF; font-size:16px; } #syndicateSection .syndicateBox .syndicateBoxBody p.syndicateNumberShares span { font-weight:400; } #syndicateSection .syndicateBox .syndicateBoxBody .viewSyndicateLines { display:block; text-align:center; font-size:14px; clear:both; padding-top:5px; } #syndicateSection .syndicateButton { width:174px!important; height:67px!important; margin:20px auto 20px auto; display:block; } #syndicateSection .syndicateButton span.syndicatePlaceBet { font-size:19px; font-weight:400; display:block; } #syndicateSection .syndicateButton span.syndicatePrice { font-size:13px; display:block; font-weight:300; } #syndicateSection .syndicateButton span.syndicatePrice span { font-weight:400; } #syndicateSection .stickeySyndicateButton { position:fixed; width:100%; height:93px; right:0; left:0; bottom:0; margin:0 auto; background-color:#013658; z-index:1; } #syndicateSection .stickeySyndicateButton .syndicateButton { width:250px!important; margin:13px auto 0 auto; } #syndicateSection .superSyndicate .syndicatePricePerLine { color:#fff; background-color:#03C262; padding-top:7px; margin:13px 0px 0 6px; line-height:26px; } #syndicateSection .superSyndicate .syndicatePricePerLine span { font-weight:bold; font-size:25px; display:block; margin-bottom:-30px; } #syndicateSection .superSyndicate .syndicateBoxHeader { background-color:#E1F8F9; border:1px solid #E1F8F9; } #syndicateSection .syndicateBox .sydicateBoxTitle { color:#012B45; font-size:18px; white-space:nowrap; margin-top:9px; } #syndicateSection .regularSyndicate .syndicateBoxHeader { background-color:#FFF0D5; border:1px solid #FFF0D5; } #syndicateSection .regularSyndicate .syndicatePricePerLine { line-height:20px; font-size:25px; font-weight:bold; color:#012B45; background-color:#FECF6B; padding-top:28px; margin:27px 0px 0 6px; } #syndicateSection .regularSyndicate .syndicatePricePerLine span { font-size:14px; font-weight:500; } #syndicateSection .superSyndicate .syndicateBoxBody p span.syndicateMatchNum { color:#FFFFFF; font-size:19px; } #syndicateSection .regularSyndicate .syndicateBoxBody p span.syndicateMatchNum { color:#FFFFFF; font-size:19px; } .syndicateTicketWindow { width:334px; height:555px; position:fixed; margin:auto; top:0; bottom:0; left:0; right:0; background-color:#f1f1f1; z-index:3; } .syndicateTicketWindow .ticketWindowHeader { height:49px; border-bottom:1px solid #dddddd; background-color:#FAFAFA; } .syndicateTicketWindow .ticketWindowHeader p { float:right; font-size:23px; font-weight:500; margin:10px 16px 0 0; cursor:pointer; } .syndicateTicketWindow .ticketWindowBody { height:425px; overflow-y:scroll; padding-bottom:40px; } .syndicateTicketWindow .ticketWindowBody .ticketLines { width:100%; padding:15px 0 0 27px; } .syndicateTicketWindow .ticketWindowBody .lineCounter { font-size:17px; font-weight:500; margin-right:23px; } .syndicateTicketWindow .ticketWindowBody .ticketNumber { width:31px; height:31px; display:inline-block; background-color:#FFFFFF; border:1px solid #CECECE; border-radius:4px; margin-right:5px; font-size:17px; font-weight:500; text-align:center; padding-top:3px; } .syndicateTicketWindow .ticketWindowBody .ticketBonusNumber { background-color:#FECF6B; border:1px solid #E4B34B; } .syndicateTicketWindow .ticketWindowFooter { height:81px; background-color:#FAFAFA; padding-top:22px; } .syndicateTicketWindow .ticketWindowFooter .closeTicketWindow { width:122px; height:38px; margin:0 auto; text-align:center; font-size:16px; font-weight:500; padding-top:8px; border:1px solid #979797; background-image:linear-gradient(#FFFFFF, #DCDCDC); border-radius:5px; cursor:pointer; float:none; } #superSyndicateInfoWindow { height:205px; margin-top:-51px; margin-left:-199px; } #regSyndicateInfoWindow { height:205px; margin-top:-51px; margin-left:164px; } .syndicateLinesPopup { height:527px; top:0; bottom:0; right:0; left:0; margin:0 auto; } .syndicateLinesPopup .infoWindowHeader { display:block; height:48px; background-color:#0C4970; } .syndicateLinesPopup .infoWindowBody { overflow-y:scroll; height:398px; margin:0 0 0 27px; padding-top:22px; text-align:left; } .syndicateLinesPopup .infoWindowFooter { position:absolute; bottom:0; right:0; left:0; height:81px; background-color:#0C4970; text-align:center; } .infoWindowFooter button { width:122px; height:38px; padding:0; margin-top:21.5px; } .syndicateLines .lineCount { color:#FFFFFF; font-size:17px; margin-right:15px; width:25px; display:inline-block; text-align:center; } .syndicateLinesPopup .infoWindowBody::-webkit-scrollbar { display:none; } .syndicateLinesPopup .infoWindowBody { -ms-overflow-style:none; scrollbar-width:none; } .syndicateBoxes .lotteryCounter { display:flex; margin:3px 0px 5px 0px; } .syndicateBoxes .lotteryCounter div { padding:0; } .syndicateBoxes .lotteryCounter p { margin:0; font-size:29px!important; line-height:22px; } .syndicateBoxes .lotteryCounter p.groupCountPlus { float:right; border-top-right-radius:5px; border-top-left-radius:0; border-bottom-right-radius:5px; border-bottom-left-radius:0; padding-top:20px; } .syndicateBoxes .lotteryCounter p.groupCountMinus { border-top-right-radius:0; border-top-left-radius:5px; border-bottom-right-radius:0; border-bottom-left-radius:5px; padding-top: 20px; } .syndicateBoxes .lotteryCounter p.lotteryCount { width:145px; margin:0 auto!important; padding-top:2px; line-height:15px; background-color:#002339; border:1px solid #2C7AAB; color:#C7E9FE; } .syndicateOptions { width:305px; margin-bottom:30px; } .syndicateOptions select{ width:100%; } .syndicate1 .syndicateBoxHeader { background-color:#FFF0D5; border:1px solid #FFF0D5; } .syndicate2 .syndicateBoxHeader { background-color:#E1F8F9; border:1px solid #E1F8F9; } .gordoCopy { color:#FFFFFF!important; font-size:16px!important; font-weight:400!important; display:inline-block; margin:-10px 0 15px 0; } .gordoSpecialCopy { color:#FF7E19!important; font-weight:400!important; } .gordoResults { font-size:13px!important; } .gordoSpecialPrize { background-color:#013658; line-height:17px; padding:6px 0 6px 3px!important; } .gordoOverallRow { font-weight:600; } .lotteryDetails .accordion .gordoResults .row { padding-left:3px; } .gordoResults .oddsAmount { padding-right:10px; } .gordoResults .alignRight { text-align:right; padding-right:10px!important; } #regularSyndicateBoxSection .syndicateBoxHeader { background-color:#E1F8F9; border:1px solid #E1F8F9; } #regularSyndicateBoxSection .sydicateBoxTitle p { color:#012B45; font-size:18px; line-height:27px; margin:0; font-weight:400; } #regularSyndicateBoxSection .sydicateBoxTitle p span { font-weight:600; } #regularSyndicateBoxSection .sydicateBoxTitle p.descr { font-weight:600; font-size:20px!important; line-height:21px; } #regularSyndicateBoxSection .sydicateBoxTitle p.descr-small { font-weight:600; font-size:15px!important; line-height:16px; } #regularSyndicateBoxSection .syndicatePricePerLine { background-color:#03C262; color:#FFFFFF; } #regularSyndicateBoxSection .syndicateDescr { width:180px; margin:0 0 7px 0; display:flex; } #regularSyndicateBoxSection .syndicateDescr img { float:left; margin:-12px 12px 0 0; } #regularSyndicateBoxSection .syndicateDescr p { float:right; font-weight:400; line-height:16px; } #regularSyndicateBoxSection .regularSyndicate { margin:0 15px; } .syndicateBox .syndicatePricePerLine { line-height:20px; font-size:25px; font-weight:bold; color:#012B45; background-color:#FECF6B; padding-top:28px; margin:35px 0px 0 6px; } .syndicateBox .syndicatePricePerLine span { font-size:14px; font-weight:500; } .syndicateBox .syndicateMatchNum { color:#FFFFFF; font-size:19px; } .syndicateLinesSection { margin:0 5px; padding:20px 5px; } .syndicateLinesSection .formLabels { margin:0 0 3px 10px!important; } .syndicateLinesSection .syndicateLines { background-color:#013658; padding:15px 0 5px 15px!important; } .syndicateDetails { margin:20px 0 0 0; } /*-------------- START: SINGLE AND SYNDICATE SELECTOR --------------------*/ #lotteryHeaders { float:left; padding-left:0px; } .lotteryCounter { margin-top:-8px; } .lotteryCounter p { width:56px; height:61px; font-size:29px; font-weight:bold; padding:0; text-align:center; cursor:pointer; } .lotteryCounter p.lotteryCountPlus { border-top-right-radius:5px; border-top-left-radius:0; border-bottom-right-radius:5px; border-bottom-left-radius:0; padding-top:20px; } .lotteryCounter p.lotteryCountMinus { border-top-right-radius:0; border-top-left-radius:5px; border-bottom-right-radius:0; border-bottom-left-radius:5px; padding-top:20px; } .lotteryCounter p.fadeoutCounter { opacity:0.3; background-color:#848484!important; cursor:unset; pointer-events:none; } .lotteryCounter p.lotteryCount { font-size:13px!important; font-weight:400; } .lotteryCounter p.lotteryCount input { border:none; width:60px; height:35px; padding:0; text-align:center; margin-top:0px; cursor:pointer; font-weight:bold; font-size:29px; background:transparent; text-indent:0; } .lotteryCounter p.lotteryCount input::-webkit-outer-spin-button, .lotteryCounter p.lotteryCount input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .lotteryCounter p.lotteryCount input[type=number] { -moz-appearance:textfield; } #lotteryBanner { position:relative; height:129px; /*margin:0 -15px 0 -15px;*/ background-image: url(../images/TileStripeBG.png); } .freePlayPage #lotteryBanner { height:160px; } #syndicateBanner { position:relative; height:129px; background-image: url(../images/TileStripeSyndicateBG.svg); } #syndicatePromoBanner { position:relative; height:336px; } .lotto-3 #syndicatePromoBanner { background-image: url(../images/DiscountBG_Irish_Syndicate.png); } .lotto-4 #syndicatePromoBanner { background-image: url(../images/DiscountBG_EuroM_Syndicate.png); } .lotto-8 #syndicatePromoBanner { background-image: url(../images/DiscountBG_US_Power_Syndicate.png); } .lotto-9 #syndicatePromoBanner { background-image: url(../images/DiscountBG_MegaM_Syndicate.png); } .lotto-10 #syndicatePromoBanner { background-image: url(../images/DiscountBG_AU_Power_Syndicate.png); } .lotteryBanners .lotteryBannerBall { position:absolute; top:10px; left:52px; } .lotteryBanners .lotteryBannerBall img { width:100%; height:auto; } .lotteryBanners .bannerHeader { position:absolute; top:0; text-align:center; left:0; right:0; } .lotteryBanners .bannerHeader p { color:#FF5454; font-size:24px; font-weight:500; line-height:35px; margin-top:10px; } #syndicateBanner .bannerHeader p { margin-top:7px; } .lotteryBanners .bannerHeader p.prizePool { font-size:17px; line-height:15px; margin-top:-5px!important; } .lotteryBanners .bannerHeader #bannerJackpotAmount { font-size:73px; font-family:'impact',sans-serif; text-transform:uppercase; } .lotteryBanners .bannerHeader #bannerJackpotAmount .bannerJackpotCurrency { font-size:40px; } .lotteryBanners .bannerTimeToDraw { position:absolute; top:29px; right:40px; text-align:center; } .lotteryBanners .bannerTimeToDraw p { color:#0B4775; font-size:17px; line-height:25px; margin:0; } .lotteryBanners .bannerTimeToDraw #drawCounterReact { width:234px; height:39px; border-radius:5px; background-color:#0B4775; font-size:20px; padding-top:7px; font-weight:300; } .lotteryBanners .bannerTimeToDraw #drawCounterReact span { display:block; color:#FFFFFF; font-size:20px; font-weight:300; } .lotteryBanners .bannerEighteenPlus { position:absolute; bottom:-7px; right:9px; } .lotteryBanners .bannerEighteenPlus p { color:#0B4775; font-size:13px; } #syndicateInfoWindow { margin-top: -29px; margin-left: 356px; } #subscriptionInfoWindow { margin-left:100px; text-align:center; } .availableLotteries { background-image: url(../images/TileStripeBG.png); position:relative; height:257px; overflow-x:hidden; overflow-y:hidden; text-align:center; margin-top:3px; } /* #availableLotteries .lotteriesArrow { width:37px; height:95px; background-color:#00ADEF; cursor:pointer; position:absolute; top:0; bottom:0; margin:auto; z-index:1; box-shadow:0px 0px 4px #00000080; } #availableLotteries .lotteriesArrow img { position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; } #availableLotteries .lotteriesArrow:hover img { filter: invert(0.75) sepia(1) saturate(10) hue-rotate(168deg); } */ .availableLotteries .lotteriesLeft { left:0; border-radius:0 3px 3px 0; } .availableLotteries .lotteriesLeft img { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .availableLotteries .lotteriesRight { right:0; border-radius:3px 0 0 3px; } .availableLotteries .lotteriesArrowDisabled { opacity:0.3; background-color:#848484!important; cursor:unset; pointer-events:none; box-shadow:none; } .availableLotteries #lotteryContent { position:relative; width:auto; white-space:nowrap; margin:5px 50px 0 50px; } .availableLotteries #lotteryContent .lotteryContent { position:absolute; } .availableLotteries .lotteryItem { display:inline-block; vertical-align:bottom; } .availableLotteries .lotteryItem .lottoTicketInfoMobile { display:none; } .availableLotteries .lotteryItem.lotteryTicketBG { background-image:url(../images/ticketBg.svg); background-repeat:no-repeat; width:194px; height:216px; border-bottom-right-radius:8px; border-top-left-radius:8px; margin-top:16px; } .availableLotteries .lotteryItem .lottoTicketInfo { position:relative; padding:10px 5px 0 5px; } .availableLotteries .lotteryItem .lottoTicketInfo .lottoTicketImg { display:block; margin:6px auto; } .availableLotteries .lotteryItem .lottoTicketInfo p { text-align:center; font-size:12px; color:#14568A; line-height:12px; text-transform:uppercase; } .availableLotteries .lotteryItem .lottoTicketInfo p.lottoTicketAmount { color:#003354; font-size:20px; margin:16px 0 10px 0; font-weight:500; } .availableLotteries .lotteryItem .lottoTicketInfo p.lottoTicketAmount span { text-transform:uppercase; color:#DE534F; font-weight:600; } .availableLotteries .lotteryItem .lottoTicketInfo .lottoTicketCounter span { font-weight:400; text-align:center; font-size:12px; color:#14568A; line-height:12px; text-transform:uppercase; } .availableLotteries .lotteryItem .lottoTicketInfo a { margin:6px auto 10px auto; width:111px!important; height:25px!important; font-size:13px; border-radius:5px; display:inline-block; padding-top:4px; } .availableLotteries .lotteryItem.lotteryTicketBG.homePagePromoTicket { background-image:url(../images/ticketBGPromo.svg); } .availableLotteries .homePagePromoTicket .promoTicketImage { position:absolute; left:20px; } .availableLotteries .lotteryItem .lottoTicketInfo p.prizePool { font-size:9px; font-weight:500; line-height:8px; margin:-4px 0; } /*--------------- START: HOMEPAGE ------------------------*/ #homepage .homePageHeader { font-size:25px!important; text-transform:uppercase!important; font-weight:400; } #homepage .lotteryPageContent #homepageContentMain { margin-top:10px; } #homepage .lotteryPageContent #homepageContentMain h1 { margin:50px 0 0 0; } #homepage .lotteryPageContent #homepageContentMain h1, #homepage .lotteryPageContent #homepageContentMain h2 { text-align:center; text-transform:uppercase; } #homepage .homepageFeaturedPromos { background-color:#0C4970; position:relative; height:406px; overflow-x:hidden; overflow-y:hidden; text-align:center; margin-top:3px; } .lotteriesArrow { width:37px; height:95px; background-color:#00ADEF; cursor:pointer; position:absolute; top:0; bottom:0; margin:auto; z-index:1; box-shadow:0px 0px 4px #00000080; } .lotteriesArrow img { position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; } .lotteriesArrow:hover img { filter: invert(0.75) sepia(1) saturate(10) hue-rotate(168deg); } .lotteriesArrow:active img { filter:none; } #homepage .homepageFeaturedPromos .homepagePromosLeft { left:0; border-radius:0 3px 3px 0; } #homepage .homepageFeaturedPromos .homepagePromosLeft img { -webkit-transform: scaleX(-1); transform: scaleX(-1); } #homepage .homepageFeaturedPromos .homepagePromosRight { right:0; border-radius:3px 0 0 3px; } #homepage .homepageFeaturedPromos .homepagePromosArrowDisabled { opacity:0.3; background-color:#848484!important; cursor:unset; pointer-events:none; box-shadow:none; } #homepage .homepageFeaturedPromos #homepagePromoContent { position:relative; width:auto; white-space:nowrap; margin:5px 50px 0 50px; } #homepage .homepageFeaturedPromos #homepagePromoContent .homepagePromoContent { position:absolute; /*display:inline; left:0;*/ } #homepage .homepageFeaturedPromos .homepagePromoTicketBG { background-repeat:no-repeat; width:360px; height:336px; margin:35px 10px 0 10px; box-shadow:1px 2px 10px #00000096; display:inline-block; vertical-align:bottom; } #homepage .homepageFeaturedPromos .homepagePromoTicketBG.promo-10towin-1 { background-image:url(../images/BG_10ToWin_French_Mobile.jpg); } #homepage .homepageFeaturedPromos .homepagePromoTicketBG.promo-lucky5-1 { background-image:url(../images/BG_Lucky5_French_Mobile.jpg); } #homepage .homepageFeaturedPromos .homepagePromoTicketBG.promo-lucky5-2 { background-image:url(../images/BG_Lucky5_Oz_Mobile.jpg); } #homepage .homepageFeaturedPromos .homepagePromoTicketBG.promo-lucky5-3 { background-image:url(../images/BG_Lucky5_Irish_Mobile.jpg); } #homepage .homepageFeaturedPromos .homepagePromoTicketBG.promo-lucky5-4 { background-image:url(../images/BG_Lucky5_Euro_Mobile.jpg); } #homepage .homepageFeaturedPromos .promoTicketContent { position:relative; width:322px; height:300px; margin:10px auto 0 auto; background-image:linear-gradient(#020E31, #020E3100); } #homepage .homepageFeaturedPromos .promoTicketContent p { color:#FFFFFF; white-space:normal; } #homepage .homepageFeaturedPromos .promoTicketContent .yellow-white-stars-banner-left { position:absolute; top:49px; left:43px; } #homepage .homepageFeaturedPromos .promoTicketContent .yellow-white-stars-banner-right { position:absolute; top:49px; right:43px; } #homepage .homepageFeaturedPromos .promoTicketContent .blue-white-red-stars-banner-left { position:absolute; top:49px; left:62px; } #homepage .homepageFeaturedPromos .promoTicketContent .blue-white-red-stars-banner-right { position:absolute; top:49px; right:62px; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketName { font-size:24px; font-family:'impact',sans-serif; margin:6px 0 0 0; text-shadow:0px 3px 6px #00000029; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketDescription { font-size:30px; font-family:'impact',sans-serif; padding:0 25px; line-height:35px; margin:0; text-shadow:0px 3px 6px #00000029; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketJackpot { font-size:43px; font-family:'impact',sans-serif; position:absolute; top:137px; right:0; left:0; text-shadow:0px 3px 6px #00000029; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPricing { width:205px; height:100px; position:absolute; bottom:0; left:0; background-color:#02222EAB; border-radius:2px; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPricing img { margin-top:-12px; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPricing p { font-size:13px; font-weight:500; margin-top:12px; line-height:9px; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPricing p span { color:#FC7D2B; font-weight:600; font-size:14px; letter-spacing:-0.8px; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPricing .bannerPromoSlashThrough { color:#FC7D2B; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPricing .bannerPromoSlashThrough:before { position:absolute; content:""; width:16%; left:0; right:0; top:47%; margin:0 auto; border-top:2px solid #FFFFFF; -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg); } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPlay { width:112px; height:100px; position:absolute; bottom:0; right:0; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPlay a { position:absolute; bottom:0; border-radius:2px; padding-top:14px; height:52px!important; } #homepage .homepageFeaturedPromos .promoTicketContent .promoTicketPlay img { display:block; position:absolute; bottom:60px; } .homepageSection { margin-bottom:70px; } .homepageSection .registrationFormLink { cursor:pointer; } .homepageThreeColumns .homePageColumns { width:322px; margin:0 auto; } .homepageThreeColumns .homePageHeader { margin-bottom:0px; color:#00ADEF; text-align:center!important; padding:30px 0; clear:both; } .homepageThreeColumns .sub-heading { text-align:center; padding:0; height:auto; } .homepageGetStarted { height:177px; margin-top:25px; } .homepageGetStarted .homePageColumns { width:259px; height:221px; } .homepageGetStarted .homePageColumns img { position:absolute; margin:0 auto 15px auto; right:0; left:0; } .homepageGetStarted .sub-heading { margin-bottom:5px; } .homepageGetStarted .homePageColumnContent { /*width:119px;*/ margin-left:35px; padding-top:30px; } .homepageGetStarted .homePageColumnContent img { position:relative; display:block; } .homepageGetStarted p { width:135px; margin:0 auto; padding-left:17px; } .homepagePurchaseInstructions img { display:block; margin:30px auto; } .homepagePurchaseInstructions .homePageHeader { color:#00ADEF; text-align:center!important; margin:0; padding:30px 0; clear:both; } .homepagePurchaseInstructions .homePageSubHeader { color:#AAD0EC; font-weight:400; font-size:25px; text-transform:uppercase; text-align:center; padding-top:42px; clear:both; margin:0; } .homepagePurchaseInstructions p { height:108px; } .homepageInfoSection { height:347px; background-color:#0c4970; } .homepageInfoSection .pageHeading { padding-top:36px; margin-bottom:20px; } .homepageInfoSection .sub-heading { text-align:left; } .homepageInfoSection .homepageInfoList { color:#AAD0EC; font-size:15px; font-weight:400; } .homepageInfoSection .homepageInfoListItem:last-child { margin-bottom:0px; } .homepageInfoSection .homepageInfoListItem { display:block; margin:26px 0; } .homepageInfoSection .homepageInfoListItem span { width:290px; float:right; } /*--------------- START: ABOUT-US ------------------------*/ .container .about-us-side-image { margin-top:18px; } .container .about-us-side-image img { width:100%; height:auto; } /*--------------- START: FAQ ------------------------*/ .container .accordion header~div { display:none; } .container .accordion header.active + div { display:inline-block; width:100%; background-color:#0C4970; margin-top:-3px; padding:10px 20px 20px 20px; margin-bottom:3px; } .container .accordion header { position:relative; text-align:left; font-weight:500; font-size:16px; background-color:#2C7AAB; cursor:pointer; padding:23px 0 23px 18px; border:1px solid #2C7AAB; margin-bottom:4px; color:#C7E9FE; } .container .accordion header span.glyphicon { position:relative; left:-30px; top:-1px; transform:none; font-style:normal; font-weight:bold; font-size:14px; line-height:2.4rem; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; float:right; } .container .accordion header span.glyphicon.open { transform:rotate(-180deg); } .container .accordion header:hover { border:1px solid #00ADEF; } .container .accordion header.active { background:#165d8a; border-left:4px solid #00ADEF; border-right:4px solid #00ADEF; border-top:1px solid #165d8a; border-bottom:1px solid #165d8a; } .container .accordion header.active:hover { border:1px solid #00ADEF; border-left:4px solid #00ADEF; border-right:4px solid #00ADEF;} .container #lotteryFaqPage .accordion header.active + div p { padding: 20px 12px 20px 12px; font-size:16px; font-weight: 400; margin-left: 23px; } .container .accordion header.active + div li { margin-left: 12px; } /*--------------- START: SAFE-PLAY --------------------------*/ .container .safe-play-section p { margin-left:15px; } /*--------------- START: CONTACT-US --------------------------*/ .container .contactUs .row { padding:10px 0; } .container .contactUs img { display:inline-block; margin:0 10px 4px 0; width:27px; } .container .contactUs .contactUsHeader { margin-bottom:50px; } .container .contactUs .contactDetails p.contactUsCallInfo { margin:27px 0 15px 0; } .container .contactUs .contactDetails p { display:inline-block; margin:0 0 3px; } .container .contactUs .contactDetails .contactDirectory p { display:block; clear:both; } .container .contactUs form { float:right; width:467px; } .container .contactUs form input, .container .contactUs form select, .container .contactUs form textarea { width:100%; } .container .contactUs form textarea { height:150px; } .container .contactUs form .hs-form-required { color:#FF5454; margin-left:4px; } .container .contactUs form label { display:block; font-weight:500; font-size:15px; margin:9px 0 1px 7px; color: #FFFFFF; } .container .contactUs .submitted-message p { color:#03C262; font-weight:500; } .container .contactUs input.error, .container .contactUs textarea.error { border:1px solid #FF5454!important; } .container .contactUs label.error { position:absolute; right:15px; margin-top:3px; font-weight:400; font-style:normal; font-size:14px; color:#FF5454; border:none !important; } .container .contactUs .g-recaptcha { transform:scale(0.906); transform-origin:0 0; padding-top:20px; clear:both; } /*--------------- START: MAIN PROMO PAGE ----------------------------*/ .promos { padding:0 0 71px 0; } .promosMainPage #promosMainPageHeader { padding:55px 82px 56px 75px; } .promosMainPage .promoLotteries .row { margin:0 15px; } .promosMainPage .promoLotteries .promoLotteriesHeaders { padding-bottom:10px; border-bottom:1px solid #2C7AAB; height:32px; } .promosMainPage .promoLotteries .promoLotteriesRows { border-bottom:1px solid #2C7AAB; height:60px; padding-top:6px; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoLotteriesMobile { display:none; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoLotteriesDetailsImg { width:69px; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoLotteriesDetailsImg img { width:100%; height:auto; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoLotteryCopy { font-size:15px; padding-top:13px; } .promosMainPage .promoLotteries .promoLotteriesDetails .tertiaryLink { display:block; text-align:center; padding-top:4px; } .promosMainPage .promoLotteries .promoLotteriesDetails .secondaryFormButton { width:100%; height:36px; padding-top:6px; margin:6px auto 0 auto; display:block; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoPricing { padding-top:10px; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoPricing .slashThrough_originalPrice { color:#FC7D2B; position:relative; font-size:20px; font-weight:600; } .promosMainPage .promoLotteries .promoLotteriesDetails .promoPricing .slashThrough_originalPrice:before { position:absolute; content:""; left:19px; top:43%; right:9px; border-top:3px solid #FFFFFF; -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg); } .promosMainPage .promoLotteries .promoLotteriesDetails .promoPricing .promoDiscountAmount { color:#FC7D2B; position:relative; font-size:20px; font-weight:600; } /*--------------- START: MAIN RESULTS PAGE ----------------------------*/ .results { padding:0 0 71px 0; } .resultsMainPage #resultsMainPageHeader { padding:55px 82px 56px 75px; } .resultsMainPage .resultLotteries .row { margin:0 15px; } .resultsMainPage .resultLotteries .col-sm-1 { width:85px; } .resultsMainPage .resultLotteries .col-sm-2 { width:170px; } .resultsMainPage .resultLotteries .col-sm-3 { width:310px; } .resultsMainPage .resultLotteries .col-sm-4 { width:310px; } .resultsMainPage .resultLotteries .resultLotteriesHeader { padding-bottom:10px; height:32px; } .resultsMainPage .resultLotteries .resultLotteriesRows { border-top:1px solid #2C7AAB; height:60px; padding-top:6px; } .resultsMainPage .resultLotteries .resultLotteriesRows:last-child { border-bottom:1px solid #2C7AAB; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultLotteriesMobile { display:none; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultLotteriesLogoImg { width:69px; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultLotteriesLogoImg img { width:100%; height:auto; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultLotteryCopy { font-size:15px; padding-top:13px; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultLotteryDate { padding-top:4px; } .resultsMainPage .resultLotteries .resultLotteriesDetails .tertiaryLink { display:block; text-align:center; padding-top:4px; } .resultsMainPage .resultLotteries .resultLotteriesDetails .secondaryFormButton { width:105px; height:33px; padding-top:5px; margin:8px auto 0 auto; display:block; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultsBall { width:27px; height:27px; border-radius:16px; text-align:center; display:inline-block; font-size:15px; font-weight:500; margin:8px 4px 0 0; padding-top:4px; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultsBall:last-child { margin-right:0; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultNumber { background-color:#C7E9FE; color:#013658; } .resultsMainPage .resultLotteries .resultLotteriesDetails .resultBonusNumber { background-color:#FFFFFF; color:#0C4970; } /*--------------- START: RESULTS PAGES ----------------------------*/ .lotteryResultsPages .lotteryResults { margin:23px 0 45px 0; display:inline-block; } .lotteryResultsPages #lotteryResultsDateForm { margin:43px 0 36px 0; } .lotteryResultsPages #lotteryResultsDateForm #selectedResultsDate { width:100%; } .lotteryResultsPages .resultsBall, .syndicateLines .lottoBall { width:28px; height:28px; border-radius:16px; text-align:center; display:inline-block; font-size:15px; font-weight:500; margin-right:5px;padding-top:5px; } .lotto-10 .syndicateLines .lottoBall { width:24px; height:24px; padding-top:4px; } .lotteryResultsPages #lotteryResultsColumnTitles { padding-left:18px; } .lotteryResultsPages .lotteryResultsColumns .lotteryResultsDate { display:inline-block; width:120px; } .lotteryResultsPages .lotteryResultsColumns .lotteryResultsTotalPrizes { display:inline-block; width:190px; } .lotteryResultsPages .resultNumber, .syndicateLines .lottoBallNumber { background-color:#C7E9FE; color:#013658; } .lotteryResultsPages .resultBonusNumber, .syndicateLines .lottoBonusNumber { background-color:#FFFFFF; color:#0C4970; } .lotteryResultsPages .resultsBreakdown { padding:29px; color:#C7E9FE; font-size:13px; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownHeader { font-weight:500; text-align:center; display:inline-block; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownHeader:first-child { text-align:left; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownHeader:last-child { text-align:right; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownDetails { font-weight:400; text-align:center; display:inline-block; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownDetails:first-child { text-align:left; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownDetails:last-child { text-align:right; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownMobile { display:none; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownTotals.row { border:none; } .lotteryResultsPages .resultsBreakdown .resultsBreakdownTotalsMobile { display:none; } .resultsBreakdown .row { border-bottom:1px solid #549CC9;height:36px; padding-top:9px; } .resultsBreakdown .lrg-col { width:239px;} .resultsBreakdown .mid-col { width:110px; } .lotteryResultsPages #lotteryResultsGetConnected { background-image:url(../images/TileStripeBG.png); padding:15px; height:440px; position:relative; } .lotteryResultsPages #lotteryResultsGetConnected p { color:#0C4970; text-align:center; font-weight:500!important; } .lotteryResultsPages #lotteryResultsGetConnected p.sub-heading { color:#009DD9!important; margin-top:5px; } .lotteryResultsPages #lotteryResultsGetConnected form { margin-top:17px; z-index:2; } .lotteryResultsPages #lotteryResultsGetConnected form p { text-align:left; } .lotteryResultsPages #lotteryResultsGetConnected form input { width:100%; margin-bottom:13px; } .lotteryResultsPages #lotteryResultsGetConnected form input[type=submit] { width:175px!important; float:right } .lotteryResultsPages #lotteryResultsGetConnected form .splitColumn .splitColumns:first-child { float:left; } .lotteryResultsPages #lotteryResultsGetConnected form .splitColumn .splitColumns:last-child { float:right; } .lotteryResultsPages #lotteryResultsGetConnected form .splitColumn .splitColumns input { width:150px; } .lotteryResultsPages #lotteryResultsGetConnected .lotteryResultsGetConnectedImg { position:absolute; left:0; bottom:0; } .lotteryResultsPages #lotteryResultsGetConnected .lotteryResultsGetConnectedImg img { width:100%; height:auto; } #lotteryResultsGetConnected form input.error { border:1px solid #FF5454; } #lotteryResultsGetConnected .splitColumns { position:relative; } #lotteryResultsGetConnected form label.error { position:absolute; bottom:-9px; right:0px; font-weight:600; font-style:normal; font-size:11px; color:#FF5454; border:none !important; } .lotteryResultsPages #tickets_section .lines ul { text-align: center; list-style:none; padding:0; font-size:0; margin:0 11px; } .lotteryResultsPages #tickets_section .lines ul li { outline-style:none;display:inline-block; width:25px; height:25px; font-size:13px; font-weight:500; color:#C7E9FE; text-align:center; border:1px solid #CECECE; border-radius:4px; cursor:pointer; margin:2px; padding:0; line-height:22px; float: left;} .lotteryResultsPages #tickets_section .lines ul li.ticketNumber { background-color:#549CC9; border:1px solid #549CC9; } .lotteryResultsPages #tickets_section .lines ul li.ticketNumber:hover { background-color:#C7E9FE; border:1px solid #C7E9FE; color:#0C4970; } .lotteryResultsPages #tickets_section .lines .bonusTicketNumber { background-color:#2C7AAB; border:1px solid #2C7AAB; } .lotteryResultsPages #tickets_section .lines .bonusTicketNumber:hover {background-color:#C7E9FE; border:1px solid #C7E9FE; color:#0C4970; } .lotteryResultsPages #tickets_section .lines ul li.selectedNumber { color:#FFFFFF; background-color:#013658; border-color:#013658; } .lotteryResultsPages #tickets_section .lines ul li.selectedNumber:hover { background-color:#013658; border:1px solid #C7E9FE; color:#FFFFFF; } .lotteryResultsPages #resultsCheckNumberSection { display:inline-block; background-color:#0C4970; margin-top:13px; padding-bottom:18px; } .lotteryResultsPages #resultsCheckNumberSection p { text-align:center; } .lotteryResultsPages #resultsCheckNumberSection p.sub-heading { padding-top:20px; } .lotteryResultsPages #resultsCheckNumberSection #tickets_section { display:flex; background-color:#165D8A; width:313px; margin:13px auto 0 auto; padding:17px 0 17px 0; border-radius:6px; } .lotteryResultsPages #resultsCheckNumberSection #tickets_section p { margin:0 0 0 16px; padding-top:9px; text-align:left; font-size:13px; color:#A4D3F1; clear:both; } .lotteryResultsPages #resultsCheckNumberSection #selectedNumbers { display:none; } .lotteryResultsPages #resultsCheckNumberSection #mobileUpperTicketSection { display:none; } .lotteryResultsPages #resultsCheckNumberSection #resultsCheckNumberFound .numbersFound { padding:0; border-top:1px solid #549CC9; } .lotteryResultsPages #resultsCheckNumberSection #resultsCheckNumberFound .numbersFound li { list-style-type:none; } .lotteryResultsPages #resultsCheckNumberSection #resultsCheckNumberFound .numbersFound li.numberFoundDate { margin:7px 0 6px 0; color:#FFFFFF; font-weight:500; } .lotteryResultsPages #resultsCheckNumberSection .primaryFormButton { width:175px!important; float:left; margin:7px 0 0 0; padding-top:10px; font-size:19px; font-weight:400; } .lotteryResultsPages #resultsCheckNumberSection .secondaryFormButton { width:126px; float:left; margin:7px 12px 0 19px; } .lotteryResultsPages #resultsCheckNumberSection #resultsCheckNumberFound { border-bottom:1px solid #549CC9; width:313px; margin:0 auto; clear:both; padding-top:18px; } .lotteryResultsPages .lotteryResultsAd { background-image:url(../images/TileStripeBG.png); height:290px; padding:0 15px; text-align:center; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdPromoImg { display:block; margin:-5px auto 0 auto; } .lotteryResultsPages .lotteryResultsAd p { color:#0C4970; font-weight:500; margin:0; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdJackpot { font-size:23px; color:#009DD9; font-weight:600; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdProductInfo { display:inline-block; width:255px; margin:8px auto; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdProductInfo .lotteryResultsAdProductInfoImg { float:left; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdProductInfo .lotteryResultsAdProductInfoImg img { width:100%; height:auto; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdProductInfo p { float:left; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdProductInfo p.lotteryResultsAdLottoName { margin-top:17px; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdPromoList { display:inline-block; text-align:left; margin-top:20px; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdPromoList p { color:#0C4970; font-weight:500; font-size:15px; margin:0; } .lotteryResultsPages .lotteryResultsAd .lotteryResultsAdPromoList p img { display:inline-block; margin:0 13px 2px 0; padding:0;} .lotteryResultsPages .lotteryResultsAd .linkAsButton { width:200px!important; padding-top:10px; margin:29px auto 0 auto; } .lotteryResultsPages .lotteryResultsBannerAd { background-image:url(../images/TileStripeBG.png); height:77px; padding:0!important; pointer-events:none; } .lotteryResultsPages .lotteryResultsBannerAd div { float:left; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerPromoImg { margin:-1px 12px 0 -6px; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerPromoImg img { width:100%; height:auto; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerInfo { margin-top:9px; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerInfo p { line-height:13px; font-weight:500; color:#0C4970; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerInfo .lotteryResultsAdBannerAmount { font-size:23px; font-weight:600; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerButton { margin-left:25px; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerButton .linkAsButton { width:200px!important; padding-top:10px; margin-top:16px; pointer-events:auto; } .lotteryResultsPages .lotteryResultsBannerAd .lotteryResultsAdBannerButton .lotteryResultsAdBannerButtonMobile { display:none; } .lotteryResultsPages #resultsCheckNumbersMobile, .lotteryResultsPages #resultsCheckMobileClose, .lotteryResultsPages #resultsCheckNumbersButtonMobile, .lotteryResultsPages #checkNumbersWindowShow { display:none; } .lotteryResultsPages .raffleNumberSection { padding:0 14px; } .lotteryResultsPages .raffleNumberSection p { font-weight:500; color:#C7E9FE; font-size:13px; margin:0 0 0 8px; } .lotteryResultsPages .raffleNumberSection hr { margin:7px 0; } .resultsContainerJPP { background-color:#0C4970; width:350px; padding:20px 0; float:left; margin:10px; } .lotteryResults .leftSection { min-width:760px; } .lotteryResults .rightSection { min-width:380px; } .resultCounter { font-weight:600; margin-right:5px; } .numbersJPP { text-align:center; padding:7px 0; } .lotteriesJPP { display:block; clear:both; padding-top:5px; } .gordoResultsPage .accordion { clear:both; } .gordoResultsPage .accordion header { padding:0!important; } .gordoPrizeListS { height:66px; } .gordoPrizeListM { height:118px; } .gordoNumberColumn { margin-top:18px; } .gordoPrize p { font-weight:500; } .resultsBreakdown .gordoPrize p { padding-top:5px; } .gordoPrizeListS .gordoPrize { margin-top:21px; } .gordoPrizeListM .gordoPrize { margin-top:45px; } .gordoWinNumber { background-color:#C7E9FE; width:75px; height:31px; border-radius:16px; float:left; margin-right:15px; } .gordoWinNumber.gordoWinNumberL { width:125px; } .gordoPrizeListM .gordoWinNumber { margin-bottom:18px; } .gordoWinNumber p, span.gordoWinNumber { text-align:center; color: #013658!important;padding-top: 6px!important;font-weight: 500; } .gordoBreakdown { background-color:#0C4970; color:#C7E9FE; font-size:13px; padding:28px 15px; } .gordoBreakdownHeader { font-weight:500!important; margin-top:28px; } .gordoBreakdown .row { border-bottom:1px solid #549CC9; line-height:35px; margin:0; font-weight:300; } .gordoResultsPage .resultsLink { text-align:center; display:block; margin:10px 0; } .gordoResultsSpecial { padding-top:4px; } .gordoResultsSpecial p { font-weight:500; } .gordoSubWins { padding:0 0 15px 0; } /*--------------- START: ACCOUNT ----------------------------*/ /* ACCOUNT - COMMON STYLES */ .accountPage .accountSearchItems { float:left; width:200px; margin-right:20px; } .accountPage .accountSearchItems:last-of-type { margin-right:0!important; } .accountPage .accountNoResults { text-align:center; font-weight:500; padding-top:20px; } .accountPage .accountTablesRedText { color:#DE5353; } .accountPage .accountTablesGreenText { color:#03C262; } .accountPage .accountTablesOrangeText { color:#000000; } .accountPage .accountTablesYellowText { color:#AB9400; } button.accountSubmitButtons { width:236px!important; float:right; margin-top:40px } button.accountSearchButtons { width:200px!important; height:40px!important; margin-top:25px; } button.accountSubmitButtonInactive { background-color:#848484!important; background-image:linear-gradient(#848484,#848484); border:none; color:white; box-shadow:none; text-shadow:none!important; cursor:default; pointer-events: none; } button.accountSubmitButtonInactive { opacity:0.3; } .accountSubmitCancel { color:#FFFFFF!important; font-size:16px!important; font-weight:500!important; text-decoration:underline; float:right; margin:53px 32px 0 0; cursor: pointer; } .accountSubmitReset { font-size:19px; font-weight: 500; text-decoration: underline; margin:25px 0 0 0; cursor: pointer; } .accountPage { margin:0 auto; background-color:#013658; } .accountTab { width:100%; margin:10px auto 0 auto; padding:1px 0 30px 0; } #accountTabs ul { position:relative; background-color:#002339; border-radius: 0; border: none; height:60px; padding:22px 0 0 0; text-align:center; width:1183px; margin:0 auto -1px auto;} #accountTabs li { font-size:15px; font-weight:500; list-style:none; padding:0 30px 0 30px; display:inline-block; height:100%; color:#FFFFFF; padding-top:8px; } #accountTabs li.accountTabActive, .accountPage #accountTabs li:hover { border-bottom:4px solid #FFFFFF; } #accountTabs li:hover { border-bottom:4px solid #C7E9FE; background-color:#C7E9FE; color:#002339; } #accountTabs li:active { border-bottom:4px solid #001726; background-color:#001726; color:#C7E9FE; } #lotteryOrderSection { padding-top:44px; } .accountPage form label { display:block; font-weight:500; margin:0 0 3px 10px; } .accountPage header div { margin-left:10px; } .accountPage .accountIcon { position:absolute; top:0; bottom:0; margin:auto 0; } .accountPage .formLabels { font-size:15px; font-weight:500; margin:0; padding:15px 0 3px 7px; } .accountPage input { width:100%; } .accountPage select { width:100%; } .accountPage .divAccountSpacing { line-height:11px; } .accountPage .accountLimitDescription { margin-top:23px; font-weight:300; line-height:22px; } .accountPage .GamStopTimeOutImgWeb { display:block; margin:16px auto 0 auto; cursor:pointer; } .accountPage .GamStopTimeOutImgMobile { display:none; } .account-accordion { margin-top:20px; } .account-accordion .acctAccordionHeaders { font-size:19px; font-weight:400; color:#00ADEF; margin:0; } .account-accordion .accountDetailsSection { display:inline-block; margin:31px 0 0px 0; } .account-accordion .accountPageContent { width:975px; margin:24px auto 0 auto; } .account-accordion .walletPageContent { width:1090px; margin:35px auto 0 auto; } .datepicker { width:170px; padding:7px 0 7px 8px; border-radius:3px; border:1px solid #979797; } .accountPage .updateSuccessFailAlert { position:absolute; top:15px; } .updateSuccessFailAlert .infoWindowBody .accountSuccessMessage { color:#03C262; font-weight:500; } .updateSuccessFailAlert .infoWindowBody .accountFailedMessage { color:#FF5454; font-weight:500; } .updateSuccessFailAlert .infoWindowBody img { padding-right:10px; vertical-align:text-top; } .accountPage .accountLoadMoreButton { font-size:14px; text-align:center; text-decoration:underline; cursor:pointer; display:block; margin-top:20.5px; } .accountPage a { text-decoration:underline; } .accountStatusText { color:#D4F4FF!important; margin:33px 0 -12px 30px; font-size:15px; } .accountStatusText .acctStatusText { font-weight:500; font-size:16px; color:#FFFFFF; } .accountStatusText span#statusActive { color:#03C262; font-size:16px; } .accountStatusText span#statusDisabled { color:#DE5353; font-size:16px; } #accountWalletCopy { display:inline-block; width:100%; margin:33px 0 -28px 0; } .accountWalletText { color:#FFFFFF!important; font-size:16px!important; font-weight:500!important; margin-left:30px; } .accountWalletText span { font-weight:400; } .accountWalletText #accountWalletTextGreen { color:#03C262; } #accountWalletBalanceCopy { float:left; } #accountWalletCurrencyCopy { float:right; margin-right:30px; } #acctDetails #alert_missingFields { width:100%; height:100px; background-color:#fecf6b; display:inline-block; margin-top:5px; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsImage{ float:left; width:65px; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsImage img#iconAlert { margin:23px 0 0 12px; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsContent { float:left; width:925px; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsContent p { font-size:13px; line-height:21px; margin:0px; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsContent #missingFieldsTitle { font-size:18px; font-weight:500; text-transform:uppercase; color:#000000; line-height:12px; margin:20px 0 15px 0; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsContent p#missingFieldsInfo span { text-decoration:underline; cursor:pointer; } #acctDetails #alert_missingFields #missingFieldsSection #missingFieldsContent p#missingFieldsInfo span a { color:#4c4c4c; } #acctDetails form .acctDetailsSplitColumn { width:100%; display:inline-block; } #acctDetails form .acctDetailsSplitColumn .acctDetailsSplitColumns { float:left; margin-bottom:-7px; } #acctDetails form select#acctDetailsTitle { width:130px; } #acctDetails form input#acctDetailsFirstName { width:335px; } #acctDetails #accountDetailsUpdatedPopup { top:160px; } #acctDetails .acctDetailsSplitColumns .select_box { width:137px; } #accountNotifications .accountNotify { display:inline-block; margin:0 0 20px 0; } #accountNotifications p span.acctNotificationCopy { float:left; width:389px; margin:-2px 0 0 0px; font-weight:300; line-height:22px; } #accountNotifications p span.acctNotificationTitle { font-weight:500; margin:0 0 -18px 0px; display:block; } #accountNotifications input { float:left; width:18px; height:13px; margin:2px 15px 0 0; } #accountChangePassword #changePasswordImage { position:relative; width:22px; height:17px; border:none; background:none; float:right; margin:-28px 16px 0 0; cursor:pointer; } #accountChangePassword .showPassword label.error { position:absolute; right:15px; font-weight:400; font-style:normal; font-size:14px; color:#FF5454; border:none !important; } #accountSelfExclusion .acctExclusionDescription { margin:6px 0 28px 0; font-size:15px; } #accountSelfExclusion .acctAccordionHeaders { margin-bottom:22px; } #accountSelfExclusion .accountExcludeOptions { display:inline-block; margin:0 0 20px 0; } #accountSelfExclusion p a { line-height:22px; pointer-events:initial; } #accountSelfExclusion p span.accountTimeOutCopy { font-size:15px; float:left; margin:-2px 0 0 0px; font-weight:300; line-height:22px; } #accountSelfExclusion p span.accountTimeOutTitle { font-size:15px; font-weight:500; margin:0 0 -18px 0px; display:block; } #accountSelfExclusion #acctSuspendSection { display:inline-block; width:100%; } #accountSelfExclusion #acctSuspendSection .accountSuspendNA span { font-size:15px; } #accountSelfExclusion #acctSuspendSection .accountSuspendTimer .accountSuspendCountdown { color:#FF5454; } #accountSelfExclusion label { font-size:15px; } #accountSelfExclusion select { width:236px; } #accountSelfExclusion select.acctExludeInactiveSelect { opacity:0.2; pointer-events:none; } #accountSelfExclusion hr { margin:40px 0 28px 0; border-bottom:1px solid #CCCCCC; } #accountSelfExclusion .accountSelfExcludeSection { margin-top:30px; } #accountSelfExclusion .accountExcludeRight { float:right; width:236px; } #accountSelfExclusion #accountTimeOutPopup { position:fixed; top:60px; } #accountSelfExclusion #accountTimeOutPasswordImage { position:relative; width:22px; height:17px; border:none; background:none; float:right; margin:-28px 16px 0 0; cursor:pointer; } #accountSelfExclusion #accountSelfExcludePopup { position:fixed; top:60px; } #accountSelfExclusion #accountSelfExcludePasswordImage { position:relative; width:22px; height:17px; border:none; background:none; float:right; margin:-28px 16px 0 0; cursor:pointer; } #accountSelfExclusion #accountClosePopup { position:fixed; top:60px; } #accountSelfExclusion #closedAcctSuccessPopup { position:fixed; top:60px; } #accountSelfExclusion #closedAcctSuccessPopup .infoWindowBody { text-align:center; } #accountSelfExclusion #accountClosePasswordImage { position:relative; width:22px; height:17px; border:none; background:none; float:right; margin:-28px 16px 0 0; cursor:pointer; } #accountSelfExclusion .alertWindow button { width:100%!important; margin-bottom:15px; } #accountSelfExclusion .alertWindow textarea { width:100%; padding:5px 0 0 5px; } #accountSelfExclusion .alertWindow .secondaryFormButton { width:100%; display:inline-block; } #accountSelfExclusion #updateAccountStatusFailedPopup { position:fixed; top:100px; } #accountSelfExclusion #updateAccountStatusFailedPopup .infoWindowBody { text-align:center; } #accountSetLimits #acctSetLimitsLoss { margin:9px 0 0 15px; line-height:23px; } #accountSetLimits hr { display:none; } #accountSetLimits .acctCurrentLimitAmounts { clear:both; line-height:28px; margin-top:5px; } #accountSetLimits .acctCurrentLimitAmounts span { float:left; font-weight:400; margin-left:7px; } #accountSetLimits .acctCurrentLimitAmounts span + span { float:right; font-weight:300; margin-right:10px; } #accountSetLimits #acctSetBetLimit::placeholder, #accountSetLimits #acctSetDepositLimit::placeholder { color:#FF5454; text-align:right; padding-right:10px; } #accountSetLimits #acctSetLimitsInfo { clear:both; padding-top:40px; } #accountSetLimits #acctSetLimitsInfo .infoButton { margin-right:8px; } #accountSetLimits .pendingBetDepositLimit { width:157px; text-align:right; } #accountSetLimits .cancelPendingLimits { clear:both; width:100%; display:inline-block; margin-top:10px; } #overDailyLimitsPopup .secondaryFormButton { display:block; margin-top:30px; } #accountHistory .accountHistorySearch, #accountAutoRenewal .accountRenewalSearch { margin:15px auto; float:none; } #accountAutoRenewal .row, #accountHistory .row { margin:0; } #accountHistory input[type=submit], #accountAutoRenewal input[type=submit]{ width:200px!important; float:right; margin: 25px 0; } .accountHistorySearch { padding-left:15px; } .accountHistoryResults{ display:table; width:100%; margin:41px 0 0px 0; border-bottom:1px solid #CCCCCC; } .accountHistoryResults .accountTableHeader{ font-weight:500; line-height:14px; font-size:13px; text-align:left; text-indent:15px; } .accountHistoryResults .accountTableHeader div { padding-bottom:11.5px; } .accountHistoryResults .accountHistoryDetails .acctHistoryDetail { text-align:left; text-indent:15px; font-weight:400; font-size:13px; border-top:1px solid #CCCCCC; padding:10.5px 0; } #accountHistory .accountHistoryResults .accountTableResults, #accountAutoRenewal .accountRenewalResults .accountTableResults{ max-height:300px; line-height:1rem; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; overflow-y: auto; margin-top: 0; color:#777; font-size:12px; padding:0; } #accountHistory .accountHistoryResults .accountTableResults p, #accountAutoRenewal .accountRenewalResults .accountTableResults p{ margin-left: 15px; line-height:45px; } #accountHistory .accountHistoryResults .accountTableResults span, #accountAutoRenewal .accountRenewalResults .accountTableResults span{ float:right; margin-top:-12px; } #accountHistory .accountHistoryResults .accountTableResults .row, #accountAutoRenewal .accountRenewalResults .accountTableResults .row{ padding:18px 0; border-bottom:1px solid #dedede; } #accountHistory .accountHourButtons button { border-radius:5px; padding:9px; font-size:13px; background:#fafafa; background:-moz-linear-gradient(top,#fafafa 0%,#f0f0f0 100%); background:-webkit-linear-gradient(top,#fafafa 0%,#f0f0f0 100%); background:linear-gradient(to bottom,#fafafa 0%,#f0f0f0 100%); color:#272727; border:1px solid #e7e7e7; } /* ACCOUNT WITHDRAWAL */ #accountWithdrawal .accountWithdrawalSearch { width:975px; margin:0 auto; clear:both; } #accountWithdrawal .error { color:#FF5454; line-height:26px; font-weight:400; margin:0; text-align:center; } #accountWithdrawal .accountWithdrawalSearch p { margin-left:0; } #accountWithdrawal .accountWithdrawalSearch .useReplacePaymentMethod { text-align:right; margin-top: 3px; text-decoration: underline; cursor: pointer; } #accountWithdrawal .accountWithdrawalSearch .acctAccordionHeaders { margin-bottom:12px; } #accountWithdrawal .accountWithdrawalSearch .accountSearchItems { width:297px; margin:30px 42px 0 0; } #accountWithdrawal .accountWithdrawalSearch .accountSearchItems input { text-align:right; padding-right:22px; } #accountWithdrawal .accountWithdrawalSearch .accountSearchItems > i { position:absolute; display:block; transform:translate(0, -50%); top:33%; pointer-events:none; width:25px; text-align:center; font-style:normal; } #accountWithdrawal .accountWithdrawalSearch .accountSearchItems .acctWithdrawMinAmount { font-weight:400; font-size:13px; } #accountWithdrawal .accountWithdrawalSearch .accountSearchItems .acctWithdrawExpiredCC { font-weight:500; font-size:16px; display:inline-block; margin:8px 50px 0 0; } #accountWithdrawal .accountWithdrawalSearch #accountWithdrawMinAmountCopy { font-weight:400; font-size:13px; } #accountWithdrawal .withdrawCCMethods .withdrawMethodActive { display: inline-block!important; } #accountWithdrawal .withdrawCCMethods { position:relative; background-color:white; border-radius:5px; margin-bottom:1px; font-size:16px; color:#4E4E4E; } #accountWithdrawal .ccWithdrawMethod { position:relative; background-image:linear-gradient(#FFFFFF, #DCDCDC); border:1px solid #979797; border-radius:5px; cursor:pointer; margin:0; padding:0; list-style-type:none; height:40px; width:295px; z-index:2; } #accountWithdrawal .ccWithdrawMethod:hover { border:1px solid #FF8800; } #accountWithdrawal .withdrawCCMethods.active .ccWithdrawMethod { background-image: linear-gradient(#FFFFFF, #FFFFFF)!important; border-color:#38328C!important; } #accountWithdrawal .withdrawCCMethods { position:relative; z-index:3; background-color:white; border-radius:5px; margin-bottom:1px; font-size:16px; color:#4E4E4E; } #accountWithdrawal .withdrawCCMethods .withdrawMethods { text-align:center; padding:0; width:100%; margin:0 auto; } #accountWithdrawal .withdrawCCMethods .withdrawMethods:hover { background-color:#E6F7F7; } #accountWithdrawal .withdrawCCMethods .withdrawMethods:last-child { border:none; } #accountWithdrawal .withdrawCCMethods .withdrawMethods img { width:42px; height:24px; float:left; margin:8px 19px 0 8px; } #accountWithdrawal .withdrawCCMethods .withdrawMethods .withdrawCCNo { float:left; margin-top:9px; } #accountWithdrawal .withdrawCCMethods .withdrawMethods .glyphicon { float:right; margin:14px 11px 0 0; font-size:8px; } #accountWithdrawal #additionalWithdrawOptions { display:none; position:absolute; left:0; top:35px; padding-top:5px; z-index:1; background-color:#fafafa; box-shadow:3px 5px 33px #00000070; width:295px; } #accountWithdrawal #additionalWithdrawOptions .additionalWithdrawOptions img { margin:0px 8px 0 21px; } #accountWithdrawal #additionalWithdrawOptions .withdrawMethods:active { background-color:#5DC0C0; color:#FFFFFF; } #accountWithdrawal .withdrawCCMethods .additionalWithdrawOptions { display:none; } #accountWithdrawal .withdrawCCMethods .useReplaceWithdrawMethod { height:51px; padding-top:12px; cursor:pointer; text-align:left; } #accountWithdrawal .withdrawCCMethods .useReplaceWithdrawMethod span { display:inline-block; width:25px; height:25px; background-color:#59C203; opacity:1; border-radius:45px; text-align:center; color:#fff; font-weight:400; font-size: 18px; margin: 0 10px 0 19px;} #accountWithdrawal .withdrawCCMethods .withdrawMethodActive { display:inline-block!important; } #accountWithdrawal #searchWithdrawalButton { float:right; width:236px!important; margin:40px 0 40px 30px; } #accountWithdrawal #searchWithdrawalReset { float:right; margin-top:50px; } #accountWithdrawal #accountWithdrawTable { display:inline-block; width:100%; overflow-x:auto; } #accountWithdrawal .accountWithdrawTableHeader { display:table-header-group; } #accountWithdrawal .accountWithdrawTableHeaderCell { display:table-cell; font-weight:500; line-height:14px; font-size:13px; text-align:left; border-bottom:1px solid #CCCCCC; height:30px; } #accountWithdrawal .accountWithdrawTableHeaderCell:first-child { text-indent:15px; color:#00ADEF; } #accountWithdrawal .accountWithdrawTableHeaderCell:first-child .glyphicon { font-size:10px; color:#00ADEF; text-indent:10px; } #accountWithdrawal .accountWithdrawTableBody { display:table-row-group; } #accountWithdrawal .accountWithdrawTableRow { display:table-row; } #accountWithdrawal .accountWithdrawTableBodyCell { display:table-cell; text-align:left; font-weight:400; font-size:13px; border-bottom:1px solid #CCCCCC; padding:10.5px 0; white-space:nowrap; } #accountWithdrawal .accountWithdrawTableBodyCell:first-child { text-indent:15px; } #accountWithdrawal .accountWithdrawTableBodyCell .accountTablesGreenText { cursor:pointer; } #accountWithdrawal .sml-td { min-width:50px; padding-right:5px; } #accountWithdrawal .mid-td { min-width:175px; padding-right:5px; } #accountWithdrawal .lrg-td { min-width:238px; padding-right:5px; } #accountWithdrawal .xlrg-td { min-width:245px; padding-right:5px; } #accountWithdrawal .custom-select-wrapper-withdraw { position: relative; user-select:none; width: 100%; cursor:pointer;} #accountWithdrawal .custom-select-withdraw { position:relative; display:flex; flex-direction:column; border-radius:5px; } #accountWithdrawal .custom-select-withdraw.open { border:none; box-shadow:3px 5px 33px #00000070; } #accountWithdrawal .custom-select-withdraw__trigger { position:relative; height:40px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; z-index:3; background:#549CC9; border:1px solid #549CC9; border-radius:5px; } #accountWithdrawal .custom-options-withdraw .custom-option-withdraw span { position:absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; width: 100%; } #accountWithdrawal .custom-select-withdraw__trigger img, .custom-option-withdraw img { padding-right:15px; width:53px; } #accountWithdrawal .custom-select-withdraw__trigger .glyphicon { transition:.5s ease-in-out; color:#C7E9FE; } #accountWithdrawal .custom-select-withdraw__trigger .custom-option-withdraw { padding:0; } #accountWithdrawal .custom-select-withdraw.open .custom-select-withdraw__trigger { background-color:#C7E9FE; border-color:#549CC9; color:#002339; } #accountWithdrawal .custom-select-withdraw.open .custom-select-withdraw__trigger .glyphicon { transform:rotate(-180deg); color:#013658; } #accountWithdrawal .custom-options-withdraw { position: absolute; display: block; top: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; z-index: 2; } #accountWithdrawal .custom-select-withdraw.open .custom-options-withdraw { opacity:1; visibility:visible; background-color:#C7E9FE; color:#002339; box-shadow:1px 1px 8px #00000070; border-radius:0 0 5px 5px; margin-top:-3px; padding-top:3px; } #accountWithdrawal .custom-option-withdraw { position:relative; height:64px; display:block; padding:11px 0 0 23px; margin-bottom:5px; cursor:pointer; } #accountWithdrawal .custom-options-withdraw .custom-option-withdraw:hover { background-color:#FFFFFF; } #accountWithdrawal .custom-options-withdraw .custom-option-withdraw:active { background-color:#2C7AAB; } #accountWithdrawal .custom-select-wrapper-withdraw .useReplacePaymentMethod { padding-top:20px; } #accountWithdrawal .custom-select-withdraw__trigger b, .custom-option-withdraw b { display:inline-block; width:25px; height:25px; background-color:#03C262; opacity:1; border-radius:45px; text-align:center; color:#fff; font-weight:400; font-size:18px; margin-right:10px; } #accountWithdrawal .custom-select-wrapper-withdraw .cardExpired { color:#DE5353; font-size:16px; font-weight:400; padding-left:25px;} /* ACCOUNT WINNINGS */ #accountWinnings .winningsSearchItems { float:left; width:200px; margin-right:20px; } #accountWinnings .accountHistorySearch { margin-bottom: 46px; } #accountWinnings #searchWinningsButton { float:right; margin:0 0 0 30px; } #accountWinnings #searchWinningsReset { float:right; margin-top:11px; } #accountWinnings #accountWinningsTable { display:inline-block; width:100%; overflow-x:auto; } #accountWinnings .accountWinningsTableHeader { display:table-header-group; } #accountWinnings .accountWinningsTableHeaderCell { display:table-cell; font-weight:500; line-height:14px; font-size:13px; text-align:left; border-bottom:1px solid #549CC9; height:30px; } #accountWinnings .accountWinningsTableHeaderCell:first-child { text-indent:36px; color:#00ADEF; } #accountWinnings .accountWinningsTableHeaderCell:first-child .glyphicon { font-size:10px; color:#00ADEF; text-indent:10px; } #accountWinnings .accountWinningsTableBody { display:table-row-group; } #accountWinnings .accountWinningsTableRow { display:table-row; } #accountWinnings .accountWinningsTableBodyCell { display:table-cell; text-align:left; font-weight:400; font-size:13px; border-bottom:1px solid #549CC9; padding:10.5px 0; white-space:nowrap; } #accountWinnings .accountWinningsTableBodyCell:first-child { text-indent:2px; } #accountWinnings .sml-td { min-width:90px; padding-right:5px; } #accountWinnings .mid-td { min-width:315px; padding-right:5px; } #accountWinnings .lrg-td { min-width:353px; padding-right:5px; } /* ACCOUNT PAYMENT METHOD */ #acctPaymentMethod form { margin-top:11px; } #acctPaymentMethod form label { margin:0; } #acctPaymentMethod .ukAvailablePayments { text-align:center; margin:15px 0 5px 0; } #acctPaymentMethod .accountPaymentMethodList:first-of-type { border:1px solid #549CC9; } #acctPaymentMethod .accountPaymentMethodList { width:300px; background-color:#549CC9; border-top:1px solid #013658; border-bottom:1px solid #549CC9; border-right:1px solid #549CC9; border-left:1px solid #549CC9; height:61px; position:relative; } #acctPaymentMethod .accountPaymentMethodList:hover { border:1px solid #C7E9FE; } #acctPaymentMethod .accountPaymentMethodList.paymentMethodActive { border:1px solid #C7E9FE; background-color:#C7E9FE; color:#002339; } #acctPaymentMethod .accountPaymentMethodList.paymentMethodActive:hover { border:1px solid #C7E9FE; } #acctPaymentMethod .accountPaymentMethodList.paymentMethodActive .acctPaymentMethodListContent .newPayMethod span { background-color:#FFFFFF; color:#013658; font-weight:400; vertical-align:middle; } #acctPaymentMethod .accountPaymentMethodList .checkboxRadioContainer { position:initial!important; padding:0!important; } #acctPaymentMethod .accountPaymentMethodList .acctPaymentMethodListContent { font-weight:400; position:absolute; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); margin:0; width:100%; padding-left:20px; } #acctPaymentMethod .accountPaymentMethodList .acctPaymentMethodListContent .newPayMethod { display:block; width:250px; } #acctPaymentMethod .accountPaymentMethodList .acctPaymentMethodListContent .newPayMethod span { display:inline-block; width:25px; height:25px; background-color:#FFFFFF; color:#013658; font-weight:500; opacity:1; border-radius:45px; text-align:center; font-size:18px; margin-right:10px; } #acctPaymentMethod .accountPaymentMethodList .acctPaymentMethodListContent img { padding-right:18px; } #acctPaymentMethod .accountPaymentMethodList .acctPaymentMethodListContent .redesignRadio { right:16px; left:auto; top:0; bottom:0; margin:auto } #acctPaymentMethod .paymentMethodSupportedCards { position:relative; height:40px; text-align:right; padding:1px 0 0 0; margin:0; } #acctPaymentMethod .paymentMethodSupportedCards li { display:inline-block; margin:0px 8px; } #acctPaymentMethod .paymentMethodSupportedCards li:last-of-type { margin-right:2px; } #acctPaymentMethod .paymentMethodSupportedCards li img { width:40px; } /*#acctPaymentMethod .paymentMethodSupportedCards .unsupported_card { opacity:0.3; filter:contrast(0%); }*/ #acctPaymentMethod .paymentMethodSplitColumn { width:100%; display:inline-block; /*margin-bottom:-5px;*/ } #acctPaymentMethod .paymentMethodSplitColumn .paymentMethodSplitColumns:first-of-type { float:left; } #acctPaymentMethod .paymentMethodSplitColumn .paymentMethodSplitColumns:last-of-type { float:right; } #acctPaymentMethod .paymentMethodSplitColumn .paymentMethodSplitColumns input[name="paymentMethodsCardNumber"] { width:170px; } #acctPaymentMethod .paymentMethodSplitColumn .paymentMethodSplitColumns input[name="paymentMethodsCVV"] { width:120px; } #acctPaymentMethod .paymentMethodSplitColumn .paymentMethodSplitColumns select { width:145px; } #acctPaymentMethod .formPopupCheckbox { margin:39px 0 0 0; font-weight:500; } #acctPaymentMethod .removedPaymentMethod { text-align:right; text-decoration:underline; margin:9px 4px 0 0; cursor:pointer; } #acctPaymentMethod #removePaymentMethodPopup { top:100px; } #acctPaymentMethod #removePaymentMethodPopup button { width:275px!important; margin:16px 0 15px 0; } #acctPaymentMethod .accountPaymentMethodList .expiredCC { position:absolute; right:50px; top:1px; font-weight:500; } #acctPaymentMethod .accountPaymentMethodList.disabledState { pointer-events:none; border-color:rgb(0,35,57,0.25)!important; background:rgb(0,35,57,0.25)!important; } #acctPaymentMethod .accountPaymentMethodList.disabledState .redesignRadio { opacity:0.2; } #acctPaymentMethod .infoButton { margin-left:0; } #acctPaymentMethod .infoWindow { margin:-42px 0 0 -39px; } #acctPaymentMethod #removePaymentMethodPopup .secondaryFormButton { padding:12px 0; margin:0 auto; } #acctPaymentMethod #paymentMethodPendingChanges { top:200px; } #acctPaymentMethod #paymentMethodPendingChanges .secondaryFormButton { width:100%!important; } #acctPaymentMethod #paymentMethodPendingChanges p.secondaryFormButton { margin:15px 0!important; } #acctPaymentMethod input.error, #acctPaymentMethod select.error { border:1px solid #FF5454!important; } #acctPaymentMethod label.error { display:none!important; } /* ACCOUNT TRANSACTION SUMMARY */ .accountTransactionSummary ul { width:100%; text-align:center; border-bottom:1px solid #2C7AAB; margin-bottom:18.5px; } .accountTransactionSummary ul li { display:inline-block; margin:0 7px 10.5px 7px; font-size:13px; cursor:pointer; } .accountTransactionSummary ul li.acctTransSummaryActive { background-color:#0889D7; color:white; padding:5px 10px; border-radius:2px; } .accountTransactionSummary { font-size:13px; color:#C7E9FE; } .accountTransactionSummary .walletPageContent { height:340px; } .accountTransactionSummary .acctTransRow { margin-bottom:14px; } .accountTransactionSummary .acctTransSection { float:left; } .accountTransactionSummary .acctTransBetSection { position:relative; width:425px; padding-right:47px; border-right:1px solid #2C7AAB; } .accountTransactionSummary .acctTransDepositSection { position:relative; width:330px; padding-right:15px; border-right:1px solid #2C7AAB; } .accountTransactionSummary .acctTransWinSection { width:290px; } .accountTransactionSummary .acctTransLossSection { width:228px; } .accountTransactionSummary .acctTransEmptyRow { height:32px; } .accountTransactionSummary .acctTransHeader { text-align:right; } .accountTransactionSummary #accountTransactionSummaryInfo { position:absolute; bottom:100px; left:50px; font-size:13px!important; line-height:15px; } .accountTransactionSummary #accountTransactionSummaryInfo .infoButton { margin-right:10px; padding:1px 0 0 1px; cursor:default; } /* ACCOUNT TRANSACTION HISTORY */ #accountTransactionHistory .accountHistorySearch { margin-bottom:46px; } #accountTransactionHistory .transactionHistorySearchItems { float:left; width:200px; margin-right:20px; } #accountTransactionHistory .transactionHistorySearchItems:last-of-type { margin-right:0; } #accountTransactionHistory #searchTransactionHistoryButton { float:right; margin:38px 0 0 30px; } #accountTransactionHistory #accountTransactionHistoryReset { float:right; margin-top:49px; } #accountTransactionHistory #transactionHistoryTable { display:inline-block; width:100%; overflow-x:auto; } #accountTransactionHistory .transactionHistoryTableHeader { display:table-header-group; } #accountTransactionHistory .transactionHistoryTableHeaderCell { display:table-cell; color:#C7E9FE; font-weight:500; line-height:14px; font-size:13px; text-align:left; border-bottom:1px solid #549CC9; height:30px; } #accountTransactionHistory .transactionHistoryTableHeaderCell:first-child { text-indent:36px; color:#00ADEF; } #accountTransactionHistory .transactionHistoryTableHeaderCell:first-child .glyphicon { font-size:10px; color:#00ADEF; text-indent:10px; } #accountTransactionHistory .transactionHistoryTableBody { display:table-row-group; } #accountTransactionHistory .transactionHistoryTableBody.active { background-color:#165D8A; } #accountTransactionHistory .transactionHistoryTableRow { display:table-row; } #accountTransactionHistory .transactionHistoryTableBodyCell { display:table-cell; text-align:left; font-weight:400; font-size:13px; color:#C7E9FE; border-bottom:1px solid #549CC9; padding:10.5px 0; white-space:nowrap; } #accountTransactionHistory .transactionHistoryTableBodyCell:first-child { text-indent:2px; } #accountTransactionHistory .transactionHistoryTableBodyCell .glyphicon { margin-right:19px; } #accountTransactionHistory .transactionHistoryTableBodyCell .glyphicon.open { transform:rotate(-90deg); top:3px; left:3px; } #accountTransactionHistory .sml-td { min-width:104px; padding-right:5px; } #accountTransactionHistory .mid-td { min-width:179px; padding-right:5px; } #accountTransactionHistory .lrg-td { min-width:270px; padding-right:5px; } #accountTransactionHistory .transactionHistoryTableTwo { display:none; /*overflow-x:auto;*/ } #accountTransactionHistory .transactionHistoryTableBody.active + .transactionHistoryTableTwo { /*display:block;*/ display:inline-table; width:100%; padding:12px 25px 30px 25px; background-color:#165D8A; border-bottom:1px solid #549CC9; } #accountTransactionHistory .transactionHistoryTableTwo .transactionHistoryTableHeaderCell:first-child { text-indent:12px; } #accountTransactionHistory .transactionHistoryTableTwo .transactionHistoryTableBodyCell:first-child { text-indent:12px; } #accountTransactionHistory .transactionHistoryTableTwo .sml-td { min-width:125px; padding-right:5px; } #accountTransactionHistory .transactionHistoryTableTwo .mid-td { min-width:80px; padding-right:5px; } #accountTransactionHistory .transactionHistoryTableTwo .lrg-td { min-width:137px; padding-right:5px; } /* ACCOUNT BET HISTORY */ #accountBetHistory .accountHistorySearch { margin-bottom:46px; } #accountBetHistory .betHistorySearchItems { float:left; width:200px; margin-right:20px; height:75px; } #accountBetHistory #searchBetHistoryButton { float:right; margin:38px 0 0 30px; clear:both; } #accountBetHistory #accountBetHistoryReset { float:right; margin-top:49px; } #accountBetHistory #betHistoryTable { display:inline-block; width:100%; overflow-x:auto; } #accountBetHistory .betHistoryTableHeader { display:table-header-group; } #accountBetHistory .betHistoryTableHeaderCell { display:table-cell; color:#C7E9FE; font-weight:500; line-height:14px; font-size:13px; text-align:left; border-bottom:1px solid #549CC9; height:30px; } #accountBetHistory .betHistoryTableHeaderCell span { font-weight:400; font-size:11px; } #accountBetHistory .betHistoryTableHeaderCell:first-child { text-indent:25px; color:#00ADEF; } #accountBetHistory .betHistoryTableHeaderCell:first-child .glyphicon { font-size:10px; color:#00ADEF; text-indent:5px; } #accountBetHistory .betHistoryTableBody { display:table-row-group; } #accountBetHistory .betHistoryTableBody.active { background-color:#165D8A; } #accountBetHistory .betHistoryTableRow { display:table-row; } #accountBetHistory .betHistoryTableBodyCell { display:table-cell; text-align:left; color:#C7E9FE; font-weight:400; font-size:13px; border-bottom:1px solid #549CC9; padding:10.5px 0; white-space:nowrap; } #accountBetHistory .betHistoryTableBodyCell:first-child { text-indent:2px; } #accountBetHistory .betHistoryTableBodyCell .glyphicon { margin-right:19px; } #accountBetHistory .betHistoryTableBodyCell .glyphicon.open { transform:rotate(-90deg); top:3px; left:3px; } #accountBetHistory .betHistoryTableBodyCell.betAgain { font-size:14px; cursor:pointer; text-align:right; padding-right:15px; } #accountBetHistory .sml-td { min-width:48px; padding-right:5px; } #accountBetHistory .mid-td { min-width:100px; padding-right:5px; } #accountBetHistory .lrg-td { min-width:125px; padding-right:5px; } #accountBetHistory .xlrg-td { min-width:155px; padding-right:5px; } #accountBetHistory .betHistoryTableTwo { display:none; overflow-x:auto; } #accountBetHistory .betHistoryTableBody.active + .betHistoryTableTwo { /*display:block;*/ display:inline-table; width:100%; padding:12px 25px 30px 25px; background-color:#165D8A; border-bottom:1px solid #549CC9; } #accountBetHistory .betHistoryTableTwo .betHistoryTableHeaderCell:first-child { text-indent:35px; } #accountBetHistory .betHistoryTableTwo .betHistoryTableBodyCell:first-child { text-indent:35px; } #accountBetHistory .betHistoryTableTwo .sml-td { min-width:122px; padding-right:5px; } #accountBetHistory .betHistoryTableTwo .mid-td { min-width:80px; padding-right:5px; } #accountBetHistory .betHistoryTableTwo .lrg-td { min-width:250px; padding-right:5px; } #accountBetHistory .betHistoryTableTotals .betHistoryTableHeaderCell { color:#FFFFFF; } #accountBetHistory .betHistoryTableTotals .betHistoryTableHeaderCell:first-child { text-indent:7px; } #accountBetHistory .betHistoryTableTotals .betHistoryTableHeaderCell { font-weight:500; border:none; padding-top:10.5px; } /* ACCOUNT SUBSCRIPTION HISTORY */ #accountSubscriptionHistory .subscriptionHistorySearchItems { float:left; width:200px; margin-right:20px; } #accountSubscriptionHistory .subscriptionHistorySearchItems:last-of-type { margin-right:0; } #accountSubscriptionHistory #searchSubscriptionHistoryButton { float:right; margin:38px 0 0 30px; } #accountSubscriptionHistory #accountSubscriptionHistoryReset { float:right; margin-top:49px; } #accountSubscriptionHistory #subscriptionHistoryTable { display:inline-block; width:100%; margin-top:46px; overflow-x:auto; } #accountSubscriptionHistory .subscriptionHistoryTableHeader { display:table-header-group; } #accountSubscriptionHistory .subscriptionHistoryTableHeaderCell { position:relative; display:table-cell; color:#C7E9FE; font-weight:500; line-height:14px; font-size:13px; text-align:left; border-bottom:1px solid #549CC9; height:30px; } #accountSubscriptionHistory .subscriptionHistoryTableHeaderCell:first-child { text-indent:32px; color:#00ADEF; } #accountSubscriptionHistory .subscriptionHistoryTableHeaderCell:first-child .glyphicon { font-size:10px; color:#00ADEF; text-indent:10px; } #accountSubscriptionHistory .subscriptionHistoryTableBody { display:table-row-group; } #accountSubscriptionHistory .subscriptionHistoryTableBody.active { background-color:#165D8A; } #accountSubscriptionHistory .subscriptionHistoryTableRow { display:table-row; } #accountSubscriptionHistory .subscriptionHistoryTableBodyCell { display:table-cell; text-align:left; color:#C7E9FE; font-weight:400; font-size:13px; border-bottom:1px solid #549CC9; padding:10.5px 0; white-space:nowrap; } #accountSubscriptionHistory .subscriptionHistoryTableBodyCell:first-child { text-indent:2px; } #accountSubscriptionHistory .subscriptionHistoryTableBodyCell .glyphicon { margin-right:19px; } #accountSubscriptionHistory .subscriptionHistoryTableBodyCell .glyphicon.open { transform:rotate(-90deg); top:3px; left:3px; } #accountSubscriptionHistory .subscriptionHistoryTableBodyCell.betAgain { color:#398000; font-size:14px; text-decoration:underline; cursor:pointer; text-align:right; padding-right:5px; } #accountSubscriptionHistory .sml-td { min-width:36px; padding-right:5px; } #accountSubscriptionHistory .mid-td { min-width:88px; padding-right:5px; } #accountSubscriptionHistory .lrg-td { min-width:111px; padding-right:5px; } #accountSubscriptionHistory .xlrg-td { min-width:157px; padding-right:5px; } #accountSubscriptionHistory .subscriptionHistoryTableTwo { display:none; overflow-x:auto; } #accountSubscriptionHistory .subscriptionHistoryTableBody.active + .subscriptionHistoryTableTwo { /*display:block;*/ display:inline-table; width:100%; padding:12px 25px 30px 25px; background-color:#165D8A; border-bottom:1px solid #549CC9; } #accountSubscriptionHistory .subscriptionHistoryTableTwo .subscriptionHistoryTableHeaderCell:first-child { text-indent:35px; } #accountSubscriptionHistory .subscriptionHistoryTableTwo .subscriptionHistoryTableBodyCell:first-child { text-indent:35px; } #accountSubscriptionHistory .subscriptionHistoryTableTwo .sml-td { min-width:100px; padding-right:5px; } #accountSubscriptionHistory .subscriptionHistoryTableTwo .mid-td { min-width:185px; padding-right:5px; } #accountSubscriptionHistory .subscriptionHistoryTableTwo .lrg-td { min-width:190px; padding-right:5px; } #accountSubscriptionHistory .infoButton { position:absolute; width:14px; height:14px; font-size:10px; } #accountSubscriptionHistory .showSubcripDrawWinInfo { top:-4px; } #accountSubscriptionHistory .subsripDrawWinInfoWindow { right:200px; } /* ACCOUNT ORDER HISTORY */ #accountOrderHistory .orderHistorySearchItems { float:left; width:200px; margin-right:20px; } #accountOrderHistory .orderHistorySearchItems:last-of-type { margin-right:0; } #accountOrderHistory #searchOrderHistoryButton { float:right; margin:38px 0 0 30px; } #accountOrderHistory #accountOrderHistoryReset { float:right; margin-top:49px; } #accountOrderHistory #accountOrderHistoryForm { display:inline-block; margin-bottom:46px; } #accountOrderHistory #orderHistoryTable { display:inline-block; width:100%; overflow-x:auto; } #accountOrderHistory .orderHistoryTableHeader { display:table-header-group; } #accountOrderHistory .orderHistoryTableHeaderCell { position:relative; display:table-cell; color:#C7E9FE; font-weight:500; line-height:14px; font-size:13px; text-align:left; border-bottom:1px solid #549CC9; height:30px; } #accountOrderHistory .orderHistoryTableHeaderCell:first-child { text-indent:36px; color:#00ADEF; } #accountOrderHistory .orderHistoryTableHeaderCell:first-child .glyphicon { font-size:10px; color:#00ADEF; text-indent:10px; } #accountOrderHistory .orderHistoryTableHeaderCell span { font-weight:400; font-size:11px; } #accountOrderHistory .orderHistoryTableBody { display:table-row-group; } #accountOrderHistory .orderHistoryTableBody.active { background-color:#165D8A; } #accountOrderHistory .orderHistoryTableRow { display:table-row; } #accountOrderHistory .orderHistoryTableBodyCell { display:table-cell; text-align:left; color:#C7E9FE; font-weight:400; font-size:13px; border-bottom:1px solid #549CC9; padding:10.5px 0; white-space:nowrap; } #accountOrderHistory .orderHistoryTableBodyCell:first-child { text-indent:2px; } #accountOrderHistory .orderHistoryTableBodyCell .glyphicon { margin-right:19px; } #accountOrderHistory .orderHistoryTableBodyCell .glyphicon.open { transform:rotate(-90deg); top:3px; left:3px; } #accountOrderHistory .orderHistoryTableBodyCell.betAgain { font-size:14px; cursor:pointer; text-align:right; padding-right:19px; } #accountOrderHistory .sml-td { min-width:123px; padding-right:5px; } #accountOrderHistory .mid-td { min-width:203px; padding-right:5px; } #accountOrderHistory .lrg-td { min-width:259px; padding-right:5px; } #accountOrderHistory .orderHistoryTableTwo { display:none; overflow-x:auto; } #accountOrderHistory .orderHistoryTableBody.active + .orderHistoryTableTwo { display:block; width:100%; padding:12px 22px 30px 22px; background-color:#165D8A; border-bottom:1px solid #549CC9; } #accountOrderHistory .orderHistoryTableTwo .orderHistoryTableHeaderCell:first-child { text-indent:38px; } #accountOrderHistory .orderHistoryTableTwo .orderHistoryTableBodyCell:first-child { text-indent:3px; } #accountOrderHistory .orderHistoryTableTwo .sml-td { min-width:88px; padding-right:5px; } #accountOrderHistory .orderHistoryTableTwo .mid-td { min-width:113px; padding-right:5px; } #accountOrderHistory .orderHistoryTableTwo .lrg-td { min-width:119px; padding-right:5px; } #accountOrderHistory .orderHistoryTableTwo .xlrg-td { min-width:167px; padding-right:5px; } #accountOrderHistory .orderHistoryTableTwo .orderHistoryTableBody.active { background-color:#2C7AAB; } #accountOrderHistory .orderHistoryTableThree { display:none; overflow-x:auto; } #accountOrderHistory .orderHistoryTableTwo .orderHistoryTableBody.active + .orderHistoryTableThree { display:block; width:100%; padding:12px 25px 30px 25px; background-color:#2C7AAB; border-bottom:1px solid #549CC9; } #accountOrderHistory .orderHistoryTableThree .orderHistoryTableHeaderCell:first-child { text-indent:13px; } #accountOrderHistory .orderHistoryTableThree .orderHistoryTableBodyCell:first-child { text-indent:13px; } #accountOrderHistory .orderHistoryTableThree .sml-td { min-width:120px; padding-right:5px; } #accountOrderHistory .orderHistoryTableThree .mid-td { min-width:165px; padding-right:5px; } #accountOrderHistory .orderHistoryTableThree .lrg-td { min-width:175px; padding-right:5px; } #accountOrderHistory .infoButton { position:absolute; font-size:13px!important; line-height:15px; } #accountOrderHistory .showFulDateInfo { right:34px; top:-4px; } #accountOrderHistory .showTotalWinsInfo { right:13px; top:-4px; } #accountOrderHistory .showWinAmountInfo { right:73px; top:-8px; } #accountOrderHistory .showSyndFillStatusInfo { right:4px; top:-4px; } #accountOrderHistory .fulDateInfoWindow { right:17px; margin-top:6px; } #accountOrderHistory .totalWinsInfoWindow { right:64px; margin-top:6px; } #accountOrderHistory .winAmountInfoWindow { right:170px; } #accountOrderHistory .syndFillStatusInfoWindow { right:59px; } #accountOrderHistory .totalWinsInfoWindow .infoWindowTitle span { font-weight:400; font-size:16px; } #accountOrderHistory #orderSearchFailedPopup { top:40px; } /*-------------- START: FOOTER --------------*/ footer #footerSections .footerSection { margin-bottom:76px; margin-left:0; margin-right:0; } footer { position:relative; width:1183px; max-width:1183px; margin: 0 auto; } footer #footerContents .footerSections { margin-top:54px; } footer #footerContents .footerSections section { padding-left:90px; } footer .footerHeader { font-weight:400; font-size:19px; margin:20px 0; color:#D4F4FF; } footer p { text-align: left;} footer a { padding-left:0; font-weight:300; text-decoration:underline; color:#d7d7d7; font-size:15px; text-align:left; white-space:nowrap; line-height:23px;} footer a:hover { text-decoration:underline; } footer a:focus { color:#FFFFFF; text-decoration:underline; } footer .helpIcon { display:inline-block; padding:0 25px 20px 0; } footer .helpIcon a { color:#d7d7d7; text-align:center; width:45px; display:inline-block; } footer .helpIcon a:hover { text-decoration:underline; } footer .helpIcon a:focus { color:#FFFFFF; text-decoration:underline; outline:none; } footer .helpIcon a:focus img { filter:brightness(200%); } footer .helpIcon img { margin-bottom:8px; height:auto; } footer #footerSocialMediaLinks a { padding:0 27px 0 0;} footer #footerSocialMediaLinks a:focus img { filter: invert(90%) sepia(10%) saturate(2000%) hue-rotate(190deg) brightness(89%) contrast(95%); } footer .colNoMargin { margin: 0; padding: 0;} footer #footerSections { width:1183px; margin:0 auto; background-color:#012B45; } footer #footerSections .container-fluid { padding-left:0; padding-right:0; } footer #footerSections a { color: #b8cce1; text-decoration: underline;} footer #footerSections a:hover { color:#FFFFFF; } footer #footerSections a:focus { color:#FFFFFF!important; text-decoration:underline; outline:none; } footer #footerSections .container { width: 1200px;} footer #footerSections ul { text-align:center;} footer #footerSections ul li { display: inline-block; font-size:15px; border-right:1px solid #fff; padding:0 10px;} footer #footerSections ul li:last-child { border:none;} footer #footerSections ul li a { color:#FFFFFF; } footer #footerSections #footCopyRightText p { color:#d7d7d7; font-size:13px; text-align:center; } footer #footerSections #footerLegalImgs { text-align: center; float: none; margin: 0 auto;} footer #footerSections #footerLegalImgs .footerLegalImgs { margin: 10px 15px; float: none; display: inline-block;} footer #footerSections #footerLegalImgs .gamingLicence { background: url(../images/GC_BG.svg) center center no-repeat; } footer #footerSections #footerLegalImgs .gamingLicence iframe { vertical-align:middle; border:0; -ms-transform:scale(0.63); -moz-transform:scale(0.63); -o-transform:scale(0.63); -webkit-transform:scale(0.63); transform:scale(0.63);-ms-transform-origin:95px 28px; -moz-transform-origin:95px 28px; -o-transform-origin:95px 28px; -webkit-transform-origin:95px 28px; transform-origin:95px 28px; } .privacyPolicyBox { width:635px; background-color:#013658; padding:12px 10px 4px 10px; border:2px solid #6293b2; margin:10px 0; } /*---------------- 404 PAGE --------------------*/ #content_404 { text-align:center; } #content_404 p { margin:57px 0 30px 0; } #content_404 .linkAsButton { width:277px!important; padding-top:10px; margin:0 auto 25px auto; } /*---------------- EXTERNAL PAYMENT PAGE --------------------*/ .externalPaymentForm { width:360px; margin: 17px auto 0 auto; } .externalPaymentForm h1 { text-align:center; } .externalPaymentForm .alignInput { display: flex; justify-content: space-between; align-items: center; width: 100%; } .externalPaymentForm .alignInput div:first-child { margin-right:15px; } .externalPaymentForm input, .externalPaymentForm select { width:inherit; } .externalPaymentForm .equalInput { display:block; width:100%; } .externalPaymentForm .largeInput { display:block; width:246px; } .externalPaymentForm .smallInput { display:block; width:100px; } .orderDescription { text-align:center; } .externalPaymentResult { text-align:center; } /*--------------- LIVE CHAT -------------------------- */ #chatButton { position: fixed; bottom: 15px; right: 15px; width:78px; height:79px; background: url(../images/live-chat.png) no-repeat center center; background-size: cover; cursor: pointer; z-index: 9999; } #chatModal { display:none; position:fixed; bottom:100px; right:20px; width:300px; height:435px; background-color: #ffffff; border: 1px solid #0C4970; border-radius: 5px; z-index: 10000; overflow: hidden;box-shadow: 3px 5px 33px #00000070; } #chatModal p { opacity:0.7; color:#000000; } #chatHeader { background-color:#013658; color:#C7E9FE; padding:10px; font-size: 17px; } #chatClose { margin: 3px 5px 0 0; } #chatMessages { height: 290px; padding: 10px; overflow-y: auto; border-bottom: 1px solid #ccc; display: none; opacity:0.7; color:#000000; } .message { margin-bottom: 10px; } .message .email { font-weight: bold; margin-right: 5px; display:block; } #chatInputArea { padding:6px; display: none; } #chatInput { width:100%; padding: 5px; } #chatSend { margin-top: 4px; height: 37px !important; } #emailPrompt { padding: 10px; text-align: center; display: none; } #chatEmailInput { width:100%; padding: 5px; margin-top: 5px; } /* --- Marketing Module checkout upsell cards (Lotto Express branding) --- */ .leUpsellBox { background-color:#013658; border:1px solid #0C4970; border-radius:5px; padding:14px 16px; margin:12px 0 16px; } .leUpsellHint { color:#C7E9FE; margin-bottom:10px; } .leUpsellCard { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; border:1px solid #2C7AAB; border-radius:5px; background-color:#0C4970; padding:10px 12px; margin-bottom:8px; } .leUpsellCard.selected { border-color:#FC7D2B; box-shadow:0 0 0 1px #FC7D2B inset; } .leUpsellMain { flex:1; } .leUpsellLabel { display:flex; align-items:center; gap:8px; margin:0; cursor:pointer; } .leUpsellLabel input[type="checkbox"] { margin-top:0; } .leUpsellTitle { font-weight:500; color:#FFFFFF; } .leUpsellDescription { color:#C7E9FE; margin:6px 0 0 22px; } .leUpsellPrice { min-width:120px; text-align:right; color:#FC7D2B; font-weight:500; padding-top:2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #main #tickets_section .lines:hover ul { margin:0 10px; } #main #tickets_section .lines:hover { margin:-18px -14px 12px 0; } #acctDetails .select_box { border:1px solid #eeeeee; } #acctDetails input.disabledState { border:1px solid #eeeeee; } .navbar-default .container-fluid #navbarAccountInfo li.acctLogin a { color:#ddddf7; } .navbar-default .container-fluid #navbarAccountInfo li.balanceLink a { color:#ffffff; } #acctPaymentMethod .accountPaymentMethodList .checkboxRadioContainer { position:static; } } @supports (-ms-ime-align:auto) { #acctDetails input.disabledState { border:1px solid #eeeeee; } #acctDetails .select_box { border:1px solid #eeeeee; } #acctPaymentMethod .paymentMethodCardImage { border:1px solid #eeeeee; } #acctPaymentMethod .addPaymentMethodCardImage { border:1px solid #eeeeee; } #accountWithdrawal .accountWithdrawalSearch .accountSearchItems #acctWithdrawAmountAvailable { border:1px solid #eeeeee; } #lotteryBanner .bannerTimeToDraw #drawCounterReact { background-color:black; } } @media print { .footer { display:none; } .navbar { display:none; } .banner { display:none; } .printScreenButton { display:none; } #cookie-prompt { display:none; } }