@font-face {
  font-family:'DessauPro';
  src: url('/assets/fonts/DessauPro.ttf');
}

/* MAIN LAYOUT */
* {-webkit-overflow-scrolling:touch;}
html {font-size:0.9rem; overflow-x:hidden; overflow-y:scroll;}
body {margin:0; padding-top:4rem; font-family:'Saira'; font-size:1rem; background:#e9eaed; overflow-x:hidden;}
body,html {-webkit-overflow-scrolling:touch;}
body.headerless {padding-top:0;}
body.headerless header {display:none;}
body.headerless .modal {top:7rem; max-height:calc(100% - 13rem);}
body.headerless .odds-srm-row-header {top:0;}
body.headerless .add-post-header+.panel {top:-1px;}
body.headerless .login-form table {display:none;}
body.headerless .login-form .login-app {display:block; margin-top:2rem; font-weight:bold; text-align:center; font-size:1.2rem; color:#fff;}
body.headerless .betslip:not(.betslip-quick) {top:0;} 
body.headerless .race-header {top:0;}
body.headerless .formguide {top:100px;}
body.headerless .formguide-detail-scroller {height:calc(100vh - 158px);}
body.headerless .event-sgm .odds-match-market h3 {top:0;}
body.headerless .rewards-balance-float {top:0;}
header {display:flex; position:fixed; top:0; left:0; height:4rem; width:100vw; padding:0; z-index:200; box-sizing:border-box; background:#000; color:#fff; outline:2px solid var(--tertiary);}
nav {display:grid; grid-template-columns:5rem auto; justify-content:space-between; padding-left:0; width:100vw; align-items:center;}
nav .header-logo img {height:50px; margin-left:5px; margin-bottom:-10px;}
nav .header-details {margin-top:8px;}
nav .header-user {display:grid; grid-template-columns:5rem auto 2rem 3rem; gap:5px;}
nav .header-user-hard {grid-template-columns:6rem auto 3rem!important;}
nav .header-user-item {position:relative; display:flex; align-items:center; justify-content:center; padding:3px 0; min-height:22px; background:#333; border-radius:1rem; font-weight:bold; font-size:1rem;}
nav .header-user .user-balance {padding-right:30px; padding-left:10px; min-width:55px;}
nav .header-user .user-balance-bonus {display:none;}
nav .header-user .user-balance-boost {display:none;}
nav .header-user .user-balance-pending {display:none;}
nav .header-user .user-account {width:2rem; text-align:center; padding-top:1px; position:relative;}
nav .header-user .user-account.user-account-gift:before {position:absolute; content:"\f06b"; font-family:'Font Awesome 6 Pro'; top:-8px; right:-8px; color:var(--secondary);  font-weight:bold;}
nav .header-user .user-notification {width:2rem; text-align:center; padding-top:1px; position:relative;}
nav .header-user .user-notification-unread:before {position:absolute; content:""; top:-5px; right:-5px; width:12px; height:12px; background:#ff0000; border-radius:50%;}
nav .header-user .user-balance-boost:before {content:"Boosts";}
nav .header-user .user-balance-bonus:before {content:"Bonus";}
nav .header-user .user-balance-rewards:before {content:"Rewards";}
nav .header-user .user-balance-pending:before {content:"Open";}
nav .header-user .user-balance:before {content:"Balance"; left: calc(50% - 30px);}
nav .header-user .user-balance:before,
nav .header-user .user-balance-bonus:before,
nav .header-user .user-balance-rewards:before,
nav .header-user .user-balance-boost:before,
nav .header-user .user-balance-pending:before {position: absolute; padding: 0 5px; border-radius:0.5rem 0.5rem 0 0; top:-10px; color:var(--secondary); font-weight: 600; font-size:10px; text-transform: uppercase; background: #343434;}
nav .header-user .user-balance:after {content:"\f055"; position: absolute; right:6px; font-weight:bold; font-family: "Font Awesome 6 Pro"; color:var(--secondary);}
nav .header-verify {margin-top:-7px; margin-right:1rem}
nav .header-login {display:flex; gap:1rem; justify-content:flex-end; margin-right:1rem; margin-top:-8px;}
nav .button-login,
nav .button-join {display:flex; align-items:center; justify-content:center; width:6rem; height:30px; text-align:center; font-size:18px; font-weight:bold; border-radius:2rem; text-transform:uppercase;}
nav .button-login {background:#333;}
nav .button-join {background:var(--secondary);  color:#000; text-decoration:none;}
nav .header-nav {display:none;}
#nav-ntj {display:none;}
#loggedin-warning {display:none; position:fixed; bottom:4rem; left:10px; width:calc(100vw - 20px); padding:0.8rem 1rem; box-sizing:border-box; background:#333; color:#fff; z-index:99; border-radius:1rem 1rem 0 0; font-weight:bold;}
.loggedin-warning-close {position:absolute; top:10px; right:10px; font-size:25px; color:#fff;}

footer {z-index:100; display:flex; align-items:center; width:100vw; height:4rem; padding:0; background:#000; border-top:1px solid #000; color:#fff; position:fixed; bottom:0; left:0;}
footer.footer-over {z-index:104;}
footer .footer-section {width:20%; display:flex; flex-direction:column; gap:0rem; padding:0.4rem 0; text-align:center; font-weight:600; font-size:0.85rem; border-left:1px solid #fff; color:#fff; text-decoration:none;}
footer .footer-section [class*="icon-"]:before {font-size:1.7rem;}
footer .footer-section:first-child {border:none;}
footer .betslip-open {height:4rem; box-sizing:border-box; padding:0.45rem 0;}
footer .betslip-total {display:inline-block; margin:auto; margin-top:0px; width:2.5rem; height:1.8rem; line-height:1.8rem; font-size:1.2rem; font-weight:bold; background:var(--tertiary); outline:4px solid #f3ba1250; color:#000; border-radius:2rem; text-align:center; transition: all 0.5s ease;}

.footerContent {display:block; padding:0 1rem; text-align:center;}
.footerContent h4 {margin-bottom:0;}
.footerContent .logoImg {display:grid; grid-template-columns:repeat(3, 1fr); margin: 0.375rem 0.75rem;}
.footerContent .logoImg img {height:6rem; margin:auto;}
.footerContent .links {display:grid; grid-template-columns:1fr;}
.footerContent .links ul {margin:0; padding:0; list-style-type:none;}
.footerContent .links a {text-decoration:none; color:#000;}
.footerContent .footer-respgambling {display:flex; gap:1rem; flex-direction:column; margin-bottom:5rem;}

.carousel {display:flex; overflow:auto; overflow-y:hidden; gap:0.5rem; width:100vw; margin-right:-1rem; margin-left:-1rem; padding:1rem; cursor:pointer; box-sizing:border-box;}
.carousel-tab {width:300px; min-width:300px; height:150px; border-radius:1rem; background-size:cover; background-position:50%; background-repeat:no-repeat;}
.carousel::-webkit-scrollbar {display:none;}
.account-popdown {position:fixed; display:none; top:calc(4rem - 5px); left:10px; width:calc(100vw - 20px); max-height:30rem; overflow:auto; padding:1rem; box-shadow: #000 0px 0px 15px -5px; box-sizing: border-box; background: #efefef; outline:2px solid var(--secondary); border-radius:0 0 1rem 1rem;z-index:102;}
.products-popdown {position:fixed; display:none; bottom:calc(4rem - 2px); left:10px; width:calc(100vw - 20px); padding:0.5rem 1rem; box-shadow:#000 0px 0px 15px -5px; box-sizing: border-box; background: #efefef; outline:2px solid var(--secondary); border-radius:1rem 1rem 0 0; z-index:102;}

#leftColumn {display:none;}
#rightColumn {padding:0 2rem 0 1rem;}
#rightColumn .tab-togglers {display:none;}
#mainContent {min-width:auto; padding:1px 1rem 4rem 1rem; background-repeat:no-repeat; background-size: 20rem; background-position: 50% 15rem;}
h1 {display:flex; align-items:center; justify-content:space-between; position:relative; padding:0.5rem 1rem; margin:0 -1rem; background:#222; color:#fff; font-size:20px; line-height:26px; font-weight:bold; pointer-events:none;}
h5 {display: flex; align-items:center; gap:5px; font-size:20px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; margin:0.2rem 0 0.2rem 1rem; color:#333;}
h1.navigate-back {padding-left:40px;}
h1.navigate-back:before {position:absolute; top:8px; left:10px; font-family:"Font Awesome 6 Pro"; font-weight:bold; content:"\f0a8"; font-size:22px; pointer-events:all;}
#mainContent h5+.homepage-switch {margin-top:-0.8rem;}

/* RACING MARKET */
.race-header {position:fixed; top:60px; z-index:2; width:100vw; margin-left:-1rem; margin-right:-1rem;}
.race-header-track {display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; padding:5px 0 0 10px; margin-top:-1px; color:#fff; background:#222;}
.race-header-track-name {font-size:20px; font-weight:900; text-transform:uppercase;}
.race-header-meeting {margin-top:-2px; display:flex; align-items:center; gap:5px; cursor:pointer;}
.race-header-icon {margin-top:-1px; font-size:1.2rem; color:var(--secondary);}
.race-header-icon:before {font-weight:bold!important;}
.race-header-other-races {display:grid; grid-auto-flow:column; grid-auto-columns:minmax(max-content,1fr); gap:0; width:100vw; align-items:center; overflow:auto; padding:0.5rem; box-sizing:border-box; background:#fff;}
.race-header-other-race {position:relative; display:flex; flex-wrap:wrap; align-content:center; flex-direction:column; min-width:45px; gap:0; text-decoration:none; color:#000; cursor:pointer;}
.race-header-other-race-number {display:flex; align-content: center; justify-content: center; flex-wrap: wrap; width:2.3rem; height:2.3rem; margin-left:auto; margin-right:auto; border-radius:1rem; font-weight:bold; background:#efefef; color:#000;}
.race-header-other-race-time {display:none; font-size:0.9rem; font-weight:600; text-align:center;}
.race-header-other-race-selected {opacity:1!important;}
.race-header-other-race-selected .race-header-other-race-number {font-size:1.4rem; color:#000!important; background:var(--secondary)!important;}
.race-header-other-race .promo {position:absolute; top:0; left:0; color:#fff; background:#ff6600; font-weight:bold; font-size:10px; line-height:10px; padding:2px 4px; border-radius:5px; z-index:1;}
.race-header-details {width:100%; display:grid; grid-template-columns:auto; margin-top:-1px; padding:2px 0; background:#222;}
.race-header-time {position:absolute; top:10px; right:10px; display:flex; align-items:flex-end; justify-content:flex-end; z-index:4;}
.race-header-ttg {height:1.2rem; line-height:1.2rem; padding:0 0.5rem; white-space:nowrap; background:#fff; font-weight:bold; font-size:0.8rem; text-align:center; border-radius:1rem;}
.race-header-ttg.ttg-10 {background:#000!important;}
.race-header-ttg.ttg-final {background:green; color:white; text-transform:uppercase;}
.race-header-pills {display:flex; gap:5px; line-height:1rem;align-items:center; padding:0 0 5px 10px; overflow:auto; font-size:0.8rem; font-weight:500;}
.race-header-pills .race-header-pill {white-space:nowrap; padding:0.1rem 0.5rem; border-radius:1rem; background:#000; color:#fff;}
.race-header-pill.race-header-pill-name {min-width:6rem; text-align:center; overflow:hidden; text-overflow:ellipsis; z-index:1; background:var(--secondary)!important; color:#000;}
.race-header-pill.race-header-pill-group {padding-left:25px; margin-left:-25px; z-index:0; background:gold!important; color: #000000;}
.race-header-pill-good {background:green!important;}
.race-header-pill-soft {background:blue!important;}
.race-header-pill-heavy {background:red!important;}
.race-header-pill-awt {background:#853b1c!important;}
.race-future-date {padding:0.3rem 1rem; font-weight:bold; background:#fff;}
.race-future-rules {padding: 0 1rem 0.5rem 1rem; background: #fff; font-size: 10px; line-height: 12px;}
.race-loader h1:before {position: absolute; left: 0; top:0; height:100%; padding:0 0.5rem; border-radius:0.5rem 0 0 0.5rem; line-height:3.2rem; font-size:2.5rem; color:#fff;}
.race-other-meetings-toggle {font-size:1.5rem; color:#fff; height:2rem; line-height:2rem; text-align:center;}
.race-result {position:relative; margin-left:-1rem; margin-right:-1rem; background:#fff; font-size:0.9rem; user-select:none;}
.race-result-row {display:grid; grid-template-columns:2rem 2.5rem auto 3.5rem 3.5rem 3.5rem; min-height:33px; border-bottom:1px solid #e0e0e0;}
.race-result-row-no-silks {grid-template-columns:2rem auto 3.5rem 3.5rem 3.5rem;}
.race-result-row:last-child {border:none;}
.race-result-row-exotics {display:flex!important;}
.race-result-header {font-weight:bold; color:#fff; background:#333;}
.race-result-cell {padding:0.3rem 0.5rem; display:flex; justify-content:center; align-content:center; flex-wrap:wrap; flex-direction:column; font-size:1rem; line-height:1.2rem;} 
.race-result-cell.race-result-placing {display:flex; flex-direction:column; align-content:center; justify-content:center; font-size:1.3rem; text-align:center; background:#ffdd0050; font-weight:bold;}
.race-result-cell.silk-icon {display:flex; align-items:center; justify-content:center; padding:0;}
.race-result-cell .silk-grey {width:2rem!important; height:2rem!important;}
.race-result-cell-exotic {flex:1 1 0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; line-height:1.2rem; border-right:1px solid #e0e0e0;}
.race-result-cell-exotic .race-result-cell-exotic-name {font-weight:bold;}
.race-result-cell-exotic .race-result-cell-exotic-payout {font-weight:600;}
.race-result-runner-cell {padding-left:0; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-content:flex-start;}
.race-result-row-no-silks .race-result-runner-cell {padding-left: 0.5rem;}
.race-result-runner {font-weight:600; line-height:1rem;}
.race-result-runner-barrier {font-weight:normal; font-size:80%;}
.race-result-dividend {font-size:0.9rem; text-align:center;}
.race-result .race-result-jockey {font-size:0.8rem; line-height:1rem;}
.race-result+.race-markets {padding-top:0.2rem!important;}
.race-markets {position:relative; user-select:none; border-radius:0!important; margin-left:-1rem; margin-right:-1rem; box-shadow:none!important;}

/* FORM GUIDE POPUP */
.formguide {display:none; position:fixed; top:120px; left:0; z-index:101;}
.formguide-detail-scroller {display:flex; width:100vw; height:calc(100vh - 180px); background:#fff; flex-direction:row; transform:translateX(0%); transition:all 0.2s cubic-bezier(.17,.67,1,.8); }
.formguide-detail {display:flex; flex-direction:column; gap:10px; position: relative; width: 100%; padding:0 10px; flex-shrink: 0; overflow:auto; overflow-x:hidden; overscroll-behavior: none; box-sizing:border-box; background:#fff;}
.formguide-detail-close {position:absolute; top:12px; right:12px; z-index:2; display:flex; align-items:center; justify-content:center; padding:10px; width:12px; height:12px; font-size:20px; background:#333; color:#fff; border-radius:50%;}
.formguide-detail-odds {position:absolute; bottom:5px; right:0; display:flex; gap:5px;}
.formguide-detail-odds .button.betlink {min-width:40px; min-height:25px; max-height:25px; font-weight:bold;}
.formguide-detail-odds .button.betlink:before {position:absolute; top:-7px; left:10px; width:calc(100% - 20px); font-size:10px; line-height:12px; border-radius:5px; background:var(--secondary); color:#000;}
.formguide-detail-odds .add-betslip-win:before {content:"Win";}
.formguide-detail-odds .add-betslip-plc:before {content:"Plc";}
.formguide-detail-comment {padding:5px 10px; font-size:12px; line-height:16px; color:#666; background:#f8f8f8; border-radius:10px;}
.formguide-detail-filters-header {display:flex; gap:5px; align-items:center; padding:0 5px; font-size:16px; font-weight:bold;}
.formguide-detail-filters-container {display:none; margin-top:-5px; background:#fff;}
.formguide-detail-filters {display:grid; grid-template-columns:repeat(4,1fr); align-items:center; justify-content:center; text-align:center; font-size:12px;}
.formguide-detail-filter {display:flex; flex-direction:column; gap:3px; padding:5px; margin:5px; line-height:11px; border-radius:10px; font-weight:500; background:#efefef; cursor:pointer;}
.formguide-detail-filter-active:not(.formguide-detail-filter-blank) {background: #eeffee80; outline: 2px solid #509d5040;}
.formguide-detail-filter-record {font-weight: normal; font-size: 9px; line-height: 8px; color:#333;}
.formguide-detail-filter-blank {opacity:0.5;}
.formguide-detail-filter-blank .formguide-detail-filter-record {opacity:0;}
.formguide-detail-silks {background-size:50px; background-repeat:no-repeat; background-position:50%; position: absolute; top:60px; left:0; width: 45px; height: 65px; padding: 10px; box-sizing: border-box; border-radius: 10px; background-color: white;}
.formguide-detail-horse-container {display:flex; flex-direction:column; position:sticky; top:0; padding:60px 10px 5px 50px; margin:0 0 -5px 0px; font-size: 12px; background:#fff; z-index:2; border-bottom:2px solid #efefef;}
.formguide-detail-horse-select {z-index:1; display: flex; gap: 0.5rem; position: absolute; transform:translate(-50%); top: 10px; left:50%; padding:5px; width:calc(100% - 10rem); overflow:auto; background: #efefef; border-radius: 2rem;}
.formguide-detail-horse-select-number {width:2rem; min-width:2rem; height: 2rem; font-size: 1rem; line-height: 2rem; border-radius: 1rem; text-align: center; background: #333; color:#fff;}
.formguide-detail-horse-select-number-selected {background:var(--secondary); color:#000; font-weight:bold;}
.formguide-detail-horse-select-number.disabled {display:none;}
.formguide-detail-horse-name {font-weight:800; font-size:16px; line-height:16px;}
.formguide-detail-horse-form {color:#666; font-weight:500; font-size:11px;}
.formguide-detail-horse-trainer,
.formguide-detail-horse-jockey {font-size:11px;}
.formguide-detail-horse-information {max-width:calc(100vw - 190px); line-height:14px;}
.formguide-detail-race-container {display:flex; flex-direction:column; gap:2px;}
.formguide-detail-same {border-radius:10px; padding:0 2px; background:#ffff73;}
.formguide-detail-race {display:grid; grid-template-columns:50px auto; padding-bottom: 10px; font-size:12px; border-bottom: 1px solid #efefef;}
.formguide-detail-race-result {display:flex; flex-direction:column; align-items:center; justify-content:center; width:45px; padding:5px 0; border-radius:20px; background:#fefefe;}
.formguide-detail-race-result-1 {background:#ffd60080!important;}
.formguide-detail-race-result-2 {background:#ffd60050!important;}
.formguide-detail-race-result-3 {background:#ffd60030!important;}
.formguide-detail-race-replay {margin-top:5px; font-size:14px;}
.formguide-detail-race-trial {border-radius:20px; opacity:0.5;}
.formguide-detail-race-trial .formguide-detail-race-container {gap:0;}
.formguide-detail-race-position {display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:12px; font-weight:600;}
.formguide-detail-race-position-runners {font-size:10px; line-height:8px;}
.formguide-detail-race-position-odds {font-size:10px; font-weight:500; color:#666;}
.formguide-detail-race-margin {font-size:9px; font-weight:500; padding-top:4px;}
.formguide-detail-race-track {display:flex; align-items:center; gap:5px; font-weight:bold; background: #efefef; border-radius: 10px; padding: 2px 5px;}
.formguide-detail-race-ground {margin-left:auto; border-radius: 10px; padding:0 5px; font-size: 10px; text-transform:uppercase;}
.formguide-detail-race-data {display:flex; justify-content:space-between; align-items:center; font-weight:500; font-size:11px;}
.formguide-detail-race-name {display:flex; gap:5px; max-width:calc(100vw - 130px); padding-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:800;}
.formguide-detail-race-name-full {font-size:10px; color:#666;}
.formguide-detail-race-info {display:flex; gap:4px; align-items:center; padding-left:3px;}
.formguide-detail-race-info-pill {padding:0 5px; font-size:11px; font-weight:400; line-height:14px; text-transform:uppercase; background:#efefef; border-radius:10px;}
.formguide-detail-race-info-pill-diff {background:none; margin:0 -5px 0 -8px; font-size:10px;}
.formguide-detail-race-distance {display:flex; flex-direction:column; margin-bottom:-15px; padding:0 8px 0 5px; min-width:40px; text-align:center; font-size:11px;}
.formguide-detail-race-distance-diff {font-size:10px;}
.formguide-detail-race-jockey {padding-left:5px; font-size:11px;}
.formguide-detail-race-trial .formguide-detail-race-jockey {margin-bottom:2px;}
.formguide-detail-race-times {display:flex; flex-direction:column; padding-left:6px; margin-bottom:2px; font-size:11px;}
.formguide-detail-race-comment {padding-left:5px; margin-top:-2px; color: #666; font-size:11px;}
.formguide-detail-fast-finish {color:green;}
.formguide-detail-held-up {color:#cc0000;}
.formguide-detail-spell {grid-column:1/3; margin:10px 0 5px 0; padding:3px 0 4px 0; text-align:center; font-weight:700; font-size:14px; color:#cc0000; background: #cc000020; border-radius: 10px;}
.formguide-detail-scratched:before {width: 100vw; position: absolute; top: 85px; left: 0; z-index: 3; text-align: center; content: "Scratched"; font-size: 30px; color: #cc0000; font-weight: 900; background: #fff; transform: rotate(-14deg);}
.formguide-detail-scratched * {opacity:0.5;}
.toggler-next-item {cursor:pointer;}

/* Misc classes for form guide */
.ground-1,
.ground-2 {background:brown; color:#fff;}
.ground-3,
.ground-4 {background:green; color:#fff;}
.ground-5,
.ground-6,
.ground-7 {background:blue; color:#fff;}
.ground-8,
.ground-9,
.ground-10 {background:red; color:#fff;}
.group-1 {background:#ffd700!important;}
.group-2 {background:#ffe557!important;}
.group-3 {background:#fcea89!important;}

/* EXOTICS */
.exotic-summary {position:fixed; bottom:4rem; left:10px; width:calc(100vw - 20px); padding:0.5rem; box-sizing:border-box; z-index:10; display:none; grid-template-columns:auto 5rem 8rem; outline:none; align-items:center; justify-content:normal; gap:0.5rem; font-size:0.8rem; border-radius:1rem 1rem 0 0; background:#fff; border:2px solid var(--tertiary); border-bottom:0;}
.exotic-summary-betslip {bottom:calc(5rem + 12px); padding-bottom:2rem; z-index:4;}
.exotic-summary .exotic-combos {display:flex; align-items:center; justify-content:flex-start; font-size:1rem;}
.exotic-summary .exotic-combos strong,
.exotic-summary .unit-stake strong,
.exotic-summary .total-stake strong {line-height:1.5rem; font-weight:bold;}
.total-combos {padding:0 0 0 5px; font-weight:bold;}
.exotic-summary .button {padding:0!important; line-height:1.8rem; font-size:1rem; background:#000 !important; color: #fff !important; width: auto;}

/* QUADDIE */
.market-quadrella {display:grid; grid-template-columns:100%; gap:0.5rem;}
.market-quadrella-list {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:0.5rem; padding:0.4rem 0.5rem 0.5rem 0.5rem; width:calc(100vw - 1rem); overflow:auto;}
.market-quadrella-leg {display:flex; justify-content:space-between; align-items:center; padding:7px 5px 7px 1rem; font-size:0.8rem; font-weight:600; line-height:0.9rem; background:#efefef; border-radius:1rem; cursor:pointer;}
.market-quadrella-leg-total {width:1.5rem; padding:0; text-align:center; border-radius:1rem; background:#fff; color:#000;}
.market-quadrella-leg-selected {background:var(--secondary);}
.market-quadrella-summary input {width:100%; text-align:center; border-radius:4px; font:1rem arial,helvetica,clean,sans-serif; font-size:1rem; width:5rem; height:2rem; border:1px solid #171f2340;}
.market-quadrella-races {margin-top:-0.5rem; margin-right:0;}
.market-quadrella-race {display:flex; flex-direction:column; padding:0; border-radius:0.5rem; margin-bottom:2rem;}
.market-quadrella-race-info {position:relative; padding:0.5rem 1rem; line-height:1rem; background:#333; color:#fff; z-index:1;}
.market-quadrella-race-name {font-weight:bold; width:calc(100vw - 80px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.market-quadrella-header {display: grid; padding:4px 0; grid-template-columns:3rem auto 3rem 5rem; align-items:center; font-size: 0.7rem; font-weight: 600; line-height: 0.8rem; border-bottom: 2px solid var(--tertiary);}
.market-quadrella-runner {display:grid; grid-template-columns:3rem auto 3rem 5rem; align-items:center; min-height:3rem; border-bottom:1px solid #e0e0e0;}
.market-quadrella-runner-name {display:flex; align-items:center; gap:5px; font-size:0.9rem; font-weight:600;}
.market-quadrella-runner-odds {font-size:0.9rem; text-align:center;}
.market-quadrella-runner-scratched {color:#888;}
.market-quadrella-runner-scratched .market-quadrella-runner-name {text-decoration:line-through;}
.market-quadrella-runner input[type="checkbox"] + label:before {width:3rem!important;}
.market-quadrella-runner input[type="checkbox"]:checked + label:before {font-family:"Font Awesome 6 Pro"; content:"\f00c"; font-weight:bold; border-color:#99ed94; background:#99ed94;}
.market-quadrella-race .exotic-field-header+label:before {width:3rem!important; margin-right:0.5rem!important;}

/* ODDS TABLE */
.odds-table {border-collapse:collapse; margin:0 -1rem 0 -1rem; width:calc(100% + 2rem);}
.odds-table th {font-size:0.7rem; font-weight:600; line-height:0.8rem; border-bottom:2px solid var(--tertiary)}
.odds-table th.align-left {text-align:left; padding-left:5px;}
.odds-table td {padding:0.2rem 0; height:3.2rem; vertical-align:middle; border-bottom:1px solid #e0e0e0;}
.odds-table tr.scratched td {height:3rem;}  
.odds-table tr.scratched .runner-flucs {display: none;}
.odds-table td .betlink {width:52px;}
.odds-table td .betlink.odds-up {background:#2cd22320; transition:all 2s ease;}
.odds-table td .betlink.odds-down {background:#ff000040; transition:all 2ms ease;}
.odds-table td .participant {display:flex; flex-direction:column; position:relative;}
.odds-table td .participant .scratched {color:#666; text-decoration:line-through;}
.odds-table td .runner-name {line-height:1rem; font-size:0.9rem; font-weight:600;}
.odds-table td .runner-data {position:relative; display:flex; align-items:center; gap:5px;}
.odds-table td .runner-weight,
.odds-table td .runner-jockey {display:flex; flex-direction:column; line-height:0.8rem; font-size:0.75rem;}
.odds-table td .runner-jockey span {max-width: calc(100vw - 15rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.odds-table td .runner-weight {flex-direction:row; gap:5px;}
.odds-table td .runner-barrier {font-weight:normal;}
.odds-table td .runner-rating {display:inline-block; color:var(--icon); font-weight:bold;}
.runner-top-rater {display:inline-block; padding:0 5px; border-radius:10px; font-size:10px; font-weight:bold; color:#fff; background:#ff6600;}
.runner-jhr {display:inline-block; padding:0 5px; border-radius:10px; font-size:10px; font-weight:bold; color:#fff; background:#008800;}
.runner-jhr-ls {background:#13d113;}
.odds-table td table td {height:3rem;}
.odds-table tfoot td {height:0!important;}
.odds-table .odds-sort {position:relative; cursor:pointer; padding:2px 0 0 0; border-radius:1rem 1rem 0 0;}
.odds-table .odds-sort-header {display:flex; gap:3px; align-items:center; justify-content:center;}
.odds-sort-selected .fa-circle-sort:before {content:"\e031";}
.odds-sort-selected-reverse .fa-circle-sort:before {content:"\e032";}
.odds-quick-look {position: absolute; display: flex; gap: 5px; right: 40px; font-size: 12px; background: #ff630020; color: var(--icon);  border-radius: 10px; align-items: center; padding:0 10px;}
.odds-quick-look.selected {background:var(--icon);  color:#fff;}
.odds-quick-racing {padding:8px; margin-left:-8px; margin-right:-8px; font-size:1.2rem; color:var(--icon);  transition:0.3s ease all;}
.odds-quick-racing.selected {transform:rotate(180deg);}
.nextup-race-quick-odds {display:grid; max-height:280px; overflow:auto; overflow-x:hidden; grid-template-columns:1.5rem auto 4rem 4rem; gap:5px; align-items:center; font-size:0.9rem; background:#fff; padding:0 0.5rem 0.5rem 0.5rem;}
.nextup-race-quick-odds-title {position:sticky; top:0; z-index:2; grid-column:1/5; margin-left:-0.5rem; margin-right:-0.5rem; padding:0.2rem 0.5rem; font-weight:600; font-size:0.8rem; background:var(--secondary-light); border-bottom:1px solid #33333380;}
.nextup-race-quick-odds-header {display:flex; grid-column:1/5; gap:5px; margin:-5px 0; font-weight:bold; font-size:0.7rem; text-align:center; justify-content:flex-end;}
.nextup-race-quick-odds-no-silks {grid-template-columns:auto 4rem 4rem;}
.nextup-race-quick-odds-no-silks .nextup-race-quick-odds-title {grid-column:1/4;}
.nextup-race-quick-odds-no-silks .nextup-race-quick-odds-header {grid-column:1/4;}
.nextup-race-quick-odds .add-betslip {padding:0; font-size:0.9rem; box-sizing:border-box; max-width:4rem; min-height:24px!important; max-height:24px!important;}
.nextup-race-quick-odds .silk-racing-icon {width:25px; height:25px; background-size:auto 100%;}
.nextup-race-quick-odds .silk-racing-icon.silk-grey {width:1rem; height:1rem; border-radius:50%;}

/* SRM TABLE */
.odds-market-srm {margin-bottom:0;}
.odds-srm-row {display:grid; grid-template-columns:3rem auto 14rem; align-items:center; align-content:center; border-bottom:1px solid #e0e0e0;}
.odds-srm-row:not(.odds-srm-row-header) {height:105px;}
.odds-srm-row:last-child {border:none;}
.odds-srm-row .silk {width:3rem; height:3rem; background-size: auto 100%;}
.odds-srm-row .silk-grey {width:1.5rem; height:1.5rem; margin-left:10px; margin-top:2px; border-radius:50%;}
.odds-srm-row .silk-racing {padding-top:3px; padding-bottom:4px;}
.odds-srm-row .participant {display:flex; flex-direction:column; grid-column:2/4;}
.odds-srm-row .participant .runner-name {align-items:center; line-height:1rem; font-size:0.9rem; font-weight:600;}    
.odds-srm-row .participant .runner-weight,
.odds-srm-row .participant .runner-jockey {display: flex; flex-direction:column; line-height: 0.8rem; font-size: 0.75rem;}
.odds-srm-row .scratched {text-decoration:line-through; color:#666;}
.odds-srm-row.scratched {height:4rem!important;}
.odds-srm-row.scratched .runner-name {display:flex; gap:1rem; justify-content: space-between; padding-right: 1rem;}
.odds-srm-row .odds-srm {display:grid; gap: 0.5rem; grid-column-start: 1; grid-template-columns:repeat(4,25%); margin-top:10px; padding:0 0.5rem 0.5rem 0.5rem; width:calc(100vw - 3rem); justify-content: space-between;}
.odds-srm-row .odds-srm .betlink {padding:0.2rem 0 0 0;}
.odds-srm-row-header {top:4.8rem; position: sticky; height:2rem; border:none; background: #fff; z-index: 2; border-bottom:2px solid #0ee46e;}
.odds-srm-row-header .odds-srm div {text-align:center; font-size:0.75rem; font-weight:600;}
.odds-srm-row.odds-srm-row-grey {height:85px; grid-template-rows:40px 45px;}
.odds-srm .betlink[data-pos='1']:before {content:"Win"; position:absolute; top:-6px; padding:0 10px; border-radius:1rem; font-size:0.6rem; background:#dddddd;}
.odds-srm .betlink[data-pos='2']:before {content:"Top 2"; position:absolute; top:-6px; padding:0 10px; border-radius:1rem; font-size:0.6rem; background:#dddddd;}
.odds-srm .betlink[data-pos='3']:before {content:"Top 3"; position:absolute; top:-6px; padding:0 10px; border-radius:1rem; font-size:0.6rem; background:#dddddd;}
.odds-srm .betlink[data-pos='4']:before {content:"Top 4"; position:absolute; top:-6px; padding:0 10px; border-radius:1rem; font-size:0.6rem; background:#dddddd;}
.odds-srm .betlink.selected[data-pos='1']:before,
.odds-srm .betlink.selected[data-pos='2']:before,
.odds-srm .betlink.selected[data-pos='3']:before,
.odds-srm .betlink.selected[data-pos='4']:before {background:#ff6600!important;}
.odds-table-srm {margin-top:5px;}
.odds-table-srm-header {display: grid; grid-template-columns:13px 1fr 1fr; align-items:center; font-size:0.7rem; font-weight: 600; line-height:0.8rem; height:30.7px; border-bottom:2px solid var(--tertiary);}
.odds-table-srm-header-cell {display: flex; flex-wrap: wrap; align-items: center; height:31.7px;}
.odds-table-srm-header-cell.odds-sort:before {top:7px;}
.odds-srm-row .runner-deduction {min-width: 8rem; font-size: 0.8rem; line-height: 13px; text-align: center; color: #666;}
.odds-table-srm-header-cell-runner {padding-left:35px!important;}

/* Flucs */
.runner-flucs {display:flex; gap:5px; align-items:center; justify-content:flex-start; padding:5px 0; overflow:auto; white-space:nowrap; max-width:12rem;}
.runner-flucs:empty {padding:0;}
.runner-flucs .runner-fluc {position:relative; display:flex; align-items:center; justify-content:center; width:2rem; min-width:2rem; height:1rem; border-radius:10px; font-size:0.7rem; font-weight:500; background:#efefef;}
.runner-flucs .runner-fluc-down {background:#ff000040;}
.runner-flucs .runner-fluc-up {background:#2cd22340;}

.odds-table-empty td {height:3rem;}
.odds-table td.scratched {font-size:0.8rem; line-height:13px; text-align:center; color:#666;}
.odds-table td.odds {width:5rem; min-width:5rem; text-align:center;}
.odds-table-winplace,
.odds-table-sp,
.odds-table-quinella,
.odds-table-exacta,
.odds-table-trifecta,
.odds-table-firstfour {margin-top:5px;}
.odds-table-winplace thead,
.odds-table-sp thead,
.odds-table-quinella thead,
.odds-table-exacta thead,
.odds-table-trifecta thead,
.odds-table-firstfour thead {height:30px; background:#fff; border-bottom:1px solid #88888840;}
.odds-table-winplace thead,
.odds-table-sp thead,
.odds-table-quinella thead,
.odds-table-exacta thead,
.odds-table-trifecta thead,
.odds-table-firstfour thead {height:31.7px;}
.odds-table-quinella,
.odds-table-exacta,
.odds-table-trifecta,
.odds-table-firstfour {margin-bottom:2rem;}
.odds-table-winplace tr td.odds:last-child,
.odds-table-sp tr td.odds:last-child,
.odds-table-winplace tr th:last-child {padding-right:0.5rem}
.odds-table-winplace tr td.odds:last-child {padding-right:0.5rem}
.odds-table-winplace tr th:last-child {padding-right:0.5rem}
.odds-table-winplace tbody tr:nth-last-child(2) td,
.odds-table-sp tbody tr:nth-last-child(2) td,
.odds-table-quinella tbody tr:nth-last-child(2) td,
.odds-table-exacta tbody tr:nth-last-child(2) td,
.odds-table-trifecta tbody tr:nth-last-child(2) td,
.odds-table-firstfour tbody tr:nth-last-child(2) td {border:none;}
.odds-table-winplace tbody tr:nth-last-child(1) td div,
.odds-table-sp tbody tr:nth-last-child(1) td div,
.odds-table-quinella tbody tr:nth-last-child(1) td div,
.odds-table-exacta tbody tr:nth-last-child(1) td div,
.odds-table-trifecta tbody tr:nth-last-child(1) td div,
.odds-table-firstfour tbody tr:nth-last-child(1) td div {margin:0 0.5rem; border-radius:1rem; text-align:center; height:2rem; line-height:2rem; padding:0; font-size:0.9rem; font-weight:600; color:#fff; background:#333;}
.odds-table-winplace tfoot td {height:2rem;}
.odds-table-quinella td.odds,
.odds-table-exacta td.odds,
.odds-table-trifecta td.odds,
.odds-table-firstfour td.odds {width:2rem; min-width:2.5rem;}
.odds-table td.odds-win-exotic {width:3.5rem; min-width:3.5rem; padding:0; text-align:center; font-size:0.8rem;}
.odds-table td.silk {width:2rem; padding:0.25rem 0 0.25rem 10px;}
.odds-table td.silk .silk-icon {width:40px; height:30px; border-radius:0.5rem; border:1px solid #e0e0e0; background-size:cover; background-position:center;}
.odds-table td.silk-racing {padding:0; width:1rem;}
.odds-table td.silk-racing .silk-racing-icon,
.race-result-cell .silk-racing-icon {width:3rem; height:3rem; background-size:auto 100%;}
.odds-table td.silk-racing .silk-racing-icon.silk-grey,
.race-result-cell .silk-grey {width:1.5rem; height:1.5rem; margin-left:10px; margin-right:7px; border-radius:50%;}
.odds-table td.silk-racing .silk-racing-icon.silk-harn,
.race-result-cell .silk-harm {width:2.5rem; height:2.5rem; margin-left:5px; margin-right:5px;}
.odds-table tr:last-child td {border:0;}
.odds-sp-fixed {display:block; font-size:0.75rem; margin-top:-3px;}
.silk-grey.silk-grey-1 {background:#D70505; outline:4px solid #d7050530;}
.silk-grey.silk-grey-eng-1 {background:#D70505; outline:4px solid #d7050530}
.silk-grey.silk-grey-2 {background-image:linear-gradient(0deg, #000 7px, #fff 7px, #fff 14px, #000 14px, #000 21px, #fff 21px, #fff 28px, #000 28px); outline:4px solid #00000020;}
.silk-grey.silk-grey-eng-2 {background:#0000d7; outline:4px solid #0000d730}
.silk-grey.silk-grey-3 {background:#fefefe; outline:4px solid #88888840;}
.silk-grey.silk-grey-eng-3 {background:#fefefe; outline:4px solid #88888840;}
.silk-grey.silk-grey-4 {background:#296def; outline:4px solid #296def30;}
.silk-grey.silk-grey-eng-4 {background:#000000; outline:4px solid #00000020;}
.silk-grey.silk-grey-5 {background:#ffdd00;  outline:4px solid #ffdd0030;}
.silk-grey.silk-grey-eng-5 {background:#e55c2e; outline:4px solid #e55c2e30;}
.silk-grey.silk-grey-6 {background:#0fc476; outline:4px solid #0fc47630;}
.silk-grey.silk-grey-eng-6 {background-image:linear-gradient(0deg, #000 7px, #fff 7px, #fff 14px, #000 14px, #000 21px, #fff 21px, #fff 28px, #000 28px); outline:4px solid #00000020;}
.silk-grey.silk-grey-7 {background:#000000; outline:4px solid #00000020;}
.silk-grey.silk-grey-8 {background:#ee7bbf; outline:4px solid #ee7bbf30;}
.silk-grey.silk-grey-9 {background-image:linear-gradient(-45deg, #fff 7px, #13b971 7px, #13b971 14px, #fff 14px, #fff 21px, #13b971 21px, #13b971 28px, #fff 28px, #fff 35px, #13b971 35px); outline:4px solid #88888840;}
.quick-multi-race-runner .silk-grey-9 {background-image:linear-gradient(-45deg, #fff 5px, #13b971 5px, #13b971 10px, #fff 10px, #fff 15px, #13b971 15px, #13b971 20px, #fff 20px, #fff 25px, #13b971 25px);}
.silk-grey.silk-grey-10 {background-image:linear-gradient(90deg, #cc0000 12px, #fff 12px, #fff 20px, #fff 20px, #fff 24px, #0000ff 24px); outline:4px solid #88888840;}
.nextup-scroller-odds .silk-grey {margin-left:12px!important; margin-right:6px!important;}
.race-result-cell .silk-grey {outline-width:3px; width:20px!important; height:20px!important;}
td.silk-harn {padding-left:5px; padding-right:5px}

/* Exotic Inputs */
.exotic-boxed-container {position:absolute; top:5px; right:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:1rem;}
.exotic-boxed-toggle {position:relative; width:35px; height:20px; border-radius:1rem; background:#efefef; cursor:pointer;}
.exotic-boxed-toggle:before {content:"Boxed"; position:absolute; left:-33px; top:5px; font-size:0.7rem;}
.exotic-boxed-toggle:after {position:absolute; content:" "; left:4px; top:4px; width:13px; height:13px; border-radius:50%; transition:0.5s ease all; background:#37c461;}
.exotic-boxed-toggle-selected {background:var(--secondary);}
.exotic-boxed-toggle-selected:after {right:3px; left:auto;}

.odds-table input[type="checkbox"] {display:none;}
.odds-table input[type="checkbox"] + label:before {content:" "; display:block; width:2rem; height:2rem; font-size:1.1rem; line-height:2rem; text-align:center; margin:0 auto -2px auto; border-radius:1rem; background:#efefef;}
.odds-table input[type="checkbox"]:checked + label:before {background:var(--secondary);}
.odds-table input[type="checkbox"][data-pos='1'] + label:before {content:"1";}
.odds-table input[type="checkbox"][data-pos='2'] + label:before {content:"2";}
.odds-table input[type="checkbox"][data-pos='3'] + label:before {content:"3";}
.odds-table input[type="checkbox"][data-pos='4'] + label:before {content:"4";}

.odds-table .exotic-field-header-1 + label:before {content:"1"!important; border-radius:1rem 1rem 0 0!important;}
.odds-table .exotic-field-header-2 + label:before {content:"2"!important; border-radius:1rem 1rem 0 0!important;}
.odds-table .exotic-field-header-3 + label:before {content:"3"!important; border-radius:1rem 1rem 0 0!important;}
.odds-table .exotic-field-header-4 + label:before {content:"4"!important; border-radius:1rem 1rem 0 0!important;}
.odds-table .exotic-field-header-f + label:before {content:"Field"!important; font-weight:600; font-size:0.8rem !important; text-transform:uppercase; color:#000;}

.odds-table-boxed input[type="checkbox"] + label:before {content:""!important;}
.odds-table-boxed input[type="checkbox"][data-pos='1']:checked + label:before {content:"\f00c"!important; font-family:'Font Awesome 6 Pro';}
.odds-table-boxed input[type="checkbox"][data-pos='2'] + label,
.odds-table-boxed input[type="checkbox"][data-pos='3'] + label,
.odds-table-boxed input[type="checkbox"][data-pos='4'] + label {pointer-events:none;}
.odds-table-boxed input[type="checkbox"][data-pos='2'] + label:before,
.odds-table-boxed input[type="checkbox"][data-pos='3'] + label:before,
.odds-table-boxed input[type="checkbox"][data-pos='4'] + label:before {content:" "!important; opacity:0.2; pointer-events:none;}
.odds-table-boxed .exotic-field-header-2 + label,
.odds-table-boxed .exotic-field-header-3 + label,
.odds-table-boxed .exotic-field-header-4 + label {pointer-events:none;}
.odds-table-boxed .exotic-field-header-2 + label:before,
.odds-table-boxed .exotic-field-header-3 + label:before,
.odds-table-boxed .exotic-field-header-4 + label:before {content:""!important; opacity:0.2; pointer-events:none; background:#efefef!important;}

.odds-win-exotic {position:absolute; top:calc(50% - 8px); right:10px; font-weight:normal; font-size:12px;}

.odds-table-form .participant:hover {background:#ffffe9; cursor:pointer;}
.odds-table-sport {border-collapse:collapse; margin:0; background:#fff; border-radius:1rem;}
.odds-table-sport td {padding:0.2rem 0.2rem; height:3rem; vertical-align:middle; font-size:0.9rem; line-height:1rem; background:#fff; border-bottom:1px solid #e0e0e080;}
.odds-table-sport td .betlink {width:52px; min-height:25px; max-height:25px;}
.odds-table-sport-matches td.odds {text-align:right;}
.odds-table-sport td:first-child {padding-left:0.5rem; padding-right:0.3rem;}
.odds-table-sport tr:last-child td {border-bottom:none; white-space:nowrap;}
.odds-table-sport .odds-table-header td {position:relative; padding:0 0.2rem; height:2rem; line-height:1.2rem; border:none;}
.odds-table-sport .odds-table-header td:first-child {padding:0.5rem 0.5rem 0.5rem 1rem; line-height:1rem; border-radius:1rem 1rem 0 0; background:linear-gradient(135deg,#000 50%,#333 50%); color:#fff; border-bottom:4px solid var(--tertiary)}
.odds-table-sport .team-name .mobile-only {overflow: hidden; text-overflow: ellipsis; max-width:calc(100vw - 20rem); white-space:break-spaces;}
.odds-table-sport .team-name .mobile-only.less-markets {max-width:calc(100vw - 15rem);}
.odds-table-sport .odds-market-teamb .team-name {border-radius: 2rem;}
.odds-table-sport .odds-market-teamb .odds {border-radius: 2rem;}
.odds-table-sport tr:last-child td:first-child {border-radius:1rem;}
.odds-table-sport tr:last-child td:last-child {border-radius:1rem;}
.nextup-scroller-sport .odds-table-sport .team-name .mobile-only {max-width:calc(100vw - 10rem);}
.odds-table-location {font-size:0.8rem;}
.odds-table-sport .team-colors {width:2rem; height:2rem; object-fit:cover; background-position:center; background-size:cover; display:inline-block; vertical-align:middle; border-radius:50%; outline:2px solid #88888840;}
.odds-table-sport .team-colors[class*="icon-"] {margin:0px -2px -12px 2px; outline:none;}
.odds-table-sport .team-colors:before {font-size:1.8rem; font-weight:bold; color:#888; font-weight:bold;}
.odds-table-sport .odds-header {font-size:10px; margin:-2px 0;}
.odds-table-expander {text-align:center; font-weight:bold; margin-top: -0.5rem; font-size: 1.5rem;}
.odds-market-draw .team-colors {display:none;}
.odds-table-event {display:flex; gap:0.5rem; align-items:center; font-size:1.2rem; font-weight:bold; margin:2px 0 4px 0; padding-right:9rem;}
.odds-table-date {display:flex; gap:0.5rem; align-items:center; font-size:0.9rem; font-weight:600;}
.odds-table-date-large {margin-bottom:-14px;}
.odds-table-date .event-timestamp {padding:0 0.5rem; font-size:10px; line-height:14px; border-radius:1rem; background:#333; color:#fff;}
.odds-table-ttg {position:absolute; top:8px; right:10px; color:#000; min-width:4rem; line-height:0.6rem; font-size:0.9rem; padding:0.3rem 0; text-align:center; font-weight:bold; background:#000; color:#fff; border-radius:1rem; z-index:1;}
.odds-table-markets {position: absolute; top: 15px; right: 7px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 3px; padding: 2px 4px 2px 10px; cursor: pointer; color: #fff; font-weight: bold;}
.odds-market-teama .betlink[data-market='h2h']:before {content:"H2H"; position:absolute; bottom:-11px; width:40px; height:10px; z-index:0; line-height:10px; font-size:10px; font-weight: bold; background:#fff;}
.odds-market-teama .betlink[data-market='total']:before {content:"TOTAL"; position:absolute; bottom:-11px; width:40px; height:10px; z-index:0; line-height:10px; font-size:10px; font-weight: bold; background:#fff;}
.odds-market-teama .betlink[data-market='line']:before {content:"LINE"; position:absolute; bottom:-11px; width:40px; height:10px; z-index:0; line-height:10px; font-size:10px; font-weight: bold; background:#fff;}
.odds-market-teama .betlink[data-market='margin']:before {content:"MARGIN"; position:absolute; bottom:-11px; width:40px; height:10px; z-index:0; line-height:10px; font-size:10px; font-weight: bold; background:#fff;}

.odds-content-sport {display:grid; grid-template-columns:1fr; max-height:20rem; overflow:scroll; overflow-x:hidden;}
.odds-content-sport-outcome {display:grid; grid-template-columns:32px auto 5rem; align-items:center; padding:0.4rem; border-bottom: 1px solid #e0e0e0;}
.odds-content-sport-outcome .betlink {max-width:4rem;}
.odds-content-sport-outcome .team-colors {width:26px; height:26px; object-fit: cover; background-position: center; background-size: cover; display: inline-block; vertical-align: middle; border-radius: 50%; outline:2px solid #88888840;}
.odds-content-sport-outcome .team-icon {color: #888; font-size: 1.5rem; font-weight: bold;}
.odds-content-sport-outcome .team-icon:before {font-weight:bold;}
.odds-content-sport-outcome-stats {grid-template-columns:32px auto 4rem;}
.odds-content-sport-outcome-stats .button.betlink {padding:0;}
.odds-content-sport-stats-parent {display:flex; justify-content:space-between; align-items:center; line-height:16px;}
.odds-content-sport-stats {display:flex; gap:3px; margin-top:-16px;}
.odds-content-sport-stat {width:20px; height:16px; line-height:16px; font-size:10px; text-align:center; border-radius:4px; background:#caffca; color:green;font-weight:bold;}
.odds-content-sport-stat-under {background:pink; color:red;}

/* STAT LIST FOR RACING */
.stat-list {display:grid; grid-template-columns:5rem 2rem auto 5rem; margin:0 0 1rem 0; border:1px solid #e0e0e0; border-radius:1rem; overflow:hidden;}
.stat-list .stat-item {display:flex; align-items:center; min-height:40px; border-bottom:1px solid #efefef;}
.stat-list .stat-item:last-child,
.stat-list .stat-item:nth-last-child(2),
.stat-list .stat-item:nth-last-child(3),
.stat-list .stat-item:nth-last-child(4) {border:none;}
.stat-list .stat-item-tip {margin-left:5px; padding:0 5px; background: #008800; color: #fff; font-size:10px; height:12px; line-height:12px; text-transform: uppercase; border-radius: 10px;}
.stat-list .button.betlink {padding:0 0.2rem; margin:auto; width:4rem!important;}
.stat-list-header {margin:0 0 0 1rem;}
.stat-list-bet-buttons {display:grid; grid-template-columns:1fr; gap:0.5rem; margin:-5px 0 5px 0;}
.stat-list-bet-buttons .button.betlink {width:auto;}
.stat-list-loading-spinner {pointer-events:none; opacity:0.5; }
.stat-list-loading-spinner:after {content: ""; top:0; left:0; bottom:0; right:0; position:absolute; z-index:2; background:url('/assets/img/loading-pulse.svg'); background-position:50% 0; background-repeat:no-repeat;}
.stat-verdict {max-height:10rem; overflow:auto; padding:1rem; font-size:0.9rem; line-height:1.2rem; background:#fbfbfb; border-radius:1rem;}
.stat-list .stat-rating {background:#ff6300;color:#fff;font-size:12px; font-weight:bold; height:16px;line-height:16px;border-radius:10px;padding:0 5px;margin-left:5px;}

/* ODDS FOR MATCHES */
.odds-matches {display:flex; flex-direction:column; gap:1rem; margin:1rem 0;}
.odds-matches h5 {margin:-0.5rem 0 -1rem 1rem;}
.odds-matches .content-scroller-buttons {margin-bottom:0;}
.odds-match-header {position:relative; z-index:1;}
.odds-match-header h1 {position:relative; margin-bottom:0;}
.odds-match-header h2 {position:relative; margin:0 -1rem; padding:0.5rem 0 0.5rem 1rem; font-weight:bold; font-size:18px; line-height:18px; background:var(--secondary);}
.odds-match-header h2 .other-leagues-toggle {position:absolute; top:5px; right: 10px; font-weight: bold; font-size: 1.3rem; cursor: pointer; background:var(--secondary); border-radius:50%; width:1.6rem; height:1.6rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.odds-match-header h2 .other-leagues-toggle:hover {transform:scale(1.2);}
.odds-match-header h2 .other-leagues-toggle:hover:before {font-weight:bold;}
.odds-match-details {position:relative; border-radius:1rem; padding:1rem 1rem 0.5rem 1rem; background:#fff; display:grid; align-items:center; text-align:center; justify-content: center; justify-items: center; grid-column-gap: .25rem; grid-template-columns:1fr 3rem 1fr; grid-template-areas: 'teamASilk versus teamBSilk' 'teamAName versus teamBName' 'startTime startTime startTime' 'location location location' 'eventComment eventComment eventComment'; line-height: 1rem; grid-row-gap: 3px; color:#000; box-shadow:#88888830 0px 0px 5px 0px;}
.odds-match-team-silk-home {grid-area:teamASilk; animation:slide-right-animation 0.3s 1 forwards;}
.odds-match-team-silk-away {grid-area:teamBSilk; animation:slide-left-animation 0.3s 1 forwards;}
.odds-match-team-silk-home,
.odds-match-team-silk-away {width:40px; height: 40px; background-size:cover; background-repeat: no-repeat; background-position:50%; border-radius:50%; justify-self: center; background-color: unset; margin-bottom:0.5rem; outline:4px solid #88888840;}
.odds-match-team-silk-home[class*="icon-"],
.odds-match-team-silk-away[class*="icon-"] {outline:none; margin:1rem 0 -1rem 0;}
.odds-match-team-silk-home:before,
.odds-match-team-silk-away:before {color:#888; font-size:2.4rem; font-weight:bold!important;}
.odds-match-team-silk-nfl {width:50px; border-radius:0;}
.odds-match-team-silk-base {width:55px; border-radius:0; outline:none;}
.odds-match-team-name-home {grid-area:teamAName; animation:slide-right-animation 0.3s 1 forwards;}
.odds-match-team-name-away {grid-area:teamBName; animation:slide-left-animation 0.3s 1 forwards;}
.odds-match-team-name-home, .odds-match-team-name-away {display:flex; flex-wrap:wrap; align-content:center; height:100%; justify-self: center; font-size:1.1rem; font-weight:bold;}
.odds-match-versus {grid-area:versus; margin-top:-2rem; font-size:1.2rem; background:#333; color:#fff; outline:4px solid #00000020; border-radius:1rem; width:3rem; height:2rem; line-height:1.8rem; font-weight:bold;}
.odds-match-toggle {position: absolute; top: 7px; right: 10px; font-weight: bold; font-size: 1.3rem; cursor: pointer; background: #88888830; border-radius: 50%; width: 1.6rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.odds-match-toggle:hover {transform:scale(1.2);}
.odds-match-toggle:hover:before {font-weight:bold;}
.odds-match-time {grid-area:startTime; margin: 0; font-size: .9rem; font-weight: 600; margin-top: 0.5rem;}
.odds-match-location {grid-area:location; margin-top:-0.3rem; font-size:0.8rem;}
.odds-match-rules {grid-column: 1 / 4; font-size: 10px; line-height: 12px;}
.odds-match-details-logoless .odds-match-versus {margin-top:0;}
.odds-match-details-logoless .odds-match-time {margin-top:0.5rem;}
.odds-match-details-logoless .odds-match-location {margin-top:0;}
.odds-match-comment {grid-area:eventComment; line-height: .8rem; margin-top: 0.5rem; font-size: .8rem; font-weight: 400;}
.odds-match-market {padding:0!important; text-decoration:none; flex-direction:column; background:#fff; border-radius:1rem;}
.odds-match-market h3 {position:relative; color:#fff; font-weight:bold; font-size:18px; margin:0; padding:0.5rem 1rem 0.5rem 1rem;min-height: 2rem;display: flex;align-items: center;flex-wrap: wrap;background:#333; border-radius:1rem 1rem 0 0;}
.odds-match-market-header {flex-direction:column; max-width: calc(100vw - 9rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.odds-match-market-header:has(.odds-match-market-term) {display:flex;}
.odds-match-market h3:after {position:absolute; top:calc(50% - 11px); right:10px; font-family:'Font Awesome 6 Pro'; content:"\f077"; font-size: 1rem; line-height: 1.5rem; height: 1.5rem; width: 1.5rem; background: var(--secondary);  color: #000; border-radius: 50%; text-align: center;}
.odds-match-market h4 {padding:0.3rem 0 0.3rem 1rem; margin:0; background:var(--secondary);}
.odds-match-market .odds-match-market-term {font-size:14px; margin-top:-6px; color:var(--secondary);}
.odds-match-market table:not(.odds-table-sport-matches) td.odds {width: 4rem; padding-right: 0.5rem;}
.event-sgm .odds-match-market h3 {position:sticky; top:5rem; z-index:2;}
.odds-match-market-hidden {min-height:2.7rem;}
.odds-match-market-hidden:hover {cursor:pointer; outline:4px solid #fff;}
.odds-match-market-hidden h3 {border-radius:1rem;}
.odds-match-market-hidden h3:after {content:"\f078";}
.odds-match-market-hidden .odds-table-sport,
.odds-match-market-hidden .odds-content-sport,
.odds-match-market-hidden .table-list,
.odds-match-market-hidden h4 {display:none!important;}
.odds-match-market-search {display:flex; align-items:center; gap:0.5rem; margin-right:1rem;}
.odds-match-market-search-input {width:12rem; padding:0 0 0 0.5rem; margin-top:-3px; font-size: 1.1rem; border-radius:2rem; border:2px solid #efefef; font-family:'Saira'; outline:none;}
.odds-match-market-search-toggle {font-size:1.4rem;}
.odds-match-market-search-close {position:absolute; top:1px; right:6px;z-index:2;font-size:1.4rem;color:#333;}
.odds-match-player-search {display:flex; align-items:center; gap:0.5rem; margin-right:1rem;}
.odds-match-player-search-input {width:12rem; padding:0 0 0 0.5rem; margin-top:-3px; font-size: 1.1rem; border-radius:2rem; border:2px solid #efefef; font-family:'Saira'; outline:none;}
.odds-match-player-search-toggle {font-size:1.4rem;}
.odds-match-player-search-close {position:absolute; top:1px; right:6px;z-index:2;font-size:1.4rem;color:#333;}

.odds-markets-sport {display:grid; overflow-y:scroll; overscroll-behavior:none; max-height:10rem; max-width:calc(100vw - 3rem); transition:0.3s;}
.odds-markets-sport div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.odds-markets-sport .odds-market-row-full {grid-column:1/-1;}
.odds-markets-sport .betlink {width:40px!important;}
.odds-markets-sport .odds-markets-header {position:sticky; top:0; z-index:2; line-height:18px; font-weight:bold;}
.odds-markets-sport .odds-markets-header-sticky {position:sticky; left:2rem; z-index:3; min-width:8rem;}
.odds-markets-sport .odds-markets-header-stat {width:3rem; margin:auto; border-radius:0 0 0.5rem 0.5rem; background:var(--secondary);}
.odds-markets-sport .odds-markets-outcome {position:sticky; left:36px; min-width:8rem; z-index:2; flex-direction:column; align-items:flex-start; justify-content:center; font-weight:600; font-size:1rem; background:#fff; border-bottom:1px solid #88888830;}
.odds-markets-sport .odds-markets-outcome div {line-height:1rem;}
.odds-markets-sport .odds-markets-outcome span {font-weight:normal; font-size:0.8rem; line-height:0.8rem;}
.odds-markets-sport .odds-markets-game {font-weight:600!important; color:#666;}
.odds-markets-sport .odds-markets-surname {margin:2px 0; font-weight:bold !important; font-size:1rem !important;}
.odds-markets-sport .odds-markets-silks {position:sticky; left:0; width:32px; padding-top:5px; padding-bottom:5px; z-index:2; background:#fff; outline:4px solid #fff;}
.odds-markets-sport .odds-markets-silks .team-colors {width:26px; height:26px; border-radius:50%; background-position:50%; background-size:cover;}
.odds-markets-sport .odds {border-bottom:1px solid #88888830;}
.odds-markets-sport .odds-markets-silks,
.odds-markets-sport .odds-markets-outcome,
.odds-markets-sport .odds {min-height:30px;}
.odds-markets-sport-spinner {pointer-events:none; opacity:0.5;}
.odds-markets-sport-spinner:after {content: ""; top:0; left:0; bottom:0; right:0; position:absolute; z-index:2; background:url('/assets/img/loading-pulse.svg'); background-position:50% 0; background-repeat:no-repeat;}
.odds-submarkets-market {display:none;}
.event-odds {display:flex; flex-direction:column; gap:1rem; margin-bottom:1rem;}
.race-markets .event-odds {gap:0; margin-top:0; margin-bottom:0;}
.sport-upcoming:empty {display:none;}

/* MISC FOR SGM/PLAYER MULTI BUILDER */
.multi-builder-emoji {font-size:5rem;}
.multi-builder-header {margin:-10px 0 10px 0; font-weight:bold; font-size:20px; text-transform:uppercase;}
.multi-builder-complete {text-align:center;}

/* ODDS FOR FUTURES */
.odds-market-future {width:100%; max-height:calc(100vh - 22rem); overflow:auto; gap:0!important; padding:0!important;}
.odds-market-future-header {z-index:2; position:sticky; height:40px; background:#fff;}
.odds-market-future-row {display:grid; grid-template-columns:3rem 8rem auto; align-items:center;}
.odds-market-future-row:first-child {margin-top:-0.5rem;}
.odds-market-future-row:last-child .odds-market-future-image,
.odds-market-future-row:last-child .odds-market-future-outcome,
.odds-market-future-row:last-child .odds-market-future-odds {border:none;}
.odds-market-future-header-row {position:sticky; top:0; z-index:3;}
.odds-market-future-header-market div:first-child:last-child {margin-left: auto;}
.odds-market-future-odds div:first-child:last-child {margin-left: auto;}
.odds-market-future-image {position:sticky; left:0; height:45px; display:flex; flex-wrap:wrap; align-content:center; padding-left:0.5rem; border-bottom:1px solid #efefef;}
.odds-market-future-outcome {z-index:2; position:sticky; left:3rem; background:#fff; height:45px; line-height:20px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center; border-bottom:1px solid #efefef;}
.odds-market-future-outcome span:nth-child(1) {font-size:12px; color:#666;}
.odds-market-future-outcome span:nth-child(2) {margin-top:-7px;}
.odds-market-future-image .team-colors {width:26px; height:26px; background-size: cover; background-position: center; outline:2px solid #88888840; border-radius:50%;}
.odds-market-future-odds {z-index:1; height:45px; display:flex; gap:0.5rem; padding-right:0.5rem; border-bottom:1px solid #efefef;}
.odds-market-future-odds .button.betlink {max-width:40px; min-width:40px!important; margin-top:auto; margin-bottom:auto;}
.odds-market-future-header-market {height:40px; display:flex; gap:0.5rem; padding-right:0.5rem; background:#fff;}
.odds-market-future-header-market div {margin-top:5px; min-width:40px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align:center; padding:3px 0.5rem; width:100%; max-width:40px; height:25px; line-height:12px; font-size:12px; font-weight:600; background:#555; color:#fff; border-radius:1rem;}
.odds-market-future-header-sorted {background:#ffdd00!important; color:#333!important;}
.odds-betting-closes {position:fixed; padding:0.5rem; bottom:4rem; left:0; width:100vw; box-sizing:border-box; text-align:center; background: #fff; z-index:2; border-top:1px solid #e0e0e0; font-size:0.9rem; font-weight:500;}
@media(min-width:600px){
    .odds-market-future {height:auto;}
    .odds-market-future-row {grid-template-columns:3rem auto auto;}
    .odds-market-future-header-market {justify-content:flex-end;}
    .odds-market-future-odds {justify-content:flex-end;}
}


/* SMALLER MATCH SCROLLER */
.odds-sport-scroller {display:flex; gap:0.5rem; overflow:auto; margin-left:-1rem; margin-right:-1rem; padding-left:1rem; padding-right:1rem;}
.odds-sport-scroller::-webkit-scrollbar {display:none;}
.odds-sport-game {position:relative; min-height:30px; display:grid; grid-template-columns:20px 80px 100px; gap:5px; align-self:flex-start; align-items:center; align-content:start; box-sizing:border-box; padding:0.3rem 0.5rem; border-radius:1rem; background:#fff; cursor:pointer; box-shadow:#88888830 0px 0px 5px 0px;}
.odds-sport-game.odds-sport-game-nocolors {grid-template-columns:80px 100px;}
.odds-sport-game .add-betslip {min-height:30px; min-width:55px; max-width:55px; box-sizing:border-box;}
.odds-sport-game .betlink-line {line-height:13px;}
.odds-sport-game-colors {width:20px; height:20px; border-radius:50%; background-position:50%; background-size:cover; background-repeat:no-repeat; outline:2px solid #88888830;}
.odds-sport-game-icon:before {color:#a8a8a8; font-size:1.2rem; font-weight:bold!important;}
.odds-table-sport-matches .odds-sport-game-icon:before {font-size:1.8rem; font-weight:bold; margin-left:0;}
.odds-sport-game-team {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.odds-sport-game-footer {display:flex; align-items:center; justify-content:center; gap:5px; grid-column:1/4; border-radius:0 0 1em 1rem; margin:0 -0.5rem -4px -0.5rem; padding:4px 0; line-height:12px; font-size:10px; font-weight:600; text-align:center; background:#333; color:var(--secondary);}
.odds-sport-game-footer .sgm-icon {width:auto; height:auto; font-size:10px; line-height:10px; padding:0 5px;}
.odds-sport-game.odds-sport-game-nocolors .odds-sport-game-footer {grid-column:1/3;}
.odds-sport-game .event-timestamp {position:absolute; top:31px; left:40px; border-radius:10px; font-size:10px; color:#333!important; padding: 0 5px; font-weight: 600; line-height: 12px;}
.odds-sport-game-nocolors .event-timestamp {left:20px;}
.odds-sport-game .event-timestamp.ttg-10 {outline:none!important; background:none!important;}
.odds-sport-game .event-timestamp.ttg-0 {outline:none!important; background:none!important; color:#cc0000!important;}

.sgm-icon {width: 2.8rem; height: 1.2rem; line-height: 1.23rem; font-size: 1rem; text-align: center; border-radius:1rem; font-family:'DessauPro'; font-weight:normal; color: #000; background: #52e56a;}
.sgm-icon:before {content:"SGM";}

/* HELPERS */
.tutorial-helper-container {display:grid; grid-template-areas:'helper'; user-select:none;}
.tutorial-helper-container:empty {display:none;}
.tutorial-helper {display:none; grid-area:helper; position:relative; padding:0.5rem 1rem 0.5rem 1rem; border-radius:1rem; background:linear-gradient(135deg, #000 70%, #333 50%)!important; color:#fff;}
.tutorial-helper:last-child {display:block;}
.tutorial-helper h3 {display:flex; align-items:center; justify-content:center; gap:0.5rem; margin:2px 0 3px 0; font-weight:900; font-size:1.5rem; line-height:1.8rem; color:var(--secondary); letter-spacing:-1px; text-transform:uppercase;}
.tutorial-helper p {margin:0 0 0.2rem 0; line-height:1.1rem; text-align:center;}
.tutorial-helper a {font-weight:bold; color:#fff;}
.tutorial-helper h3 i {font-size:80%; color:var(--secondary);}
.tutorial-helper .button {margin: 10px 10px 1px 10px; font-weight: 900; text-transform: uppercase;}
.tutorial-helper-promo {background:#000;}
.tutorial-helper-promo h3,
.tutorial-helper-promo h3 i {color:#ff7b23;}
.tutorial-helper-close {position:absolute; top:5px; right:5px; font-size:24px; color:#efefef; cursor:pointer;}
.tutorial-helper+.panel-joined {border-radius: 0.5rem; border-top: 1px solid #e0e0e0;}
.tutorial-helper-float {position: fixed; bottom:4rem; left:15px; z-index: 99; width: calc(100vw - 30px); box-sizing: border-box; outline:4px solid #fff; transition:0.5s ease all;}
.betslip-multi-mini-container-visible+.tutorial-helper-float {bottom:calc(7rem + 3px);}
.betslip .tutorial-helper {margin:0.5rem 1rem 1rem 1rem; background:#000!important;}
.betslip .tutorial-helper p {margin:0;}
.betslip .tutorial-helper .tutorial-helper-close {display:none;}
.race-header+.tutorial-helper {outline:2rem solid #fff;}
.tutorial-helper-deposit-bonus-list {display:flex; flex-direction:column; gap:3px; margin-bottom:3px; margin-top:6px;}
.tutorial-helper-deposit-bonus-list-item {display:flex; align-items:center; justify-content:center; gap:10px; line-height:1rem; margin-top:3px;}
.tutorial-helper-deposit-bonus-list-max {background:#666; line-height:13px; font-size:10px; padding:0 5px; border-radius:10px;}
.tutorial-helper-deposit-bonus-list-info {display:flex; align-items:center; justify-content:center; gap:5px;}
/* Specific position margins */
.tutorial-helper-container[data-pos='1'] .tutorial-helper {margin:0.5rem 0;}
.tutorial-helper-container[data-pos='2'] .tutorial-helper {margin:0.5rem 0;}
.tutorial-helper-container[data-pos='8'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='9'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='10'] .tutorial-helper {margin-bottom:7px;}
.tutorial-helper-container[data-pos='11'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='12'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='13'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='14'] .tutorial-helper {margin-bottom:0.5rem;}
.tutorial-helper-container[data-pos='15'] .tutorial-helper {margin-bottom:0.5rem;}
.tutorial-helper-container[data-pos='20'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='23'] .tutorial-helper {margin:0.5rem 0;}
.tutorial-helper-container[data-pos='28'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='30'] .tutorial-helper {margin-bottom:1rem;}
.tutorial-helper-container[data-pos='31'] .tutorial-helper {margin-bottom:1rem;}

/* HORIZONTAL ODDS SCROLLER FOR LINES/TOTALS */
.odds-scroller {display:flex; flex-direction:row; overflow:auto; overflow-y:hidden; width:100%; padding:0.5rem 0;}
.odds-scroller-outcome {display:flex; flex-direction:column; flex-wrap:wrap; align-content:center; gap:0.5rem; line-height:1rem; max-width:5rem; min-width:5rem;}
.odds-scroller-outcome .add-betslip {width:3rem; max-width:3rem;}
.odds-scroller-outcome .odds-scroller-line {display:flex; flex-wrap:wrap; justify-content:center; font-size:1.1rem; font-weight:bold; padding:0.2rem 0;}

.race-list-matrix {margin-left:-1rem; margin-right:-1rem; margin-bottom:1rem;}
.modal .race-list-matrix {min-height:calc(100vh - 10rem);}
.race-list-matrix .panel {box-shadow:none;}

/* MY BETS */
.mybets h3 {padding:0.5rem 1rem !important; font-size:13px!important; border-bottom-width:2px !important; border-radius:0!important;}
.mybets .trans-container {margin:0; border:none; border-radius:0;}
.mybets .trans-header {padding:2px 1rem; font-size:12px;}
.mybets .trans-stake {font-size:0.9rem; line-height:1.3rem; margin:0.2rem 0.5rem -5px 0.5rem;}
.mybets .trans-stake div {font-size: 12px;}
.mybets .trans-box {margin:0.2rem 0.5rem;}
.mybets .trans-bet {padding:0.3rem 0.3rem 0.3rem 0.8rem; font-size:0.9rem;}
.mybets .trans-event {padding-right:4rem; font-size:11px; line-height:11px; gap:2px;}
.mybets .trans-event span:last-child {font-size: 9px;}
.mybets .trans-subheader .trans-event {font-size:13px; line-height:13px;}
.mybets .trans-tid {line-height:1rem; font-size:0.8rem;}
.mybets .trans-odds {font-size:11px;}
.mybets .trans-multi-odds {margin:0;}
.mybets .trans-multi-odds {margin-top:0.3rem; margin-bottom: 0.3rem;}
.mybets .trans-bet:only-child {margin-bottom:0.5rem;}
.mybets .trans-exotic-leg {font-size:12px; line-height:16px;}
.mybets .trans-sgm {margin:0 0.5rem -0.6rem 0.5rem; padding:0.5rem 1rem; font-size:12px; line-height:12px;}
.mybets .benefit-icon {font-size:10px!important; font-weight:bold!important;}
.mybets .benefit-icon.benefit-bonus {background:#286bed!important;}
.mybets .benefit-icon.benefit-boost {background:#ff6600!important;}
.mybets .benefit-icon.benefit-lucky {background:#38b41c!important;}
.mybets::-webkit-scrollbar {width:10px; border:1px solid #e9eaed;}
.mybets::-webkit-scrollbar-track {margin:0; background:#e9eaed; border-radius:1rem; cursor:pointer;}
.mybets::-webkit-scrollbar-thumb {background:rgba(51,51,51,0.7); opacity:0.6; border-radius:1rem;}
.mybets::-webkit-scrollbar-thumb:hover {background:rgba(51,51,51,1);}

/* BETSLIP */
.betslip {display:none; position:fixed; top:59px; left:0; width:100vw; max-width:100vw; height:100vh; box-sizing:border-box; overflow:auto; overflow-x:hidden; overflow-y:scroll; overscroll-behavior:none; z-index:101; background:#333;}
.betslip h1 {position:fixed; top:0; left:0; width:100vw; box-sizing:border-box; margin:0; z-index:4; padding:0.6rem 1rem; pointer-events:none; background:#000; border-bottom:4px solid var(--tertiary)}
.betslip-quick-header {display:none;}
.betslip-quick-filler,
.betslip-stake-input-delete {display:none;}
.betslip-header-tabs {display:grid; grid-template-columns:1fr 1fr; padding:4px; margin:10px 10px 0 10px; border-radius:2rem; gap:8px; position:sticky; z-index:1; box-sizing:border-box; background:#444;}
.betslip-header-tabs .betslip-header-tab {display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:space-between; padding:0.2rem 0.7rem 0.2rem 0.7rem; font-size:1rem; border-radius:2rem; color:#fff; font-weight:bold;}
.betslip-header-tabs .betslip-header-tab-selected {background:var(--secondary);  color:#000;}
.betslip-header-tabs .betslip-header-tab:hover {cursor:pointer;}
.betslip-reuse-container {display:none; grid-template-columns:1fr 1fr; position:fixed; bottom:0; width:100vw; left: 0; padding:0.8rem 1rem 1rem 1rem; box-sizing:border-box; justify-content: center; gap:1rem; row-gap:0; background: #000; border-top: 3px solid var(--tertiary); z-index:3;}
.betslip-reuse-container-visible {display:grid;}
.betslip-reuse-container .button {display:block!important;}
.betslip-singles-header .betslip-total {float:right; font-size:1rem; color:#000; background:#fff; border-radius:1rem; min-width:2rem; text-align:center; line-height:1.2rem; transform:scale(1.2);}
.betslip-close:before {content:"\f00d";}
.betslip-refresh:before {content:"\f021";}
.betslip-close:before,
.betslip-refresh:before {cursor:pointer; font-family:'Font Awesome 6 Pro'; font-weight:bold;}
.betslip-loading {pointer-events:none; opacity:0.5; }
.betslip-loading:after {content: ""; top:0; left:0; bottom:0; right:0; position:absolute; z-index:2; background:url('/assets/img/loading-pulse.svg'); background-position:50% 10rem; background-repeat:no-repeat;}
.betslip-loading .betslip-stake-buttons-container,
.betslip-loading .betslip-flexi-buttons-container {z-index: 0; opacity: 0.5;}
.betslip-container {display:flex; flex-direction:column; background:#333;}
.betslip-container .betslip-outcome {position:relative; display:flex; flex-direction:column; padding:8px 0 10px 0; color:#fff; background:#333; border-top:1px solid #88888890;}
.betslip-container .betslip-outcome-first {border:none;}
.betslip-container .betslip-outcome-only {background:#333!important;}
.betslip-outcome-remove:before {font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:14px; content:"\f2ed"; font-size:1.2rem; font-weight:bold; opacity:0.7; color:var(--quaternary); }
.betslip-outcome-remove:hover:before {opacity:1; cursor:pointer; transform:scale(1.1);}
.betslip-outcome[data-name='SameRaceMulti'] .betslip-outcome-remove:before {right:8px;}
.betslip-outcome-name {padding-left:1rem; padding-right:7.5rem; font-size:1.2rem; line-height:1.3rem; font-weight:bold;}
.betslip-outcome-event {padding-left:1rem; padding-right:4rem; font-size:1rem;}
.betslip-outcome-market {display:flex; gap:5px; padding-right:6rem; font-size:0.9rem; line-height:1.1rem; font-weight:500; color:var(--secondary); }
.betslip-outcome-market-toggle {gap:0; margin:3px 0}
.betslip-outcome-market-type {padding:4px 5px; background:var(--secondary50); color:#000; border-right:1px solid #000;}
.betslip-outcome-market-type-selected {background:var(--secondary);}
.betslip-outcome-market-type:first-child {padding:4px 5px 4px 8px; border-radius:10px 0 0 10px;}
.betslip-outcome-market-type:last-child {padding:4px 8px 4px 5px; border-right:none; border-radius:0 10px 10px 0;}
.betslip-outcome-link {position:relative; padding:2px 0; font-size:0.9rem; line-height:0.9rem;}
.betslip-outcome-link a {display:flex; flex-wrap:wrap; align-content:center; align-items:center; gap:5px; line-height:18px; color:#fff; text-decoration:none;}
.betslip-outcome-link-market {max-width:calc(100% - 4rem); display:flex; flex-direction:column;}
.betslip-outcome-comp {display:none; line-height:1.1rem; font-weight:600;}
.betslip-outcome-match {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.betslip-outcome-match:before {margin-right:5px; font-weight:bold!important;}
.betslip-outcome[data-sport='OTHS'] .betslip-outcome-event {display: none;}
.betslip-outcome[data-sport='OTHS'] .betslip-extras {display: none;}
.betslip-timestamp {display:inline-block; border-radius:1rem; padding:0 0.5rem; font-size:9px; line-height:14px; text-align:center; background:#000; font-weight:bold;}
.betslip-timestamp.ttg-10,
.betslip-sgm-timestamp.ttg-10 {background:#000!important; outline:none!important;}
.betslip-timestamp.ttg-0,
.betslip-sgm-timestamp.ttg-0 {outline:none!important;}
.betslip-timestamp.ttg-0 {outline:4px solid #d7102d60;}
.betslip-container .betslip-outcome:has(.betslip-error-event-closed) {background-color:#ff000020!important;}
.betslip-container .betslip-outcome:has(.betslip-error-event-closed) .betslip-stake-content {display:none;}
.betslip-container .betslip-outcome:has(.betslip-error-event-closed) .betslip-exotic-sels {background:none;}
.betslip-container .betslip-outcome[data-type='Exotic']:has(.betslip-error-event-closed) .betslip-stake-content {display:block!important;}
.betslip-outcome.bet-accepted .betslip-extras,
.betslip-outcome.bet-accepted .benefit-extras-container,
.betslip-outcome.bet-rejected .betslip-extras,  
.betslip-outcome.bet-rejected .benefit-extras-container,
.betslip-outcome.bet-processing .betslip-extras,  
.betslip-outcome.bet-processing .benefit-extras-container,  
.betslip-outcome.bet-rejected .betslip-ticket-number {display:none!important;}
.betslip-sgm-resulted .betslip-sgm-stake {margin-bottom:0.4rem;}
.betslip-outcome-resulted .betslip-stake-content-price {right: 10px!important;}
.betslip-outcome-resulted .betslip-stake-content-price-up,
.betslip-outcome-resulted .betslip-stake-content-price-down {background:#fff!important; color:#000!important; outline:none!important;}
.betslip-outcome-resulted .betslip-stake-content-price-up,
.betslip-outcome-resulted .betslip-stake-content-price-down:before {content:none!important;}
.betslip-outcome-resulted .betslip-stake-buttons-container {display:none!important;}
.betslip-outcome-resulted .betslip-stake-combos,
.betslip-outcome-resulted .betslip-stake-per-combo {margin:5px auto 10px auto;}
.betslip-sgm-resulted .betslip-sgm-timestamp {display: none!important;}
.betslip-sgm-resulted .betslip-sgm-leg-price {right:10px!important;}
.betslip-sgm-resulted .betslip-sgm-leg-price-up,
.betslip-sgm-resulted .betslip-sgm-leg-price-down {background: #fff; color: #000; outline: none;}
.betslip-sgm-resulted .betslip-sgm-leg-price-up:before,
.betslip-sgm-resulted .betslip-sgm-leg-price-down:before{content:none}
.betslip-sgm-resulted .betslip-stake-buttons-container {display:none!important;}
.betslip-sgm-result {border:2px solid #fff!important; box-shadow:#000 0px 00px 16px -7px;}
.betslip-exotic-sels {grid-column:1/3; display:flex; flex-direction:column; gap:0rem; row-gap:3px; margin-top:0.3rem; margin-left:1rem; margin-right:1rem; padding: 0.3rem 0; background:#222; border-radius:1rem;}
.betslip-exotic-line {display:grid; grid-template-columns:4rem auto; gap:0.5rem; line-height:0.9rem; padding:0.2rem 0.5rem; align-items: center; text-align:center;}
.betslip-exotic-line-quadrella {grid-template-columns:4rem auto;}
.betslip-stake {display:grid; grid-template-columns:1fr 1fr; align-items:center; text-align:center; margin:5px 3rem 0 3rem; row-gap:0.7rem;}
.betslip-stake-header {font-size:0.85rem; font-weight:500; padding-bottom:4px;}
.betslip-stake-content {position:relative; grid-column:1/4; margin:0; display:grid; grid-template-columns:1fr 1fr; justify-content:center; font-weight:bold;}
.betslip-stake-content-exotic {margin-top:-5px;}
.betslip-stake-content div span {font-size: 0.85rem; font-weight: bold;}
.betslip-stake-content-price {position:absolute; top:12px; right:45px; width:4rem; padding:5px 0; background:#fff; color: #000; border-radius:1em; line-height:1rem; font-size:1rem; font-weight:bold; transition:0.3s ease all;}
.betslip-stake-content-price-bonus,
.betslip-stake-content-price-boost,
.betslip-stake-content-price-lucky {padding-left:15px;}
.betslip-stake-content-price-bonus:after {position:absolute; left:7px; top:calc(50% - 8px); content:"\f81d"; font-family:'Font Awesome 6 Pro'; color:#286bed;}
.betslip-stake-content-price-boost:after {position:absolute; left:7px; top:calc(50% - 8px); content:"\e027"; font-family:'Font Awesome 6 Pro'; color:#ff6600;}
.betslip-stake-content-price-lucky:after {position:absolute; left:7px; top:calc(50% - 8px); content:"\f2ea"; font-family:'Font Awesome 6 Pro'; color:#38b41c;}
.betslip-stake-content-price-up {background:green; color:#fff; outline:4px solid #00880040;}
.betslip-stake-content-price-down {background:#ff0000; color:#fff; outline:4px solid #ff000040  ;}
.betslip-stake-content-price-up:before {content:"\f062"; font-family:'Font Awesome 6 Pro'; font-size:1rem; position:absolute; left:-16px; top:2px; color:#fff;}
.betslip-stake-content-price-down:before {content:"\f063"; font-family:'Font Awesome 6 Pro'; font-size:1rem; position:absolute; left:-16px; top:2px; color:#fff;}
.betslip-stake-content-price-up:after {color:#fff;}
.betslip-stake-content-price-down:after {color:#fff;}
.betslip-stake-content-input {position:relative; display:flex; align-items:center; justify-content:center;}
.betslip-stake-flexi,
.betslip-stake-amount,
.betslip-win-amount,
.betslip-stake-total,
.betslip-win-total {position:relative; width:8rem; height:30px; margin:0 0.8rem; padding:0; font-family:'Saira'; background:#333; color:#fff; border:2px solid var(--tertiary); outline:none; font-size:1.2rem; font-weight:600; text-align:center; border-radius:1rem; cursor:pointer; transition:0.2s ease all; z-index:3;}
.betslip-win-amount,
.betslip-win-total {pointer-events: none !important; border-color: transparent !important; background: transparent !important; color: #fff !important; caret-color: transparent;}
.betslip-stake-amount:focus,
.betslip-win-amount:focus,  
.betslip-stake-total:focus,
.betslip-win-total:focus,
.betslip-stake-flexi:focus {background:#fff; color:#000; border:2px solid #888888;}
.betslip-stake-total::selection,
.betslip-stake-flexi::selection {background:#88888820;}
.betslip-stake-total:focus::selection,
.betslip-stake-flexi:focus::selection,
.betslip-win-total:focus::selection {background:#ffffff;}
.betslip-stake-done:focus::selection {background:transparent!important;}
.betslip-stake-combos,
.betslip-stake-per-combo {margin:0 auto; width:8rem; line-height:1rem; color:#fff;}
.betslip-stake-buttons-container,
.betslip-flexi-buttons-container {margin-left:-2rem; margin-right:-2rem; transition:0.3s ease all;}
.betslip-stake-buttons-container-hidden {bottom:-145px!important; z-index:4!important;}
.betslip-stake-buttons-container-hidden .betslip-stake-keypad-header {padding-bottom:5px;}
.betslip-flexi-buttons-container.betslip-stake-buttons-container-hidden {bottom:-175px!important;}
.betslip-stake-buttons,
.betslip-flexi-buttons {display:grid; grid-template-columns:1fr 1fr 1fr 1fr auto; grid-column:1/4; grid-gap:0.5rem; justify-content:space-around;}
.betslip-stake-buttons {margin-bottom:0;}
.betslip-stake-button,
.betslip-flexi-button {color:#000; text-align:center; font-size:1.2rem; font-weight:500; background:#ffffff; border-radius:0.5rem; cursor:pointer;}
.betslip-stake-buttons-keypad {position:fixed; width:100vw; padding:0.2rem 0.7rem 0.7rem 0.7rem!important; margin:0!important; text-align:center; box-sizing:border-box; background: #000; bottom:0; left:0; z-index:99; border-top:2px solid var(--tertiary); box-shadow:#00000070 0px -10px 30px 13px;}
.betslip-stake-button-keypad-toggle {padding: 4px; position: absolute; top: -39px; right: 10px; width:35px; border-radius: 0.5rem 0.5rem 0 0; font-size: 2rem; background: var(--tertiary); color: #333;}
.betslip-stake-button-keypad-toggle:before {font-family:'Font Awesome 6 Pro'; font-weight:bold; content:"\f13a";}
.betslip-stake-buttons-container-hidden .betslip-stake-button-keypad-toggle:before {content:"\f139";}
.betslip-stake-buttons-container .betslip-refresh,
.betslip-flexi-buttons-container .betslip-refresh {padding: 4px; position: absolute; top: -39px; left:60px; width:35px; border-radius: 0.5rem 0.5rem 0 0; font-size: 2rem; background: var(--tertiary); color: #333;}
.betslip-stake-buttons-container .betslip-close,
.betslip-flexi-buttons-container .betslip-close {padding: 4px; position: absolute; top: -39px; left: 10px; width:35px; border-radius: 0.5rem 0.5rem 0 0; font-size: 2rem; background: var(--tertiary); color: #333;}
.betslip-stake-button-increment {font-size:2rem; background:none; outline:none; color:var(--secondary); background:none!important;}
.betslip-stake-button-clear {display:flex; align-items:center; justify-content:center; font-size:1.5rem!important; background:none!important; color:#ffffff;}
.betslip-stake-keypad-header {display:grid; grid-template-columns:1fr 1fr; justify-items:start; padding:5px 1rem 8px 1rem; font-size:1rem; line-height:1.2rem;}
.betslip-stake-keypad-header .total-stake,
.betslip-stake-keypad-header .max-return,
.betslip-stake-keypad-header .user-balance {display:flex; justify-content:flex-end; width:100%; font-weight:bold;}
.betslip-stake-keypad-header .total-stake:before {content:"$";}
.betslip-stake-keypad-header .max-return:before {content:"$";}
.betslip-stake-keypad-header div {width:100%; text-align:left!important; font-weight:500;}
.betslip-stake-keypad-footer {grid-column:1/6; display:flex; gap:1rem; margin-top:8px; margin-bottom:8px; padding:0 0.5rem;}
.betslip-quick .betslip-stake-keypad-footer {grid-column:1/9;}
.betslip-quick-exotic .betslip-stake-keypad-footer {grid-column:1/7;}
.betslip-stake-content-line {display:none!important;}
.betslip-stake-done {margin-top:-5px!important; pointer-events:none!important; border-color:transparent!important; background:transparent!important; color:#fff!important; caret-color:transparent;}
.betslip-stake-done:focus {outline:none!important; border:none!important;}
@supports (-webkit-touch-callout: none) {
  .betslip-quick .betslip-stake-total {pointer-events:none;}
  .betslip-sgm-stake-input {pointer-events:none; background: #fff; color: #000; border: 2px solid #888;}
}
/* BENEFITS */
.betslip-extras {display:none; grid-column:1/4; align-items:center; justify-content:center; gap:8px;}
.betslip .benefit-icon {display:none; align-items:center; gap:3px; min-width:4rem; width:5rem; max-width:5rem; justify-content:center; flex:1 1 0; padding:2px 15px; font-size:16px; cursor:pointer; border-radius:1rem;}
.betslip .benefit-icon i {font-size:14px; color:#efefef;}
.betslip .benefit-icon-selected {background:#fff!important; font-weight:bold;}
.betslip .benefit-icon.benefit-bonus,
.betslip .benefit-icon.benefit-boost,
.betslip .benefit-icon.benefit-lucky {background:#515151;}
.betslip .benefit-icon-selected.benefit-bonus {background:#286bed!important;}
.betslip .benefit-icon-selected.benefit-boost {background:#ff6600!important;}
.betslip .benefit-icon-selected.benefit-lucky {background:#38b41c!important;}
.benefit-extras-container {display:none; grid-column:1 / 4; width:100%; gap:8px; place-items:center;}
.benefit-extras {display:grid; grid-template-columns:1fr 1fr; align-items:center; justify-content:center; gap:8px; background: #222; padding: 8px; border-radius:1.5rem; margin-top:-3px;}
.benefit-extras:empty {display:none;}
.benefit-extras .benefit-icon,
.benefit-sgm-extras .benefit-icon {flex-direction:column; padding:0 15px 2px 15px; gap:0; width:7rem!important; min-width:7rem!important; margin:auto;}
.benefit-extras .benefit-icon:only-child {grid-column:1/-1; margin:auto; max-width:10rem;}
.benefit-sgm-extras {display:grid; grid-template-columns:1fr 1fr; align-items:center; justify-content:center; gap:8px; background: #222; padding: 8px; border-radius:1.5rem; margin-top: -3px;}
.benefit-sgm-extras-container {display:none; align-items:center; justify-content:center; grid-column:1 / 3; margin:2px 0 10px 0; width:100%; gap:8px; place-items:center;}
.benefit-sgm-extras .benefit-icon:only-child {grid-column:1/-1; margin:auto; max-width:10rem;}
.benefit-icon-info {margin-top:-5px; font-size:10px; font-weight:normal;}

.betslip-multi-mini-container {display:none; position:fixed; box-sizing:border-box; bottom:4rem; left:10px; padding:0.5rem 1rem; padding-bottom:9px; width:calc(100vw - 20px); z-index:4; background:#fff; color:#000; line-height:2rem; font-weight:bold; outline:2px solid var(--tertiary); border-radius: 1rem 1rem 0 0;}
.betslip-multi-mini {display:flex; justify-content:space-between; }
.betslip-multi-mini-text {display:flex; gap:0.5rem;}
.betslip-multi-mini-total {z-index:3; background:var(--tertiary); outline:4px solid var(--secondary50); width:2rem; height:2rem; font-size:1.3rem; text-align: center; border-radius: 50%;}
.betslip-multi-mini-type {margin-left:-1rem; padding-left:1rem; padding-right:1rem; border-radius: 0 2rem 2rem 0; z-index:2; background:#efefef;}
.betslip-multi-mini-dividend {margin-left:-2rem; padding: 0 1rem 0 2rem; background: #efefef; border-radius: 0 2rem 2rem 0;}
.betslip-multi-mini-buttons {display:flex; flex-wrap:wrap; align-content: center; gap:0.5rem;}
.betslip-multi-mini-buttons div {padding:0 1rem; line-height:1.8rem; font-size:1rem; font-weight:600; background:#000; color:#fff; border-radius:1rem;}
body:has(.betslip-multi-mini-container-visible) #mainContent {padding-bottom:8rem;}

.betslip-stake-ew {display:none; text-align:left; padding-left:0.5rem;}
.betslip-confirm {background:#008800!important; color:#fff!important;}
.betslip-confirm, .betslip-submit {width:100%;}
.betslip-clear,
.betslip-cancel {display:flex; flex-wrap:wrap; align-content:center; background:#ff3b00 !important; color:white !important;}
.betslip-clear.betslip-clear-temp {margin:1rem;}
.betslip-clear:hover,
.betslip-cancel:hover {background:#ff6e43!important;}
.betslip-reuse {background:#008100!important; color:#fff!important;}
.betslip-footer.betslip-footer-check:before {content:"Please Check Your Bets"; position: absolute; top: -2rem; width: 100%; height: 27px; line-height: 27px; text-align: center; font-weight: 600; color: #fff; background: #000;}
.betslip-footer.betslip-footer-check {margin-top: 27px;}
.betslip-ticket {display:none; padding:0; margin:0 1rem; grid-column:1/3; font-size:0.8rem; border-radius:2rem; color:#000; background:var(--secondary);}
.betslip-ticket-placed,
.betslip-ticket-rejected,
.betslip-ticket-processing {position:relative; display:flex; flex-direction:column; font-size:1.3rem; line-height:1.3rem; font-weight:bold; text-align:left; padding:0.4rem 0 0.2rem 3rem;}
.betslip-ticket-placed:before,
.betslip-ticket-rejected:before,
.betslip-ticket-processing:before {position:absolute; font-family:'Font Awesome 6 Pro'; font-size:2rem; left:10px; top:13px;}
.betslip-ticket-placed:before {content:"\f058";}
.betslip-ticket-rejected:before {content:"\f057";}
.betslip-ticket-processing:before {content:"\f251";}
.betslip-ticket-reference {margin-top:-2px; min-height:1rem; font-size:0.8rem; font-weight:500;}
.betslip-ticket-stake {font-size:1rem;}

.betslip-master-error {display:none; padding:0.3rem 1rem; font-size:0.9rem; font-weight:600; text-align:center; color:#fff; border-bottom:2px solid var(--tertiary); background:#ff0000;}
.betslip-master-error-buttons {display:none;}
.betslip-error {position:relative; display:none; padding:0.3rem 0 0.3rem 1rem; margin:0.5rem 0 0.3rem 0; font-size:0.9rem; line-height:1rem; font-weight:600; background:#ff3b00; color: white; cursor:pointer;}
.betslip-error .button {padding:0.3rem 0.5rem 0.4rem 0.5rem; width:6rem; border-radius:0.5rem; color:#fefefe; font-size:0.8rem; font-weight:500; background:linear-gradient(#ff0000 50%,#cc0000 50%); border:2px solid #fff; box-shadow:0 2px 4px #0000000f;}
.betslip-error:after {content:"\f00d"; font-family:"Font Awesome 6 Pro"; position:absolute; right:1rem; top:calc(50% - 8px);}
.betslip-error:last-child {margin-bottom:0.5rem;}
.betslip-error-event-closed {margin-bottom:0.5rem;}
.betslip-error-exotic-rounded:after {content:none;}
.betslip-deposit {display:none;}
.betslip-sgm-result {position:relative; display:none; margin:0.5rem 3rem 1rem 3rem; border-radius:2rem; font-size:0.8rem; color:#fff; background: hsl(220 9% 22.5%); border: 1px solid #fefefe1a;}
.betslip-footer {position:fixed; z-index:4; bottom:0; left:0; width:100vw; box-sizing:border-box; display:grid; grid-template-columns:1fr 1fr; column-gap:15px; padding:0.5rem 0.7rem 0.7rem 0.7rem; background:#000;}
.betslip-footer-collapsed {padding-top:0.2rem;}
.betslip-footer-empty {grid-template-columns:1fr;}
.betslip-footer-empty .betslip-totals-total,
.betslip-footer-empty .betslip-confirm,
.betslip-footer-empty .betslip-submit {display:none!important;}
.betslip-totals {display:none!important; color:#fff; display:flex; flex-direction: column; grid-column:1 / 9; line-height:1.2rem;}
.betslip-totals label {font-weight:500;}
.betslip-totals-total {display:flex; justify-content:space-between; gap:1rem;}
.betslip-totals-total div {font-weight:bold;}
.betslip-totals-bonus {display:none; margin-top:-4px; opacity:0.8; font-size:80%;}
.betslip-empty {padding:1rem; margin:0 0 1rem 0; color:#fff; text-align:center; font-size:1.1rem; font-weight:bold;}
.bet-rejected .betslip-ticket {background:#aa0000; outline:4px solid #aa000060; color:#fff;}
.bet-processing .betslip-ticket {outline:1px solid #ffffff30; background:#666; color:#fff;}
.betslip-sgm-result.bet-accepted {border-radius:2rem; background:var(--secondary); color:#000; border:none !important;}
.betslip-sgm-result.bet-processing {background:#666; color:#fff; border:none!important;}
.betslip-sgm-result.bet-rejected {background:#aa0000; color:#fff; border:none!important;}
.betslip-multi-ticket {display:none;}

/* BETSLIP MULTI */
.betslip-sgm {color:#fff;}
.betslip-sgm h2 {border:0}
.betslip-sgm-event {position:relative; display:grid; align-items:center; justify-content:start; grid-template-columns:1rem auto; gap:8px; padding:3px 10px; margin:10px 10px 0 10px; background:#222; border-radius:1rem; color:#fff; font-weight:600; font-size:1rem;}
.betslip-sgm-event [class*="icon-"]:before {color:var(--quaternary);  font-size:1.2rem; font-weight:bold;}
.betslip-sgm-event .betslip-timestamp {position:absolute; top:7px; right:5px;}
.betslip-sgm-odds {position:relative; float:right; padding:0 5px; min-width:2rem; font-size:12px; color:#000; background:#fff; border-radius:1rem; text-align:center; line-height:1.2rem; transform:scale(1.2);}
.betslip-header-tab:not(.betslip-header-tab-selected) .betslip-total {box-shadow:none;}
.betslip-header-tab:not(.betslip-header-tab-selected) .betslip-sgm-odds {box-shadow:none;}
.betslip-sgm-odds-boost {background:#ff6100; color:#fff;}
.betslip-sgm-legs {position:relative; display: flex; flex-direction:column; margin-top:4px; color: #fff; background:#333;}
.betslip-sgm-leg {position:relative; padding:5px 0 5px 2rem; display:flex; flex-direction:column; border-bottom:1px solid #88888890;}
.betslip-sgm-leg:after {position: absolute; left:9px; top: calc(50% - 4px); width:10px; height:10px; border-radius:50%; content:" "; background:var(--quaternary); }
.betslip-sgm-leg:before {position: absolute; left:13px; top:0; width: 2px; height:100%; content:" "; background: var(--quaternary); }
.betslip-sgm-leg:first-child:before {top:50%;}
.betslip-sgm-leg:last-child:before {top:0; height:50%;}
.betslip-sgm-legs .betslip-sgm-leg:last-child {border: none; padding-bottom:0;}
.betslip-sgm-leg-outcome {padding-right:80px; line-height:0.9rem; font-weight:600;}
.betslip-sgm-leg-event {display:flex; gap:5px; padding-right:80px; font-size:0.8rem; line-height:0.8rem; margin-top:2px;}
.betslip-sgm-leg-event-type {font-weight:600; color:var(--secondary); }
.betslip-sgm-leg-event span {display:none; align-items:center;}
.betslip-sgm-leg-price {position: absolute; right:30px; text-align: right; font-size:0.9rem; top: calc(50% - 10px); background: #fff; min-width:3.5rem; border-radius:1rem; color: #000; text-align: center; font-weight: bold;}
.betslip-sgm-leg-price-up {background:#008000; color:white; outline:4px solid #00800040;}
.betslip-sgm-leg-price-up:before {content:"\f062"; font-family:'Font Awesome 6 Pro'; font-size:1rem; position:absolute; left:-18px; top:3px; color:#fff;}
.betslip-sgm-leg-price-down {background:red; color:white; outline:2px solid #ff000040;}
.betslip-sgm-leg-price-down:before {content:"\f063"; font-family:'Font Awesome 6 Pro'; font-size:1rem; position:absolute; left:-18px; top:3px; color:#fff;}
.betslip-sgm-timestamp {padding:0 0.4rem; margin-left:5px; font-size:9px; line-height:14px; border-radius:1rem; font-weight:600; background:#000;}
.betslip-sgm-leg-remove:before {font-family:'Font Awesome 6 Pro'; position:absolute; right:8px; top:calc(50% - 8px); content:"\f00d"; font-size:1rem; font-weight: normal; opacity: 0.7; color:var(--quaternary); }
.betslip-sgm-leg-remove:hover:before {content:"\f057"; opacity:1; cursor:pointer; transform:scale(1.1); font-weight:bold;}
.betslip-sgm-leg-closed {background:#e96d6d!important;}
.betslip-sgm-leg-closed .betslip-sgm-leg-price {display:none;}
.betslip-sgm-stake {display:grid; grid-template-columns:1fr 1fr; align-content:center; margin:5px 3rem 0 3rem;}
.betslip-sgm-stake-content {grid-column: 1 / 3; position: relative; margin: 0 1rem; display: grid; grid-template-columns: 1fr 1fr; justify-content: center; font-weight: bold;}
.betslip-sgm-stake div {text-align:center;}
.betslip-sgm-stake div span {display:inline-block; font-size:0.85rem; font-weight:bold;}
.betslip-sgm-extras {display:none; grid-column:1/3; display:flex; align-items:center; justify-content:center; margin:10px 0 8px 0; gap:8px;}
.betslip-sgm-result {display:none;}
.betslip-sgm-ticket {display:flex; flex-direction:column;}
.betslip-sgm-error {display:none; padding:0.5rem 1rem; font-size:0.9rem; font-weight:bold; text-align:center; background:red;}

/* QUICK MULTI */
.quick-multi-loader {padding:0.3rem 0.5rem 1rem 0.5rem; border-radius:0.5rem;}
.quick-multi-matches {display:grid; grid-template-columns:1fr; gap:0.7rem;}
.quick-multi-match {position:relative; display:grid; grid-template-columns:1fr 1fr; justify-content:space-between; align-items:center;}
.quick-multi-team {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; box-sizing:border-box; padding:0.5rem 0; background:#efefef;}
.quick-multi-team.selected {background:#0ee46e; z-index:1;}
.quick-multi-team.selected.disabled {pointer-events:all; opacity:1;}
.quick-multi-teama {padding-left:2rem; border-radius:2rem 0 0 2rem; border-right:1px solid #c6c6c6;}
.quick-multi-teamb {padding-right:2rem; border-radius:0 2rem 2rem 0;}
.quick-multi-team-name {font-size:0.9rem; line-height:1rem; overflow: hidden; width: calc(100% - 2rem); padding: 0 1rem; word-break: break-word; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.quick-multi-team-odds {font-size:1.2rem; line-height:1.5rem; font-weight:600;}
.quick-multi-team-colors {position:absolute; width: 2rem; height: 2rem; object-fit: cover; background-position: center; background-size: cover; display: inline-block; vertical-align: middle; border-radius: 50%; outline:2px solid #88888840;}
.quick-multi-teama .quick-multi-team-colors {left:12px; top:10px;}
.quick-multi-teamb .quick-multi-team-colors {right:12px; top:10px;}
.quick-multi-match-teams-header {grid-column:1/3; font-size:1rem; font-weight:500; margin-top:-0.5rem; text-align:center;}
.quick-multi-day {margin:0.5rem 0; padding:0.2rem 0; background:#333; color:#fff; border-radius:2rem; text-align:center; font-weight:bold; font-size:1.1rem;}
.quick-multi-group {display:flex; align-items:center; gap:5px; justify-content:center; text-align:center; margin:0rem; line-height:1rem; font-weight:500; font-size:1rem;}
.quick-multi-day+.quick-multi-group {margin-top:-0.5rem;}
.quick-multi-ttg {position:absolute; font-size:10px; width:3.5rem; text-align:center; background:#333; color:#fff; font-weight:bold; border-radius:1rem; left:calc(50% - 23px); top:calc(50% - 6px); z-index:2;}
.quick-multi-remove {font-size:1.7rem;}
.quick-multi-remove .fa-toggle-on {color:#4ab34a;}
.quick-multi-remove .fa-toggle-off {color:#666;}
.quick-multi-disabled {opacity:0.4; pointer-events:none;}
.multi-container[data-race=''] {display:none;}
.tab-select-type {margin:0!important; padding:5px!important; float: right; text-transform: uppercase; pointer-events:auto; background:#000; border-radius:2rem;}
.tab-select-type .tab-switch {min-width:3rem!important; font-size:1rem!important; height:20px; padding:0 10px!important; background: #000 !important; color: #fff !important;}
.tab-select-type .tab-switch-selected {background: #fff !important; color: #000 !important;}

/* SRM AND RACING MULTIS */
.quick-multi-races {display:flex; flex-wrap:wrap; flex-direction:column; gap:0.5rem; margin-top:0.5rem;}
.quick-multi-race-info {display:grid; grid-template-columns:2.5rem auto; align-items:center; margin-bottom:0.5rem; background:#333; color:#fff; border-radius:1rem;}
.quick-multi-race-status {background: #efefef; padding:0.2rem 1rem; border-radius: 2rem; font-weight: 600; display: flex; justify-content: space-between;}
.quick-multi-race-number {width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-weight: bold; background: #0ee46e; color:#333; border-radius: 50%; transform: scale(0.8);}
.quick-multi-race-name {position:relative; margin:-7px -14px; font-size:1rem; line-height:1.2rem; font-weight:900; display:flex; gap:0; text-transform:uppercase;}
.quick-multi-race-icon {margin-top:-1px; color:var(--secondary);}
.quick-multi-race-icon:before {font-weight:bold!important;}
.quick-multi-race-ttg {border-radius:1rem; width:4rem; text-align:center; margin-top:4px; margin-left:auto; font-size: 0.9rem; line-height: 0.9rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #000; color:#fff;}
.quick-multi-race-runner-name {display:flex; justify-content:space-between; align-items:center; line-height:1rem;}
.quick-multi-race-runner-with-race {flex-direction:column; align-items:flex-start; line-height:1rem;}
.quick-multi-race-runner-race {font-size:0.9rem; font-weight:bold; color:#333;}
.quick-multi-race-runner-race-detail {display:flex; align-items:center; gap:5px; font-size:0.9rem; cursor:pointer; color:#666;}
.quick-multi-race-runner-track {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:200px;} 
.quick-multi-race-runner {display:grid; grid-template-columns:2rem auto 4rem 4rem; column-gap:0.5rem; min-height:36px; max-height:36px; margin:0 -1rem; padding-right: 0.5rem; align-items:center; border-bottom:1px solid #e0e0e0;}
.quick-multi-race-runner:last-child {border:0;}
.quick-multi-race-runner-silks {width:2.5rem; height:2.5rem; background-size:auto 100%;}
.quick-multi-race-runner-silks.silk-grey {width:1.2rem; height:1.2rem; border-radius:50%; margin-left:10px;}
.quick-multi-race-runner-silks-empty {grid-template-columns:auto 4rem 4rem;}
.quick-multi-race-runner-silks-empty .quick-multi-race-runner-silks {display:none;}
.quick-multi-race-runner-silks-empty .quick-multi-race-runner-name {padding-left: 1rem;}
.quick-multi-race-runner .ttg- {font-weight:600!important; font-size:0.7rem!important;}
.quick-multi-race-runner .ttg-0,
.quick-multi-race-runner .ttg-10 {outline:none!important; font-weight:600!important; font-size:0.7rem!important; background:none!important; color:#000!important;}
.quick-multi-race-runner .ttg-0 {color:#cc0000!important;}
.quick-multi-race-runner .button.betlink {width:auto;}
.quick-multi-race-runner [class*="icon-"]:before {margin-left:7px; font-size:1.4rem; font-weight:bold; color:#dbdbdb;}
.quick-multi-race-runner [class="icon-GREY"]:before {margin-left: 10px;}
.quick-multi-race-runner-rating {padding:2px 5px; background:#ff6300; color:#fff; font-size:11px; font-weight:bold; line-height:11px; border-radius:10px; min-width:16px; text-align:center;}
.quick-multi-event .betlink,
.quick-multi-race .betlink {box-sizing:border-box; margin:0;}
.quick-multi-races-picker-header {text-align: center; font-weight: 600; grid-column: 1 / -1; margin: -0.5rem;}
.quick-multi-races-picker {grid-column:1/-1; display:flex; flex-direction:row; gap:0.5rem; align-items:center; margin:0.2rem auto 0.5rem auto; font-weight:600;}
.quick-multi-races-picker .betlink {width:2rem!important;}
.quick-multi-races-bet-type-container {display:flex; border-radius:1rem;}
.quick-multi-races-switch-bet-type {padding:0.4rem 0.5rem; background:#666; color:#fff; cursor:pointer; font-size:0.9rem; line-height:20px; min-width:1.8rem; text-align: center;}
.quick-multi-races-switch-bet-type:first-child {border-radius:1rem 0 0 1rem;}
.quick-multi-races-switch-bet-type:last-child {border-radius:0 1rem 1rem 0;}
.quick-multi-races-switch-bet-type-selected {background:#333;}
.quick-multi-bet-type {padding:0.7rem 0.5rem 0.5rem 2.8rem; line-height:1rem; color:#fff; border-bottom:4px solid var(--tertiary); font-size: 1rem !important; font-weight: bold !important; border-radius:1rem 1rem 0 0; background:linear-gradient(135deg, #000 calc(100% - 7rem), #333 calc(100% - 7rem));}
.quick-multi-bet-type:before {position: absolute; left: 10px; top: 16px; font-size: 1.6rem; color: var(--secondary); font-weight:bold!important;}
.quick-multi-header {display:flex; align-items:center; gap:10px; font-size:1.2rem; font-weight:900; text-transform:uppercase;}
.quick-multi-header-bet-blurb {padding:0.2rem 1rem; line-height:20px; min-height:20px; font-size:12px; display:flex; gap:3px; align-items:center; background:var(--secondary); font-weight:normal; text-transform:capitalize;}
.quick-multi-header-bet-blurb i {font-size:6px;}
.quick-multi-header-bet-event {font-weight:900; font-size:1.1rem; line-height:1.5rem; text-transform:uppercase; background:var(--secondary-light);}
.quick-multi-header-avatar {display:block; position:absolute; top:12px; left:12px; width:40px; height:40px; background-size:cover; background-position:50%; border-radius:50%; outline:2px solid #fff; box-shadow:#00000080 0px 0px 10px 0px; transition:0.3s ease all;}
.quick-multi-header-avatar:hover {transform:scale(2);}
.quick-multi-header-username {padding-left:20px; font-weight:800; font-size:14px; color:#ffffb6; text-transform:uppercase;}
.quick-multi-header-blurb {display:block; padding-left:20px; font-weight:500; font-size:12px; color:#ffdd00; text-transform:capitalize;}
.quick-multi-subheader {padding-left:0.3rem; padding-top:2px; font-size:0.9rem; font-weight:normal; line-height:1rem; max-width:calc(100% - 6rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform:capitalize;}
.quick-multi-loading-spinner {pointer-events:none; opacity:0.5; }
.quick-multi-loading-spinner:after {content: ""; top:0; left:0; bottom:0; right:0; position:absolute; z-index:2; background:url('/assets/img/loading-pulse.svg'); background-position:50% 5rem; background-repeat:no-repeat;}
.quick-multi-shuffle {position: absolute; top:6px; right:12px; font-size:12px; background:#fff; color:#000; width:20px; height:20px; border-radius:50%; display:flex; place-items:center; justify-content:center; transform:scale(1.2);}
.quick-multi-race-change-sel {display: inline-flex; align-items: center; justify-content: center; font-size: 12px; height: 20px; width: 20px; background: #efefef; border-radius: 50%; cursor:pointer;}
.quick-multi-switch-bet-type-container {display:flex; position: absolute; top:10px; right:10px; border-radius:1rem; padding:5px; background:#000;}
.quick-multi-switch-bet-type {padding:3px 0.5rem; color:#fff; cursor:pointer; font-size:0.9rem; line-height:13px; min-width:1.8rem; text-align: center; border-radius:1rem;}
.quick-multi-switch-bet-type-selected {background:#fff; color:#000;}
.quick-multi-race-change-pos {font-size:1.6rem;}
.quick-multi-event .ttg-0,
.quick-multi-event .ttg-10 {outline:none !important; background: none !important;}
.quick-multi-event .ttg-0 {color:#cc0000!important;}
.quick-multi-event .ttg-10 {color:#000 !important;}
.quick-multi-event {display:flex; flex-direction:column;}
.quick-multi-event-outcome {position:relative; display:grid; grid-template-columns:2rem auto 4rem; column-gap:0.5rem; margin:0 -1rem; padding:0 0.5rem; min-height:40px; align-items:center; border-bottom:1px solid #e0e0e0;}
.quick-multi-event-outcome-logo {margin:auto; width:1.6rem; height:1.6rem; object-fit:cover; background-position:center; background-size:cover; display:inline-block; vertical-align:middle; border-radius:50%; outline:2px solid #88888840;}
.quick-multi-event-outcome-icon {outline:none; color:#a8a8a8; font-size:1.2rem; margin-left:7px;}
.quick-multi-event-outcome-icon:before {font-weight:bold!important; font-size:1.5rem; margin-left:-3px;}
.quick-multi-event-outcome-icon-small:before {font-weight:bold!important; color:var(--icon);}
.quick-multi-event-outcome-nologo {grid-template-columns:auto 4rem; padding-left:1rem;}
.quick-multi-event-outcome-silks {width:2.5rem; height:2.5rem; margin-left:-5px; background-size:auto 100%;}
.quick-multi-event-outcome-silks.silk-grey {width: 1.5rem; height: 1.5rem; margin-left: 3px; border-radius: 50%;}
.quick-multi-event-outcome .button.betlink {width:auto;}
.quick-multi-event-outcome:last-child {border:0;}
.quick-multi-event-outcome-name {position:relative; display:flex; flex-direction:column;}
.quick-multi-outcome-place {font-size:9px; line-height:12px; height:12px; background:#737373; color:#fff; padding:0 0.5rem; border-radius:10px;}
.quick-multi-event-event {display:flex; flex-direction:column; line-height:1rem;}
.quick-multi-event-ttg {display:inline-block; text-align: center; font-size: 10px; line-height: 12px; font-weight:600; border-radius:10px;}
.quick-multi-footer {display:flex; align-items:center; gap:1rem; padding:0.5rem 0 0.2rem 0;}
.quick-multi-event-promo {padding-left:10px; grid-template-columns:auto; text-align:center; font-weight:bold; text-transform:uppercase; font-size:1.1rem; color: #ff4900;}
@media (min-width:1025px){
  .quick-multi-races {display:grid; grid-template-columns:1fr 1fr;}
}

/* CONTENT SCROLLER */
.content-scroller {flex-direction:row; transition:transform 0.3s cubic-bezier(0.23,1,0.32,1); display:flex; will-change:transform; transform:translateX(0%);}
.content-scroller .panel {border-radius:1rem;}
.content-scroller-container {position:relative; width:calc(100% - 0.3rem); padding:0 0.15rem; flex-shrink:0; overflow: auto; overflow-x:hidden; transition:all 1s; overscroll-behavior:none;}
.content-scroller-buttons {display:flex; justify-content:center; gap:0.5rem; margin:-7px auto 10px auto;}
.content-scroller-button {width:12px; height:12px; border-radius:50%; background:#000; opacity:0.4; transition:0.3s ease all;}
.content-scroller-button.content-scroller-button-selected {opacity:1;}
.premade-multi-container {display:none;}
.premade-multi-refresh {background:#333; color:var(--secondary);  border-radius:50%; font-size:12px; padding:4px;}
.premade-multi-refresh:hover {cursor:pointer; background:#888;}
.loader-placeholder {color:#efefef; background:#efefef; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholder-shimmer; animation-timing-function: linear; background: linear-gradient(to right, #e9eaed 0%, #e9eaed 40%, #cecece 50%, #cecece 80%, #e9eaed 100%); background-size:800px 100px;}
.content-scroller[data-scroller='favorites-sports-multis'] .panel {margin-bottom: 0;}
.odds-markets .content-scroller .panel {box-shadow:none; border:1px solid #efefef;}
.drag-tutorial {display:none;}
@media (max-width:400px){
  .drag-tutorial {display:none!important;}
}

/* ACCOUNT */
.account-container {display:flex; flex-direction:column; gap:1rem;}
.account-home {position:relative; display:flex; flex-direction:column; gap:0.3rem;}
.account-home .tab-switch {background:#fff!important; border:1px solid #e0e0e0;}
.account-home h5 {margin-top:0; margin-left:5px;}
.account-panel {padding: 0!important;}
.account-panel p {text-align: center; text-align-last: center; font-size: 0.9rem; line-height:1.2rem; margin:0; padding: 0 1rem;}
.account-panel select,
.account-panel input {font-family:'Saira';}
.account-panel th {padding:0 0 0 20px; vertical-align:middle; text-align:left; font-size:0.9rem; line-height:14px;}
.account-panel h3 {color:#fff; font-weight:900; text-transform:uppercase; font-size:1.1rem; line-height:1.2rem; margin:0 0 -0.5rem 0; padding:0.6rem 1rem; background:#333; border-radius:1rem 1rem 0 0;}
.account-panel h3:after {position:absolute; top:8px; right:10px; font-family:'Font Awesome 6 Pro'!important; font-weight:normal; font-size:1.5rem; content:"\f106"; color:var(--tertiary)}
.account-panel-hidden {margin-bottom:1rem!important;}
.account-panel-hidden h3 {border-radius:1rem;}
.account-panel-hidden h3:after {content:"\f107";}
.account-panel h3 i {color: #fff; border-radius: 50%; height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center;}
.account-panel h4 {max-width:300px; margin:10px auto; padding:0.3rem 0; text-align:center; font-weight:bold; background:var(--secondary-light); border-radius:1rem;}
.account-panel-hidden .account-panel-sub {display:none;}
.account-info {display: flex;flex-direction: column;gap: 1rem;padding:1rem;text-align:center;font-size:0.9rem;line-height:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:1rem;}
.account-info-blank {padding:0; border:none; background:#fff;}
.account-info-highlight {max-width:300px; background:#dbffdb80; border:none; outline:2px solid #00b10040;}
.account-info-error {max-width:300px; background:#ffdbdb60; border:none; outline:2px solid #cc000020;}
.account-info img {width:100%; max-width:10rem;}
.account-checkbox {display:grid;grid-template-columns:4rem auto;}
.account-checkbox input {width:2rem; height:2rem;}
.account-checkbox div:first-child {display:flex;align-content:center;justify-content:center;flex-wrap:wrap;}
.account-checkbox div:last-child {padding:1rem 0;line-height:1.2rem;font-size:0.9rem; font-weight:600;}
.account-info-data {width:calc(100% - 2rem); border-collapse:collapse;}
.account-info-data th {border:1px solid #e0e0e0!important; background:#fffaed;}
.account-info-data td {background:#fff; border:1px solid #e0e0e0!important;}
.account-label-cell {display:flex; flex-wrap:wrap; align-content:center;}
.account-label-cell label {z-index:1; margin-right:-23px; width:1.5rem; height:2.2rem; line-height:2.2rem; display:inline-block; border-radius:1rem 0 0 1rem; text-align:center; font-weight:600; font-size:1.3rem; background:green; color:#fff;}
.account-label-cell input {padding-left:2rem;}
.account-panel-sub .account-info {margin:1rem;}
.account-total {font-weight:bold; color:green;}

/* SETTINGS */
.settings-container {display:grid; grid-template-columns:1fr; justify-content:space-between;}
.settings-container .settings-item {padding:0.5rem 1rem; box-sizing:border-box; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; text-align:center; background:#fefefe; border-bottom:1px solid #d8d8d8;}
.settings-container .settings-item:last-child {border:none;}
.setting-title {font-weight:bold; font-size:18px;}
.setting-explain {font-size:0.9rem; line-height:1rem; color:#666;}
.setting-switch {position: relative; display: inline-block; width:4rem; height:2rem;}
.setting-switch input {opacity: 0; width: 0; height: 0;}
.setting-inputs {display:flex; gap:0.5rem; margin:0.5rem; align-items:center;}
.setting-input {width:4rem; padding:0; text-align:center; font-size:1.1rem; border-radius:2rem; border:2px solid #efefef; font-family:'Saira'; outline:none;}
.setting-inputs .button {padding-top:0.1rem; padding-bottom:0.1rem;}
.setting-inputs .button.setting-remove {padding:0.2rem 0.4rem;color:#fff;background:#ff3b00;outline:4px solid #ff3b0020;}
.setting-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .2s; transition: .2s; border-radius:1rem;}
.setting-error {border-color:red;}
.setting-slider:before {position:absolute; content: ""; height:23px; width:23px; left: 4px; bottom:3px; background-color: white; -webkit-transition: .2s; transition: .2s; border-radius:1rem; box-shadow:#565656 0px 0px 10px -3px;}
input:checked + .setting-slider {background:#0ee46e;}
input:checked + .setting-slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.button.submit.saved {position:relative; background:#0ee46e;}
.button.submit.saved:after {position:absolute; right:-30px; top:3px; color:green; content:"\f058"; font-size:20px; font-family:'Font Awesome 6 Pro'; font-weight:bold;}
.setting-slider.saved:after {position:absolute; right:-30px; top:4px; color:green; content:"\f058"; font-size:20px; font-family:'Font Awesome 6 Pro'; font-weight:bold;}
.setting-saved {display: none; position: fixed; box-sizing: border-box; bottom: 4rem; left: 10px; padding: 0.5rem 1rem; padding-bottom: 9px; width: calc(100vw - 20px); z-index: 5; background:green; color:#fff; font-weight:900; line-height: 2rem; font-weight: bold; outline: 2px solid green; border-radius: 1rem 1rem 0 0;}
@media (min-width:1025px){
    .setting-saved {width:12rem; bottom:0; left:18rem;}
}
@media (max-width:480px){
    .settings-item {width:100%!important;}
}

/* TRANSACTION HISTORY */
.trans-list {display:flex; flex-direction:column; gap:0.5rem; padding-bottom:1rem;}
.trans-container {border:none;}
.trans-container h3 {display:flex; align-items:center; justify-content:flex-start; gap:5px;}
.trans-container h3 i {margin-bottom:-1px; transform:scale(1.2); color:var(--secondary);}
.trans-tid {margin-left:auto; background:#666; border-radius:1rem; padding:0 1rem; font-size:0.9rem; font-weight:600;}
.trans-container.single.return-of:not(.cancellation) .trans-bet:not(.trans-multi-odds) {background:#00990020;}
.trans-container.single.no-return:not(.cancellation) .trans-bet:not(.trans-multi-odds) {background:#ff3c3c20;}
.trans-container.approved .trans-bet:not(.trans-multi-odds) {background:#00990020;}
.trans-container.declined .trans-bet:not(.trans-multi-odds) {background:#ff3c3c20;}
.trans-container.single.return-of:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-odds {background:green;}
.trans-container.single.no-return:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-odds {background:#8c0104;}
.trans-container.single.return-of:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-pos {color:#006700;}
.trans-container.single.no-return:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-pos {color:#8c0104;}
.trans-container h3:after {content:none;}
.trans-more {margin-bottom:0.5rem;}
.trans-header {padding:0.2rem 1.3rem; font-weight:bold; background:var(--secondary);}
.trans-stake {display:flex; display:flex;flex-direction:column; margin:0.5rem 1rem 0 1rem; padding:0 0.5rem;}
.trans-stake span {float:right; font-weight:600;}
.trans-container .benefit-icon {padding:0 0.7rem; margin-top:2px; margin-bottom:2px; margin-right:-0.5rem; line-height:1.5rem; text-transform:uppercase; font-weight:900; color:#fff; border-radius:1rem;}
.return-of .trans-stake-return {color:green; font-weight:bold;}
.trans-box {margin:0 1rem 1rem 1rem;}
.trans-sgm {display:flex; flex-direction:column; margin:0 1rem -0.5rem 1rem; padding:0.5rem 1rem 0.4rem 1rem; line-height:1rem; border-radius:1rem 1rem 0 0; font-weight:600; background:#333; color:#fff; border-bottom:4px solid var(--secondary);}
.trans-sgm+.trans-box .trans-bet:first-child {border-radius: 0;}
.trans-sgm span:last-child {font-size:0.8rem; font-weight:normal;}
.trans-bet {position:relative; padding:0.5rem 5rem 0.5rem 1rem; border-bottom:1px solid #fefefe; background:#efefef}
.trans-bet.exotic {border-radius:0 0 1rem 1rem!important;}
.trans-bet:first-child {border-radius:1rem 1rem 0 0;}
.trans-bet:nth-last-child(2) {border-radius: 0 0 1rem 1rem; margin-bottom:0;}
.trans-bet:only-child {border-radius:1rem; border:none;}
.return-of .trans-bet.alive,
.no-return .trans-bet.alive,
.accepted .trans-bet.alive,
.partially-accepted .trans-bet.alive,
.return-of .trans-bet.approved,
.no-return .trans-bet.approved {background:#00990020; padding-left:35px;}
.no-return.exotic:not(.cancellation) .trans-bet {background:#ff3c3c20;}
.return-of.exotic:not(.cancellation) .trans-bet {background:#00990020;}
.return-of.single .trans-bet,
.no-return.single .trans-bet,
.return-of.exotic .trans-bet,
.no-return.exotic .trans-bet {padding-left:35px;}
.return-of.single:not(.cancellation) .trans-bet:before,
.return-of.exotic:not(.cancellation) .trans-bet:before {position:absolute; left:8px; top:calc(50% - 14px); font-family:"Font Awesome 6 Pro"; font-weight:bold; font-size:18px; content:"\f058"; color:#006700;}
.no-return.single:not(.cancellation) .trans-bet:before,
.no-return.exotic:not(.cancellation) .trans-bet:before {position:absolute; left:8px; top:calc(50% - 14px); font-family:"Font Awesome 6 Pro"; font-weight:bold; font-size:18px; content:"\f057"; color:#8c0104;}
.exotic:not(.cancellation) .trans-bet:before {top:calc(50% - 9px)!important;}
.return-of .trans-bet.alive .trans-odds,
.no-return .trans-bet.alive .trans-odds {background:green;}
.return-of .trans-bet.dead .trans-odds,
.no-return .trans-bet.dead .trans-odds {background:#8c0104;}
.return-of .trans-bet.alive:before,
.no-return .trans-bet.alive:before,
.accepted .trans-bet.alive:before,
.partially-accepted .trans-bet.alive:before,
.return-of .trans-bet.approved:before,
.no-return .trans-bet.approved:before {position: absolute; left:8px; top:calc(50% - 14px); font-family:"Font Awesome 6 Pro"; font-weight: bold; font-size:18px; content: "\f058"; color: #006700;}
.no-return .trans-bet.dead,
.return-of .trans-bet.dead,
.no-return .trans-bet.declined {background:#ff3c3c20; padding-left:35px;}
.trans-bet.cancelled {background:#c4c4c480; color:#666;}
.trans-bet.cancelled .trans-odds {background:#666!important;}
.cancellation .trans-odds {background:#666!important;}
.trans-bet.alive .trans-odds {background:green;}
.cancellation .trans-bet {background:#c4c4c480; color:#666; padding-left:1rem!important}
.cancellation .trans-multi-odds {display:none;}
.cancellation .trans-pos {display:none;}
.cancelled .trans-pos {display:none;}
.rejected .trans-pos {display:none;}
.rejected .trans-bet {background: #c4c4c4; opacity: 0.5;}
.rejected .trans-multi-odds {background: none;}
.no-return .trans-bet.dead:before,
.return-of .trans-bet.dead:before,
.no-return .trans-bet.declined:before,
.return-of .trans-bet.declined:before {position:absolute; left:8px; top:calc(50% - 14px); font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size:18px; content: "\f057"; color: #8c0104;}
.return-of:not(.cancellation) .trans-odds {background:green;}
.trans-event {display:flex; flex-direction:column; line-height: 1rem; font-size: 0.9rem; color: #666;}
.trans-event span:nth-child(1) {font-weight:600;}
.trans-event span:last-child {font-size:11px; color:#888;}
.trans-outcome {line-height:1.2rem; font-weight:bold;}
.trans-date { font-size: 10px; color: #666; font-weight: 600;}
.trans-date .ttg-10 {background: none!important; outline: none!important; color: #000!important;}
.trans-date .ttg-0 {background: none!important; outline: none!important; color: #cc0000!important;}
.trans-outcome+.trans-date {margin-top:-5px;}
.trans-odds {position:absolute; right:10px; top:calc(50% - 10px); min-width:3rem; padding:0 1rem; box-sizing:border-box; font-size:12px; text-align:center; border-radius:1rem; background:#333; color:#fff;}
.trans-odds-boosted  {background:#ff5c00; color:#fff;}
.trans-odds-boosted:before {position:absolute; left:-25px; top:0; font-size:1.2rem; font-weight:bold; font-family:'Font Awesome 6 Pro'; content:"\e027"; color:#ff5c00;}
.trans-pos {position:absolute; left:0; bottom:16px; font-size:10px; font-weight:600; width:35px; text-align: center;}
.trans-bet.dead .trans-pos {color:#8c0104;}
.trans-bet.alive .trans-pos {color:#006700;}
.trans-multi-odds {margin:0.5rem 0 -0.5rem 0; background:transparent; border:none;}
.trans-multi-odds .multi-odds {background:#000;}
.trans-multi-odds-boosted .trans-odds {background:#ff5c00; color:#fff;}
.trans-multi-odds-boosted .trans-odds:before {position:absolute; left:-25px; top:0; font-size:1.2rem; font-weight:bold; font-family:'Font Awesome 6 Pro'; content:"\e027"; color:#ff5c00;}
.trans-exotic-leg {display:grid; grid-template-columns:35px auto; align-items:center;}
.trans-exotic-leg-number {font-weight:600; text-align:center;}
.trans-exotic-leg-selection {display: flex; align-items: center; gap: 5px;}
.trans-exotic-leg-quaddie {grid-template-columns:50px auto;}
.trans-exotic-leg-quaddie .trans-exotic-leg-number {text-align: left;}
.trans-boosted {margin: -0.5rem 1rem 1rem 1rem; padding: 0 1rem; text-align:center; font-weight: bold; background: #ff7600; color: #fff; border-radius: 1rem;}
.trans-pages {position:fixed; bottom:4.5rem; z-index:5; padding-bottom:0!important; border-radius:1rem; outline:2px solid #fff;}
.trans-pages .tab-toggler {min-width:35px!important;}
.trans-pages .tab-toggler:only-child {display:none;}
.same-race-multi .trans-bet:before {top:8px!important;}
.same-race-multi .trans-bet .trans-pos {top:26px;}

/* BUTTONS */
.button {cursor:pointer;}
a.button {text-decoration:none;}
.button.betlink {z-index:1; cursor:pointer; text-align:center; vertical-align:middle; position:relative; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; min-width:1rem; min-height:30px; max-height:30px; white-space: nowrap; color:#2C2F36; font-weight:600; font-size:1rem; border-radius:1rem; padding:0.2rem 0.5rem; width:100%; background:#efefef;}
.button.betlink.selected {font-weight:bold;}
.button.betlink.disabled {background:#efefef;}
.button.betlink.empty {background: transparent!important; pointer-events: none;}
.button.betlink-line span:last-child {font-size:0.8rem; font-weight:500;}
.button.submit {padding: 0.3rem 1rem; font-family:'Saira'; text-align:center; border-radius:1rem; font-weight:600; background:var(--secondary);  color:#000;}
.button.submit:hover {outline:none;}
.button.cancel {background:#ff3b00 !important; outline:4px solid #ff3b0040 !important; color:white !important;}
.button.submit a {padding:0 0.5rem; color:#000; text-decoration:none;}
.button.submit.text-only {background:none; color:#1e88e5; border:none;}
.button.betlink.favorite:after {content:'Fav'; position: absolute; vertical-align: text-bottom; display: flex; justify-content: center; text-transform: uppercase; top:-6px; width: 50%; border-radius:1rem; background-color:var(--tertiary); color: #151f23; padding:3px; align-items: center; line-height: 7px; font-size:8.5px; height:7px;}
.button.betlink:empty {display:none!important;}

/* MARKETING */
.marketing-question {width:20rem; margin:0.5rem auto; padding:1rem 0 0.5rem 0; background:#fffbc9; border-radius:1rem;}
.marketing-options {display:flex; justify-content:center; gap:1rem; margin:1rem auto; padding:0 1rem;}
.marketing-option {padding:1rem 2rem!important; background:#f2f2f2!important;}
.marketing-option-selected {background:var(--secondary)!important;}

/* TAB SWITCHES */
.tab-switches {display:flex; align-items:stretch; gap:0.5rem; margin-left:-1rem; margin-right:-1rem; padding:2px 0.5rem 3px 0.5rem; overflow:auto; overscroll-behavior:none;}
.tab-switches .tab-switch {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; position:relative; flex:1 1 1%; gap:3px; min-width:6rem; text-align:center; padding:0.5rem; font-size:0.8rem; line-height:0.9rem; font-weight:600; cursor:pointer; background:#efefef; border-radius:1rem; user-select:none;}
.tab-switch-selected {z-index:1; background: var(--secondary)!important; }
.tab-switches::-webkit-scrollbar {display:none;}
.tab-switches .tab-switch-label {font-weight: bold; position: sticky; left: 0; min-width: 4rem; background: #fff; z-index: 2; min-height: 36px; margin: -10px 0; display: flex; align-items: center; padding-left: 10px; background: #333; color: #fff; border-radius: 0 3rem 3rem 0;}

.tab-racing-highlights,
.tab-sports-highlights {display:grid; grid-template-columns:1fr 1fr 1fr; margin-right:-0.5rem; margin-left:-0.5rem; margin-bottom:5px;}
.tab-racing-highlights .tab-switch,
.tab-sports-highlights .tab-switch {flex-direction:column; padding:0.5rem 0.1rem 0.3rem 0.1rem; border-radius:2rem; background:#fff;}
.tab-sports-highlights [class*="icon-"]:before {color: #ff4800; padding:1rem 0; font-weight:bold; font-size:1.1rem;}
.tab-highlight-name {width:6rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.tab-togglers {display:flex; gap:0; padding:0 0 0.5rem 0; overflow:auto;}
.tab-togglers .tab-toggler {position:relative; flex:1 1 1%; min-width:3.5rem; max-width:3.5rem; display:flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align:center; padding:0.3rem 0rem; font-size:0.9rem; line-height:2rem; font-weight:600; cursor:pointer; background:#333; color:#fff;}
.tab-togglers .tab-toggler-selected {color:#000; background:var(--secondary); }
.tab-togglers .tab-toggler[class*="icon-"]:before {font-size:1.5rem; font-weight:bold;}
.tab-togglers .tab-toggler:first-child {border-radius:1rem 0 0 1rem;}
.tab-togglers .tab-toggler:last-child {border-radius:0 1rem 1rem 0;}
.tab-togglers .tab-toggler:not(.tab-toggler-selected):hover {color:#fff; background:#000;}
.tab-togglers-small {padding-bottom:0;}
.tab-togglers-small .tab-toggler {max-width:none; line-height:1.5rem;}

/* BENEFITS/REWARDS TABS */
.tab-switches-benefits {display:grid; grid-template-columns:1fr 1fr; padding:8px; margin:0; gap:10px;}
.tab-switches-benefits .tab-switch {flex-direction:column; font-size:1rem; gap:5px;}
.tab-switches-benefits .tab-switch-selected {background:var(--secondary)!important;}
.tab-switches-benefits .benefit-icon {font-size:20px;}
.tab-switches-benefits .benefit-total {margin-top:2px; font-size:1.1rem; font-weight:bold;}
.tab-switch-selected i {color:#000;}
.panel-benefit {display:grid!important; grid-template-columns:30px auto 30px; align-items:self-start; padding:0.7rem!important;}
.panel-benefit .benefit-icon {display:flex; align-items:center; justify-content:center; width:30px; min-width:30px; height:30px; border-radius:10px; font-size:20px; color:#fff;}
.panel-benefit .benefit-icon i {color:#fff;}
.panel-benefit .benefit-info {display:flex; flex-direction:column; gap:2px;}
.panel-benefit .benefit-title {display:flex; flex-direction:row; align-items:center; gap:10px; padding-right:5px; font-size:16px; line-height:18px; font-weight:600; cursor:pointer;}
.panel-benefit .benefit-subtitle {line-height:1.2rem; font-weight:normal; color:#666;}
.panel-benefit .benefit-details-parent {padding-top:3px;}
.panel-benefit .benefit-details-container {display:flex; flex-wrap: wrap; gap:8px; row-gap:2px; margin-bottom:3px;}
.panel-benefit .benefit-details {white-space:nowrap; display:flex; gap:2px; padding:3px 7px; margin-left:-3px; margin-top:2px; font-size:14px; line-height:14px; background:#e0ebff; max-width:fit-content; border-radius:10px;}
.panel-benefit .benefit-details-amount {font-weight:600;}
.panel-benefit .benefit-products {background:#d3ffcd;}
.panel-benefit .benefit-modes {background:#fff0a8}
.panel-benefit .benefit-total {margin-left:auto; margin-right:10px; text-align:center; font-size:18px; line-height:30px; height:30px; width:30px; min-width:30px; font-weight:900; border-radius:10px; background:#ff6600; color:#fff;}
.benefit-lucky i {color:#38b41c;}
.benefit-boost i {color:#ff6600;}
.benefit-bonus i {color:#286bed;}
.benefit-rewards i {color:#ed28e6;}
.benefit-icon.benefit-lucky {background:#38b41c;}
.benefit-icon.benefit-boost {background:#ff6600;}
.benefit-icon.benefit-bonus {background:#286bed;}
.benefit-icon.benefit-deposit {background:#f71414;}
.benefit-total.benefit-lucky {color:#38b41c;}
.benefit-total.benefit-boost {color:#ff6600;}
.benefit-total.benefit-bonus {color:#286bed;}
.benefit-total.benefit-deposit {color:#f71414;}
.benefit-total.benefit-rewards {color:#ed28e6;}

/* PANELS */
.panel {display:flex; flex-direction:column; gap:0.5rem; position:relative; padding:0.5rem 1rem 0.5rem 1rem; margin-bottom:1rem; background:#fff; border-radius:1rem; box-shadow:#88888830 0px 0px 5px 0px;}
.panel h1 {font-size:1.5rem; margin:0;}
h1+.panel {border-radius: 0 0 1rem 1rem;}
.odds-match-header+.panel {margin-top:1rem; border-radius:1rem;}
a.panel {text-decoration:none;}

/* HOMEPAGE */
.homepage-switch {display:flex; gap:1rem; padding:10px; margin:0 0 0.5rem 0; overflow:auto; background:#fff; border-radius:2rem;}
.homepage-switch .button {display:flex; align-items:center; justify-content:center; gap:5px; flex:1; white-space:nowrap; background:none; outline:none; font-weight:bold; font-size:18px; line-height:0; padding:12px 0 11px 0;}
.homepage-switch .button.selected {outline:4px solid var(--secondary); background:var(--secondary);}
.homepage-switch .button:not(.selected):hover {outline: 4px solid #efefef; background:#efefef;}
.homepage-section {display:flex; flex-direction:column;}
.homepage-section h2 {font-size:1.2rem; margin:0.5rem 0 0.2rem 0.5rem; text-align:center;}
.homepage-racing .homepage-racing-nextup {display:grid; grid-template-columns:1fr; gap:0.5rem;}
.homepage-racing .nextup-scroller h5 {display:none!important;}
.homepage-racing .homepage-racing-header {display:inline-block; padding:0.2rem; text-align:center; font-weight:bold; font-size:1.2rem; width:100%;}
.homepage-racing .nextup-scroller-odds {min-height:275px;}
.homepage-racing .nextup-scroller-odds .panel {padding:0;}
.homepage-racing .nextup-scroller-odds .odds-table {margin:0; width:auto;}
.homepage-racing .nextup-scroller-odds th {padding:0.5rem 1rem 0.5rem 2.3rem; line-height:1.5rem; font-size:1.2rem; border-radius:1rem 1rem 0 0; background: linear-gradient(135deg,#000 calc(100% - 7rem), #333 calc(100% - 7rem)); color:#fff; border-bottom:4px solid var(--tertiary); outline:4px solid #ffffff20;}
.homepage-racing .nextup-scroller-odds th .odds-table-header {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; flex-direction:column;}
.homepage-racing .nextup-scroller-odds th .odds-table-header:before {position:absolute; left:12px; top:7px; font-weight:bold; font-size:1.2rem; color:var(--secondary); }
.homepage-racing .nextup-scroller-odds th .odds-table-header.icon-HORS:before {left:9px;}
.homepage-racing .nextup-scroller-odds th .odds-table-header .race-time {padding:0 5px; font-size:11px; line-height:14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:1rem; background:#000;}
.homepage-racing .nextup-scroller-odds th .odds-table-header .ttg-10 {background:black!important;}
.homepage-racing .nextup-scroller-odds th .odds-table-switch {display:flex; position: absolute; top:6px; right:6px; border-radius:1rem; padding:5px; background:#000;}
.homepage-racing .nextup-scroller-odds th .odds-table-switch-bet {padding:3px 0.5rem; color:#fff; cursor:pointer; font-size:0.9rem; line-height:10px; min-width:1.4rem; text-align: center; border-radius:1rem;}
.homepage-racing .nextup-scroller-odds th .odds-table-switch-bet-selected {background:#fff; color:#000;}
.homepage-racing .nextup-scroller-odds th .box-race-number {width:20px;height:20px;background-color:#444;}
.homepage-racing .nextup-scroller-odds td {height:3.1rem; border-bottom:1px solid #e0e0e0;}
.homepage-racing .nextup-scroller-odds td.silk-racing-empty {width:1rem!important;}
.homepage-racing .nextup-scroller-odds td.silk-racing-empty .silk-racing-icon {width:0.3rem!important;}
.homepage-racing .nextup-scroller-odds td .betlink {padding-top:0; padding-bottom:0;}
.homepage-racing .nextup-scroller-odds td.odds:empty {width: 0; min-width:0; padding:0;}
.homepage-regulatory {margin:0 1rem 1rem 1rem; font-size:0.9rem; line-height:0.9rem; color:#666;}

.nextup-scroller-container {margin:0 -1rem; overflow:hidden;}
.nextup-scroller {transform:translateX(0px); padding:0 1rem; display:flex; gap:0.5rem; min-height:5rem; overflow:auto; box-sizing:border-box; transition:0.3s ease all;}

.nextup-races {display:flex; flex-direction:column; overflow:auto; max-width:calc(100vw - 20rem);}
.nextup-races .nextup-race {flex-direction:row; flex-wrap:wrap; align-items:center; border-radius:0; margin-top:-1px;}
.nextup-races .nextup-race:first-child {border-radius:1rem 1rem 0 0;}
.nextup-races .nextup-race:last-child {border-radius:0 0 1rem 1rem;}
.nextup-races .nextup-race-flag {display:none;}
.nextup-races .nextup-race-number {position:absolute; right:4.5rem; padding-bottom:0;}
.nextup-races .nextup-race-footer {position:absolute; right:5px; top:5px; min-width:3rem; margin:0;}
.nextup-races .nextup-race-start {display:none;}
.nextup-races .nextup-race[class*="icon-"] {padding-left:1.8rem;}
.nextup-races .nextup-race[class*="icon-"]:before {position:absolute; left:5px; top:9px; color:var(--icon); font-weight:bold;}
.nextup-races .nextup-race.selected {grid-column:1 / 3; background:#333; color:#fff; border:none;}
.nextup-races .nextup-race:has(.ttg-closed) {background:#fff1f1;}
.nextup-races .nextup-race:has(.ttg-final) {background:#f0fff0;}
.nextup-races .nextup-race:has(.ttg-interim) {background:#f2fff2;}
.nextup-race .promo {position:absolute; right:60px; top:6px; padding:0 6px; line-height:19px; background:#ff6600; color:#fff; font-weight:bold; text-align:center; border-radius:10px;}

.nextup-race {position:relative; display:flex; flex-direction:column; min-width:8rem; max-height:4rem; padding:0.5rem 1rem; background:#fff; border-radius:1rem; color:#000; text-decoration:none; box-shadow:#88888830 0px 0px 5px 0px;}
.nextup-race-title {display:flex; align-items:center; gap:5px; line-height:1.2rem; font-weight:bold; min-height:1rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.nextup-race-track {padding:8px 0;}
.nextup-race-number {line-height:0.8rem; font-size:0.8rem; font-weight:normal; padding-bottom:0.3rem; color:#333;}
.nextup-race-footer {display:flex; justify-content:space-between; margin: 3px -5px;}
.nextup-race-icon {display:none; color:var(--quaternary); }
.nextup-race-icon:before {font-size:2.2rem;}
.nextup-race-icon2 {display:none;}
.nextup-race-ttg {display:flex; justify-content:space-around; width:100%; min-width:3.5rem; line-height:1.2rem; padding:0.2rem 0; text-align:center; font-size:0.9rem; background:#333; color:#fff; outline:none!important; border-radius:1rem;}
.nextup-race .race-time-display {display:flex; width:4rem; justify-content:center; border-radius:1rem;font-weight:bold; font-size:12px; line-height:22px;}
.nextup-race-mins {justify-content:center; font-weight:bold;}
.nextup-race-flag {position:absolute; top:0.5rem; right:0.5rem; width:1rem; height:1rem; background-position:50%; background-size:cover; border-radius:50%; border: 1px solid #888;}

.nextup-scroller-sport {display:flex; flex-direction:column; gap:1rem;}
.nextup-scroller-sport tr:first-child .odds-table-date span {margin-left:1rem; overflow: hidden; word-break: break-word; text-overflow: ellipsis; max-width: calc(100% - 6rem);}
.nextup-scroller-sport tr:first-child td:first-child {background:linear-gradient(135deg,#000 calc(100% - 7rem),#333 calc(100% - 7rem));color:#fff;}
.nextup-scroller-sport tr:first-child td:first-child .odds-table-date {padding:2px 0; font-size:1rem;}
.nextup-scroller-sport .odds-table-header [class*="icon-"]:before {font-size:1.2rem; font-weight:bold; margin:0 0 -1rem -0.5rem; position: absolute; top:calc(50% - 7px);; color:var(--tertiary)}

.nextup-sport-scroller {display:flex; gap:0.5rem; padding:0 0 0.5rem 0; overflow:auto;}
.nextup-sport-scroller-game {display:flex; flex-direction:column; position:relative; min-width:12rem; font-size:0.9rem; line-height:1.4rem; background:#fff; border:1px solid #e0e0e0; border-radius:0.5rem; text-decoration:none; color:#000;}
.nextup-sport-scroller-team {display: flex; justify-content: space-between; align-items:center; padding:0.2rem 0.4rem;}
.nextup-sport-scroller-teama {border-bottom: 1px solid #efefef;}
.nextup-sport-scroller-team .add-betslip {min-width:3rem; max-width:3rem; padding: 0; font-size: 12px; line-height: 16px; max-height: 16px !important; min-height: 16px !important;}
.nextup-sport-scroller-team-name {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nextup-sport-scroller-league {border-radius:0.5rem 0.5rem 0 0; padding:0.5rem; padding-right: 4rem; max-width:7.5rem; line-height:1rem; color:#fff; background: linear-gradient(135deg, #000 50%, #333 50%); font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nextup-sport-scroller-time {width:3rem; border-radius:1rem; font-weight:bold; text-align:center; position:absolute; top:7px; right:7px; font-size: 11px; line-height: 16px; color:#fff;}

.ttg-0 {background:#d7102d!important; color:#ffffff!important;}
.ttg-00 {background:#9f041b!important; color:#ffffff!important;}
.ttg-10 {background:#333333!important; color:#ffffff!important;}
.race-time-display.ttg-abandoned {background:#ffd8d8!important; color:#cc0000!important; font-size:10px; padding:0 10px; margin-right:7px;}
.race-time-display.ttg-closed {background:#880000!important; color:white!important;}
.race-time-display.ttg-suspended {background:#880000!important; color:white!important;}
.race-time-display.ttg-interim {background:#00880090!important; color:white!important;}
.race-time-display.ttg-final {background:#008800!important; color:white!important;}
div[data-status='Closed'] {font-weight:bold;}
div[data-status='Closed'] .fixed-odds {display:none; }
div[data-status='Interim'] .fixed-odds {display:none;}
div[data-status='Final'] .fixed-odds {display:none;}
.table-cell[data-ttg='10'] .fixed-odds {color:#fff;}
.table-cell[data-ttg='0'] .fixed-odds {color:#fff;}


/* PICKS GAME */
.news-items {margin-top:0.5rem; margin-bottom:1rem; display:flex; flex-direction:column; gap:10px;}
.news-item {position:relative; color:#fff;}
.news-item-status {position:absolute; top:10px; right:10px; padding:0.3rem 1rem; border-radius:1rem; background:#008800; font-weight:900; font-size:0.9rem; line-height:0.9rem; text-transform:uppercase;}
.news-item-status[data-timestamp] {min-width:8rem; text-align:center;}
.news-item-status.ttg-0 {outline:4px solid #ff000040!important;}
.news-item-status-complete {background:#000;}
.news-item-status-cashout {background:#ff6600!important; color:#fff!important;;}
.news-item-status-eliminated {background:#cc0000!important; color:#fff!important;}
.news-item-status-closed {background:#cc0000;}
.news-item-status-winner {background:#fff9d8!important; left:40px!important; right:auto; font-size:1.2rem!important;}
.news-item-status-winner:before {position: absolute; content: "\f091"; top: 4px; left:-25px; font-family: 'Font Awesome 6 Pro'; font-size: 1.5rem; color: gold;}
.news-item-status2 {position:absolute; top:10px; left:10px; display:flex; align-items:center; gap:3px; padding:0.3rem 0.5rem; border-radius:1rem; background:#fff; color:#000; font-weight:900; font-size:0.9rem; line-height:0.9rem; text-transform:uppercase;}
.news-item-image {height:170px; background-position:50%; background-size: cover; display: flex; align-items: flex-end; padding: 10px; border-radius:1rem; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px 1px; border: 1px solid #d9d9d9;}
.news-item-footer {display:flex; flex-direction:column; gap:0; padding:0.5rem 1rem; background:#000000; border-radius:1rem;}
.news-item-headline {font-size:1.5rem; line-height:1.5rem; font-weight:900; text-transform:uppercase;}
.news-item-prize {display:flex; gap:5px; font-size:1.2rem; line-height:1.5rem; font-weight:500; color:#ffe660;}
.news-item-prize-jackpot {font-weight:bold; color:gold;}
.news-item-entries {display:flex; gap:5px; font-size:1rem; line-height:1rem; font-weight:500; color:var(--icon);}
.news-item-entries .news-item-entries-number {color:#fff; font-weight:bold;}
.news-item-entries .news-item-entries-entry {background:#fff; color:#000; border-radius:5px; min-width:18px; font-size:12px; text-align:center;}
.news-item-entries .news-item-entries-entry-win {background:#008800; color:#fff;}
.news-item-entries .news-item-entries-entry-loss {background:#ff0000; color:#fff;}
.news-item-entries .news-item-entries-entry-eliminated {background:#888; color:#000;}
.news-item-entries .news-item-entries-entry-none {background:#88888880; color:#000;}
.picks-comp-name {padding:0.5rem 0; font-weight:bold; font-size:1.4rem; text-transform:uppercase; line-height:1.4rem; text-align:center; background: var(--secondary);}
.picks-race {overflow-x:hidden; padding:1rem;}
.picks-races {display:flex; flex-direction:row; justify-content:space-around; gap:5px; height:50px; line-height:50px; margin-bottom:1rem;}
.picks-races-race {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:1rem; gap:2px; width:50px; height:50px; background:#fff; font-weight:bold; font-size:1.4rem; line-height:1.2rem; transition:0.1s ease all;}
.picks-races-race:before {content:"\f111"; font-family:'Font Awesome 6 Pro'; position:absolute; top:0; left:4px; font-size:8px; border-radius:10px; color:#88888840;}
.picks-races-race-picked:before {color:#008800;}
.picks-races-race-win {background:#008800!important; color:#fff!important;}
.picks-races-race-win.picks-races-race-selected {background:var(--secondary)!important; color:#000!important;}
.picks-races-race-win:before {content:"";}
.picks-races-race-loss {background:#ff0000!important; color:#fff!important;}
.picks-races-race-loss.picks-races-race-selected {background:var(--secondary)!important; color:#000!important;}
.picks-races-race-loss:before {content:"";}
.picks-races-race-void {background:#888888!important; color:#000!important;}
.picks-races-race-void:before {content:none;}
.picks-races-race-void .picks-races-race-jackpot-total {display:none;}
.picks-races-race-void .picks-races-race-cashout-total {display:none;}
.picks-races-race-cashout {background:#ffe7da; color:#ff6600;}
.picks-races-race-cashout-total {font-size:11px; line-height:14px; background:#ff6600; color:#fff; padding:0 3px; border-radius:10px;}
.picks-races-race-jackpot {background:#fff5c2!important;}
.picks-races-race-jackpot-total {font-size:11px; line-height:14px; background:gold; color:#000; padding:0 3px; border-radius:10px;}
.picks-races-race-jackpot:before {content:none;}
.picks-races-race-cashout-user {background:#008800!important; color:#fff!important;}
.picks-races-race-cashout-user:before {content:none;}
.picks-races-race-selected {background:var(--secondary)!important; color:#000!important;}
.picks-race-info {display:flex; justify-content:space-between; align-items:stretch; font-weight:bold; background:#333; color:#fff; border-radius:1rem;}
.picks-race-ttg {display:flex; align-items:center; justify-content:center; width:6rem; text-align:center; line-height:0.9rem; font-size:0.9rem; background:#000; border-radius:0 1rem 1rem 0;}
.picks-race-final {background:#008800;}
.picks-race-closed {background:#cc0000;}
.picks-race-name {padding:0.3rem 1rem; font-size:1.2rem;}
.picks-race-card-container {position:relative;}
.picks-race-card {display:flex; flex-direction:column; gap:5px; z-index:2; margin-top:5px;}
.picks-cashout {display:flex; align-items:center; flex-direction:column; text-align:center; margin:1rem 0; border-radius:1rem; color:#ff6000; box-shadow: #ff660040 0px 0px 10px 3px; background: #ffeee4; outline: 2px solid #fff;}
.picks-cashout-title {width:100%; padding:0.5rem 0; font-size:1.1rem; line-height:1.3rem; font-weight:bold; text-transform:uppercase; border-radius:1rem 1rem 0 0; background:#ff6600; color:#fff;}
.picks-cashout-subtitle {padding:0.5rem; font-size:1rem; line-height:1.1rem; font-weight:500;}
.picks-cashout-button {margin-bottom:0.7rem; padding:0.5rem 1rem; font-weight:bold; color:#fff; background:#008800; border-radius:1rem;}
.picks-runner {position:relative; display:grid; grid-template-columns:2rem 2rem auto 5rem; padding-right:0.5rem; align-items:center; min-height:35px; border-radius:2rem;}
.picks-runner-scratch {opacity:0.4; min-height:25px;}
.picks-runner-scratch .picks-runner-select:before {content:none!important;}
.picks-runner-scratch .picks-runner-name {padding: 0 5px;}
.picks-runner-selected.picks-runner-scratch:before {content: "\f06a"; position: absolute; left: 10px; font-family: 'Font Awesome 6 Pro'; color:#ff0000; font-weight: bold;}
.picks-runner-selected.picks-runner-scratch {opacity: 1; color: #ff0000;}
.picks-runner-selected.picks-runner-scratch .picks-runner-percent {display:none;}
.picks-runner-name {display:flex; justify-content:space-between; align-items:center; margin:0 5px; padding:5px;}
.picks-runner-info {display:flex; flex-direction:column; line-height:1rem;}
.picks-runner-detail {width:calc(100vw - 17rem); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px;}
.picks-runner-percent {float:right; font-weight:bold; font-size:10px; font-weight:bold; color:green;}
.picks-runner-open .picks-runner-select {position:relative;}
.picks-runner-open .picks-runner-select:before {position:absolute; top:-8px; left:10px; content:"\f111"; font-family:'Font Awesome 6 Pro';}
.picks-runner-silks {width:2.5rem; height:2.5rem; background-size:auto 100%;}
.picks-runner-silks.silk-grey {width:20px; height:20px; margin-left:10px; border-radius:50%;}
.picks-runner-odds {font-weight:bold; text-align:center; background:#efefef; border-radius:1rem;}
.picks-runner-selected {background:var(--secondary);}
.picks-runner-selected .picks-runner-select:before {font-weight:bold; color:#008800;}
.picks-runner-selected .picks-runner-name,
.picks-runner-win .picks-runner-name {background:none!important;}
.picks-runner-scratch .picks-runner-odds {background:none;}
.picks-runner-selected.picks-runner-scratch {background:#cc000040!important;}
.picks-runner-win {background:gold; font-weight:bold;}
.picks-runner-win .picks-runner-select {position:relative;}
.picks-runner-win .picks-runner-select:before {position:absolute; top:-8px; left:10px; font-size:1.1rem; content:"\f091"; font-family:'Font Awesome 6 Pro';}
.picks-summary {border-radius:0 0 1rem 1rem; text-align:center; font-weight:bold; border-top:none;}
.picks-comp-standing-numbers {display:flex; justify-content:center; gap:10px;}
.picks-comp-standing-counter {width:100%; height:10px; margin:3px 0 5px 0; border-radius:10px; background:#efefef;}
.picks-comp-standing-counter-fill {height:10px; border-radius:10px; background:#008800;}
.picks-comp-entries,.picks-comp-standing {color:#ff6600;}
.picks-race-text {display:flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom:1rem; font-size:1rem;}
.picks-race-jackpot-title {font-weight:bold; font-size:1.2rem;}
.picks-race-jackpot {padding:0 1rem; margin:4px 0 0 0; font-weight:bold; font-size:1.5rem; border-radius:2rem; color:#ff6600; background:#fff0a2;}
.picks-runner-race {grid-template-columns:2rem auto 5rem; gap:5px; padding-bottom:5px; padding-right:0; border-bottom:1px solid #efefef; border-radius:0;}
.picks-runner-race-scratched {color:#ff0000;}
.picks-race-card .picks-runner-race:last-of-type {border:none!important;}
.picks-runner-race-ttg {margin-left:auto; border-radius:1rem; width:5rem; min-height:25px; color:#fff; font-weight:bold;}
.picks-runner-race-order {width:28px; height:28px; line-height:28px; font-size:20px; text-align:center; background:#efefef; color:#ff6600; font-weight:900; border-radius:10px;}
.picks-runner-race-status {text-align:center; border-radius:1rem; font-weight:bold; background:#efefef;}
.picks-runner-race-winner {display:flex; flex-direction:column; align-items:end; padding-right:1rem; float:right; font-weight:bold; line-height:1rem;}
.picks-runner-race-info {display:flex; flex-direction:column; line-height:12px;}
.picks-runner-race-track {font-weight:bold; font-size:1.1rem; line-height:1.3rem;}
.picks-runner-race-odds.button.betlink {width:auto; padding:5px 0.5rem; max-height:20px; min-height:20px; min-width: 3rem; margin-top: -20px;}
.picks-runner-race-odds-scratched {width:auto; padding: 5px 0.5rem; min-width: 3rem; margin-top:-20px; background:#cc000040; color:#ff0000; text-align: center; border-radius:1rem; font-weight:bold;}
.picks-runner-race-user-result {grid-column:1/4; width:calc(100% + 0.5rem); margin-top:4px; padding:0.2rem 0; font-weight:bold; text-align:center; border-radius:2rem;}
.picks-race-tips-complete {display:none; color:green; padding-top: 3px; text-align: center; font-weight: bold; font-size: 1.2rem;}
@media(min-width:600px){
.news-items {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.picks-container {max-width:800px; margin-left:auto; margin-right:auto;}
.picks-race-ttg picks-runner-silks{font-size:1rem; line-height:1rem;}
.picks-runner-open:hover {cursor:pointer;}
.picks-runner-open:not(.picks-runner-selected):not(.picks-runner-win):not(.picks-runner-scratch):hover {background:#efefef80;}
.picks-runner-odds {padding:2px 0;}
.picks-runner-detail {width:auto;}
.picks-race-card {max-width:500px; margin:auto; margin-top:10px;}
.picks-races {justify-content:center; gap:1rem; padding:0.5rem; background: #fff; border-radius: 1rem; box-shadow: #88888830 0px 0px 5px 0px;}
.picks-races-race {width:60px; background:#efefef; border-radius:1rem!important;}
.picks-races-race:before {top:2px; left:5px;}
.picks-races-race:hover {cursor:pointer;}
.picks-races-race:not(.picks-races-race-selected):not(.picks-races-race-win):not(.picks-races-race-loss):not(.picks-races-race-void):not(.picks-races-race-cashout):hover {background:#ffffc6;}
.picks-races-race-cashout-total,
.picks-races-race-jackpot-total {font-size:12px; line-height:16px; padding:0 5px;}
.picks-cashout {margin:1rem auto; max-width:300px;}
}


/* REWARDS STORE */
.rewards-shop {width:calc(100vw - 2rem); margin:0 -1rem; padding:0 1rem; display:flex; gap:10px; min-height:5rem; overflow:auto; box-sizing:border-box;}
.rewards-shop-item {position:relative; width:200px; min-width:200px; padding:10px; margin-bottom:0.5rem; box-shadow:none; border:1px solid #efefef;}
.rewards-shop-header {display: flex; align-items: center; justify-content:center; gap: 5px; background: #000; color: #fff; margin: -10px -10px 0px -10px; padding: 5px 10px 5px 7px; font-size:1.1rem; border-radius: 1rem 1rem 0 0;  border-bottom: 4px solid var(--secondary);}
.rewards-shop-price {display:flex; align-items:center; justify-content:center; gap:5px; margin:0.2rem 0 0.2rem 0; padding:0.3rem 1rem; background:gold; text-align:center; border-radius:1rem; font-weight: bold;}
.rewards-shop-title {text-transform:uppercase; font-weight:900;}
.rewards-shop-description {line-height:1.4rem; color:#666;}
.rewards-shop-pct-container {height:10px;display:flex;align-items:center;background:#efefef;padding:5px;border-radius:1rem;margin-top:auto;}
.rewards-shop-pct-bar {height:10px; background:green; border-radius:10px;}
.rewards-shop-pct-total {margin:-7px 10px -5px auto; color:#666; font-weight:bold;}
.rewards-shop-redeem {position:relative; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:5px;}
.rewards-shop-redeemed {display:none; position:absolute; bottom:40px; left:calc(50% - 10px); font-size:2rem; padding:3px; background:#fff; border-radius:50%;}
.rewards-balance {transition:0.2s ease all;}
.rewards-balance-float {position: fixed; top: 4rem; left: 0; text-align: center; padding: 7px; width: 100vw; background: #fff; z-index: 1;}


/* MODAL */
.modal {display:none; transition: opacity 0.25s ease, transform 0.25s ease; position:fixed; top:6rem; left:1rem; z-index:99; max-height:calc(100% - 12rem); width:calc(100vw - 2rem); max-width:600px; margin:auto; border-radius:1rem; box-sizing:border-box; padding:1rem; background:#fff; overflow:auto; overflow-x:hidden; z-index:101; border:4px solid #ffffff; box-shadow:#00000060 0px 0px 20px 2px;}
.modal-icon {position:absolute; top:8px; right:8px; color:#fff; font-size:24px; z-index:2;}
.modal-close {position: absolute; top: 14px; right: 14px; color: #fff; font-size: 1.5rem; z-index: 2;}
.modal h1 {justify-content:center; margin:-1rem -1rem 0 -1rem; padding:0.6rem 0; z-index:2; text-align:center; width: calc(100% + 2rem); position: sticky; top:-1rem; left: 0; background:#000; border-bottom: 4px solid var(--tertiary)}
.modal h1 .modal-close {top:8px; left:8px; right:auto; padding:2px;}
.modal h1+.tab-switches {margin-top:10px;}
.modal-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}

/* TOAST */
.toast {display:none; position:fixed; bottom:5rem; left:10px; width:calc(100vw - 20px); padding:1rem; box-sizing:border-box; background:#000; color:#fff; border-radius:1rem; z-index:1;}
.toast-content {display:flex; flex-direction:row; align-items:center; gap:1rem;}
.toast-content h3 {margin: 0 0 5px 0; font-size:16px; line-height:18px; font-weight:900; text-transform:uppercase; color:var(--secondary);}
.toast-content p {margin: 0; font-size: 12px; line-height: 16px;}
.toast-content .button {padding:10px; line-height:18px; font-weight:900; text-transform:uppercase;}
.toast-content div:last-child {margin-left: auto;}
@media (max-width:1025px){
body:has(.betslip-multi-mini-container-visible) .toast {bottom:8rem;}
}

/* TABLES */
table {width:100%; margin:10px auto;}
table td {padding:5px 10px; font-size:14px;}
table td .header {width:100%; padding:0.5rem 0; margin:auto; text-align:center; border-radius:0.5rem; font-weight:bold; background:var(--tertiary); border:1px solid green;}
table td input,
table td select {width:100%; outline:none; height:2.2rem; min-height:2.2rem; max-height:2.2rem; padding:0 1rem; border:1px solid #88888860; border-radius:2rem;}
table td select {padding:0 0.5rem; color:#000; background:#fff; outline:none;}
table td input:focus,
table td select:focus {outline:4px solid #88888820;}
table td input[type='radio'] {width:20px; margin-top:0px;}
table td.green {background:#deffe0;}
.error-inline {display:none; padding:5px 8px 0 8px; color:red; font-size:11px; line-height:12px; font-weight:600;}
table td input.error,
table td select.error {outline:4px solid #ffdbdb60!important; border:1px solid #cc000060;}

/* POPUP TABLES */
/* eg. list of sport groups or list of group matches in popup */
.table-list {width:100%; border-collapse:collapse;}
.table-list td {padding:0.2rem 0.2rem; font-size:0.9rem; border-bottom:1px solid #e0e0e0;}
.table-list td:has(a) {padding:0;}
.table-list td a {display:block; padding:0.2rem 0.2rem; width:100%; text-decoration:none; color:#000;} 
.table-list td a:hover {background:#ffffdb;}
.table-list td .button.betlink {max-width:2rem;}
.table-list .table-list-header {border: none; font-weight:bold; font-size: 1rem; padding: 0 0 0 1rem;}
.table-list .table-list-row {display:grid;}

/* LISTS */
.box-list {display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1rem; transition:0.5s ease all;}
.box-list .box-list-item {position:relative; min-height:2.5rem; padding-right:2rem; padding-left:1.5rem; gap:5px; display: flex; align-items:center; background:#fff; border:1px solid #e0e0e0; border-radius:1rem; font-size:1rem; font-weight:600; text-decoration:none; color:#000;}
.box-list .box-list-item:after {position:absolute; right:5px; top:8px; font-family:'Font Awesome 6 Pro'!important; content:"\f105"; font-size:1.3rem; color:var(--icon); }
.box-list .box-list-item [class*="icon-"]:before {display:block; width:2rem; margin-left:-1rem; font-size:1.5rem; font-weight:bold; text-align:center; color:var(--icon); }
.box-list .box-list-item-header {padding-left:2.5rem; font-size:1.1rem; font-weight:bold; background:#333; color:#fff;}
.box-list .box-list-item-header:after {content:none;}
.box-list .box-list-item-header:before {position:absolute; top:8px; left:12px; font-size:1.2rem; color:var(--secondary); font-weight:bold;}
.box-list .box-list-item-subheader {background: var(--secondary);  border:none;}
.box-list .box-list-item-subsubheader {background:#fff4aa;}
.box-list .box-list-item-subsubsubheader {background:#fffbe2;}
.box-list-joined {gap:0; margin-top:1px;}
.box-list-joined .box-list-item {border-radius:0; margin-top:-1px;}
.box-list-joined .box-list-item:first-child {margin-top:0; border-radius:1rem 1rem 0 0;}
.box-list-joined .box-list-item:last-child {border-radius:0 0 1rem 1rem;}
.box-list-joined .box-list-joined {display:none;}
.box-list-joined .box-list-joined .box-list-item:first-child {border-radius: 0; margin-top:-2px;}
.box-list-joined .box-list-joined .box-list-item:last-child {border-radius: 0;}
.box-list-joined .box-list-joined .box-list-item {padding-right:1.5rem; padding-left:0.5rem; background:#fffdf3;}
.box-list-joined .box-list-joined .box-list-item:after {color:#ffa165;}
.box-list-parent-open {background:#333!important; color:#fff!important;}
.box-list-item.box-list-header {margin-top:1rem; padding-left:1rem; background:#333; color:#fff; border:none; border-bottom:4px solid var(--tertiary); font-weight:bold; font-size:1.2rem;}
.box-list-item.box-list-header+.box-list-item {border-top:none;}
.box-list-item.box-list-header:after {content:none;}
.box-list-parent .ttg-abandoned {background: #ffd8d8 !important; color: #cc0000 !important; font-size: 10px; padding: 0 10px;}

.box-list-item .fixed-odds {line-height:10px; font-size:10px; padding:5px; border-radius:10px; color:#008800; background: #0088001f; font-weight:bold;}
.box-list-item .promo {line-height:10px; font-size:10px; padding:5px 8px; border-radius:10px; color:#fff; background: #ff6600; font-weight:bold;}
.box-list-item .group-1 {color:#ffd700; font-size:10px;}
.box-list-item .group-2 {color:#ffb97c; font-size:10px;}
.box-list-item .group-3 {color:#ffb97c; font-size:10px;}
.box-list-item .group-lr {color:#88888850; font-size:10px;}
.box-list-item.ttg-10 {background:#fffdf3!important;}
.box-list-item.ttg-0 {background:#fff1f3 !important;}

.box-race-number {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:1.6rem; height:1.6rem; border-radius:50%; background:#666; color:#fff; font-weight:bold;}
.box-race-name {display:flex; flex-direction:column; margin-left:5px; font-size:13px; font-weight:500; line-height:12px;}
.box-race-ttg {display:flex; width:4rem; justify-content:center; border-radius:1rem;font-weight:bold; font-size:12px; line-height:22px;}

/* PROMOS */
.promo-grid {display:grid; grid-template-columns:1fr; gap:1rem; margin:1rem 0;}
.promo-grid-promo {display:flex; flex-direction:column; max-width:93vw;}
.promo-grid-promo img {width:100%; border-radius:0.5rem;}
.promo-grid-blurb {line-height:1.2rem; font-size:0.9rem; padding:1rem; margin-top:0.5rem; text-align:center; border-radius:0.5rem; background-color: rgba(221,255,225,.25); border: solid 1px rgba(21,31,35,.1);}

/* ICONS */
[class*="icon-"]:before {font-family:"Font Awesome 6 Pro" !important; font-style: normal; font-weight: normal; font-variant: normal;}
.icon-HORS:before,
.icon-T:before {content:"\f7ab";}
.icon-HORS2:before {content:"\f7ab";}
.icon-GREY:before,
.icon-G:before {content:"\f701";}
.icon-HARN:before,
.icon-H:before {content:"\f631";} 
.icon-OTHS:before,
.icon-PROMO:before {content:"\f81d";}
.icon-SPORT:before {content:"\f5a2";}
.icon-INFO:before {content:"\f05a";}
.icon-ACCT:before {content:"\f007";}
.icon-MAIL:before {content:"\f0f3";}
.icon-BELL:before {content:"\f0f3";}
.icon-DOLL:before {content:"\24";}
.icon-LAYERS:before {content:"\f5fd";}
.icon-BRICKS:before {content:"\e3db";}
.icon-RECEIPT:before {content:"\f543";}
.icon-DOOR:before {content:"\f2f5";}
.icon-CARD:before {content:"\f09d";}
.icon-DEP:before {content:"\f09d";}
.icon-WDRW:before {content:"\f19c";}
.icon-TRANS:before {content:"\e489";}
.icon-HOME:before {content:"\f015";}
.icon-MULTI:before {content:"\e4a2";}
.icon-USER:before {content:"\f007";}
.icon-WATCH:before {content:"\f2f2";}
.icon-BARS:before {content:"\f0c9";}
.icon-SEARCH:before {content:"\f002";}
.icon-SHUFF:before {content:"\f074";}
.icon-BOLT:before {content:"\f0e7";}
.icon-SPARK:before {content:"\f890";}
.icon-FIRE:before {content:"\f06d";}
.icon-GIFT:before {content:"\f06b";}
.icon-STAR:before {content:"\f762";}
.icon-CHECK:before {content:"\f058";}
.icon-CHAT:before {content:"\f086";}
.icon-CLOCK:before {content:"\f017";}
.icon-CONTACT:before {content:"\e921";}
.icon-LOGOUT:before {content:"\f2f5";}
.icon-TOGGLE:before {content:"\f107";}
.icon-COG:before {content:"\f013";}
.icon-QUEST:before {content:"\f2fd";}
.icon-TRASH:before {content:"\f1f8"; font-weight:bold;}
.icon-AFL:before {content:"\e44b";}
.icon-ATHL:before {content:"\f5a2";}
.icon-BASE:before {content:"\f432";}
.icon-BASK:before {content:"\f434";}
.icon-BOX:before {content:"\f438";}
.icon-MIX:before {content:"\f5a2";}
.icon-MMA:before {content:"\f306";}
.icon-CRIC:before {content:"\f449";}
.icon-DART:before {content:"\f648";}
.icon-ENTT:before {content:"\f8a9";}
.icon-ELEC:before {content:"\f771";}
.icon-ESPT:before {content:"\f11b";}
.icon-GOLF:before {content:"\f450";}
.icon-GRID:before {content:"\f44e";}
.icon-NHL:before {content:"\f454";}
.icon-MOTR:before {content:"\f11e";}
.icon-RGUN:before {content:"\e3c6";}
.icon-RGLE:before {content:"\e3c6";}
.icon-SNOO:before {content:"\e3c5";}
.icon-SOCC:before {content:"\f1e3";}
.icon-NETB:before {content:"\f435";}
.icon-TENN:before {content:"\f45e";}
.icon-VOLL:before {content:"\f45f";}
.icon-CYCL:before {content:"\f84a";}
.icon-BLOCK:before {content: "\f05e";}
.icon-UNBLOCK:before {content: "\f3c1";}

.flag-icon {background-repeat:no-repeat; border-radius:50%; background-position:50%; background-size:cover;}
.flag-icon-tiny {display:inline-block; width:12px; height:12px;}
.flag-icon-small {display:inline-block; width:16px; height:16px;}
.flag-icon-mid {display:inline-block; width:20px; height:20px;}
.flag-icon-border {outline:2px solid #88888840;}
.flag-ARG {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ARG.png');}
.flag-ASE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ASE.png');}
.flag-AUS {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/AUS.png');}
.flag-AUT {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/AUT.png');}
.flag-BAR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BRB.png');}
.flag-BAN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BAN.png');}
.flag-BEL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BEL.png');}
.flag-BRA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BRA.png');}
.flag-BLR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BLR.png');}
.flag-BOL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BOL.png');}
.flag-BUL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/BUL.png');}
.flag-CAN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/CAN.png');}
.flag-CHN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/CHN.png');}
.flag-CHL,
.flag-CHI {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/CHL.png');}
.flag-COL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/COL.png');}
.flag-CRC {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/CRC.png');}
.flag-CRO {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/CRO.png');}
.flag-CZE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/CZE.png');}
.flag-DOM {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/DMA.png');}
.flag-DNK,
.flag-DEN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/DEN.png');}
.flag-ECU {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ECU.png');}
.flag-EGY {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/EGY.png');}
.flag-ENG {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ENG.png');}
.flag-ESP,
.flag-SPA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ESP.png');}
.flag-SVK {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SVK.png');}
.flag-EUR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/EUR.png');}
.flag-FIN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/FIN.png');}
.flag-FRA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/FRA.png');}
.flag-DEU,
.flag-GEO {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/GEO.png');}
.flag-GER {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/GER.png');}
.flag-GRE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/GRE.png');}
.flag-GUA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/GUA.png');}
.flag-HK {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/HKG.png');}
.flag-HON {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/HON.png');}
.flag-HUN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/HUN.png');}
.flag-IRE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/IRL.png');}
.flag-ICE,
.flag-ISL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ISL.png');}
.flag-ISR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ISR.png');}
.flag-IND {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/IND.png');}
.flag-INR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/INR.png');}
.flag-ITA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ITA.png');}
.flag-INT {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/INT.png');}
.flag-JAM {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/JAM.png');}
.flag-LAT {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/LAT.png');}
.flag-LIT {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/LIT.png');}
.flag-MAC {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/MKD.png');}
.flag-MAL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/MAS.png');}
.flag-MEX {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/MEX.png');}
.flag-MLT {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/MLT.png');}
.flag-MOR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/MOR.png');}
.flag-MYS {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/MAL.png');}
.flag-NED {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/NED.png');}
.flag-NIR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/NIR.png');}
.flag-NOR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/NOR.png');}
.flag-NZL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/NZL.png');}
.flag-JPN,
.flag-JAP {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/JPN.png');}
.flag-SAF,
.flag-RSA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/RSA.png');}
.flag-PAR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/PAR.png');}
.flag-PAK {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/PAK.png');}
.flag-PER {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/PER.png');}
.flag-POL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/POL.png');}
.flag-POR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/POR.png');}
.flag-PUE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/PUR.png');}
.flag-ROM {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/ROM.png');}
.flag-RUS {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/RUS.png');}
.flag-QAT {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/QAT.png');}
.flag-KEN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/KEN.png');}
.flag-SAU,
.flag-KSA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/KSA.png');}
.flag-SCO {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SCO.png');}
.flag-SIN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SIN.png');}
.flag-SRB {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SRB.png');}
.flag-SWE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SWE.png');}
.flag-SUI {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SUI.png');}
.flag-KOR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/KOR.png');}
.flag-SVN,
.flag-SLV {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/SVN.png');}
.flag-THA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/THA.png');}
.flag-TRI {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/TRI.png');}
.flag-TUR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/TUR.png');}
.flag-TWN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/TWN.png');}
.flag-UAE {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/UAE.png');}
.flag-USA {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/USA.png');}
.flag-UKR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/UKR.png');}
.flag-URU {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/URU.png');}
.flag-UK,
.flag-GBR {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/UK.png');}
.flag-VEN {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/VEN.png');}
.flag-WAL {background-image:url('//silks.mybet.com.au//assets/teamsilks/silks/FLAG/WAL.png');}

/* OTHER */
.tab-switches-rg .tab-switch {min-width:22%;}
.login-form {display:none; padding-top:5rem; height:100vh; width:100vw; position:fixed; top:0; left:0; z-index:200; background:#000;}
.login-form-logo {min-height:10rem;}
.login-form-logo img {width:80%; max-width:150px; display:block; margin:auto;}
.login-form input {border-radius: 2rem; border: none; padding-left: 1rem;}
.login-form .button {display:block; border-radius: 2rem;}
.login-form .error-inline {padding:0.5rem; margin:10px 0 0.5rem 0; background: #cc0000; font-weight:600; color: #fff; border-radius:1rem; text-align: center; font-size: 1rem;}
.login-form .login-app {display:none;}
.login-form-close {position:absolute; top:1rem; right:1rem; font-size:1.5rem; color:#fff;}
#login {font-weight:900; font-size:1.2rem; text-transform:uppercase;}
.disabled {pointer-events:none; opacity:0.5;}
.disabled-visible {pointer-events:none;}
.visibility-hidden { visibility:hidden;}
.display-none {display:none; margin:0;}
.mobile-only {display:inline-block;}
.mobile-hidden {display:none;}
.desk-only {display:none!important;}
.desk-only-table-cell {display:none;}
.hidden {visibility:hidden;}
.no-transition {transition:none !important;}
#fc_frame {display:none;}
dt {padding:0.5rem; font-weight:500; border:solid 1px #e0e0e0; border-radius:2rem; background:#efefef;}
dt:hover {cursor:pointer;}
.line-break {display:block;}
.mainContent {cursor:pointer;}
.span-link {color:blue; font-weight:bold; text-decoration:underline;}
.loader-dots {width: 60px; aspect-ratio: 2; --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000); background: var(--_g) 0%   50%,var(--_g) 50%  50%,var(--_g) 100% 50%; background-size: calc(100%/3) 50%; animation:loader-dots 1s infinite linear;}
#deposit-iframe {width:100%; min-height:400px; border:none; outline:none; background:url('/assets/img/loading-pulse.svg'); background-repeat:no-repeat; background-position:50%;}
#launch-intercom {display:none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input[type="number"] {-moz-appearance:textfield; appearance:textfield;}


/* ANIMATIONS */
@keyframes slide-right-animation {
  0% {transform:translateX(-200px);}
100% {transform:translateX(0px);}
}
@keyframes slide-left-animation {
  0% {transform:translateX(200px);}
100% {transform:translateX(0px);}
}
@keyframes placeholder-shimmer {
  0% {background-position:-400px 0;}
100% {background-position:400px 0;}
}
@keyframes wiggle {
  0% {transform:rotate(0deg);}
 80% {transform:rotate(0deg);}
 85% {transform:rotate(5deg);}
 95% {transform:rotate(-5deg);}
100% {transform:rotate(0deg);}
}
@keyframes loader-dots {
 20%{background-position:0% 0%, 50% 50%,100% 50%;}
 40%{background-position:0% 100%, 50% 0%,100% 50%;}
 60%{background-position:0% 50%, 50% 100%,100% 0%;}
 80%{background-position:0% 50%, 50% 50%,100% 100%;}
}

/* RESPONSIBLE GAMBLING/LEGAL/SYSTEM */
.homepage-links-footer {display:grid; grid-template-columns:1fr 1fr; margin:1rem 1rem 2rem 1rem; gap:2rem; text-align:center;}
.homepage-links-footer h4 {margin:0;}
.homepage-links-footer a {color:#000; font-size:0.9rem; text-decoration:none;}
.homepage-rg-footer {display:grid; grid-template-columns:1fr; margin-bottom:1rem;}
.betslip-respgambling,
.main-respgambling {display:flex; flex-direction:column; gap:0.3rem; padding:0.7rem 1rem; border-radius:1rem; font-size:0.8rem; line-height:0.9rem; background:#fff; color:#000;}
.main-respgambling {margin-bottom:1rem;}
.betslip-respgambling {border:none; border-radius:1rem; margin:1rem 1rem 25rem 1rem;}
.betslip-quick .betslip-respgambling {display:none;}
.respgambling-head,
.respgambling-head {text-transform:uppercase; font-size:1rem; line-height:1rem; font-weight:bold;}
.betstop {display:flex; flex-direction:column; gap:1rem; padding:1rem; border-radius:1rem; font-size:0.8rem; line-height:0.9rem; background:#fff;}
.betstop img {width:10rem;}
.legal-message {font-size:0.9rem; margin-bottom:1rem; text-align:center;}
.system-message {font-size:0.7rem; text-align:right; color:#999;}
.system-message a {color:#999;}

/* Date Picker */
#rd {width:9rem; text-align: center; border-radius:0.5rem; outline: none; border:2px solid #e0e0e0; font-size:1.1rem;}
#ui-datepicker-div {font-family: 'Saira'!important; z-index:10!important;border-radius:0.5rem!important; border:none!important; outline:4px solid #fff; background:#333; margin-top: 0.5rem; margin-left: 0.5rem; box-shadow: #00000080 0px 0px 20px -6px;}
.ui-datepicker-header {background:none!important; color: #fff!important; border: none!important; border-radius:1rem!important;}
.ui-datepicker table {font-size:1rem!important}
.ui-datepicker th {padding:0 5px 5px 5px!important; color:#fff;}
.ui-datepicker td a {background:#fefefe!important; border-radius:0.5rem!important; border:none!important; text-align: center!important;}
.ui-widget-header .ui-icon:before {position:absolute; top:0; left:0; color:var(--secondary);  font-weight:bold; font-size:1.1rem; text-indent:0;}
.ui-icon-circle-triangle-e:before {content:"\f138";}
.ui-icon-circle-triangle-w:before {content:"\f137";}
.ui-widget-content .ui-state-hover {border:1px solid #333!important; background:none!important; font-weight:inherit!important;}
.ui-state-default:hover {background:#efefef!important; font-weight:600!important; border:none!important;}
.ui-datepicker-week-end .ui-state-default {background: #fff7c4 !important;}
.ui-datepicker-unselectable {background: #333!important;}
.ui-datepicker-unselectable .ui-state-default {background: none!important; color: #efefef80!important; border: none!important;}
.ui-datepicker-current-day .ui-state-default {background: var(--secondary);  color: #000!important; font-weight: bold!important;}

.table-list {display:flex; flex-direction:column; overflow:auto;}
.table-row {display:grid; align-items:center;}
.table-cell {position:relative; display:flex; align-items:center; height:2.3rem; justify-content:center; font-size:0.9rem; color:#000; background:#fff; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; text-decoration:none;}
a.table-cell:hover {background-color:#f6f6f6;}
a.table-cell.abandoned:hover {background-color:#ff000010;}
.table-cell .fixed-odds {position:absolute; top:0; left:0; color:#008800; background:#0088001f; font-weight:bold; font-size:10px; line-height:10px; padding:2px 2px 2px 4px; border-radius:0 0 5px 0;}
.table-cell .promo {position:absolute; top:0; right:0; color:#fff; background:#ff6600; font-weight:bold; font-size:10px; line-height:10px; padding:2px 4px; border-radius:0 0 0 5px;}
.table-cell .group-1 {position:absolute; bottom:3px; left:3px; color:#eecb00; font-size:10px; background:none!important;}
.table-cell .group-2 {position:absolute; bottom:3px; left:3px; color:#888888; font-size:10px; background:none!important;}
.table-cell .group-3 {position:absolute; bottom:3px; left:3px; color:#d69052; font-size:10px; background:none!important;}
.table-cell .group-lr {position:absolute; bottom:3px; left:3px; color:#d6d6d6; font-size:10px; background:none!important;}
.table-cell-blank {background:#efefef;}
.table-cell-blank-content {background:#efefef; color:#88888850;}
.table-cell:last-child {border-right:1px solid #e0e0e0;}
.table-first {z-index:4; position:sticky; left:0; display:flex; gap:2px; position:sticky; padding-left:0.2rem; line-height:1rem; font-size:1rem; font-weight:600; justify-content:flex-start; background:#fffaed; border-left:1px solid #e0e0e0;}
.table-first .logo-flag {width:1.5rem; min-width:1.5rem; height:1.5rem; background-size:cover; background-position: 50%; border-radius: 50%; margin-left:-11px; border:1px solid #888;}
.table-header {z-index:1; position:sticky; left:0; display:flex; justify-content:flex-start; gap:0.5rem; padding-left:1rem; font-size:1rem; font-weight:bold; color:#fff; border:none; background:#000; border-bottom: 4px solid var(--tertiary)}
.table-row-header+.table-row .table-cell {border-top:none;}
.table-subheader {justify-content:flex-start; padding-left:1rem; height:1rem; border:none; font-weight:bold; background:#333; color:#fff;}
.table-cell .race-time-display {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.table-cell .race-time-display.ttg-abandoned {margin-right:0; font-weight:500; font-size:9px;}
.table-cell[data-status='Abandoned'] span {display: none;}

/* SPIN WHEEL GAME */
.spin-container {margin:auto; width:35rem; height:35rem; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:2rem;}
.spin-container h1 {position: absolute; top: 0; left: 0; margin: 1rem 0 1rem 0; text-transform:uppercase; letter-spacing:-2px; font-size: 3rem; color: #000; width: 100%; text-align: center;}
.spin-container h2 {position: absolute; top: 4rem; left: 0; margin:0; text-transform:uppercase; letter-spacing:-2px; color:#585858; width: 100%; text-align: center;}
.spin-button {position:absolute; width:80px; height:80px; top: calc(((100% - 4rem) / 2) + 10px); left: calc(((100% - 4rem) / 2) - 10px); border-radius:50%; z-index:10; display:flex; justify-content:center; align-items:center; text-transform:uppercase; font-size:1.8rem;; font-weight:bold; box-shadow:0 0 0 2px #333, 0 0 0 6px var(--secondary), 0 0 0 7px var(--tertiary); cursor:pointer; background:#fff; letter-spacing:-1px;}
.spin-button:before {content: " "; position: absolute; top: 23px; right: -29px; width: 35px; height: 35px; background: #ffffff; clip-path: polygon(99% 50%, 0 100%, 0 0); z-index: 1;}
.spin-button:after {content: " "; position: absolute; top: 23px; right: -33px; width: 35px; height: 35px; background: #333; clip-path: polygon(99% 50%, 0 100%, 0 0);}
.spin-button:hover {background:#fff9d2;}
.spin-button:hover:before {background:#fff9d2;}
.spin-button.spin-done {pointer-events: none; cursor: none; text-transform: none; font-weight: normal; line-height: 1rem; color: #88888880;}
.spin-button-winner {color:#000; font-size:3rem;}
.spin-wheel {pointer-events:none; position:absolute; top:5rem; left:calc(50% - 15rem); width:30rem; height:30rem; background:#333; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px #333, 0 0 0 8px var(--secondary), 0 0 0 10px var(--tertiary), 0 0 0 12px #333; transition:transform 5s ease-out;}
.spin-segment {position:absolute; width:50%; height:50%; display:flex; justify-content:center; align-items:center; transform-origin:bottom right; transform:rotate(calc(45deg * var(--i))); clip-path:polygon(0 0,62% 0,100% 100%,0 62%); }
.spin-segment:nth-child(odd) {background:#000;}
.spin-segment:nth-child(even) {background:#333;}
.spin-segment-special {background:#FFD700!important}
.spin-segment-special span {color:#000!important;}
.spin-segment span {position:absolute; display:flex; flex-direction:column; transform:rotate(-45deg); font-size:16px; font-weight:bold; line-height:16px; text-align:center; color:var(--secondary-light); animation:spin-segment-in 0.2s; animation-iteration-count:1; animation-fill-mode:forwards;}
.spin-segment span strong:first-child {font-size:30px; line-height:30px; color:#fff;}
.spin-segment-winner {background:#333; animation:spin-winner-flash 0.2s; animation-iteration-count:3;animation-fill-mode:forwards;}
.spin-segment-winner span {color:#333;}
.spin-segment-winner span strong:first-child {color:#000;}
.spin-container-inline {display:flex; justify-content: center; align-items:center; margin-top:-1rem; padding-bottom:3rem; z-index:99; background: #fff; box-shadow: none; border-radius: 0;}
.spin-container-inline .spin-button {top:inherit;}
.spin-wheel-inline {position:relative; width:20rem; height:20rem; background: #333; border-radius: 50%; overflow: hidden; box-shadow:0 0 0 2px #333, 0 0 0 8px var(--secondary), 0 0 0 10px var(--tertiary), 0 0 0 12px #333; transition: transform 5s ease-out;}
@media (min-width:1025px){
    .spin-wheel-inline {width:25rem; height:25rem;}
}   
@media (max-width: 480px) {
  .spin-container {height:30rem;}
  .spin-button {top: calc(((100vw - 4rem) / 2) + 40px); left: calc(((100vw - 4rem) / 2) - 10px); width: 60px; height: 60px; font-size: 1.5rem;}
  .spin-button:before {top: 19px; right: -21px; height: 25px; width: 25px;}
  .spin-button:after {top: 17px; right: -23px; height: 29px; width: 25px;}
  .spin-wheel {width: calc(100vw - 4rem); height: calc(100vw - 4rem); left: 1rem;}
  .spin-segment span {font-size:13px; line-height:13px;}
}
@keyframes spin-winner-flash {
  0%,49% {background:#333;}
  50%,100% {background:linear-gradient(45deg, #ffdd00 50%, #ffbd00 50%);}
}
@keyframes spin-button-in {
    0% {transform:scale(2000%);}
    100% {transform:scale(100%);}
}
@keyframes spin-segment-in {
    0% {opacity:0;}
    100% {opacity:1;}
}

/* STATIC CONTENT */
.static-content .panel {padding-top: 1rem;}
.static-content .panel p {margin:0 0 0.5rem 0;}
.static-content .panel ul {margin:0 0 0.5rem 0;}
.modal .static-content .panel {margin:0 -1rem; box-shadow:none;}
.static-content dd {margin-left:0; display:none;}
.static-content dl {margin:0; counter-reset:genContent_rules_counter;}
.static-content dt {margin-bottom:1rem; padding-right:15px; display:grid; grid-template-columns:30px auto; align-items: center; line-height:1.1rem; counter-increment:genContent_rules_counter;}
.static-content dt:before {font-family: 'Saira'; content: counter(genContent_rules_counter); font-weight: bold; width: 20px; height: 20px; line-height: 20px; margin-right: 5px; text-align: center; display: inline-block; border-radius: 50%; background: #000; color: var(--secondary);}
.static-content dt.selected {background:linear-gradient(hsl(147 88% 46%) 50%,hsl(147 88% 43.5%) 50%);}
.static-content dd ol {counter-reset:master-list; list-style:decimal outside; margin-bottom:1rem;}
.static-content dd ol li {list-style:none; counter-increment: master-list; }
.static-content dd ol li:before {content:counter(genContent_rules_counter) "." counter(master-list) "."; margin-left: -2.8125rem; padding-right:10px; display: inline-flex; justify-content: center; font-weight:500;}
.static-content dd ol ol {counter-reset:sub-list; margin-bottom:0;}
.static-content dd ol ol li {counter-increment:sub-list;}
.static-content dd ol ol li:before {content:counter(genContent_rules_counter) "." counter(master-list) "." counter(sub-list) "."}
.static-content dd ol ol ol {counter-reset: sub-sub-list;}
.static-content dd ol ol ol li {counter-increment:sub-sub-list;}
.static-content dd ol ol ol li:before {content:counter(genContent_rules_counter) "." counter(master-list) "." counter(sub-list) "." counter(sub-sub-list,numeric) "."; padding-right:15px;}
.static-content dd table {border-collapse:collapse;}
.static-content dd td {border:1px solid #e0e0e0;}
.static-content dd ol li a {overflow-wrap: break-word;}
.betslip-flexi-button.betslip-quick-stake-button-5 {display:none;}  

@media (max-width:1025px){
.betslip-stake-buttons-quick-stake {display:none!important;}
.betslip-stake-buttons-flexi-stake {display:none!important;}
.betslip-flexi-button[data-stake='100'][data-set='1'] {visibility:hidden;}
.betslip-outcome[data-type='Exotic'] .betslip-outcome-remove:before {right:20px!important;}
.betslip-quick {height:auto; padding:0; top:auto; bottom:0; z-index:105; overflow:hidden; background:#333;}
.betslip-quick .betslip-singles {margin-bottom:140px;}
.betslip-quick.betslip-quick-exotic .betslip-singles {margin-bottom:150px;}
.betslip-quick .betslip-sgm {margin-bottom:135px;}
.betslip-quick-multi .betslip-quick-filler,
.betslip-quick-multi .betslip-stake-input-delete {display:none!important;}
.betslip-quick-multi .betslip-sgm-stake-content {grid-column:1/4;}
.betslip-quick-exotic:has(.betslip-outcome[data-name='SameRaceMulti']) .betslip-exotic-sels {grid-template-columns:1fr 1fr;}
.betslip-quick-exotic:has(.betslip-outcome[data-name='SameRaceMulti']) .betslip-stake-keypad-footer {grid-column:1/9;}
.betslip-flexi-button[data-set] {background:var(--secondary-light);}
.betslip-flexi-button[data-stake]:not([data-add]):not([data-stake='del']):not(.betslip-stake-button-clear):not(.betslip-stake-button-increment) {background:var(--secondary-light)!important;}
.betslip-stake-button[data-stake]:not([data-add]):not([data-stake='del']):not(.betslip-stake-button-clear):not(.betslip-stake-button-increment) {background:var(--secondary-light)!important;}
.betslip-quick.betslip-quick-done {bottom:-6.5rem;}
.betslip-quick.betslip-quick-done .betslip-sgm-stake {margin-top:5px!important;}
.betslip-quick.betslip-quick-empty {height:10rem!important;}
.betslip-quick.betslip-quick-exotic.betslip-quick-empty {height:8.5rem!important;}
.betslip-quick.betslip-quick-exotic.betslip-quick-done {bottom:-5.5rem!important;}
.betslip-quick.betslip-quick-empty .betslip-exotic-sels {display:none;}
.betslip-quick .betslip-use-bonus label span {display:none!important;}
.betslip-quick .betslip-use-boost label span {display:none!important;}
.betslip-quick .betslip-stake .betslip-close {display:none;}
.betslip-quick .betslip-sgm-stake .betslip-close {display:none;}
.betslip-quick .betslip-refresh {display: none;}
.betslip-quick .betslip-stake-button-keypad-toggle {display:none;}
.betslip-quick .betslip-stake-buttons-container-hidden {bottom:auto!important;}
.betslip-quick .betslip-stake-button.betslip-stake-button-clear {display: flex; font-size:1.7rem!important; align-items:center; justify-content: center; background:none!important;}
.betslip-quick h1 {display:none;}
.betslip-quick h3 {position:absolute; top:0; display:flex; padding:0.7rem 1rem 0.2rem 0.5rem; margin:0; line-height:1.5rem; font-size:1.5rem; font-weight:bold; background:#000;}
.betslip-quick h3 .betslip-timestamp {display:none;}
.betslip-quick .betslip-save-pick {display:none;}
.betslip-quick .betslip-clear-temp {display:none!important;}
.betslip-quick .betslip-quick-header .betslip-close {position:absolute; right:1rem; top:10px;}
.betslip-quick .betslip-stake-buttons-container .betslip-close {display:none;}
.betslip-quick .betslip-close:before {width:1.6rem; height:1.6rem; font-size:1.2rem; outline:none;}
.betslip-quick .betslip-expand:before {position:absolute; top:10px; left:115px; color:var(--tertiary); font-size:1rem; font-weight:bold; pointer-events:all; font-family:'Font Awesome 6 Pro'; content:"\f102";}
.betslip-quick .betslip-quick-header {display:block; padding:0.7rem 1rem 0.5rem 1rem; color:#fff; background:#000; line-height:1.5rem; font-size:1.5rem; font-weight:bold; border-bottom:4px solid var(--tertiary)}
.betslip-quick .betslip-container {padding:0;}
.betslip-quick .betslip-header-tabs {display:none!important;}
.betslip-quick .betslip-outcome {border:none;}
.betslip-quick .betslip-outcome[data-type='Exotic'] {padding-bottom:0;}
.betslip-quick .betslip-outcome[data-type='Exotic'] .betslip-outcome-name,
.betslip-quick .betslip-outcome[data-type='Exotic'] .betslip-outcome-event {padding-left:1.5rem;}
.betslip-quick .betslip-outcome-comp {display:none;}
.betslip-quick .tutorial-helper {display: none!important;}
.betslip-quick .betslip-stake-content {display:grid; grid-template-columns:8rem 3rem 8rem 0; align-items:center;}
.betslip-quick .betslip-sgm-extras {grid-column:1/4; margin-bottom:-2px;}
.betslip-quick .benefit-sgm-extras-container {grid-column:1 / 4; margin-top:10px; margin-bottom:-3px;}
.betslip-quick .betslip-sgm-stake {margin:5px auto 15px auto; grid-template-columns:8rem 3rem 8rem 0; align-items:center;}
.betslip-quick .betslip-sgm {margin-top:-4px; width:100%; display:flex; flex-direction:column;}
.betslip-quick .betslip-sgm-legs {max-height:10rem; min-height:10rem; overflow: scroll; border-bottom:1px solid var(--tertiary); background:#434343;}
.betslip-sgm-legs .betslip-sgm-leg:last-child {padding-bottom:5px;}
.betslip-quick .betslip-quick-filler,
.betslip-quick .betslip-stake-input-delete {display:inline-block; visibility:hidden;}
.betslip-quick-done .betslip-stake-input-delete {visibility:hidden;}
.betslip-quick .betslip-stake-buttons-keypad {border:none; box-shadow:none; background:#333;}
.betslip-quick .betslip-stake-keypad-header {display:none;}
.betslip-quick .betslip-stake-button-increment {display:none;}
.betslip-quick .betslip-respgambling {display:none;}
.betslip-quick .betslip-stake-button-keypad-close {display:none;}
.betslip-quick .betslip-outcome-remove {display:none;}
.betslip-quick .betslip-stake-content-price {right:9}
.betslip-quick .betslip-footer {display:none !important;}
.betslip-quick .betslip-stake-buttons {grid-template-columns:repeat(7,1fr); grid-template-areas:"one two three four five quick1 quick2 del" "six seven eight nine zero quick3 quick4 clear";}
.betslip-quick .betslip-stake-button,
.betslip-quick .betslip-flexi-button {font-size:1.2rem; line-height:2.2rem;}
.betslip-quick .betslip-stake-button {background:#fff!important;}
.betslip-quick .betslip-quick-stake-button-1 {grid-area:quick1!important;}
.betslip-quick .betslip-quick-stake-button-2 {grid-area:quick2!important;}
.betslip-quick .betslip-quick-stake-button-3 {grid-area:quick3!important;}
.betslip-quick .betslip-quick-stake-button-4 {grid-area:quick4!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='1'] {grid-area: one!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='2'] {grid-area: two!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='3'] {grid-area: three!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='4'] {grid-area: four!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='5'] {grid-area: five!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='6'] {grid-area: six!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='7'] {grid-area: seven!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='8'] {grid-area: eight!important;}
.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='9'] {grid-area: nine!important;}
/*.betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake='0'] {grid-area: zero!important;}*/

.betslip-quick .betslip-flexi-buttons {grid-template-columns:repeat(5,1fr); grid-template-areas:"one two three four five del" "six seven eight nine ten clear";}
.betslip-quick .betslip-flexi-button[data-set='1'][data-stake='1'] {grid-area:one!important;}
.betslip-quick .betslip-flexi-button[data-set='1'][data-stake='5'] {grid-area:two!important;}
.betslip-quick .betslip-flexi-button[data-set='1'][data-stake='20'] {grid-area:three!important;}
.betslip-quick .betslip-flexi-button[data-set='1'][data-stake='50'] {grid-area:four!important;}
.betslip-quick .betslip-flexi-button[data-set='1'][data-stake='100'] {grid-area:five!important; visibility:visible;}
.betslip-quick .betslip-flexi-button.betslip-quick-stake-button-1 {grid-area:six!important;}  
.betslip-quick .betslip-flexi-button.betslip-quick-stake-button-2 {grid-area:seven!important;}  
.betslip-quick .betslip-flexi-button.betslip-quick-stake-button-3 {grid-area:eight!important;}  
.betslip-quick .betslip-flexi-button.betslip-quick-stake-button-4 {grid-area:nine!important;}  
.betslip-quick .betslip-flexi-button.betslip-quick-stake-button-5 {grid-area:ten!important; display:block;}  
.betslip-quick .betslip-stake-button[data-stake='.'],
.betslip-quick .betslip-flexi-button[data-stake='.'],
.betslip-quick .betslip-stake-button-blank {display:none;}
.betslip-quick .betslip-stake-button[data-stake='del'],
.betslip-quick .betslip-flexi-button[data-stake='del'] {background:none!important;}
.betslip-quick .betslip-flexi-button[data-add] {display:none!important;}
.betslip-quick .betslip-stake-button-increment {display:none;}
.betslip-quick .betslip-flexi-buttons div:empty {display: none;}

.betslip-quick .betslip-outcome.bet-accepted {margin-bottom:-5rem;}
.betslip-quick .betslip-stake-total,
.betslip-quick .betslip-stake-flexi {margin-right:10px;}
.betslip-quick .betslip-exotic-sels {grid-column: 1/4; display: grid; grid-template-columns:1fr; min-height:3rem; border-radius:1rem; margin-bottom:10px; margin-left:0; margin-right:0;}
.betslip-quick .betslip-win-amount,
.betslip-quick .betslip-win-total {pointer-events:none; border:2px solid #333;background:#333;}

}


  #progress-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:3px;
    background: transparent;
    z-index: 9999;
    display: none;
  }

  #progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #00ff6a, #00cc4d);
    box-shadow: 0 0 6px #00ff6a, 0 0 10px #00cc4d;
    transition: width 0.2s ease-out, box-shadow 0.6s ease-in-out;
  }