html {scroll-behavior: smooth;}
body {margin:0; padding:0; font-family:'Roboto', sans-serif; box-sizing: border-box;}
.noscroll {margin:0; height:100%; overflow:hidden;}
h1,h2,h3 {font-family:'Montserrat';}
h1.red-header {margin:10px 0 10px 20px; letter-spacing:-1px; font-style:italic; color:#cc2c11;}
h1.red-header+h3 {margin:-15px 0 20px 20px; font-style:italic; color:#1a3150;}
h1.news-header {margin-top:0; margin-bottom:-10px;}
h1.sub-header {margin-bottom:10px; margin-left:-20px; background: #145b9c; color: white; padding:3px 0 4px 20px; color: #fff;font-size: 24px;}
h1.sub-sub-header {margin-bottom:10px; background:#666; color:white; padding:3px 0 4px 20px; border-radius:20px 0 0 20px; color:#fff; font-size:18px;}
p.breadcrumb {margin:0 0 0 20px; display:flex; font-size:12px;}
p.breadcrumb a {text-decoration:none; padding: 2px 10px; color: #333;}
p.breadcrumb a+a:before {content:"/"; margin:0 10px 0 -5px;}

.nav-tip {display: none; position: absolute; top: 0px; left:-10px; width:120px; background: #2e599d; color:white!important; padding: 8px 10px 8px 10px; border-radius:0 20px 20px 0;}
.link-cell-tip {position:absolute; display:none; z-index:100; border-radius:10px; top: -24px; font-size: 12px; width: 200px; left: -66px; background:#333; color: #fff; border:1px solid #fff; padding: 3px; box-sizing: border-box; white-space: break-spaces;}

.font-bold {font-weight:900;}
.font-normal {font-weight:500!important;}
.font-light {font-weight:100;}
.font-20 {font-size:20px;}
.font-16 {font-size:16px;}
.font-14 {font-size:14px;}
.font-12 {font-size:12px;}
.font-11 {font-size:11px;}
.font-10 {font-size:10px;}
.align-center {text-align:center;}
.align-left {text-align:left; align-items:flex-start!important;}
.display-hidden {display:none;}
.bg-red {background:red!important;}
.bg-blue {background:blue!important;}
.bg-dark-blue {background:#01579b!important;}
.bg-very-light-yellow {background-color:rgb(252, 255, 231)!important;}
.bg-light-yellow {background-color:rgb(249, 255, 200)!important;}
.bg-yellow {background-color:rgb(255, 248, 176)!important;}
.bg-yellow2 {background-color:rgb(255, 242, 141)!important;}
.bg-light-green,
.bg-light-green .data-cell {background-color:#caffc8!important;}
.bg-light-red {background:hsl(0, 100%, 89%)!important;}
.bg-crimson {background:#cc0000!important;}
.bg-crimson2 {background:#cc2c11!important;}
.bg-333 {background:#333!important; color:#fff;}
.text-red {color:red!important;}
.text-white {color:white!important;}
.text-green {color:green!important;}
.text-orange {color:rgb(255, 102, 0)!important;}
.text-blue {color:blue!important;}
.text-888 {color:#888!important;}
.text-666 {color:#666!important;}
.text-333 {color:#333!important;}
.input-error {position:relative;}
.input-error:before {position:absolute; right:4px; bottom:4px; font-family:"Font Awesome 5 Pro"; content:"\f0dc"; font-size:10px;}
.sticky-top {position:sticky!important; top:28px; z-index:1;}
.sticky-top-84 {top:84px;}
.sticky-top-114 {top:114px;}
.sticky-top-142 {top:57px;}
.sticky-horse-number {top:57px; background:rgb(249, 255, 200)!important;}
.sticky-horse-silks {top:57px; background-color:rgb(249, 255, 200)!important;}
.sticky-horse-details {top:57px; width:100vw; background-color:rgb(249, 255, 200)!important;}
.opacity-30 {opacity:0.3;}
.opacity-20 {opacity:0.2;}
.opacity-10 {opacity:0.1;}
.opacity-0 {opacity:0;}
.blur-5 {filter:blur(5px);}
.strikeout {text-decoration:line-through!important;}
.cursor-move {cursor:move;}
.pulse-red {animation:pulseRed 1s infinite ease-out;}
.flex-break {flex-basis:100%; height:0;}
img.float-right {float:right; margin:20px -20px 20px 20px; max-width:300px; border-radius:20px 0 0 20px;}
.info-box-small {display:inline-block; margin-left:10px; padding:1px 4px 2px 4px!important; border-radius:4px; font-family:'Roboto'; font-weight:normal; font-size:10px; background:#666; color:#fff;}
.flex-col {display:flex; flex-direction:column;}
.flex-row {display:flex; flex-direction:row; flex-wrap:wrap;}
.stat-timeline {display:block; font-size:60%; color:#145b9c;}
.disabled {pointer-events:none; opacity:0.5;}
.disabled-loading {position:relative; min-height:300px;}
.disabled-loading:before {position: absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    content: "\e1d4";
    font-size: 100px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #cc0000;
    z-index: 2;
    text-align: center;
    line-height: 100px;  animation-name: fa-spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;}
.add-stable-icon {font-size:18px;}
.hidden {display:none;}
.display-inline {display:inline!important;}
.dot {width:8px; height:8px; display:inline-block; border-radius:50%}
.warning {color: #cc2c11;
    background: #ffeaea;
    margin: 0 0 0 0;
    padding:10px 40px;}
@keyframes pulseRed {
    0% { opacity: 0.5;}
    50% { opacity: 1.0;}
    100% { opacity: 0.5;}
}
.stat-box-layout {display:flex; flex-wrap:wrap; gap:20px;}

.race-detail, .race-replay {cursor:pointer; transition:0.1s ease all;}
.race-detail:hover, .race-replay:hover {transform:scale(1.2);}
.meetings-close {position:absolute; top:0; right:40px; padding:10px; border-radius:0 0 20px 20px; z-index:10; color:#666; background:#f9f9f9; border: 1px solid #d5d5d5; border-top: 0; font-size:20px; cursor:pointer; transition:all 0.2s ease;}
.meetings-close:hover {color:#000;}

.flipper {transition:transform 0.5s;}
.flipped {transform:rotate(-180deg);}
.flipped-90 {transform:rotate(-90deg);}

.msg {font-size:12px; font-weight:bold;}
.msg.error {color:red;}

.main-wrapper {padding-top:40px; background:#f5f7f9;}
#nextup {position:fixed; top:0; left:0; width:100vw; background:#fff; border-top:1px solid #ccc; z-index:20;}
.intercom-launch.intercom-launch-fixed {position:fixed; bottom:50px; right:50px; width:50px; height:50px; line-height:50px; text-align:center; font-size:23px; border-radius:50%; background:#145b9c; color:#fff; transition:0.2s ease all; box-shadow:#888 0px 0px 5px -1px; border:2px solid white;}
.intercom-launch.intercom-launch-fixed:hover {transform:scale(1.1); cursor:pointer;}
.data-slide::-webkit-scrollbar {height:2px!important;}
.news-strap::-webkit-scrollbar {height:2px!important;}

.notification {position: fixed; bottom:12px; right:0; background:#c02d16; color: #fff; font:bold 12px 'Montserrat'; text-decoration:none; padding: 5px 20px; border-radius:10px 0 0 10px; border: 1px solid white; box-shadow: #888 0px 0px 10px -5px;}

nav {position:fixed; top:28px; left:0; width:150px; height:100%; overflow-y:auto; padding-top:10px; z-index:20; background:#f5f5f5; border-right:1px solid #d5d5d5;}
nav .logo {padding-left:20px; text-align:left; font-family:"Montserrat"; font-weight:900; font-size:20px; letter-spacing:-1px;}
nav .logo i {color:red;}
nav ul {margin:0; padding:20px 0 10px 0; list-style-type:none;}
nav li {}
nav li a {display:inline-block; position:relative; width:100%; padding:5px 0 5px 5px; font-size:14px; box-sizing:border-box; color:black; text-decoration:none; transition:all 0.2s ease;}
nav li a.sel, nav li a:hover {background:#e2e7ed;}
nav li a.sel {font-weight:bold;}
nav li.bar {border-bottom:2px solid #e0e0e0;}
nav li i {width:20px; text-align:center; }
nav li.expander {padding:3px 0 3px 10px; background:#333; color:#fff; font-family:'Montserrat'; font-weight:bold; font-style:italic; cursor:pointer;}
nav li.expander i {float:right; margin:2px 3px 0 0;}
.nav-label span {display:block; padding-left:40px; color:#515151;}
nav .nav-toggle {position:absolute;top:5px;right:15px;color:#333;font-size:18px;}
nav .nav-toggle-2 {display:none; color:#333333;font-size:18px;}
nav::-webkit-scrollbar {width:2px!important;}

.main-content {padding-top:40px; padding-left:150px; padding-bottom:30px; min-height:500px;}
.nav-collapsed nav {display:none;}
.nav-collapsed .main-content {padding-left:0;}
.nav-collapsed .formguide-title {left:0!important; width:100%!important;}
section {padding:1px 20px; margin:0 20px 0 0; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.06)}
section p {font-size:14px; line-height:20px;}
section.help-info {padding:0 20px 0 40px; margin:20px 0px 10px -20px; position:relative; font-size: 14px; background: #e1f5fe; color: #01579b; border-radius: 0; border: 1px solid #01579b; border-width:1px 0 1px 0;}
section.help-info .help-icon {position:absolute; top:20px; left:10px; font-size:20px;}
section.help-info .button {margin:0 0 15px 0; width:80px;}
section.section-help {background:#e1f5fe; border:1px solid #a2dfff; color:#145b9c;}
section.section-margin {margin-top:20px; margin-bottom:20px;}
.modal-content section.help-info {margin-right:-20px; border-width:1px 0 1px 0!important;}
.section-header {margin-left:20px; margin-bottom:5px; color:#1a3150; font-style:italic;}
footer {width:100%; box-sizing:border-box; padding:20px 20px 20px 180px; display:flex;flex-wrap:wrap; gap:20px; background:#333; color:white;}
footer .logo {padding:20px; background:linear-gradient(#ee0000 55%, #dd0000 55%); border-radius:20px; text-align:left; font-family:"Montserrat"; font-weight:900; font-size:20px; letter-spacing:-1px;}
footer .footer-section {min-width:200px; width: calc(20% - 20px); box-sizing: border-box;}
footer h3 {margin:0 0 10px 0;}
footer ul {margin:0; padding:0!important; list-style-type:none;}
footer li {padding:5px 0; }
footer a {color:white; text-decoration:none;}
footer a:hover {text-decoration:underline;}
.nav-collapsed footer {padding-left:70px;}

.ground-1,
.ground-2 {background:#5b2a01!important; color:white!important;}
.ground-1-text,
.ground-2-text {color:#5b2a01!important;}
.ground-3,
.ground-4 {background:#00a31b!important; color:white!important;}
.ground-3-text,
.ground-4-text {color:#027d17!important;}
.ground-5,
.ground-6,
.ground-7 {background:#145b9c!important; color:white!important;}
.ground-5-text,
.ground-6-text,
.ground-7-text {color:#145b9c!important;}
.ground-8,
.ground-9,
.ground-10,
.ground-11 {background:#941305!important; color:white!important;}
.ground-8-text,
.ground-9-text,
.ground-10-text,
.ground-11-text {color:#941305!important;}

.ground-99 {background:#bb6e30; color:white;}
.ground-99-text {color:#7e3301!important;}

.group-1 {color:#FFD700;}
.group-2 {color:rgb(192,192,192);}
.group-3 {color:#cd7f32;}
.group-listed {color:#e9ab6e;}
.form-race-info.group-1 {border-radius:10px; background:#FFD700!important; color:black!important;}
.form-race-info.group-2 {border-radius:10px; background:#dbdbdb!important; color:black!important;}
.form-race-info.group-3 {border-radius:10px; background:#fbb36c!important; color:black!important;}
.form-race-info.group-listed {border-radius:10px; background:#fde0c3!important; color:black!important;}

.bookmaker-header {font-size:13px!important; z-index:3;}
.bookmaker-header img {width:calc(100% - 5px);}
.bookmaker-header::after {bottom:2px!important; top:auto!important;}
.bookmaker-header span {display: block; font-size: 9px; line-height: 10px; padding: 2px 3px 1px 3px; border-radius: 4px;}
.bookmaker-betr {background:#3033d5!important; color:#9affe3!important;}
.bookmaker-betr span {color:#3033d5; background:#9affe3;}
.bookmaker-betm {background:#fff!important; color:#9ad8ff!important;}
.bookmaker-betm span {color:#fff; background:#9ad8ff;}
.bookmaker-betnation {background:#0f264f!important; color:#00c5f0!important;}
.bookmaker-betnation span {color:#0f264f; background:#00c5f0;}
.bookmaker-betdeluxe {background:#000!important; color:rgb(243, 113, 104)!important;}
.bookmaker-betdeluxe span {color:#000; background:rgb(243, 113, 104);}
.bookmaker-bluebet {background:#0688c3!important; color:#fff!important;}
.bookmaker-bluebet span {color:#0688c3; background:#fff;}
.bookmaker-betright {background:#000!important; color:#ee24a3!important;}
.bookmaker-betright span {color:#000; background:#ee24a3;}
.bookmaker-actionbet {background:#000!important; color:#fffb00!important;}
.bookmaker-actionbet span {color:#000; background:#fffb00;}
.bookmaker-jimmybet {background:#5f008f!important; color:#fff!important;}
.bookmaker-jimmybet span {color:#5f008f; background:#fff;}
.bookmaker-betfair {background:#FFB80C!important; color:#161616!important;}
.bookmaker-betfair span {color:#FFB80C; background:#161616;}
.bookmaker-betm {background:#f9f9f9!important; color:#0688c3!important;}
.bookmaker-betm span {color:#f9f9f9; background:#0688c3;}
.bookmaker-bbet {background:#0f224c!important; color:#f15d40!important;}
.bookmaker-bbet span {color:#0f224c; background:#f15d40;}
.bookmaker-davebet {background:#1c2f6c!important; color:#ab9a6f!important;}
.bookmaker-davebet span {color:#1c2f6c; background:#ab9a6f;}
.bookmaker-eskanderbet {background:#000!important; color:#ffff00!important;}
.bookmaker-eskanderbet span {color:#000; background:#ffff00;}
.bookmaker-colossalbet {background:#000!important; color:#e4bf75!important;}
.bookmaker-colossalbet span {color:#000; background:#e4bf75;}
.bookmaker-diamondbet {background:rgb(29, 48, 94)!important; color:rgb(198 155 60)!important;}
.bookmaker-diamondbet span {color:rgb(29, 48, 94); background:rgb(198 155 60);}
.bookmaker-boombet {background:rgb(253, 52, 110)!important; color:#fff!important;}
.bookmaker-boombet span {color:rgb(253, 52, 110); background:#fff;}
.bookmaker-ladbrokes {background:red!important; color:white!important;}
.bookmaker-ladbrokes span {color:red; background:white;}
.bookmaker-midasbet {background:#171717!important; color:#faf154!important;}
.bookmaker-midasbet span {background:#faf154!important; color:#171717!important;}
.bookmaker-palmerbet {background:#7787d4!important; color:#fff!important;}
.bookmaker-palmerbet span {color:#7787d4; background:#fff;}
.bookmaker-getsetbet {background:#000!important; color:#f70588!important;}
.bookmaker-getsetbet span {color:#000; background:#f70588;}
.bookmaker-goldbet {background:#000!important; color:#ffd900!important;}
.bookmaker-goldbet span {color:#000; background:#ffd900;}
.bookmaker-robwaterhouse {background:#7e25c6!important; color:#fff!important;}
.bookmaker-robwaterhouse span {color:#7e25c6; background:#fff;}
.bookmaker-playup {background:#000!important; color:#56f27e!important;}
.bookmaker-playup span {color:#000; background:#56f27e;}
.bookmaker-readybet {background:#1a165f!important; color:#fff!important;}
.bookmaker-readybet span {color:#1a165f; background:#fff;}
.bookmaker-ultrabet {background:#161044!important; color:#e5b716!important;}
.bookmaker-ultrabet span {color:#161044; background:#e5b716;}
.bookmaker-lightningbet {background:#1c3240!important; color:#eec91a!important;}
.bookmaker-lightningbet span {color:#1c3240; background:#eec91a;}
.bookmaker-swiftbet {background:rgb(26 38 75)!important; color:rgb(122 197 241)!important;}
.bookmaker-swiftbet span {color:rgb(26 38 75); background:rgb(122 197 241);}
.bookmaker-swiftbet a {color:rgb(122 197 241);}
.bookmaker-topsport {background:#3800a7!important; color:#83cef6!important;}
.bookmaker-topsport span {color:#3800a7; background:#83cef6;}
.bookmaker-mintbet {background:#7cffa3!important; color:#063512!important;}
.bookmaker-mintbet span {color:#7cffa3; background:#063512;}
.bookmaker-neds {background:#ff6000!important; color:#fff!important;}
.bookmaker-neds span {color:#ff6000; background:#fff;}
.bookmaker-betflux {background:#e0e0e0!important; color:#cc0000!important;}
.bookmaker-betflux span {color:#e0e0e0; background:#cc0000;}
.bookmaker-pointsbet {background:#000!important; color:#ff0000!important;}
.bookmaker-pointsbet span {color:#000; background:#ff0000;}
.bookmaker-picnicbet {background:#1c3471!important; color:#fff!important;}
.bookmaker-picnicbet span {color:#1c3471; background:#fff;}
.bookmaker-realbookie {background:#008c95!important; color:#fff!important;}
.bookmaker-realbookie span {color:#008c95; background:#fff;}
.bookmaker-punterspal {background:#1e212f!important; color:#fff!important;}
.bookmaker-punterspal span {color:#1e212f; background:#fff;}
.bookmaker-okebet {background:#093672!important; color:#42b4e7!important;}
.bookmaker-okebet span {color:#093672; background:#42b4e7;}
.bookmaker-unibet {background:#147b45!important; color:#fff!important;}
.bookmaker-unibet span {color:#147b45; background:#fff;}
.bookmaker-webet {background:#EA5224!important; color:#000!important;}
.bookmaker-webet span {color:#EA5224; background:#000;}
.bookmaker-winnersbet {background:#552583!important; color:#f8e300!important;}
.bookmaker-winnersbet span {color:#552583; background:#f8e300;}
.bookmaker-wishbet {background:#000!important; color:#f8e300!important;}
.bookmaker-wishbet span {color:#000; background:#f8e300;}
.bookmaker-tabtouch {background:#512d6d!important; color:#fff!important;}
.bookmaker-tabtouch span {color:#512d6d; background:#fff;}
.bookmaker-tab {background:#008542!important; color:#fff!important;}
.bookmaker-tab span {color:#008542; background:#fff;}
.bookmaker-sportsbet {background:#005ca1!important; color:#f3d900!important;}
.bookmaker-sportsbet span {color:#005ca1; background:#f3d900;}
.bookmaker-vicbet {background:#202c9b!important; color:#fff!important;}
.bookmaker-vicbet span {color:#202c9b; background:#fff;}
.bookmaker-zbet {background:#050b3c!important; color:#4070f6!important;}
.bookmaker-zbet span {color:#050b3c; background:#4070f6;}

.bookmaker-mini-list {display:flex; flex-wrap:wrap; gap:3px; justify-content:center;}
.bookmaker-mini {padding:0 3px; border-radius:3px; font-size:10px; text-decoration:none;}
.bookmaker-mini:hover {transform:scale(1.1);}

.sticker {margin-left:-3px; font-size:12px;}
.sticker.track-distance {color:green;}
.sticker.home-track {color:red;}
.sticker.group-1-winner {color:rgb(255 226 0);}

.button {padding:5px 0 5px 0; font-weight:bold; font-size:16px; text-align:center; background: #333; color: white; border-radius:3px;}
.button:hover {cursor:pointer; background:#000!important;}
.button.inactive {cursor:none; opacity:0.5;}
.button a {display:block; width:100%; color:white; text-decoration:none;}
.button.pill {border-radius:20px; font-style:italic;}
.button.large {width:200px; margin:auto; padding:8px; font-style:italic; border-radius:20px; background:linear-gradient(#ee0000 50%, #dd0000 50%); border-bottom:3px solid #770000;}
.button.large:hover {background:#990000!important}
.button.small {font-size:12px;}
.button.notcenter {margin:10px;}
.button.wide {width:350px;}
.system-buttons {display:flex; gap:10px; margin:-10px 0 0 10px;}
.system-buttons .button {padding:5px 10px 5px 10px; font-size:12px;}

.data-wrapper {display:flex; flex-wrap:wrap; gap:0px;}
.data-wrapper .data-wrap {width:200px; padding:10px; margin:-1px -1px 0 0; box-sizing:border-box; background:white; border:1px solid #dedede;}
.data-wrap.link-cell {font-style:italic; color:#000; text-decoration:none;}
.data-wrap.link-cell span {font-weight:600;}
.data-wrap.link-cell:hover {background:rgb(249, 255, 200);}

.data-table {display:grid;}
.data-table.no-border {border:0;}
.data-table.allow-scroll {padding: 10px;margin: -10px;}
.data-cell {display:flex; flex-direction:column; flex-wrap:wrap; position:relative; padding:5px; align-items:center; justify-content:center; background:white; box-shadow:0 0 20px rgba(0,0,0,.1);}
.data-row {display:contents;}
.data-row.hidden {display:none;}
.data-row.result-open:hover .formguide-detail-cell {background:rgb(249, 255, 200)!important; color:black!important; cursor:pointer;}
.data-table-row-click a {color:#000; text-decoration:none;}
.data-table-row-hover .data-row:hover > .data-cell {cursor:pointer; background:rgb(249, 255, 200)!important;}
.data-table-padding-less .data-cell {padding:1px 5px;}
.data-table.input-table input {width:100%; cursor:pointer; font:normal 16px 'Roboto'; border:0; outline:none;}
.data-header {background:linear-gradient(180deg, #454545 50%, #333 50%, #333 100%)!important; color:white; font-weight:bold;}
.data-header-sortable {cursor:pointer;}
.data-header-sortable:after {position:absolute; right:4px; bottom:4px; font-family:"Font Awesome 5 Pro"; content:"\f0dc"; font-size:10px;}
.data-header-sortable.sorted-asc:after {content:"\f0de";}
.data-header-sortable.sorted-desc:after {content:"\f0dd";}
.data-header[data-sort]:hover {background:black}
.data-header.sel {background:black!important;}
.data-subheader {background:linear-gradient(180deg, #666 50%, #555 50%, #444 100%)!important; color:white; font-weight:bold;}
.data-cell.resulted {background:#c5ffc3 !important;}
.data-cell.abandoned {background:#efa2a2 !important;}
.data-cell.blank-cell {background:#fff; border-right:0;}
.data-cell.greyed {background:#f0f0f0; color:#d0d0d0;}
.data-cell.sel {background:rgb(249, 255, 200);}
/*.data-cell.align-left.link-cell a {font-weight:bold; font-style:italic;}
.data-cell.align-left.link-cell a span {font-weight:normal!important;}*/
.data-cell .sub-info {display:block; font-size:12px;}
.data-cell .sub-info.smaller {font-size:10px;}
.data-cell.link-cell {padding:0!important;}
.data-cell.link-cell a {display:flex; flex-direction:column; justify-content:center; position:relative; padding:5px; width:calc(100% - 10px); height:100%; text-decoration:none; color:black;}
.data-cell.link-cell a:hover {background:rgb(249, 255, 200);}
.data-cell.link-cell a.sel {background:rgb(249, 255, 200);}
.data-cell.link-cell a i {position:absolute; top:5px; right:5px; font-size:10px;}
.data-cell.link-cell-normal a {color:black; text-decoration:none;}
.data-cell.link-cell-normal a:hover {text-decoration:underline;}
.data-cell.link-cell.centered {text-align:center;}
.data-cell.link-cell.centered a {text-align:center;}
.data-cell .race-location i {font-size:16px!important; color:#888;}
/*.data-cell .race-track {font-family:'Montserrat'; font-weight:bold; font-size:18px; font-style:italic; letter-spacing:-1px;}*/
.data-cell.win {background:green; color:white;}
.data-cell.sticky-left {position:sticky!important; left:250px;}
.data-cell.hover:hover {background:rgb(249, 255, 200);}
.bet-now {padding:2px 0 2px 0; margin-top:3px; text-align:center; border-radius:5px; font-size:12px; font-weight:bold; background:#fbfb41; color:black; border-bottom:3px solid gold; text-decoration:none;}
.bet-now:hover {background:gold;}
.data-cell.odds-cell a {text-align:center;}
.data-cell.top-stat-cell {color:#ff6600;}
.nav-collapsed .data-cell.sticky-left {left:50px;}
.data-table.sticky-header .data-header {position:sticky!important; top:28px; z-index:1;}
.data-container .data-table.sticky-header .data-header {top:0;}
.data-table.sticky-header .data-subheader {position:sticky!important; top:30px; z-index:1;}
.data-table-searcher {border:none; outline:none; margin:0 0 10px 0; padding:8px 20px; box-sizing:border-box; border-radius:20px; font-family:'Roboto'; box-shadow:0 0 20px rgba(0,0,0,.06);}
.data-table-searcher:after {position:absolute; right:10px; top:0px; font-family:"Font Awesome 6 Pro"; content:"\f0dc"; font-size:10px;}
.data-table-filter {max-width:280px; margin-bottom:10px;}
.data-table-filter .selectize-input {border:0; border-radius:20px; background:#fff!important; text-align:left; padding:5px 0 5px 15px; box-shadow:0 0 20px rgba(0,0,0,.06)!important; border:1px solid #e0e0e0!important;}
.data-table-filter .selectize-dropdown {border:1px solid #e0e0e0; border-radius:10px; top:33px!important; padding:10px 0px 10px 0; box-shadow:0 0 20px rgba(0,0,0,.06)!important;}
.data-table-filter .selectize-dropdown .option {padding:3px 5px 3px 20px;}
.data-table-filter .selectize-dropdown .option:not(.selected):hover {background:#e1f5fe;}
.data-table-filter input.input-filter {border-radius: 20px; background: #fff!important; text-align: left; padding:6px 0 6px 15px; outline:none;box-shadow: 0 0 20px rgba(0,0,0,.06)!important;border: 1px solid #e0e0e0!important;}
.data-table-filter-title {display:table; padding:0 10px 8px 10px; line-height:30px; height:35px; font-size:14px; font-weight:bold; color:#145b9c; text-align:center;}
.data-table-filter-title span {display:table-cell; line-height:15px; vertical-align:middle;}
.selectize-dropdown .selected {background:#145b9c;}
.data-container {background:#fff; max-width:calc(100% - 60px); padding:20px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.06);}
.filter-boxes {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:10px;}
.filter-boxes .filter-box {display:flex; flex-direction:column;}
.scroller {overflow:scroll; overflow-x:hidden; scroll-behavior:smooth;}
.scroller::-webkit-scrollbar {width:12px!important;}


.ranking-table {padding:20px; margin:10px 20px 20px 0; overflow-y:auto; max-height:400px; border-radius:10px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.06); -webkit-mask-image:linear-gradient(to bottom, black calc(100% - 48px), transparent 100%); mask-image:linear-gradient(to bottom, black calc(100% - 48px), transparent 100%);}
.ranking-table .ranking-row:first-child {position:sticky; top:-20px; z-index:1;}
.ranking-row {position:relative; display:flex; align-items:center; border-radius:10px; border:1px solid #e2e7ed; background:#f5f7f9}
.ranking-row+.ranking-row {margin-top:10px;}
.ranking-row .tipster-detail {position:relative; display:flex; align-items:center; width:200px; height:50px; padding:0 0 0 30px; border-radius:10px 0 0 10px; background:#e1e7ed;}
.ranking-row .tipster-detail:after {content: ""; position: absolute; top:0; bottom:0; right:-20px; width:40px; background: #e1e7ed; transform: skew(-14deg);}
.ranking-row .tipster-detail a {display:flex; color:#000; font-weight:bold; text-decoration:none;}
.ranking-row .tipster-detail a:hover {color:#005ca1;}
.ranking-row .tipster-detail .tipster-rank {position:absolute; top:calc(50% - 10px); left:-10px; padding:0px 10px; border-radius:4px; transform:skew(-10deg); background:#145b9c; color:#fff; font-weight:bold;}
.ranking-row .tipster-detail .tipster-rank-1 {background:gold; color:brown;}
.ranking-row .tipster-detail .tipster-avatar {width:50px; min-width:50px; height:50px; line-height:50px; text-align:center; color:#cc2c11; background-color:#f0f0f0; border:4px solid #d0d0d0; background-position:50%; border-radius:50%; background-size:cover;}
.ranking-row .tipster-detail .tipster-name {padding-left:5px; line-height:17px; margin:auto; font-family:'Montserrat';}
.ranking-row .tipster-stats {display:flex; align-items:center; flex:1;}
.ranking-row .tipster-stats-item {flex:1; text-align:center;}
.ranking-row .tipster-stats-item:first-child {flex:1.3; padding-left:20px; font-size:20px;}
.ranking-row .tipster-stat-title {text-transform:uppercase; font-size:9px; color:#666;}
.ranking-row .tipster-stat-value {font-weight:bold; font-style:italic;}
.ranking-row .stat-green {color:green;}
.ranking-row .stat-red {color:red;}
.ranking-row .tipster-side {position:relative; display:flex; width:80px; justify-content:center;}
.ranking-row .tipster-side .button {padding:7px 10px; font-size:13px; border-radius:20px;}


.comps-table {padding:20px; margin:10px 20px 10px 0; border-radius:10px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.06);}
.comps-row+.comps-row {margin-top:10px;}
.comps-row {position:relative; display:flex; align-items:center; border-radius:10px; border:1px solid #e2e7ed; background:#f5f7f9}
.comps-row .comp-detail {position:relative; display:flex; align-items:center; width:220px; height:70px; padding:0 20px 0 10px; border-radius:10px 0 0 10px; background:#e1e7ed;}
.comps-row .comp-detail:after {content: ""; position: absolute; top:0; bottom:0; right:-20px; width:40px; background: #e1e7ed; transform: skew(-14deg);}
.comps-row .comp-detail a {display:flex; font-size:18px; color:#000; font-weight:bold; font-family:'Montserrat'; text-decoration:none;}
.comps-row .comp-detail a:hover {color:#005ca1;}
.comps-row .comp-detail .comp-avatar {width:32px; height:32px; line-height:32px; text-align:center; color:#cc2c11; background-color:#f0f0f0; border:4px solid #d0d0d0; background-position:50%; border-radius:50%; background-size:cover;}
.comps-row .comp-detail .comp-title {display:flex; flex-wrap:wrap; overflow:hidden; white-space:nowrap; width:280px; padding-left:10px; line-height:22px;}
.comps-row .comp-detail .comp-subtitle {color:#666; font-size:11px; font-weight:normal; font-family:'Roboto';}
.comps-row .comp-info {display:flex; align-items:center; flex:1;}
.comps-row .comp-info-item {flex:1; text-align:center;}
.comps-row .comp-info-item:first-child {font-size:28px; color:green;}
.comps-row .comp-info-item-title {text-transform:uppercase; font-size:9px; color:#666;}
.comps-row .comp-info-item-value {font-weight:bold; font-style:italic;}
.comps-row .comp-side {position:relative; display:flex; width:80px; justify-content:center;}
.comps-row .comp-side .button {padding:5px 10px; font-size:14px; border-radius:10px;}

.competition-sponsor {margin:0 0 5px 20px; font:bold 20px 'Montserrat';}
.competition-sponsor a {font-style:italic;color:rgb(52 75 147);text-decoration:none;}
.competition-info {display:flex; border:2px solid white; box-shadow:0 0 10px rgba(0,0,0,.3); font-family:'Montserrat'; background:linear-gradient(0deg, rgba(15,40,100,0.95), rgba(15,40,100,0.95)), url('/img/horse-hooves.jpg'); background-size:cover; background-position:0px 280px; color:white;}
.competition-data {flex:1;}
.competition-data h4 {text-align:center; margin:15px 0 0 0;}
.competition-data h3 {font-style:italic; font-size:22px; text-align:center; margin:10px 0 10px 0;}
.competition-data ul {margin:auto; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; gap:10px;}
.competition-data li {display:flex; flex-direction:column; width:calc(50% - 5px); text-align:center; font-size:18px; font-weight:600;}
.competition-data .form input {padding:10px 5px 10px 20px!important;}
.competition-data .button {max-width:220px; margin:auto;}
.competition-prize p {text-align:center; font-family:'Montserrat'; font-weight:bold; font-size:26px;}
.competition-prize p:first-child {margin-top:35px; margin-bottom:-10px;}
.competition-tipping {padding-bottom:20px; border-left:1px solid #0a1739;}
.competition-prize {border-right:1px solid #0a1739;}
.competition-user {padding-bottom:20px;}
@media all and (min-width:0px) and (max-width:800px){
    .competition-info {flex-direction:column; padding:0; margin-left:-20px; width:calc(100% + 20px);}
    .competition-tipping {border-top:1px solid #0a1739; border-left:0px;}
    .competition-prize {border-bottom:1px solid #0a1739; border-right:0px;}
    .competition-prize p:first-child {margin-top:30px;}
}

.odds-comparison {bottom:30px; left:330px; width:220px!important; border:0!important;}
.nav-collapsed .odds-comparison {left:80px;}
.odds-comparison .window-title {border-radius:10px;}
.odds-comparison-table .header-row .data-cell {position:sticky; top:0; z-index:1; padding:10px 0; font-weight:bold; font-size:12px;}
.odds-comparison-table .header-row .data-cell img {width:100%;}
.odds-comparison-table .horse-number {position:sticky; left:0; z-index:1; font-size:20px; font-weight:bold; background:#f5f5f5;}
.odds-comparison-table .horse-silks {position:sticky; left:40px; z-index:1; background-size:50px; background-position:50% 70%; background-repeat:no-repeat;}
.odds-comparison-table .horse-detail {position:sticky; left:80px; z-index:4;}
.odds-comparison-table .horse-detail .horse-barrier {font-size:12px;}
.odds-comparison-table .horse-detail:hover {background:rgb(255, 248, 176); cursor:pointer;}
.odds-comparison-table .horse-detail .add-alert {display:none; position:absolute; top:8px; right:8px; color:#ffa200;}
.odds-comparison-table .horse-detail:hover .add-alert {display:block;}
.odds-comparison-table .horse-name {font-size:18px; font-weight:bold;}
.odds-comparison-table .person-name {display:none; font-size:12px; color:#666;}
.odds-comparison-table .header-blank {position:sticky; top:0; left:0; z-index:5!important; grid-column:1/4;}
.odds-comparison-table .footer-blank {position:sticky; left:0; z-index:3!important; grid-column:1/6;}
.odds-comparison-table .footer-row .data-cell {color:#888; font-size:12px;}
.odds-comparison-table .odds-open-header {position:sticky; left:280px; z-index:5!important;}
.odds-comparison-table .odds-average-header {position:sticky; left:330px; z-index:5!important;}
.odds-comparison-table .odds-best-header {position:sticky; left:380px; z-index:5!important;}
.odds-comparison-table .odds-open-cell {position:sticky; left:280px; z-index:4; box-shadow:inset #888 5px 0px 10px -8px;}
.odds-comparison-table .odds-average-cell {position:sticky; left:330px; z-index:4; box-shadow:inset #888 -5px 0px 10px -8px;}
.odds-comparison-table .odds-best-cell {position:sticky; left:380px; z-index:4; box-shadow:inset #888 -5px 0px 10px -8px;}
.odds-comparison-table .odds-none {background:#f0f0f0;}
.odds-comparison-table .odds-last {position:relative;}
.odds-comparison-table .odds-last-up:before {position:absolute; left:2px; top:5px; font-family:"Font Awesome 5 Pro"; content:"\f106";}
.odds-comparison-table .odds-last-up {color:green;}
.odds-comparison-table .odds-last-down:before {position:absolute; left:2px; top:5px; font-family:"Font Awesome 5 Pro"; content:"\f107";}
.odds-comparison-table .odds-last-down {color:red;}
.odds-comparison-table .odds-avg-up {background:#ecffec;}
.odds-comparison-table .odds-avg-up:before {position:absolute; left:1px; top:12px; color:green; font-size:8px; font-weight:bold; font-family:"Font Awesome 5 Pro"; content:"\f063";}
.odds-comparison-table .odds-avg-down {background:#ffecec;}
.odds-comparison-table .odds-avg-down:before {position:absolute; left:1px; top:12px; color:red; font-size:8px; font-weight:bold; font-family:"Font Awesome 5 Pro"; content:"\f062";}
.odds-comparison-table .odds-history {display:none; position:absolute; top:-57px; left:-27px; box-shadow:#000 0px 0px 10px -3px; z-index:3;}
.odds-comparison-table .odds-history .data-table {width:100px; grid-template-columns:50px 50px; font-size:12px;}
.odds-comparison-table .link-cell a {text-align:center;}
.odds-comparison-table .link-cell:hover a {background:yellow!important;}
.odds-comparison-table .pills {background:none;}
.odds-comparison-table .pills .pill {color:#000!important;}
.odds-comparison-table .pills .pill.sel {color:#fff!important;}
.odds-comparison-table::-webkit-scrollbar {width:8px; height:20px; border-radius:0px; border-top:1px solid #333;}
.odds-comparison-table::-webkit-scrollbar-track {border-radius:0px;}
.odds-comparison-table::-webkit-scrollbar-thumb {background:#cc2c11; border-radius:0px;}


.data-slide {display:flex; overflow:auto; overflow-y:hidden; white-space:nowrap; gap:10px; padding:12px 0 5px 20px; margin-top:-12px; margin-left:-20px; -webkit-mask-image:linear-gradient(to right, black calc(100% - 100px), transparent 100%); mask-image:linear-gradient(to right, black calc(100% - 100px), transparent 100%);}
.data-slide .data-box {width:220px; min-width:220px; box-sizing:border-box; overflow:hidden; background:#f5f5f5; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.06); transition:all 0.1s ease;}
.data-slide .data-box a {text-decoration:none; color:black;}
.data-slide .data-box .title {display:block; padding:5px 10px; background: #e1e7ed; color: #2e599d; font-weight:bold; font-size:14px;}
.data-slide .data-box .subtitle {display:block; padding:4px 10px; margin-top:0px; color:#666; font-weight:bold; font-size:12px;}
.data-slide .data-box .info {display:block; padding:4px 10px; font-size:11px; border-top:1px solid #e0e0e0;}
.data-slide .data-box:hover {cursor:pointer; background:rgb(249, 255, 200)}

.formguide-title {position:fixed; top:0; left:150px; z-index:13; width:calc(100% - 150px); margin-top:28px; background:#f6f6f6; border-bottom:1px solid #d5d5d5;}
.formguide-title h1 {margin:0; padding:5px 0 0 10px;}
.formguide-title h2 {margin:0; padding:0 0 10px 10px; color:#cc2c11;}
.formguide-title .select-meeting .race-number {display:none;}
.formguide-title span, .result-title span {padding:0px 10px 1px 10px; font-weight:600; border-radius:20px;}
.formguide-title .race-name {background:#cc2c11; color:#fff; font-weight:900; font-size:18px;}
.formguide-title .race-date, .result-title .race-date {display:inline; color:#333; font-size:20px;}
.formguide-title .race-time {color:#333; font-size:20px;}
.formguide-title .race-distance, .result-title .race-distance {background:#747d90; color:#fff; font-size:18px;}
.formguide-title .race-ground {font-size:20px;}
.formguide-title .race-ground-secondary {margin-left:5px; font-size:18px; display:none;}
.formguide-title .race-purse, .result-title .race-purse {color:#fff; background:#cc2c11; font-size:18px;}
.formguide-title .race-info, .result-title .race-info {color:#fff; background:#941305; font-size:18px; white-space:nowrap;}
.formguide-title .race-group, .result-title .race-group {background:#cc2c11;color:#fff; font-size:18px;}
.formguide-title .formguide-other-meetings {display:none; position:absolute; top:50px; left:00px; z-index:99; padding:0 20px 0 0; border-radius:0 20px 20px 0; background:white; border: 1px solid #d5d5d5; box-shadow:0 0 20px rgba(0,0,0,.1), inset #e9e9e9 9px 0px 10px 0px}
.formguide-other-meetings .meeting-scroller {max-height:calc(50vh - 40px); padding:20px; overflow-y: scroll; overflow-x: hidden;}
.formguide-other-meetings .sticky-top {top:-20px;}
.formguide-other-meetings .navtabs {margin-top:0; margin-bottom:0; margin-right:-25px;}
.formguide-title-small {top:-40px;}
.formguide-title-small .race-selector, .formguide-title-small .race-ground {display:none;}
.formguide-title-small .race-ground-secondary {display:inline-block;}
.result-title {margin-bottom:10px;}
.result-title .race-info-parent {overflow: auto; white-space: nowrap; width: calc(100% + 20px); display: block; border-radius: 0; margin-left: -20px; padding-left:20px; padding-right:0;}
.result-title .race-info-parent::-webkit-scrollbar {height:2px!important;}

.select-meeting {padding-left:0!important; cursor:pointer; color:black}
.select-meeting i {font-size:20px;}
.race-selector {display:inline;}
.race-selector a {display:inline-block; padding:3px 5px; text-decoration:none; font-size:24px; font-weight:600; color:black;}
.race-selector a.sel {font-weight:900; color:#cc2c11;}

.race-result-tick {position:absolute; top:-3px; left:15px; color:#71c461;}

.formguide-help {position:absolute; top:10px; right:10px; font-size:20px;}
.formguide-loading {position:fixed; width: 300px; margin-top:200px; display:none; left: 50%; transform: translateX(-25%); box-sizing:border-box; border: 1px solid rgb(208, 208, 208); background: rgb(245, 245, 245); padding: 5px 20px 20px; border-radius: 20px;}
.formguide-loading p {text-align:center;font:900 18px 'Montserrat';}
.formguide-layout {overflow-x:scroll; height:calc(100vh - 114px); margin-top:42px; display:grid; grid-template-columns:50px 50px 300px 70px 40px 40px 60px 70px 40px 40px 60px 70px 40px 40px 60px 70px 40px 40px 60px 80px 80px; align-items:stretch; grid-auto-rows:minmax(min-content, max-content); background:#fff;}
.formguide-layout .horse-number {grid-column:1/2; position:sticky; left:0; z-index:1; justify-content:center; font-family:'Montserrat'; font-size:20px; font-weight:900; background:linear-gradient(to top, #ececec 0%, #ececec 50%, #e0e0e0 51%, white 100%);}
.formguide-layout .horse-number .horse-barrier {display:none;}
.formguide-layout .horse-name {overflow:hidden; white-space:nowrap;}
.formguide-layout .horse-name-link {font-size:18px;}
.formguide-layout .horse-name .add-tip-float {position:absolute; bottom:10px; right:10px; font-size:15px; color:#0ca30c; cursor:pointer; opacity:0;}
.formguide-layout .horse-silks {position:sticky; left:50px; z-index:1; background-size: 100%; background-repeat: no-repeat; background-position: 0px 50%;}
.formguide-layout .horse-details {position:sticky; left:100px; z-index:3; padding-left:5px; padding-top:0px; flex-direction:column; align-items:flex-start !important; font-size:20px; font-weight:900; background:white; border-right:1px solid #333;}
.formguide-layout .horse-details.horse-scratched {justify-content:center;}
.formguide-layout .horse-details.in-stable {background:#d1fce7;}
.formguide-layout .horse-details .horse-people {display:flex; overflow:hidden; white-space:nowrap; flex-direction:column; gap:0; margin-top:2px; margin-bottom:4px; font-size:11px; font-weight:normal;}
.formguide-layout .horse-details .horse-form {font-size:13px;}
.formguide-layout .horse-details .horse-since {font-size:10px;}
.formguide-layout .horse-details .horse-form-recent {padding-left:5px; padding-right:5px; border-radius:10px; background:#333; color:#fff;}
.formguide-layout .horse-details .horse-form .horse-days {padding-left:4px; padding-right:4px; border-radius:10px 0 0 10px; background:#666; color:white;}
.formguide-layout .horse-details .horse-form .horse-days.days-win {padding-left:4px; padding-right:4px; border-radius:0 10px 10px 0; background:#999;}
.formguide-layout .horse-details .horse-changes {margin-left:4px; font-size:10px; color:#666;}
.formguide-layout .horse-details .horse-age-sex {margin-right:3px; font-size:14px; color:#666;}
.formguide-layout .horse-details .horse-barrier {letter-spacing:-1px; font-size:14px;}
.formguide-layout .horse-details .horse-weight-change {font-size:10px; color:#888;}
.formguide-layout .horse-details .horse-options {position:absolute; top:10px; right:10px; font-size:14px; color:#a5a5a5; opacity:0; transition:all 0.4s ease;}
.formguide-layout .horse-details .horse-options:hover {color:#333; background:#fefec9;}
.formguide-layout .horse-details .horse-options ul {display:none; margin:0; padding:10px; position:absolute; top:-10px; left:24px; background:#fff; z-index: 20; list-style-type: none; width:130px; font-family: 'Roboto'; font-weight: normal; font-size:14px; border:1px solid #d5d5d5; border-left:1px solid #333; border-top:0;}
.formguide-layout .horse-details .horse-options li {padding:5px 0 3px 0;}
.formguide-layout .horse-details .horse-options li:hover {font-weight:bold;}
.formguide-layout .horse-details .horse-options i.sel {color:black;}
.formguide-layout .horse-details .jockey-allowance {font-size:10px;}
.formguide-layout .horse-details:hover {cursor:pointer; background:#fefec9;}
.formguide-layout .horse-details:hover .horse-options {opacity:1;}
.formguide-layout .horse-details:hover .add-tip-float {opacity:1;}
.formguide-layout .formguide-detail-row {width:100vw; max-width:calc(100vw - 158px); position:sticky; left:0; background:white;}
.nav-collapsed .formguide-layout .formguide-detail-row {max-width:100vw;}
.formguide-layout .horse-speed {min-width:300px; min-height:70px; max-width:calc(100vw - 240px); justify-content:center; background:#666; color:white; border:0;}
.formguide-layout .horse-speed .horse-people,
.formguide-layout .horse-speed .horse-form,
.formguide-layout .horse-speed .horse-age-sex,
.formguide-layout .horse-speed .horse-options,
.formguide-layout .horse-speed .sticker {display:none;}
.formguide-layout .horse-speed .horse-speed-description {display:block;}
.formguide-layout .horse-speed:hover {background:#666;}
.formguide-layout .horse-speed.pos-front {background:#1f950a;}
.formguide-layout .horse-speed.pos-back {background:#950a0a;}
.formguide-layout .horse-speed.pos-nodata {background: #979797;}
.formguide-layout .horse-speed-description {display:none; font-family:'Montserrat'; font-weight:bold; font-size:14px; color:#d9d9d9;}
.formguide-layout .horse-speed.barrier-pos-nodata {background: #9f9f9f;}
.formguide-layout .horse-speed.barrier-pos-front.barrier-speed {background:green;}
.formguide-layout .horse-speed.barrier-pos-back.barrier-speed {background:#cc0000;}
.formguide-layout .horse-speed.settle-pos-front.settle-speed {background:green;}
.formguide-layout .horse-speed.settle-pos-back.settle-speed {background:#cc0000;}
.formguide-layout .horse-speed.finish-pos-front.finish-speed {background:green;}
.formguide-layout .horse-speed.finish-pos-back.finish-speed {background:#cc0000;}
.formguide-layout .horse-weight {justify-content:center;}
.formguide-layout .horse-statistic {justify-content:center; flex-wrap:wrap; padding:10px 0 10px 0;}
.formguide-layout .horse-statistic div {text-align:center; width:100%;}
.formguide-layout .horse-statistic-clickable:hover {background:rgb(249, 255, 200)!important; cursor:pointer;}
.formguide-layout .racingzone-rating {border-right:1px solid #333; background:#f9f9f9; box-shadow:inset #888 5px 0px 10px -8px, inset #888 -5px 0px 10px -8px;color:#ff6f00;font:bold 18px 'Montserrat';}
.formguide-layout .horse-odds-tip {padding:5px; background:#f9f9f9; box-shadow:inset #888 5px 0px 10px -8px;}
.formguide-layout .horse-odds-tip .logo-swiftbet {cursor:pointer; height: 20px;width: 60px; background: #1e254b url('/img/bookmaker/swiftbet.png'); background-size:42px; background-repeat: no-repeat; background-position:50% 3px;border-radius: 5px;}
.formguide-layout .horse-odds-tip .logo-mybet {cursor:pointer; height: 20px;width: 60px; background: #000000 url('/img/bookmaker/logo/mybet.png?v2'); background-size:42px; background-repeat: no-repeat; background-position:4px -2px;border-radius: 5px;}
.formguide-layout .horse-odds-tip .horse-odds-number {cursor:pointer; width: 60px; padding-top: 1px; font-weight:bold; color: blue; text-decoration:underline; font-size: 14px; text-align: center;}
.formguide-layout .horse-odds-tip .horse-odds-number:hover {color:black; text-decoration:none;}
.formguide-layout .horse-odds-tip .add-tip {width: 60px; background: #333; color: #fff; border-radius: 10px; font-size: 11px; margin-top: 2px; line-height: 15px;text-align: center;}
.formguide-layout .horse-odds-tip .add-tip:hover {cursor:pointer; background:#000;}
.stat-big {font-size:20px;}
.stat-small {font-size:12px;}
.formguide-layout .horse-odds {justify-content:center; flex-direction:column; gap:0; font-size:16px; border-right:1px solid #d5d5d5; transition:all 0.1s ease;}
.formguide-layout .horse-odds:hover {cursor:pointer;}
.formguide-layout .win-odds, .formguide-layout .place-odds {font-weight:bold; color:blue; text-decoration:underline;}
.formguide-layout .win-odds:hover, .formguide-layout .place-odds:hover {text-decoration:none; color:black;}
.formguide-layout .horse-odds .best-odds {background:rgb(249, 255, 200)!important; font-weight:900;}
.formguide-layout .horse-odds .odds-type {width:calc(100% - 10px); padding-left:10px; text-align:left;}
.formguide-layout .horse-odds .win-odds {border-bottom:1px solid #f0f0f0;}
.formguide-layout .horse-odds .best-odds .win-odds {border-bottom:1px solid #dde4a9;}
.formguide-layout .horse-odds .win-odds,
.formguide-layout .horse-odds .place-odds {flex:1; display:flex; align-items:center;}
.formguide-layout .horse-odds .odds-open {position:absolute; top:2px; right:2px; font-size:8px;}
.formguide-layout .horse-odds .odds-open.odds-up {color:red;}
.formguide-layout .horse-odds .odds-open.odds-down {color:green;}
.formguide-layout .horse-odds .odds-up-down {position:absolute; top:10px; right:2px; font-size:10px;}
.formguide-layout .horse-odds .odds-up-down:after {position:absolute; right:2px; top:2px; font-family:"Font Awesome 6 Pro";}
.formguide-layout .horse-odds .odds-up-down.odds-up:after {content:"\f062"; color:red;}
.formguide-layout .horse-odds .odds-up-down.odds-down:after {content:"\f063"; color:green;}
.formguide-layout .formguide-header,
.formguide-layout .formguide-cell {display:flex; align-items:center; align-content:center; border-bottom:1px solid #d5d5d5;}
.formguide-layout .formguide-header-top-row {position:sticky; top:0px;}
.formguide-layout .formguide-header-sub-row {position:sticky; top:28px;}
.formguide-layout .formguide-cell.grayed {background:#f6f6f6; color:#888; font-size:12px;}
.formguide-layout .formguide-header {z-index:3; padding-top:5px; padding-bottom:5px; font-weight:bold; border:0; background:#333; color:#fff;}
.formguide-layout .formguide-header i {margin-left:5px; font-size:14px;}
.formguide-layout .formguide-sort-cell {left:0; z-index:12;}
.formguide-header-sort {font-weight:100; font-size:14px;}
.formguide-header-sort::after {position:absolute; right:2px; top:10px; font-family:"Font Awesome 5 Pro"; content:"\f0dc"; font-size:10px;}
.formguide-header-sort.sorted-asc:after {content:"\f0de";}
.formguide-header-sort.sorted-desc:after {content:"\f0dd";}
.formguide-header-sort:hover {background:#000; cursor:pointer;}
.formguide-header-sort.sel {background:#000; cursor:pointer;}
.formguide-header-speedmap {position:sticky; top:0; left:0; z-index:11; padding:10px; display:none; font-family:'Montserrat'; font-size:20px; font-weight:bold; background:#333; color:#fff;}
.formguide-layout .horse-number-header {left:0px; z-index:11;}
.formguide-layout .horse-silks-header {left:50px; z-index:11;}
.formguide-layout .horse-details-header {left:100px; z-index:11;}
.formguide-footer {width:100vw; height:50px; position:sticky; left:0;}

.results-layout {margin:74px 0px 0 0px; box-shadow:none; grid-template-columns:50px 50px 200px 60px 60px 80px 60px 60px 60px 60px 60px 60px 60px 60px;}

.pop-ins {position:absolute; bottom:10px; right:20px; z-index:99; display:flex; gap:10px;}
.pop-in {padding:5px; border-radius:5px; font-size:16px; width:20px; text-align:center; background:#145b9c; border:2px solid #f6f6f6; color:#fff; cursor:pointer; transition:0.2s ease all;}
.pop-in:hover {border-color:#145b9c;}
.pop-in.mobile-nav-toggle {display:none;}
.pop-in.pop-ins-toggle {display:none!important;}
.pop-in.send-feedback {position:fixed; z-index:19; bottom:60px; right:40px; font-size:30px; width:40px; border-radius:10px; background:#cc2c11; color:white;}

.formguide-bookmaker-comments {position:sticky; left:250px; width:calc(100vw - 260px);}
.formguide-bookmaker-comments h2 {margin:0 0 0 5px;}
.nav-collapsed .formguide-bookmaker-comments {left:50px; width:calc(100vw - 60px)}

.formguide-detail {display:grid; grid-template-columns:80px 30px 50px 40px 50px 150px 30px 50px 350px 60px 60px 140px 50px 60px 50px 70px 60px 300px 300px; align-items:stretch; width:100%; max-height:400px; overflow:auto; font-size:14px;}
.formguide-detail-cell {justify-items:center; padding:4px; overflow:hidden; white-space:nowrap; border-bottom:1px solid #d5d5d5;}
.form-win {background:green!important; color:white; font-weight:bold;}
.form-place {background:#bdffbd!important; font-weight:bold;}
.form-trial .formguide-detail-cell {background:#f9f9f9!important; color:#666!important;}
.formguide-detail-cell.text-tiny {font-size:10px; line-height:8px; white-space:break-spaces;}
.formguide-detail-cell.form-same {color:black; font-weight:bold; background:#ffff33;}
.formguide-detail-cell.form-similar {color:black; font-weight:bold; background:#ffffc3;}
.formguide-detail-cell.align-center {text-align:center;}
.formguide-detail-cell.green {color:green;}
.formguide-detail-cell.red {color:red;}
.formguide-detail::-webkit-scrollbar {width:10px; height:10px;}
.formguide-detail::-webkit-scrollbar-track {background:#f6f6f6;}
.formguide-detail::-webkit-scrollbar-thumb {border-radius:0; background:#cc2c11;;}
.formguide-detail-row h2 {margin:0; padding-left:10px; font-size:20px; box-shadow:#b6b6b6 0px 7px 20px -10px; border-bottom:1px solid #d5d5d5; cursor:pointer;}
.formguide-detail-row h2 i.flipper {float:right; margin-right:10px}
.formguide-detail-row .pills {margin:10px 0 5px 10px;}
.formguide-detail-header {position:sticky; top:0; padding:3px 0 3px 5px; z-index:1; font-size:14px; background:linear-gradient(180deg, #454545 50%, #333 50%, #333 100%); color:white; font-weight:bold;}
.formguide-detail-header.align-center {text-align:center;}
.formguide-detail-cell .form-race-info-parent .form-race-info:first-child {border-radius:10px 0 0 10px; border-right:1px solid #c2c2c2;}
.formguide-detail-cell .form-race-info-parent .form-race-info:last-child {border-radius:0 10px 10px 0; border-left:1px solid #c2c2c2;}
.formguide-detail-cell .form-race-info-parent .form-race-info:only-child {border-radius:10px;}
.formguide-detail-cell .form-race-info {padding:0 3px; vertical-align:top; line-height:17px; background:#666; color:#fff; font-size:10px; text-transform:uppercase;}
.button#filter-apply,.button#filter-clear,.button#filter-save {width:150px;}

.formguide-sort ul {max-height:200px; overflow-y:scroll; margin:0; padding:0; list-style-type:none; background:white;}
.formguide-sort li {padding:4px 0 4px 10px; font-size:12px; font-weight:normal;}
.formguide-sort li:not(.formguide-sort-header):hover {cursor:pointer; background:#fefec9!important;}
.formguide-sort-cell:hover {cursor:pointer; background:#fefec9;}
.formguide-sort ul::-webkit-scrollbar {width:6px;}
.formguide-sort ul::-webkit-scrollbar-track {background:#ffffff;}
.formguide-sort ul::-webkit-scrollbar-thumb {background-color: #333;}
.formguide-sort-header {font-weight:bold!important; background:#888; color:white;}

.formguide-changer:hover {cursor:pointer;}
.formguide-changer-list {display:none; position:absolute; top:30px; left:0px; z-index:2; width:199px; padding:10px; margin:10px 0 0 0; border:1px solid #333; background:#fff; box-shadow:#333 0px 0px 10px 0px; border-radius:10px;}
.formguide-changer-list:before {content:" "; position:absolute; top:-9px; left:calc(50% - 15px); width: 0; height: 0; border-style: solid;  border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent;}
.formguide-changer ul {max-height:200px; overflow-y:scroll; margin:0; padding:0; list-style-type:none; background:white;}
.formguide-changer li {padding:4px 0 4px 10px; color:black; font-size:12px; font-weight:normal;}
.formguide-changer li:hover {cursor:pointer; background:#fefec9!important;}
.formguide-changer li.separator {border-top:1px solid #ccc;}
.formguide-changer ul::-webkit-scrollbar {width:6px;}
.formguide-changer ul::-webkit-scrollbar-track {background:#e5e5e5;}
.formguide-changer ul::-webkit-scrollbar-thumb {background-color: #333;}
.formguide-changer i {transition:all 0.2s ease;}
.formguide-changer i:hover {transform:scale(1.1);}

.formguide-filter {overflow:auto;}
.formguide-filter-options {display:grid; grid-template-columns:repeat(5,200px); padding:10px; grid-column-gap:20px; grid-row-gap:5px;}
.formguide-filter::-webkit-scrollbar {width:8px; height:5px;}
.formguide-filter::-webkit-scrollbar-track {background:#f6f6f6;}
.formguide-filter::-webkit-scrollbar-thumb {background-color:#333;}

.video-wrapper {padding:0 15px; background:#000; border-radius:10px;}

.stable-filters {display:flex; gap:20px;}

.spell-matrix {display:flex; flex-direction:column;}
.spell-row {display:flex;}
.spell-race {box-sizing:border-box; width:90px; min-width:90px; display:flex; padding:5px 5px 5px 0; height:30px; line-height:20px; margin-left:-1px; justify-content:space-around;}
.spell-race .nthup {margin:auto 0 auto 0; width:20px; height:20px; line-height:20px; border-radius:0 50% 50% 0; font-size:10px; font-weight:bold; background:#d5d5d5; text-align:center;}
.spell-race .position {width:50px; text-align:center; font-size:13px; font-weight:bold;}
.spell-race .days {width:20px; font-size:10px;}
.spell-current {border-left:10px solid #333; border-right:10px solid #333;}
.spell-now {background:rgb(249, 255, 200);}
.spell-info {box-sizing:border-box; padding:5px; width:70px; min-width:70px; display:flex; height:30px; line-height:20px; font-size:12px;}

.promo-bg {width:calc(100% + 20px); min-height:calc(100vh - 40px); padding-top:30px; padding-bottom:30px; display:block;margin:-20px;text-align:center; background:linear-gradient(302deg, #f0f0f0 70%, #e0e0e0 70%, #e0e0e0 100%);}
.promo-bg h1 {font-size:50px;}
.promo-bg h2 {font-size:30px;}
.promo-bg p.promo-large {font-family:'Montserrat'; font-weight:bold; font-size:26px;}
.promo-box {display:flex; width:50%; max-width:800px; margin:0 auto 20px auto;}
.promo-text {width:70%; padding:10px 30px; display:flex; align-items:center;}
.promo-text h3 {margin:5px;}
.promo-image {width:40%; display:flex; align-items:center;}
.promo-image img {max-width:200px;}
.promo-icon {font-size:30px; color:#ff0000;}

.stats-boxes {display:flex; flex-wrap:wrap; gap:10px;}
.stats-box {display:flex; flex-direction:column; box-sizing:border-box; text-align:center;}
.stats-box .data-table {box-shadow:none; margin:-15px 0px 0 -15px; padding:15px;}
.stats-box .data-cell {font-size:12px;}
.stats-box .data-header {font-size:14px;}

.window-parent {position:fixed; z-index:20; width:300px; border-radius:10px 10px 0 0; background:#f6f6f6; border:1px solid #333; border-bottom:0; box-shadow:#333 0px 0px 10px -5px;}
.window-title {padding:5px 20px; border-radius:8px 8px 0 0; font-family:'Montserrat'; font-size:16px; font-weight:bold; background:#333; color:white; cursor:pointer;}
.window-title .fa-message-question {color:#888; font-size:80%;}
.window-title .fa-message-question:hover {color:#fff; cursor:pointer;}
.window-icons {position:absolute; right:10px; top:5px;}
.window-content {padding:20px;}

.slide-button {position:absolute; top:calc(50% - 8px); color:#666; cursor:pointer; transition:all 0.2s ease;}
.slide-button:hover {transform:scale(1.1);}
.slide-next {right:-10px;}
.slide-prev {left:-10px;}
.slide-close {position:absolute; top:5px; right:5px; color:#666; cursor:pointer; opacity:0.5; transition:all 0.2s ease;}
.slide-close:hover {transform:scale(1.1); opacity:1;}

.pills {display:inline-flex; gap:5px; margin-bottom:10px; border-radius:20px;}
.pills .pill {width:100px; min-width:100px; padding:5px; text-align:center; background:#f0f0f0; font-size:14px; border-radius:20px; cursor:pointer; transition:0.2s ease all;}
.pills.pills-small .pill {font-size:12px;}
.pills.pills-blue .pill {background:#145b9c; color:#fff;}
.pills.pills-tab {border-bottom:0; margin:20px 0 0 20px; border-radius:10px 10px 0 0;}
.pills .pill.sel {background:#cc2c11; color:white;}
.pills .pill:not(.sel):hover {background:#666; color:white!important;}
.pills .pill.w-50 {width:50px;min-width:50px;}
.pills .separator {height:24px; width:1px; background:#d5d5d5;}

.navtabs {display:flex; gap:10px; margin-top:20px; margin-left:-20px; padding-left:30px; border-bottom:1px solid #145b9c;}
.navtabs .navtab {width:150px; padding:5px 10px; text-align:center; border-radius:10px 10px 0 0; font-size:14px; cursor:pointer; background:#ededed;}
.navtabs.navtabs-thin .navtab {width:100px;}
.navtabs .navtab.sel {background:#145b9c; color:#fff;}
.navtabs .navtab:not(.sel):hover {background:#e5f2ff;}
.navtabs .navtab a {display:inline-block; width:100%; text-decoration:none; color:#000;}
.navtabs .navtab.sel a {color:#fff;}
.navtabs .navtab.sel i {color:#fff!important;}

.cta-form-detail {width:500px; padding:20px; margin:20px auto 10px auto; background:#f5f5f5; border:1px solid #cc2c11; border-top-width:5px!important; text-align:center; box-shadow:#000 0px 0px 20px -15px;}
.cta-form-detail p {margin:0 0 5px 0; font-size:14px;}
.cta-form-detail h3 {margin:0 0 10px 0; font-size:24px;}
.cta-form-detail .button {margin:15px auto 5px auto; max-width:300px; font-weight:900;}
.cta-form-detail-float {position: absolute; top: 0; left: 50%; z-index: 5; margin-left: -250px;}

table.form {width:100%;}
table.form td {padding:5px;}
table.form td input[type='text'],
table.form td input[type='number'],
table.form td input[type='password'] {width:100%; padding:10px 10px 10px 20px; border-radius:20px; box-sizing:border-box; outline:none; border:1px solid #d0d0d0;}
table.form .selectize-input {border-color:#d0d0d0!important; border-radius:20px; background:#fff!important; text-align:left; padding-left:15px;}
table.form .selectize-dropdown {border-color:#d0d0d0!important; border-radius:20px; padding:10px 5px;}
table.form tr.header td {padding:0 0 0 20px; font:bold 18px 'Montserrat'; color:#333;}
section table.form {max-width:300px; margin:10px auto;}

::-webkit-scrollbar {width:8px; height:5px; border-radius:5px; background:#e0e0e0;}
::-webkit-scrollbar-thumb {border-radius:5px; background-color:#666;}

.filter-list {display:flex; flex-wrap:wrap; width:100%; gap:5px; box-sizing:border-box;}
.filter-list .filter-item {width:calc(50% - 5px); padding:3px 0; cursor:pointer; text-align:center; border-radius:20px; background:#333; color:white; font-size:12px; font-family:'Montserrat'; font-weight:600; transition:0.2s ease all;}
.filter-list .filter-item:hover {background:#000;}

.bookmaker-strap-container {max-width:600px; display:flex; flex-wrap:wrap; flex-direction:column;}
.bookmaker-strap {max-width:600px; padding:10px; margin-top:20px; background:linear-gradient(302deg, #f0f0f0 60%, #ebebeb 60%, #ebebeb 100%); border-radius:20px;}
.bookmaker-strap .bookmakers {display:flex; flex-wrap:wrap; gap:1px; border-radius:10px;}
.bookmaker-strap .bookmakers .bookmaker {width:20%; display:flex; flex-wrap:wrap; flex:1; align-items:stretch; text-align:center; text-decoration:none; position:relative; outline:4px solid #fff;}
.bookmaker-strap .bookmakers .bookmaker:hover {transform: scale(1.05);z-index: 1;box-shadow: #000 0px 0px 10px -5px;border-radius: 10px!important}
.bookmaker-strap .bookmakers .bookmaker:hover .bookmaker-logo {border-radius:10px 10px 0 0!important;}
.bookmaker-strap .bookmakers .bookmaker:first-child  {border-radius:10px 0 0 10px;}
.bookmaker-strap .bookmakers .bookmaker:first-child .bookmaker-logo {border-radius:10px 0 0 0;}
.bookmaker-strap .bookmakers .bookmaker:last-child {border-radius:0 10px 10px 0;}
.bookmaker-strap .bookmakers .bookmaker:last-child .bookmaker-logo {border-radius:0 10px 0 0;}
.bookmaker-logo {height:45px; width:100%;}
.bookmaker-blurb {padding:5px; margin-bottom:25px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff;}
.bookmaker-button {padding:0 5px 5px 5px; width:100%;}
.bookmaker-button .button {width:calc(100% - 10px); background:yellow; color:black; text-transform:uppercase; font-family:'Roboto'; font-size:14px; border-radius:20px; position:absolute; bottom:5px; left:5px;}
.bookmaker-button .button:hover {background:gold!important; color:black!important}
.bookmaker.ladbrokes-off {background:#e83e3e;}
.bookmaker.neds-off {background:#ff9600;}
.bookmaker.unibet-off {background:#28943c;}
.bookmaker.swiftbet-off {background:#273b5f;}
.bookmaker.mybet-off {background:#4a4a4a;}
.bookmaker.multis-off {background:#333;}
.bookmaker-warning {max-width:600px; text-align:center; margin-top:5px; background:#fff;}
.bookmaker-warning .warning-header {text-transform:uppercase; font-weight:900; font-size:16px;}
.bookmaker-warning .warning-subheader {font-weight:500;font-size: 12px;}


.news-container {width:calc(100% - 20px); display:flex; flex-wrap:wrap; padding:10px; border-bottom:1px solid #d0d0d0;}
.news-image {width:20%; max-width:200px;}
.news-container-small .news-image {width:10%;}
.news-image img {width:100%; border-radius:10px;}
.news-content {width:80%; box-sizing:border-box; padding:0 20px;}
.news-content h2 {margin:0 0 -10px 0; font-size:20px;}
.news-container-small .news-content h2 {font-size:16px;}
.news-container-small .news-content p {font-size:12px;}
.news-content h2 a {text-decoration:none; color:#000;}
.news-item {padding-right:20px;}
.news-item-info {margin:20px -20px 20px -20px; padding:10px 20px; background:#f0f0f0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.news-item-image-container {display:flex; flex-wrap:wrap; flex-direction:column;}
.news-item-image-container+.breadcrumb {margin:15px 0 0 0;}
.news-item-image img {max-width:1000px; border-radius:10px;}
.news-item-caption {padding-left:10px; color:#666; font-size:12px;}
.news-buttons {display:flex; width:100%; gap:10px;}
.news-buttons .button {max-width:120px; padding:5px 20px;}

.news-strap {display:flex; gap:10px;}
.news-strap .news-strap-item {width:20%; max-width:160px; display:flex; flex-wrap:wrap; flex-direction:column; gap:10px; padding:10px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.06); color:black; text-decoration:none;}
.news-strap .news-strap-item:hover {cursor:pointer; background:rgb(249, 255, 200)}
.news-strap .news-strap-image {width:100%; height:100px; background-size:cover; border-radius:10px;}
.news-strap .news-strap-headline {font:bold 16px 'Montserrat'; }

.register-quick {display:none; position:fixed; bottom:0; left:0; width:100vw; padding:20px 0 20px 0; z-index:100; border-top:2px solid #000; background:#fff; box-shadow:#fff 100px 0px 80px 100px;}
.register-quick h3 {margin:0; text-align:center;}
.register-quick h4 {margin:10px 0; text-align:center; color:#333;}
.register-quick-form {width:50%; max-width:300px; margin:auto; background:#fff;}


.modal-content {width:300px; height:auto; position:absolute; top:50px; left:50%; transform:translateX(-50%); z-index:101; padding:20px; border-radius:10px; background:#f5f7f9;}
.modal {display:none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
.modal-content h1 {margin:0;font-size:24px;}
.modal-content h1.sub-header {margin:12px -20px 0 -20px; padding:4px 0 5px 20px; font-size: 20px;}
.modal-content .data-container {max-width:100%;}
.modal-content::-webkit-scrollbar {width:8px; height:5px;}
.modal-content::-webkit-scrollbar-track {background:#f6f6f6;}
.modal-content::-webkit-scrollbar-thumb {background-color:#333;}
.modal-select {border:1px solid #d0d0d0; padding:8px 8px; width:100%; margin-bottom:10px; box-sizing:border-box; border-radius:3px; box-shadow:0 1px 0 rgb(0 0 0 / 5%), inset 0 1px 0 rgb(255 255 255 / 80%); outline:none;}
.modal-textarea {width:100%; box-sizing:border-box; border:1px solid #d0d0d0; padding:8px 8px; font-family:'Roboto', sans-serif; outline:none;}
.modal-close {position:absolute; top:10px; right:10px; font-size:20px; color:#666; cursor:pointer;}
.modal-drag {position:absolute; top:10px; right:40px; font-size:20px; color:#666; cursor:pointer;}
.swal2-popup {border-radius:10px;}
.modal-content2 {display:none; height: auto; position: absolute; width: 550px; transform: translateX(-50%); bottom: -30px; right: -275px; z-index: 101; padding:20px; border-radius:20px; background:#f5f7f9; border:2px solid #2e599d;}
.modal-content2 h1.sub-header {margin:-10px 0 5px -20px; padding:4px 0 5px 20px; font-size: 24px; background: none; color: #145b9c; font-style: italic;}
.modal-content2 .data-container {border:1px solid #e0e0e0; border-radius:20px 20px 0 0;}

.selectize-control.multi .selectize-input [data-value] {border:0; text-shadow:none; border-radius:3px;}
.selectize-control.plugin-remove_button .item .remove {padding:0 2px 0 2px !important; border-left-color:#000!important;}
.selectize-control.multi .selectize-input>div {padding:2px 2px 2px 5px!important;}

.swal2-content input {outline:none; padding:4px; font-size:20px; border:1px solid #e5e5e5; border-radius:5px;}

.ui-slider-horizontal {height:13px;}
.ui-slider-horizontal .ui-slider-handle {top:-1px; height:13px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius:0px;}

.tooltip {box-shadow:none; font-family:'Roboto'; font-size:12px; border:0!important; border-radius:5px!important; background:#666; color:white;}
.tooltip:before {
    content: '';
    position: absolute;
    left:calc(50% - 10px);
    top: 100%;
    width: 0;
    height: 0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #666;
    clear: both;}
.nav-tooltip {background:blue!important;}

.loader-bar-animated {height:10px; width:100%; overflow:hidden;}
.loader-bar-animated .loader-bar {position:relative; height:10px; width:100%; background-color:#cc0000; animation-name:loader-animation; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}

.loader {display:none;}
.loader::after, .loader::before {content: ""; position:absolute; display:inline-block; width:22px; height:22px; border-width:8px; border-color: #d0d0d0 #d0d0d0 transparent transparent; border-style:solid; border-radius:20px; box-sizing: border-box; top:12px; right:50px; animation:spinRound 0.7s ease-in-out infinite;}
.loader::after {animation:spinRound 0.7s ease-in-out 0.1s infinite; background: transparent;}

.rolling {grid-column:1/99; width:80%; max-width:80%; text-align:center; border:1px solid #dedede; border:0; background:white; margin:auto;}
.rolling p {margin:20px 0; color:#666; font:900 18px 'Montserrat';}

@keyframes loader-animation {0% {left: -100%;}49% {left: 100%;}50% {left: 100%;}100% {left: -100%;}}
@keyframes spinRound{0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}



.ui-widget {font-family:'Roboto';}
#ui-datepicker-div {border-radius: 10px; margin-top: 10px; z-index:2!important;}
.ui-datepicker .ui-datepicker-header {border-radius:10px;}
.ui-datepicker .ui-datepicker-title {font-family:'Roboto';}
.ui-datepicker .ui-datepicker-next {top:3px!important; right:0!important;}
.ui-datepicker .ui-datepicker-prev {top:3px!important; left:0!important;}
.ui-datepicker .ui-datepicker-next span {background:url('/img/circle-arrow-right-solid.svg');}
.ui-datepicker .ui-datepicker-prev span {background:url('/img/circle-arrow-left-solid.svg');}
.ui-datepicker-next-hover {border:0!important;}
.ui-datepicker-prev-hover {border:0!important;}

.swal2-styled.swal2-confirm {background:#cc0000; border-radius:20px;}

.mobile-only {display:none!important;}
.desk-only {display:inline!important;}
.mobile-nav {display:none;}


@media all and (min-width:500px){
.formguide-title .race-date {display:inline!important;}
.formguide-layout {margin-top:74px;}
}
@media all and (min-width:0px) and (max-width:800px){
html, body {overflow-x: hidden;}
body {position: relative}
.main-wrapper {padding-top:0px;}
#nextup {display:none;}
.intercom-launch.intercom-launch-fixed {display:none;}
.notification {display:none;}
body {padding-bottom:30px!important; background:#f5f7f9;}
nav {display:none; width:100vw!important; top:0!important; left:0!important; overflow:auto;}
nav ul {display:flex; flex-wrap:wrap; padding:20px 0;}
nav li {width:50%;}
nav li.bar {width:calc(100% - 10px); margin-top:10px; margin-bottom:10px;}
nav li.expander {width:100vw; padding:10px;}
nav li a {padding-top:10px; padding-bottom:10px;}
.nav-label span {display:inline; padding:0;}
.nav-collapsed .nav-label {display:inline!important;}
.nav-toggle-2 {display:none!important;}
nav .nav-toggle {display:none!important;}
.main-content {padding-left:0!important;}
section {margin-left:-20px; margin-right:0; border-radius:0!important; border-width:1px 0 1px 0!important;}
p.breadcrumb {margin-top:10px; margin-left:0;}
p.breadcrumb a {padding:5px 20px;}
.red-header {margin-left:0!important; line-height:30px;}
h1.red-header+h3 {margin-left:0; margin-top:-5px;}
.section-header {margin-left:0;}
.data-container {margin-left:-20px; margin-right:-20px; width:auto; max-width:100%; border-radius:0;}
.data-container .scroller {margin-left:-40px; margin-right:-20px; overflow:hidden;}
.data-table {margin-left:-20px; overflow-x:scroll; max-width:100vw!important;}
.data-container .scroller .data-table {margin-left:20px!important;}
.data-wrapper .data-wrap {width:calc(50% - 10px);}
.modal-content .scroller {margin-right:-20px;}
.modal-content .data-container {margin-right:-20px;}
.data-cell.sticky-first {position:sticky!important; left:0!important; z-index:1!important; max-width:150px; overflow:hidden; white-space:nowrap;}
.data-cell.full-span {position:sticky; left:0; width:100vw;}
.data-table.sticky-header .data-header {top:0px;}
.navtabs+.race-loader {margin-top:-25px;}
.races-list {overflow-y:hidden; grid-template-columns:150px 1fr!important;}
.races-list .font-20 {font-size:14px!important;}
.blank-cell {left:0; z-index:2;}
.data-slide {margin-left:-20px; padding-left:10px;}
.pills {border:0; border-radius:0; padding:0 0 5px 10px; background:none; width:calc(100vw - 10px); overflow-x:auto; margin-left:-20px;}
.pills .pill {font-size:14px;}
.button.small {padding:8px 10px; font-size:16px;}
.sticky-top {top:0!important;}
.sticky-top-84 {top:30px!important;}
.sticky-horse-silks {left:30px!important;}
.sticky-horse-details {position:sticky!important; top:57px; left:60px!important;}
.stable {margin-left:-20px!important; border-radius:0!important;}
.stable .scroller {margin-left:-20px!important;}
.stable .scroller .data-table {margin-left:0!important;}
.stable-filters {flex-direction:column; gap:0; margin-bottom:20px;}
.stable-filters .show-only-running {width:270px;}
.formguide-loading {left:0!important; width:100vw!important; border-left:0!important; border-right:0!important; border-radius:0px!important; transform:translateX(0px)!important;}
.formguide-help {display:none;}
.formguide-title {width:100vw!important; left:0!important; margin-top:0;}
.formguide-title h1 {padding:0 0 0 10px;}
.formguide-title h2 {padding:0 0 5px 10px; white-space:nowrap; overflow-x:scroll;}
.formguide-title .race-date {display:block;}
.formguide-title .race-ground {display:none;}
.formguide-title .select-meeting {font-size:24px;}
.formguide-title .select-meeting .race-number {padding:0; margin:0; display:inline-block;}
.formguide-title h2::-webkit-scrollbar {display:none!important;}
.formguide-title h2::-webkit-scrollbar-track {background:#f6f6f6!important;}
.formguide-title h2::-webkit-scrollbar-thumb {background-color:#333!important;}
.formguide-layout {overflow-x:scroll; margin-top:98px; height:calc(100vh - 147px)!important; -webkit-overflow-scrolling: touch;}
.formguide-layout .formguide-header-top-row {top:0!important;}
.formguide-layout .formguide-header-sub-row {top:29px!important;}
.formguide-layout .formguide-sort-cell {left:auto;}
.formguide-layout .formguide-sort {display:none;}
.formguide-layout .horse-number-header {left:0!important; z-index:12;}
.formguide-layout .horse-silks-header {left:0;}
.formguide-layout .horse-details-header {left:auto; top:29px!important;}
.formguide-layout .horse-number {left:0!important; z-index:11; font-size:16px; font-family:'Roboto'; flex-direction:column;}
.formguide-layout .horse-number .horse-barrier {display:block;}
.formguide-layout .horse-silks {left:0;}
.formguide-layout .horse-details {position:relative; left:auto; padding-left:0; overflow:hidden;}
.formguide-layout .horse-name {margin-top:-5px;}
.formguide-layout .horse-name-link {font-size:14px !important; font-family:'Roboto';}
.formguide-layout .horse-details .horse-form {font-size:10px!important;}
.formguide-layout .horse-name .horse-barrier {display:none;}
.formguide-layout .horse-name .horse-options {display:none!important;}
.formguide-layout .horse-silks .horse-barrier {display:block!important;}
.formguide-layout.mobile-nav-hidden {height:calc(100vh - 97px)!important;}
.formguide-footer {height:0px;}
.head-to-head-container {margin-left:0!important; margin-right:0;}
.ranking-table {margin-left:-20px; margin-right:0px; padding:10px;}
.ranking-table .ranking-row:first-child {position:relative; top:0!important;}
.ranking-row {flex-direction:column; padding-top:10px;}
.ranking-row .tipster-detail {display:block; width:auto; height:auto; background:none;}
.ranking-row .tipster-stats {flex-flow:wrap; width:calc(100% - 40px); margin:10px 0; background:white; border-radius:10px;}
.ranking-row .tipster-stats-item {flex:0 50%; padding:10px 0;}
.ranking-row .tipster-stats-item:first-child {padding-left:0;}
.ranking-row .tipster-detail {width:calc(100% - 43px);}
.ranking-row .tipster-detail:after {content:none;}
.ranking-row .tipster-side {position:absolute; top:10px; right:0px;}
.ranking-row .tipster-detail .tipster-name {margin:auto 0;}
.comps-table {margin-left:-20px; margin-right:0px; padding:10px 5px 10px 10px; border-radius:0;}
.comps-row {flex-direction:column; padding-top:10px;}
.comps-row .comp-detail {display:block; width:calc(100% - 40px); height:auto; background:none;}
.comps-row .comp-detail:after {content:none;}
.comps-row .comp-title {width:calc(100% - 50px)!important;}
.comps-row .comp-info-item:first-child {padding-left:0;}
.comps-row .comp-info {flex-flow:wrap; width:calc(100% - 40px); margin:10px 0; background:white; border-radius:10px;}
.comps-row .comp-info-item {flex:100%!important; padding:10px 0;}
.comps-row .comp-side {display:none;}


.odds-comparison-table .header-blank {padding:0!important;}
.odds-comparison-table .footer-blank {grid-column:1/3;}
.odds-comparison-table .horse-detail {left:60px; white-space:nowrap; overflow:hidden;}
.odds-comparison-table .horse-number {font-size:14px;}
.odds-comparison-table .horse-silks {left:30px;}
.odds-comparison-table .horse-name {font-size:14px;}
.odds-comparison-table .horse-name .horse-barrier {display:none;}
.odds-comparison-table .odds-open-header {position:relative; left:auto; z-index:0;}
.odds-comparison-table .odds-average-header {position:relative; left:auto; z-index:0;}
.odds-comparison-table .odds-best-header {position:relative; left:auto; z-index:0;}
.odds-comparison-table .odds-open-cell {position:relative; left:auto; z-index:0;}
.odds-comparison-table .odds-average-cell {position:relative; left:auto; z-index:0; box-shadow:inset #888 -5px 0px 10px -8px;}
.odds-comparison-table .odds-best-cell {position:relative; left:auto; z-index:0; box-shadow:inset #888 5px 0px 10px -8px;}
.odds-comparison-table .pills {margin:4px 0 0 0!important;}

.results-layout {margin-top:97px; margin-left:0;}
.sticky-top-114 {top:30px;}
.sticky-top-142 {top:0;}
.horse-stickers {display:none!important;}
.horse-since {display:none!important;}
.horse-changes {display:none!important;}
.horse-barrier {letter-spacing:0!important; font-size:12px!important;}
.horse-age-sex {font-size:10px!important;}
.formguide-detail-row {left:0!important; width:100vw!important; max-width:100vw!important;}
.formguide-detail-row .pills {margin-left:0px!important;}
.formguide-bookmaker-comments {left:0!important; width:100vw!important;}
.formguide-other-meetings {left:0!important; top:0!important; height:100vh; border-radius:0!important; border:0!important;}
.formguide-other-meetings .meeting-scroller {max-height:100vh;}
.meetings-close {top:-1px; right:60px;}
.result-title {margin-left:-10px!important;}
.race-selector a {display:none;}
.stats-boxes {flex-wrap:nowrap; overflow-x:scroll; overflow-y:hidden; margin-left:-20px; padding-bottom:10px;}
.stats-box .data-table {width:auto!important; margin-left:0!important;}
.stat-box-layout {flex-direction:column;}
.filter-boxes {width:calc(100vw - 20px); margin-left:-10px; margin-bottom:10px;}
.filter-boxes .filter-box {width:calc(50% - 10px);}
.filter-boxes .data-table-filter {width:100%!important; margin-bottom:0;}
.data-table-searcher {margin-left:-10px;}
.navtabs {max-width:100vw!important; margin-left:-20px; padding-left:20px; padding-right:50px; white-space:nowrap; overflow-x:scroll; -webkit-mask-image: linear-gradient(to right, black calc(100% - 200px), transparent 100%);}
.navtabs::-webkit-scrollbar {display:none;}
.navtabs .navtab {padding:10px 20px;}
.tab-content .data-table {width:auto; margin-left:0px;}
.modal-content {width:100vw!important; transform:none!important; left:0!important; border-radius:0!important; box-sizing:border-box;}
.modal-content h1.sub-header {padding-right:20px!important; border-radius:0;}
.modal-content img {max-width:90%!important;}
.modal-content2 {width:100vw!important; transform:none!important; left:0!important; top:0!important; border-radius:0!important; border:0; box-sizing:border-box;}
.modal-content2 .data-container {border-radius:0; border:0;}
.video-wrapper {padding:0!important;; width:100vw!important; margin-left:-20px!important; border-radius:0;}
.button.wide {width:80%;}
.cta-form-detail {width: 100%; left: 0; margin-left: 0; box-sizing: border-box; border-left: 0; border-right: 0;}
.promo-bg {width:calc(100% + 20px)!important; margin:0 0 0 -20px;}
.promo-bg h1 {font-size:30px; white-space:break-spaces;}
.promo-bg p {max-width:90%; margin:10px auto;}
.promo-bg p.promo-large {padding:0 10px;}
.promo-box {width:100%!important;}
footer {padding:10px!important; width:100vw; overflow-x:scroll;}
.window-parent {display:none!important;}
.mobile-nav {display:flex; position:fixed; bottom:0; left:0; width:100vw; z-index:99; background:#333;}
.mobile-nav .mobile-nav-section {width:20%; text-align:center;}
.mobile-nav i {display:block; font-size:14px;}
.mobile-nav a {padding:8px 0; display:inline-block; background:#333; color:#fff; text-decoration:none;}
.mobile-only {display:block!important;}
.pop-in.pop-ins-toggle {display:block!important; position:absolute; top:10px; right:10px;}
.pop-ins {display:none; top:0; bottom:auto; right:0; padding:10px; background:#fff; border:1px solid #d0d0d0; border-width:0 0 1px 1px; border-radius:0 0 0 10px;}
.pop-in {margin-bottom:10px; font-size:20px; padding:10px;}
.pop-in.mobile-nav-toggle {display:none; position:fixed; right:0!important; bottom:20px; color:#fff; background:#333!important; border:0!important; border-radius: 10px 0 0 10px;}
.pop-in.send-feedback {left:-2px; right:auto; bottom:70px; width:inherit; font-size:inherit; border-radius:0 10px 10px 0;}
.bookmaker-strap-container {margin-left:-20px;}
.bookmaker-strap {border-radius:0!important;}
.bookmaker-strap .bookmakers .bookmaker:first-child {display:none;}
.bookmaker-strap .bookmakers .bookmaker:last-child {display:none;}
.podium {margin-left:-8px!important; width:100%;}
h1.news-header {margin:10px 10px 20px 10px; font-size:24px; line-height:24px;}
h1.home-header {margin-top:20px;}
.news-container {width:100%; margin-left:-20px;}
.news-container .news-image {width:30%; padding-top:10px;}
.news-container .news-content {width:70%; padding:0 10px;}
.news-container .news-buttons {flex-direction:column;}
.news-item-info {margin-top:-11px; margin-bottom:0; font-size:14px;}
.news-item-image {margin-left:-20px;}
.news-item-caption {padding-left:0;}
.news-item-image img {width:100vw; border-radius:0;}
.news-item-image-container+.breadcrumb {margin:5px 0 -5px 0;}
.news-strap {overflow-x:scroll; white-space:nowrap; margin-left:-20px; padding-left:10px; padding-bottom:5px; -webkit-mask-image:linear-gradient(to right, black calc(100% - 100px), transparent 100%); mask-image:linear-gradient(to right, black calc(100% - 100px), transparent 100%);}
.news-strap .news-strap-item {width:100px; min-width:100px;}
.news-strap .news-strap-headline {white-space:break-spaces; font-size:14px; line-height:16px;}
footer h3 {margin:0 0 10px 4px; font-size:22px;}
footer .footer-section {width:100%;}
.desk-only {display:none!important;}
}