:root {--site-width:1000px; --runner-width:250px;}
html {background:#eee;}
body {max-width:var(--site-width); margin:auto; background:#fff;}
header {max-width:var(--site-width);}
footer {margin-top:20px; padding-bottom:0;}
.mobile-footer {display:none;}
.mobile-menu {width:var(--site-width);}

.content-scroller-container {width:calc((100% / 3) - 0.4rem)!important;}

.formguide {width:var(--site-width); height:auto; overflow:hidden;}
.formguide-top {box-shadow:none;}
.formguide-top-runner-detail {position:relative;}    
.formguide-top-runner-detail .formguide-races {display:flex;}
.formguide-title {padding:0 15px 3px 15px;}
.formguide-container {overflow:scroll; overflow-y:auto; width:var(--site-width); height:calc(100vh - 140px);}
.formguide-runner-container {position:sticky; left:0;}
.formguide-stats-container {display:flex; flex-direction:column; width:200px; border-right:1px solid #efefef;}
.formguide-stat[data-stat]:hover {background:#ffffe8; cursor:pointer;}
.formguide-horse-trainer,
.formguide-horse-jockey {width:150px;}
.formguide-header {position:sticky; top:0;}
.formguide-header-sort {margin:0 10px;}
.formguide-runner {grid-template-columns:40px 210px; cursor:pointer;}
.formguide-horse-name {width:200px;}
.formguide-horse-odds {width:50px; bottom: calc(50% - 10px); right:10px;}
.formguide-meetings {position:fixed; background:#fff;}
.formguide-meetings-container {box-shadow:rgba(0, 0, 0, 0.18) 0px 10px 10px -2px;}
.formguide-popup { overflow: hidden; width: 800px; left: 50%; margin-left: -400px; border-radius: 1rem;}
.formguide-detail {padding:0 10px;}    
.formguide-detail-scroller {width: 800px; height: calc(100vh - 230px); position: relative; transition: none;}
.formguide-table {width:auto; max-height:250px; margin-left:5px; margin-right:5px;}
.formguide-table > div {grid-template-columns:50px 35px 30px 30px 80px 20px 35px 200px 40px 100px 30px 45px; width:auto;}
.formguide-table-spell {width:auto!important;}

.stats-header .sortable {cursor:pointer;}
.stats-header .sortable:hover {background:#000;}

.modal-content {min-width:400px;}
.betlink {cursor:pointer;}
.betlink:hover {background:#ddd;}
.content-link {cursor:pointer;}
.toggler-next-item {cursor:pointer;}

::-webkit-scrollbar {width:5px; height:5px; background-color: transparent;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
::-webkit-scrollbar-thumb {background-color: #888;}
::-webkit-scrollbar-button {display:none;}
::-webkit-scrollbar-thumb:hover {background-color: #555;}