.nav-pills-sm .nav-item i {
    font-size: 11.7px;
    line-height: 35px;
    /*
	font-size: 15px;
	line-height: 45px;
	*/
}

.scratched-runner {
    text-decoration: line-through;
}

.nav-pills-sm .nav-item .nav-link {
    padding: 0 8.85px;
    height: 35px;
    width: 35px;
    margin-right: 9.56px;
    border-radius: 17.55px;
    /*
	padding:0 11.35px;
	height: 45px;
	width: 45px;
	margin-right: 12.25px;
	border-radius: 22.5px;
	*/
}

#tableFormContainer {
    width: 1090px;
    overflow-x: auto;
}

#tableForm th, #tableForm td {
    width: 130px;
}

.col-title, .raceDate {
    font-size: 18pt;
    font-weight: bold;
    color: #4f4f4f;
}

.form-position {
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
}

.formContainer {
    background-color: #efefef;
    padding: 20px;
}

.formContainer .row {
    background-color: white;
}

.horseEntryContainer table tbody td {
    font-size: 8pt;
}

.raceHorseHeader {
    border-bottom: 1px solid #e0e0e0;
}

.horseEntryContainer {
    border: 1px solid #bcbcbc;
    border-radius: 9px;
    padding: 10px;
    color: #4f4f4f;
    margin-bottom: 10px;
}

.raceHorseNumber {
    font-size: 24pt;
    font-weight: bold;
}

.raceHorseName {
    font-size: 14pt;
}

.raceHorseBreeding {
    font-size: 8pt;
}

.raceHorseEntryDetails .title, .runnerHeaderTitle {
    font-weight: bold;
    padding-right: 5px;
}

.raceHorseEntryDetails .value, .runnerHeaderValue {
    padding-left: 2px;
}

.raceHorseSilks img {
    max-height: 50px;
}

.fixedRaceTitle {
    position: fixed;
    top: 100px;
    background-color: #f3f3f3;
    z-index: 500;
    width: 100%;
    border: 1px solid #bcbcbc;
    border-radius: 0 0 9px 9px;
}

@media ( max-width: 900px ) {
    .fixedRaceTitle {
        top: 0px;
    }
}

.racesListRow {
    display: none;
    margin-top: 10px;
}

.fixedRaceTitle .racesListRow {
    display: inline-block;
}

.fixedRaceTitle {
    width: 96%;
}

@media (max-width: 768px) {
    .raceHorseNameContainer {
        height: 51px;
    }
}

#tipsPopoutButton {
    position: fixed;
    right: 0;
    top: 35%;
}

.passedTipRow > td {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.passedTipRow > td:nth-of-type(17n) {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.hiddenRating {
    display: none;
}

.no-rating {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.timeRatingNormal {
    color: #4f4f4f;
    background-color: #ffd9d5;
    border: 1px solid #4f4f4f;

}

.sectionals-small {
    font-size: 90%;
    color: #4c4141;
}

.timeRatingGood {
    border: 1px solid #7d7c7c;
    /* color: #151515;*/
    background-color: #18960f;
    color: #e6e6e6;
}

.ignoreRaceRating {
    text-decoration: line-through;
}

.raceTrackTimeline:hover {
    cursor: pointer;
    text-decoration: underline;
}

.race-rating {
    font-weight: bold;
    font-size: 16px;
}

.timeline-disc .date {
    font-style: italic;
}

ul.formGuideCompetitors {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

ul.formGuideCompetitors > li {
    padding-left: 5px;
    float: left;
    font-size: 14px;
}

.trackRatingRow {
    font-size: 105%;
}

.timeline-container ul.track-matched {
    background-color: #eaeab3;
}

.timeline-container .text-right {
    /* width: 25%; */
}

.firmTrack {
    background-color: #e4e819;
    color: #e6e6e6;
}

.goodTrack {
    background-color: #18960f;
    color: #e6e6e6;

}

.softTrack {
    background-color: #4286f4;
    color: #e6e6e6;

}

.heavyTrack {
    background-color: #af0303;
    color: #e6e6e6;

}

.trackCondBadge-lg {
    text-align: center;
    border-radius: 5px;
    font-size: 10pt;
    color: white;
    padding: 5px;
}

div.stars {
    width: 270px;
    display: inline-block;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
}

input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}

input.star-5:checked ~ label.star:before {
    color: #FE7;
    text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
    color: #F62;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}


label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}

input.fancyCheckbox {
    display: none;
}

input.fancyCheckbox ~ label:after {
    /* square */
    content: "\a\f096";
    font-family: FontAwesome;


    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
    white-space: pre;


}

input.fancyCheckbox:checked ~ label:after {
    /* square checked */
    content: "\a\f046";
    font-family: FontAwesome;
}


/* Racing Box Colors - More Prominent Professional Backgrounds */
.box-color-1 {
    background-color: rgba(220, 53, 69, 0.25); /* More prominent red */
    border: 1px solid rgba(220, 53, 69, 0.5);
    color: #495057;
}

.box-color-2 {
    background: linear-gradient(45deg, rgba(33, 37, 41, 0.2) 25%, rgba(248, 249, 250, 0.9) 25%, rgba(248, 249, 250, 0.9) 50%, rgba(33, 37, 41, 0.2) 50%, rgba(33, 37, 41, 0.2) 75%, rgba(248, 249, 250, 0.9) 75%);
    background-size: 8px 8px;
    border: 1px solid rgba(33, 37, 41, 0.5);
    color: #495057;
}

.box-color-3 {
    background-color: rgba(248, 249, 250, 0.95); /* More prominent white */
    border: 1px solid rgba(108, 117, 125, 0.5);
    color: #495057;
}

.box-color-4 {
    background-color: rgba(0, 123, 255, 0.25); /* More prominent blue */
    border: 1px solid rgba(0, 123, 255, 0.5);
    color: #495057;
}

.box-color-5 {
    background-color: rgba(255, 193, 7, 0.35); /* More prominent yellow */
    border: 1px solid rgba(255, 193, 7, 0.6);
    color: #495057;
}

.box-color-6 {
    background-color: rgba(40, 167, 69, 0.25); /* More prominent green */
    border: 1px solid rgba(40, 167, 69, 0.5);
    color: #495057;
}

.box-color-7 {
    background-color: rgba(33, 37, 41, 0.25); /* More prominent black */
    border: 1px solid rgba(33, 37, 41, 0.5);
    color: #495057;
}

.box-color-8 {
    background-color: rgba(233, 30, 99, 0.25); /* More prominent pink */
    border: 1px solid rgba(233, 30, 99, 0.5);
    color: #495057;
}

.box-color-9 {
    background: linear-gradient(45deg, rgba(40, 167, 69, 0.2) 25%, rgba(248, 249, 250, 0.9) 25%, rgba(248, 249, 250, 0.9) 50%, rgba(40, 167, 69, 0.2) 50%, rgba(40, 167, 69, 0.2) 75%, rgba(248, 249, 250, 0.9) 75%);
    background-size: 8px 8px;
    border: 1px solid rgba(40, 167, 69, 0.5);
    color: #495057;
}

.box-color-10 {
    background: linear-gradient(120deg, rgba(220, 53, 69, 0.2) 33%, rgba(248, 249, 250, 0.9) 33%, rgba(248, 249, 250, 0.9) 66%, rgba(0, 123, 255, 0.2) 66%);
    border: 1px solid rgba(108, 117, 125, 0.5);
    color: #495057;
}

.rugColourHistory {
    padding: 2px 8px;
    border-radius: 4px;
    opacity: 0.7;
}

/* Ensure box colors work well with existing race horse number styling */
.raceHorseNumber.box-color-1,
.raceHorseNumber.box-color-2,
.raceHorseNumber.box-color-3,
.raceHorseNumber.box-color-4,
.raceHorseNumber.box-color-5,
.raceHorseNumber.box-color-6,
.raceHorseNumber.box-color-7,
.raceHorseNumber.box-color-8,
.raceHorseNumber.box-color-9,
.raceHorseNumber.box-color-10 {
    border-radius: 8px;
    padding: 8px 12px;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}

@media ( min-width: 1200px ) {
    .modal-lg {
        max-width: 1200px;
    }
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.page-refresh-loading-wrap {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -9999;
    opacity: 0
}

.page-refresh-loading-wrap.punters-page {
    background-image: url('//dnu5embx6omws.cloudfront.net/theme_puntersparadise/loader-2.gif')
}

.page-refresh-loading-wrap.oddss-page {
    background-image: url('//dnu5embx6omws.cloudfront.net/icons/odds-loader.gif')
}

.page--show-loading .page-refresh-loading-wrap {
    z-index: 0;
    opacity: 1
}

.odds-comparison-full-width {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.odds-comparison-full-width.odds-comparison-full-width--show {
    display: block !important
}

@media only screen and (max-width: 1160px) {
    .odds-comparison-full-width {
        margin: 20px auto 40px
    }
}

.odds-comparison-full-width .toggle-button {
    float: left
}

.oc-table-wrap {
    -webkit-transition: max-height 0.2s ease-out;
    -moz-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
    max-height: 0;
    overflow: hidden
}

.oc-table-wrap .oc-table__headline {
    display: none
}

.oc-tables {
    position: relative;
    width: calc(100% - 70px)
}

@media only screen and (max-width: 929px) {
    .oc-tables {
        width: calc(100% - 40px)
    }
}

.oc-tables .scrollable-indicator {
    display: none
}

.oc-table-title {
    background-color: #fff;
    max-width: calc(1178px - 34px);
    margin-left: auto;
    margin-right: auto;
    padding: 16px 17px 10px;
    border-bottom: 1px solid #f3f3f7;
    text-transform: capitalize;
    font-size: 19px;
    letter-spacing: -0.6px;
    font-weight: 700
}

.oc-tables--scroll-show .scrollable-indicator {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    text-align: center;
    top: 0;
    right: 0;
    min-width: 20px;
    height: auto;
    opacity: 0.5;
    cursor: pointer;
    background: #dadada;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.oc-tables--scroll-show .scrollable-indicator:not(.scroll-to-right) .scrollable-indicator__icon {
    margin-left: 4px;
    -webkit-transform: rotate(131deg);
    -ms-transform: rotate(131deg);
    transform: rotate(131deg)
}

.oc-tables--scroll-show .scrollable-indicator .scrollable-indicator__icon {
    border-color: #696962;
    margin-left: -4px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.oc-tables--scroll-show .scrollable-indicator:hover {
    opacity: 0.9
}

.oc-tables--scroll-show .scrollable-indicator:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.oc-tables--scroll-show .oc-table .oc-table-tr .border-line {
    width: calc(100% - 20px)
}

.oc-tables-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    max-width: 1178px;
    margin: 0 auto
}

.show-more {
    position: absolute;
    width: 100%;
    height: 46px;
    background: #fff;
    opacity: 0.8;
    bottom: 34px;
    left: 0;
    text-align: center
}

.show-more .show-more-btn {
    width: 100%;
    line-height: 44px;
    font-size: 15px;
    cursor: pointer;
    display: block;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-weight: bolder;
    color: #4a4a4a
}

.oc-table {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.oc-table .oc-table-tr > div.oc-table-td {
    background-color: #fff
}

.oc-table .oc-table-tr:nth-child(2n) {
    background-color: #f9f9f9
}

.oc-table .oc-table-tr:nth-child(2n) > div.oc-table-td {
    background-color: #f9f9f9
}

.oc-table .oc-table-tr:nth-child(2n) .bet-sign:before {
    border-color: transparent transparent transparent #f9f9f9
}

.oc-table .oc-table-tr:nth-child(2n) .bet-sign:after {
    border-color: transparent transparent #f9f9f9 transparent
}

.oc-table .oc-table-tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.oc-table .oc-table-tr .oc-table-td {
    min-width: 36px;
    height: 44px;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    box-sizing: border-box
}

.oc-table .oc-table-tr .oc-table-td:first-child {
    border-left: 0
}

.oc-table .oc-table-tr .oc-table-td.market-percentage {
    line-height: 45px;
    border-bottom: 0
}

.oc-table .oc-table-tr .oc-table-td.quickbet-betslip:hover .oc-table-link {
    -webkit-transform: translate(0, 12px);
    -ms-transform: translate(0, 12px);
    transform: translate(0, 12px)
}

.oc-table .oc-table-tr .oc-table-td.quickbet-betslip:hover .oc-table-link .bet-sign {
    opacity: 1
}

.oc-table .oc-table-tr .oc-table-td:hover ~ .border-line {
    opacity: 1
}

.oc-table .oc-table-tr .oc-table-td.crownbet-line:hover ~ .border-line {
    border: 1px solid #783075;
    border-left: 0;
    border-right: 0
}

.oc-table .oc-table-tr .oc-table-td.ubet-line:hover ~ .border-line {
    border-color: #3c3c3c
}

.oc-table .oc-table-tr .oc-table-td.ladbrokes-line:hover ~ .border-line {
    border-color: #eb1c24
}

.oc-table .oc-table-tr .oc-table-td.sportsbet-line:hover ~ .border-line {
    border-color: #30a5dd
}

.oc-table .oc-table-tr .oc-table-td.williamhill-line:hover ~ .border-line {
    border-color: #00143C
}

.oc-table .oc-table-tr .oc-table-td.luxbet-line:hover ~ .border-line {
    border-color: #b21e3c
}

.oc-table .oc-table-tr .oc-table-td.unibet-line:hover ~ .border-line {
    border-color: #147B45
}

.oc-table .oc-table-tr .oc-table-td.palmerbet-line:hover ~ .border-line {
    border-color: #8391c0
}

.oc-table .oc-table-tr .oc-table-td.bookmaker-line:hover ~ .border-line {
    border-color: #000000
}

.oc-table .oc-table-tr .oc-table-td.bet365-line:hover ~ .border-line {
    border-color: #0b7a5d
}

.oc-table .oc-table-tr .oc-table-td.betstar-line:hover ~ .border-line {
    border-color: #034ea2
}

.oc-table .oc-table-tr .oc-table-td.centrebet-line:hover ~ .border-line {
    border-color: #231f20
}

.oc-table .oc-table-tr .oc-table-td.stab-line:hover ~ .border-line {
    border-color: #008952
}

.oc-table .oc-table-tr .oc-table-td.nswtab-line:hover ~ .border-line {
    border-color: #008952
}

.oc-table .oc-table-tr .oc-table-td.betfair-line:hover ~ .border-line {
    border-color: #ffb80c
}

.oc-table .oc-table-tr .oc-table-td.topbetta-line:hover ~ .border-line {
    border-color: #202b35
}

.oc-table .oc-table-tr .oc-table-td.pointsbet-line:hover ~ .border-line {
    border-color: #000000
}

.oc-table .oc-table-tr .border-line {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    height: 43px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 0;
    border-right: 0;
    background: transparent;
    pointer-events: none;
    margin-top: -1px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out
}

.oc-table .oc-table-body {
    border-bottom: 1px solid #696962
}

.oc-table ul li {
    list-style-type: none
}

.oc-table .bookie-deal-title, .oc-table .free-bet-title, .oc-table .market-percentage-title, .oc-table .quickbet-enabled-title {
    color: #7c8482;
    margin-right: 5px;
    font-size: 11px;
    text-align: right
}

.oc-table .quickbet-enabled-img, .oc-table .quickbet-enabled-title {
    float: right
}

.oc-table .quickbet-enabled-img {
    margin: 2px 5px 0 0
}

.oc-table .free-bet-amount {
    text-align: center;
    font-size: 9px;
    cursor: pointer
}

.oc-table .bookie-deal .circle-white {
    cursor: pointer;
    width: 17px;
    border-radius: 17px;
    height: 17px;
    font-size: 13px;
    background-color: #fff;
    padding: 0;
    display: block;
    text-align: center;
    font-weight: 700;
    line-height: 17px;
    margin: auto
}

.oc-table .bookie-deal .betting-promotion {
    border-radius: 7px;
    position: absolute;
    width: 310px;
    z-index: 9999;
    padding: 12px
}

.oc-table .bookie-deal .betting-promotion-logo {
    display: block;
    margin: 0 auto 15px auto
}

.oc-table .bookie-deal .betting-promotion-modal-terms {
    opacity: 0.8;
    font-size: 10px;
    color: #cccccc
}

.oc-table .bookie-deal .claim-deal {
    margin: 10px 0
}

.oc-table .bookie-deal .claim-deal a {
    padding: 10px;
    border-radius: 3px
}

.oc-table .bookie-deal .claim-deal a:hover {
    text-decoration: none
}

.oc-table .bookie-deal .betting-promotion-arrow {
    width: 0;
    height: 0;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-bottom-width: 15px;
    border-bottom-style: solid;
    position: absolute;
    top: -15px
}

.oc-table .bookie-deal .betting-promotion-arrow.arrow-right {
    right: 40px
}

.oc-table .bookie-deal .betting-promotion-arrow.arrow-left {
    left: 40px
}

.oc-table .competitor-cell {
    border: 0
}

.oc-table .competitor-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-family: 'Roboto', sans-serif
}

.oc-table .competitor-info .silk {
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.oc-table .competitor-info .silk img {
    height: 32px;
    vertical-align: text-top
}

.oc-table .competitor-info .silk .result-icon {
    display: none
}

.oc-table .competitor-info .competitor-details {
    float: left
}

.oc-table .competitor-info .details {
    font-size: 13px
}

.oc-table .competitor-info .racing-details {
    font-size: 13px;
    color: #155028;
    font-weight: 500
}

.oc-table .competitor-info .racing-details > a {
    color: #155028
}

.oc-table .competitor-info .racing-details > a:hover {
    color: #4bb748;
    text-decoration: none
}

.oc-table .competitor-info .racing-details .competitor-number {
    font-size: 13px;
    float: left
}

.oc-table .competitor-info .racing-details .competitor-info__horse-name {
    max-width: 118px;
    position: relative;
    white-space: nowrap;
    display: block;
    float: left;
    text-overflow: ellipsis
}

.oc-table .competitor-info .racing-details .competitor-info__horse-name > a {
    color: #155028
}

.oc-table .competitor-info .racing-details .competitor-info__horse-name > a:hover {
    color: #4bb748;
    text-decoration: none
}

.oc-table .competitor-info .racing-details .competitor-info__horse-name .hover-content__bb-body {
    white-space: normal
}

.oc-table .competitor-info .racing-details .competitor-info__horse-name .hover-content__section {
    white-space: normal
}

.oc-table .competitor-info .racing-details .competitor-info__jockey-name {
    display: block;
    font-size: 11px;
    font-weight: normal;
    float: left;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.oc-table .competitor-info .racing-details .competitor-info__jockey-name > a {
    color: #155028
}

.oc-table .competitor-info .racing-details .competitor-info__jockey-name > a:hover {
    color: #4bb748;
    text-decoration: none
}

.oc-table .competitor-info .racing-details .competitor-info__jockey-name b {
    color: #333732
}

.oc-table .competitor-info .racing-sub-info {
    font-size: 11px;
    color: #888888
}

.oc-table .competitor-info .racing-sub-info a {
    color: #888888;
    text-decoration: none
}

.oc-table .competitor-info .racing-sub-info a:hover {
    text-decoration: underline
}

.oc-table.interim .silk img, .oc-table.resulted .silk img {
    opacity: 0.1
}

.oc-table.interim .silk .result-icon, .oc-table.resulted .silk .result-icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: none
}

.oc-table.interim .silk.result-value-1 img, .oc-table.interim .silk.result-value-2 img, .oc-table.interim .silk.result-value-3 img, .oc-table.resulted .silk.result-value-1 img, .oc-table.resulted .silk.result-value-2 img, .oc-table.resulted .silk.result-value-3 img {
    display: none
}

.oc-table.interim .silk.result-value-1 .result-icon, .oc-table.interim .silk.result-value-2 .result-icon, .oc-table.interim .silk.result-value-3 .result-icon, .oc-table.resulted .silk.result-value-1 .result-icon, .oc-table.resulted .silk.result-value-2 .result-icon, .oc-table.resulted .silk.result-value-3 .result-icon {
    display: block
}

.oc-table.interim .silk__not-racing .result-icon, .oc-table.resulted .silk__not-racing .result-icon {
    margin-top: -2px
}

.oc-table.interim .silk__not-racing .competitor-details, .oc-table.resulted .silk__not-racing .competitor-details {
    margin-left: 1px
}

.oc-table .quickbet-enabled i.tick {
    position: relative;
    right: -32px;
    top: 2px
}

.oc-table .quickbet-enabled i.tick:after, .oc-table .quickbet-enabled i.tick:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.oc-table .quickbet-enabled i.tick:before {
    border: 2px solid #4bb748;
    top: 7px;
    left: -23px;
    height: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.oc-table .quickbet-enabled i.tick:after {
    border: 2px solid #4bb748;
    top: 2px;
    left: -17px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.oc-table .quickbet-enabled .bet-tick {
    text-align: center;
    position: relative
}

.oc-table .quickbet-enabled .bet-tick .checkmark {
    display: inline-block;
    width: 32px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -13px
}

.oc-table .quickbet-enabled .bet-tick .stem {
    border: 2px solid #4bb748;
    top: 10px;
    left: 8px;
    height: 4px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.oc-table .quickbet-enabled .bet-tick .kick {
    border: 2px solid #4bb748;
    top: 5px;
    left: 14px;
    height: 8px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.oc-table .market-percentage, .oc-table .ppodds {
    text-align: center;
    color: #888888;
    font-family: "AvenirLT-Roman"
}

.oc-table .market-percentage.best, .oc-table .ppodds.best {
    font-weight: bold
}

.oc-table .market-percentage.best a, .oc-table .ppodds.best a {
    color: #000000
}

.oc-table .oc-table__sparkline.oc-table-td {
    border-left: 0;
    min-width: 47px;
    padding-right: 6px
}

.oc-table .oc-table__sparkline.oc-table-td:after, .oc-table .oc-table__sparkline.oc-table-td:before {
    display: table;
    content: "";
    line-height: 0
}

.oc-table .oc-table__sparkline.oc-table-td:after {
    clear: both
}

.oc-table .flucs .OddsGraphOuter {
    width: 474px;
    height: 214px;
    float: left
}

.oc-table .flucs .OddsGraph {
    width: 474px;
    height: 200px
}

.oc-table .flucs .OddsGraph .tickLabel {
    padding-right: 2px;
    color: #888888;
    font-size: 11px
}

.oc-table .flucs .OddsGraphLegend {
    float: left;
    width: 81px;
    padding: 7px 0 0 2px
}

.oc-table .flucs {
    font-size: 11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.oc-table .flucs a {
    padding-right: 5px
}

.oc-table .flucs span {
    display: block;
    color: #888888
}

.oc-table .flucs .spark {
    float: left;
    height: 15px;
    padding-top: 3px
}

.oc-table .flucs .in {
    color: #4bb748
}

.oc-table .flucs .out {
    color: #d63733
}

.oc-table .flucs .movement {
    padding-top: 7px
}

.oc-table .sprite-allsites-view-form {
    padding-left: 2px
}

.oc-table .sprite-allsites-view-graph {
    padding: 1px
}

.oc-table .quickbet-promo {
    margin: 5px 0 20px;
    width: 100%
}

.oc-table .quickbet-promo.quickbet-promo--large {
    width: 807px
}

.oc-table .ppodds.down {
    -webkit-animation-name: pricedown;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-name: pricedown;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards
}

.oc-table .oc-table-body .oc-table-tr:nth-child(2n) .oc-table-td.ppodds.down {
    animation-name: pricedownzebra
}

.oc-table .ppodds.up {
    -webkit-animation-name: priceup;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-name: priceup;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards
}

.oc-table .oc-table-body .oc-table-tr:nth-child(2n) .oc-table-td.ppodds.up {
    animation-name: priceupzebra
}

.oc-table-link {
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 45px;
    position: relative;
    font-size: 13px;
    color: #696962
}

.oc-table-link:hover {
    color: #696962;
    text-decoration: none
}

.bet-sign {
    -webkit-transform: translate(0, -12px);
    -ms-transform: translate(0, -12px);
    transform: translate(0, -12px);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    width: 100%;
    height: 19px;
    left: 0;
    top: 0;
    line-height: 15px;
    font-size: 11px;
    text-transform: capitalize;
    opacity: 0;
    color: #fff
}

.bet-sign:after, .bet-sign:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 11px
}

.bet-sign:before {
    border-width: 8px 0 0 29px;
    border-color: transparent transparent transparent #fff;
    left: 0
}

.bet-sign:after {
    border-width: 0 0 8px 29px;
    border-color: transparent transparent #fff transparent;
    right: 0
}

.oc-category {
    border: 1px solid #46B941;
    padding: 14px 12px 4px;
    cursor: pointer;
    position: relative
}

.oc-category:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.oc-category .oc-category__title {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 14px
}

.oc-category .oc-category__arrow {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 50%;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    background-size: 100%;
    background: #4a4a4a url('//dnu5embx6omws.cloudfront.net/odds/icons/general/SVG/arrow.svg') no-repeat center
}

.oc-category.oc-category--active .oc-category__title {
    color: #4bb748
}

.oc-category.oc-category--active .oc-category__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #4bb748
}

.oc-category:hover .oc-category__title {
    color: #4bb748
}

.oc-category:hover .oc-category__arrow {
    background-color: #4bb748
}

.oc-table-cont--left {
    min-width: 265px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.oc-table-cont--left .oc-table {
    position: relative
}

.oc-table-cont--left .oc-table:before {
    content: "";
    width: 20px;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.06;
    position: absolute;
    right: -20px;
    top: 0;
    pointer-events: none;
    z-index: 0
}

.oc-table-cont--left .oc-table-head {
    box-sizing: border-box;
    height: 118px;
    border-bottom: 1px solid #dadada
}

.oc-table-cont--left .oc-table-tr {
    border-bottom: 1px solid #dadada;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 44px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.oc-table-cont--left .oc-table-td {
    box-sizing: border-box
}

.oc-table-cont--left .oc-table-foot .oc-table-tr {
    border: 0;
    height: 34px
}

.oc-table-cont--left .oc-table-foot .oc-table-td {
    width: calc(100% - 5px);
    border: 0;
    height: 34px
}

.oc-table-cont--left .oc-table-foot .oc-table__market-percentage-title {
    font-family: 'Roboto', sans-serif;
    text-align: right;
    font-size: 11px;
    line-height: 41px
}

.oc-table-cont--left .oc-table-foot .market-percentage-title {
    cursor: pointer;
    -webkit-transition: color 0.1s ease-out;
    -moz-transition: color 0.1s ease-out;
    -o-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out
}

.oc-table-cont--left .oc-table-foot .market-percentage-title:hover {
    color: #155028
}

.event-description-area {
    background-color: #fff;
    white-space: normal;
    text-align: left;
    max-width: 300px;
    border: 0
}

.event-description-area:nth-of-type(2) {
    padding: 12px 0;
    display: block;
    overflow: hidden;
    box-sizing: content-box;
    line-height: 1;
    border-top: 1px solid #dadada;
    max-width: 600px;
    clear: both
}

.event-description-area .description {
    text-transform: uppercase;
    margin: 0;
    padding-left: 8px;
    font-size: 14px;
    line-height: 19px;
    font-weight: normal
}

.event-description-area .event-status-text {
    padding-left: 8px
}

.event-description-area .event-status-text:after, .event-description-area .event-status-text:before {
    display: table;
    content: "";
    line-height: 0
}

.event-description-area .event-status-text:after {
    clear: both
}

.event-description-area .event-status-text abbr {
    margin-top: 2px;
    border-bottom: none;
    border: 0;
    text-decoration: none;
    float: left
}

.event-description-area .event-status-text.closed .clock {
    background-color: #d63733
}

.event-description-area .event-status-text.suspended .clock {
    background-color: #e8d714
}

.event-description-area .event-status-text.inplay .clock {
    background-color: #2490c8
}

.event-description-area .event-status-text.open .clock {
    background-color: #46b941
}

.event-description-area .clock {
    border-radius: 7px;
    height: 15px;
    width: 15px;
    position: relative;
    margin-right: 4px;
    margin-top: 2px;
    float: left
}

.event-description-area .clock:after, .event-description-area .clock:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    border-right: 1px solid #fff
}

.event-description-area .clock:before {
    left: 6px;
    top: 3px;
    height: 5px
}

.event-description-area .clock:after {
    left: 8px;
    top: 7px;
    height: 4px;
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg)
}

.event-description-area .bonus-bet-amount {
    display: inline-block;
    float: right;
    padding-right: 6px;
    font-size: 11px;
    text-transform: capitalize;
    color: #7c8482
}

.oc-table-cont--right {
    background-color: #fff;
    max-width: 900px
}

.oc-table-cont--right .oc-table-head {
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.oc-table-cont--right .oc-table-head:nth-of-type(2) {
    border-top: 1px solid #efefef
}

.oc-table-cont--right .oc-table-body {
    display: inline-block
}

.oc-table-cont--right .oc-table-td {
    overflow: hidden
}

.oc-table-cont--right .oc-table-th {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 36px;
    min-width: 36px;
    height: 79px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    position: relative
}

.oc-table-cont--right .oc-table-th:last-of-type {
    border: 0
}

.oc-table-cont--right .oc-table-th:hover .oc-table-betting-promo {
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto
}

.oc-table-cont--right .table-head__bonus-bet {
    height: auto;
    padding: 9.5px 0
}

.oc-table-cont--right .table-head__bonus-bet .bonus-bet__link {
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block
}

.oc-table-cont--right .oc-table-foot {
    display: inline-block;
    font-size: 11px
}

.oc-table-cont--right .oc-table-foot .oc-table-tr .oc-table-td.market-percentage {
    line-height: 41px;
    height: 34px
}

.oc-table-cont--right .oc-table-foot .oc-table__market-percentage-title {
    line-height: 44px
}

.bettype-wrap {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding-left: 13px;
    padding-top: 19px
}

.bettype-wrap .bettype__title {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal
}

.bettype__switcher {
    margin: 0 0 9px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border: 1px solid #696962
}

.bettype__button {
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 1;
    width: 42px;
    padding: 7px 0 5px;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    position: relative
}

.bettype__button:hover:not(.eventActive) {
    opacity: 0.7
}

.bettype__button:first-child {
    border-right: 1px solid #4a4a4a
}

.bettype__button:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.bettype__button a {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    color: #4a4a4a;
    text-decoration: none
}

.bettype__button.eventActive {
    background-color: #4a4a4a
}

.bettype__button.eventActive a {
    font-weight: bold;
    color: #fff
}

.oc-table__bookie-deal {
    position: absolute;
    width: 36px;
    height: 10px;
    top: -10px;
    left: 0
}

.oc-table__bookie-deal:after, .oc-table__bookie-deal:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.oc-table__bookie-deal:before {
    border-width: 10px 18px 0 0;
    border-color: #efefef transparent transparent transparent;
    left: 0
}

.oc-table__bookie-deal:after {
    border-width: 0 18px 10px 0;
    border-color: transparent #efefef transparent transparent;
    right: 0
}

.bookie-deal__dot {
    width: 3px;
    height: 3px;
    background-color: #fff;
    display: block;
    border-radius: 3px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.page--show-loading .oc-table__bookie-deal {
    display: none
}

.oc-table-betting-promo {
    position: absolute;
    width: 229px;
    height: auto;
    left: 50%;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.28);
    -ms-transform: translate(-50%, 21px);
    transform: translate(-50%, 21px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-out;
    border-radius: 5px
}

.oc-table-betting-promo__header {
    padding: 14.5px 40px
}

.oc-table-betting-promo__main {
    text-align: center;
    padding: 16px 12px
}

.oc-table-betting-promo__main-text {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 22px;
    color: #333732
}

.oc-table-betting-promo__main-terms {
    color: #155028;
    font-size: 12px;
    text-decoration: none
}

.oc-table-betting-promo__main-terms:hover {
    text-decoration: none
}

.oc-table-betting-promo__cta {
    width: 84px;
    border-radius: 3px;
    background-color: #4bb748;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    padding: 12.5px 0;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 26px
}

.oc-table-betting-promo__cta:hover {
    color: #fff
}

.oc-table__show-more {
    display: block;
    text-transform: uppercase;
    color: #333732;
    text-align: center;
    font-family: "AvenirLT-Heavy";
    position: relative;
    border-top: 1px solid #dadada;
    padding: 10px 0 6px;
    font-size: 13px;
    background-color: #f9f9f9;
    cursor: pointer
}

.oc-table__show-more:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: -51px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    background-repeat: repeat-x
}

.oc-table__show-more:hover {
    text-decoration: none;
    background-color: #fff
}

.oc-table__header-area {
    height: 90px;
    background-color: #fff;
    font-family: "Helvetica Neue", sans-serif;
    position: relative;
    border-bottom: 1px solid #dadada
}

.oc-table__header-area--inner {
    padding: 17px 20px;
    overflow: hidden
}

.oc-table__header-area--left {
    border-bottom: 1px solid #dadada
}

.oc-table__header-area--left:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 50px;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #dadada
}

.oc-table__event-time-clock {
    float: left;
    margin: 14px 17px 0 0
}

.oc-table__countdown {
    float: left;
    margin: 5px 0;
    color: #333732;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
    width: 60%
}

.oc-table__countdown.isPast {
    color: #d63733
}

.oc-table__timestamp {
    color: #7c8482;
    font-size: 13px;
    line-height: 15px;
    float: left
}

.oc-table__event-name {
    float: left;
    max-width: 80%
}

.oc-table__event-name-full {
    color: #333732;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
    margin: 5px 0
}

.oc-table__event-description {
    color: #7c8482;
    font-size: 13px;
    line-height: 15px;
    max-width: 457px
}

.oc-table__form-guide-link {
    color: #333732;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    float: right;
    margin: 16px 0
}

.oc-table__form-guide-link--text {
    margin-right: 2px;
    top: 1px;
    position: relative;
    line-height: 24px
}

.oc-table__form-guide-link--text:hover {
    text-decoration: none
}

.oc-table__form-guide-link--text:hover .oc-table__form-guide-link--icon {
    background-color: #4bb748
}

.oc-table__form-guide-link--icon {
    color: #fff;
    background: #333732 url('//dnu5embx6omws.cloudfront.net/icons/Arrow-white-right2.svg') no-repeat center;
    background-size: 13px 13px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 2px
}

.the-padder {
    display: none;
    height: 15px;
    background-color: #efefef
}

.oc-table__bookie-img {
    color: #fff;
    font-size: 9px
}

.odds-comparison-table-wrapper--futures {
    max-width: 1024px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.odds-comparison-table-wrapper--futures .betting-promotions-form-guide, .odds-comparison-table-wrapper--futures .odds-comparison-full-width, .odds-comparison-table-wrapper--futures .odds-comparison-full-width--show {
    display: none
}

.odds-comparison-table-wrapper--futures .tables-container {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute
}

@-webkit-keyframes pricedown {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #FDFDFD
    }
}

@keyframes pricedown {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #FDFDFD
    }
}

@-webkit-keyframes pricedownzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #f9f9f9
    }
}

@keyframes pricedownzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #f9f9f9
    }
}

@-webkit-keyframes priceup {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #FDFDFD
    }
}

@keyframes priceup {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #FDFDFD
    }
}

@-webkit-keyframes priceupzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #f9f9f9
    }
}

@keyframes priceupzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #f9f9f9
    }
}

.race-nav .race-nav__title {
    padding-top: 2px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #7c8482
}

.race-nav ul {
    float: left;
    margin-left: 20px
}

.race-nav li {
    float: left;
    display: table;
    margin: 0 3px;
    border-radius: 100%;
    max-width: 24px;
    overflow: hidden
}

.race-nav .open a, .race-nav a {
    color: #4bb748;
    border-radius: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 15px;
    text-decoration: none
}

.race-nav .open a:hover, .race-nav a:hover {
    background-color: #4bb748;
    color: #fff;
    text-decoration: none;
    font-weight: bold
}

.race-nav .eventActive a {
    background-color: #4bb748;
    color: #fff;
    font-weight: bold
}

.race-nav .eventActive.closed a {
    color: #fff
}

.race-nav .closed a {
    color: #7c8482
}

.race-nav .closed a:hover {
    color: #fff
}

.pp-slider {
    width: 150px;
    float: left;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px
}

.pp-slider .pp-slider-scale {
    height: 17px;
    width: 120px;
    float: left;
    cursor: pointer
}

.pp-slider .pp-slider-scale .pp-slider-line {
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    height: 1px;
    background-color: #ADADAD;
    position: relative;
    top: -12px;
    left: 0px;
    z-index: 0
}

.pp-slider .pp-slider-scale .pp-slider-button {
    width: 12px;
    border-radius: 2px;
    border: 1px solid #adadad;
    height: 16px;
    position: relative;
    top: -2px;
    left: 0px;
    background-color: #efefef;
    cursor: pointer;
    z-index: 1
}

.pp-slider .pp-slider-scale .pp-slider-button .pp-slider-divies {
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
    position: relative;
    left: 3px;
    top: 3px;
    width: 4px;
    height: 10px
}

.pp-slider .pp-slider-scale .pp-slider-button:hover {
    border-color: #777;
    background-color: #eee
}

.pp-slider .pp-slider-scale .pp-slider-tooltip {
    width: 24px;
    height: 20px;
    position: relative;
    top: -3px;
    left: 0px;
    text-align: center;
    font-size: 10px;
    color: #aaa
}

.pp-slider .pp-slider-min {
    float: left;
    width: 15px;
    color: #aaa;
    font-size: 10px
}

.pp-slider .pp-slider-max {
    float: left;
    width: 15px;
    color: #aaa;
    font-size: 10px;
    text-align: right
}

.result-value-1 .result-icon, .result-value-2 .result-icon, .result-value-3 .result-icon, .result-value .result-icon {
    border-radius: 12px;
    color: #FFFFFF;
    float: left;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    background-color: #7c8482
}

.result-value-1 .result-icon {
    background-color: #47b848
}

.result-value-2 .result-icon, .result-value-3 .result-icon {
    background-color: #27a7df
}

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2147483647;
    text-align: left;
    border: 6px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%
}

.facebox_hide {
    z-index: -100
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99
}

.login-container-style {
    background-color: #fff;
    border-radius: 3px;
    padding-top: 5px;
    z-index: 100;
    -webkit-box-shadow: 2px 12px 13px 0 rgba(79, 77, 79, 0.1);
    -moz-box-shadow: 2px 12px 13px 0 rgba(79, 77, 79, 0.1);
    box-shadow: 2px 12px 13px 0 rgba(79, 77, 79, 0.1)
}

.login-container-style:after {
    content: '';
    width: 0;
    height: 0;
    left: 260px;
    margin-top: -361px;
    position: absolute;
    border-bottom: 18px solid rgba(0, 0, 0, 0);
    border-right: 14px solid #fff;
    border-top: 18px solid rgba(0, 0, 0, 0);
    z-index: 6;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.login-container-style .header {
    color: #fff;
    position: relative
}

.login-container-style .header:after {
    content: '';
    width: 0;
    height: 0;
    left: 260px;
    margin-top: -35px;
    position: absolute;
    border-bottom: 18px solid rgba(0, 0, 0, 0);
    border-top: 18px solid rgba(0, 0, 0, 0);
    z-index: 6;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.login-container-style .closeFace {
    float: right;
    display: inline-block;
    background: url('//dnu5embx6omws.cloudfront.net/sprites/allsites_69.png') no-repeat -34px -125px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    cursor: pointer
}

#facebox .popup {
    position: relative;
    background: url("//dnu5embx6omws.cloudfront.net/background/noise.gif") repeat scroll -70% 0 #fff;
    border: 1px solid #dadada;
    border: 0;
    padding: 0;
    -moz-box-shadow: 0px 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px
}

#facebox .popup > .loading {
    top: 43px;
    position: relative;
    left: 50%;
    padding: 40px
}

#facebox .popup > .header {
    border: 1px solid #42b045;
    border-bottom: 0px;
    background-color: #2d782f;
    padding: 7px 0px 7px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    display: block;
    height: 18px
}

#facebox .popup > .content {
    padding: 15px 20px 20px 20px
}

#facebox .popup > .image {
    text-align: center
}

#facebox .popup > .content.limited {
    overflow: auto;
    height: 300px
}

#facebox .popup > .content.noFooter {
    border-bottom: 1px solid #155028;
    overflow: auto;
    height: 300px
}

#facebox .popup > .footer {
    border: 1px solid #dadada;
    text-align: right;
    background-color: #f9f9f9;
    padding: 7px;
    padding-top: 9px;
    padding-right: 0px;
    width: auto
}

#facebox .popup.noFooter > .footer {
    padding: 0px
}

#facebox .popup.noFooter > .footer > .footerL {
    padding: 0px
}

#facebox .popup > .footer > .footerL {
    float: left;
    width: auto;
    text-align: left;
    padding: 5px 0px 0px 10px
}

#facebox .popup > .footer > .footerR {
    float: right;
    width: auto;
    text-align: right
}

#facebox .popup > .footer > .footerR .fbButton {
    float: right;
    width: auto;
    margin-right: 10px
}

.new-facebox #facebox {
    border: none
}

.new-facebox #facebox h3 {
    font-size: 15px
}

.new-facebox #facebox .popup {
    color: #7c8482;
    text-align: center;
    margin: auto;
    width: inherit;
    border-radius: 4px
}

.new-facebox #facebox .popup .new-facebox-header {
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 17px;
    font-weight: bold;
    color: #4bb748;
    background-color: #fff;
    padding-left: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dadada
}

.new-facebox #facebox .popup .new-facebox-header .closeFace {
    float: right;
    display: inline-block;
    background: url('//dnu5embx6omws.cloudfront.net/sprites/allsites_69.png') no-repeat -34px -125px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    cursor: pointer
}

.new-facebox #facebox .popup .new-facebox-content {
    text-align: left;
    padding: 15px
}

.new-facebox #facebox .popup .new-facebox-content form {
    margin: 0
}

.blackbook-facebox-wrapper #facebox {
    border: 1px solid #dadada
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container {
    color: #7c8482;
    text-align: center;
    margin: auto;
    width: 500px
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-header {
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #4b534b;
    background-color: white;
    padding-left: 10px
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-header .closeFace {
    float: right;
    display: inline-block;
    background: url('//dnu5embx6omws.cloudfront.net/sprites/allsites_69.png') no-repeat -34px -125px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    cursor: pointer
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body {
    border: 1px solid #dadada;
    color: #7c8482;
    background-color: #f9f9f9;
    padding-left: 10px;
    padding-right: 10px
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body .comment {
    padding-top: 10px
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body .comment textarea {
    height: 100px;
    width: 95%
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body .comment textarea:focus {
    outline: none;
    border: 1px solid #4bb748
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body .footer {
    padding: 10px
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body .footer .word-count {
    float: left;
    font-size: 11px
}

.blackbook-facebox-wrapper #facebox .blackbook-popup-container .blackbook-popup-body .footer .button {
    float: right
}

.pp-follow {
    margin: 8px 0 0 8px;
    float: left;
    position: relative;
    border-radius: 14px;
    border: 1px solid #4bb748;
    cursor: pointer
}

.pp-follow .mobile-follow-wrapper {
    display: none
}

.pp-follow .icon {
    width: 20px;
    height: 20px;
    float: left;
    display: block
}

.pp-follow .icon:after, .pp-follow .icon:before {
    content: '';
    border: 1px solid #4bb748;
    position: absolute
}

.pp-follow .icon:before {
    top: 4px;
    left: 9px;
    height: 10px;
    width: 0
}

.pp-follow .icon:after {
    top: 9px;
    left: 4px;
    width: 10px;
    height: 0
}

.pp-follow:hover {
    color: #fff;
    background: #4bb748
}

.pp-follow:hover .icon:after, .pp-follow:hover .icon:before {
    border: 1px solid #fff
}

.pp-follow.following {
    background: #4bb748
}

.pp-follow.following .icon {
    width: 20px;
    height: 20px;
    float: left;
    display: block
}

.pp-follow.following .icon:after, .pp-follow.following .icon:before {
    content: '';
    border: 1px solid #fff;
    width: 0;
    position: absolute
}

.pp-follow.following .icon:before {
    top: 10px;
    left: 6px;
    height: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pp-follow.following .icon:after {
    top: 5px;
    left: 10px;
    height: 8px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.pp-follow.following:hover {
    color: #fff;
    background: #d63733;
    border: 1px solid #d63733
}

.pp-follow.following:hover .icon {
    width: 20px;
    height: 20px;
    float: left;
    display: block
}

.pp-follow.following:hover .icon:after, .pp-follow.following:hover .icon:before {
    content: '';
    border: 1px solid #fff;
    top: 4px;
    left: 9px;
    height: 10px;
    width: 0;
    position: absolute
}

.pp-follow.following:hover .icon:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pp-follow.following:hover .icon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pp-follow.mini .icon {
    width: 12px;
    height: 12px;
    float: left;
    display: block
}

.pp-follow.mini .icon:after, .pp-follow.mini .icon:before {
    content: '';
    border: 1px solid #4bb748;
    position: absolute
}

.pp-follow.mini .icon:before {
    top: 2px;
    left: 5px;
    height: 6px;
    width: 0
}

.pp-follow.mini .icon:after {
    top: 5px;
    left: 2px;
    width: 6px;
    height: 0
}

.pp-follow.mini:hover {
    color: #fff;
    background: #4bb748
}

.pp-follow.mini:hover .icon:after, .pp-follow.mini:hover .icon:before {
    border: 1px solid #fff
}

.pp-follow.mini.following {
    background: #4bb748;
    border-color: #4bb748
}

.pp-follow.mini.following .icon {
    width: 12px;
    height: 12px;
    float: left;
    display: block
}

.pp-follow.mini.following .icon:after, .pp-follow.mini.following .icon:before {
    content: '';
    border: 1px solid #fff;
    width: 0;
    position: absolute
}

.pp-follow.mini.following .icon:before {
    top: 5px;
    left: 3px;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pp-follow.mini.following .icon:after {
    top: 2px;
    left: 6px;
    height: 6px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.pp-follow.mini.following:hover {
    color: #fff;
    background: #d63733;
    border: 1px solid #d63733
}

.pp-follow.mini.following:hover .icon:after, .pp-follow.mini.following:hover .icon:before {
    content: '';
    border: 1px solid #fff;
    top: 2px;
    left: 5px;
    height: 7px;
    width: 0;
    position: absolute
}

.pp-follow.mini.following:hover .icon:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pp-follow.mini.following:hover .icon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal--quickbet-container {
    height: 335px;
    box-sizing: border-box;
    z-index: 100;
    position: fixed;
    top: 25%;
    left: 50%;
    -ms-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
    -webkit-transform: translate(-50%, -10%);
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-box-shadow: 2px 12px 13px 0 rgba(79, 77, 79, 0.3);
    -moz-box-shadow: 2px 12px 13px 0 rgba(79, 77, 79, 0.3);
    box-shadow: 2px 12px 13px 0 rgba(79, 77, 79, 0.3)
}

.modal--quickbet-container.punters-modal__container--large {
    width: 768px;
    border-radius: 3px
}

.modal--quickbet-container.punters-modal__container--image {
    width: 676px;
    border-radius: 3px;
    margin-top: 50px
}

.modal--quickbet-container.punters-modal__container--med {
    width: 340px;
    border-radius: 3px
}

.modal--quickbet-container .remote-bet-frame-shell {
    width: 100%;
    min-height: 350px;
    border-radius: 0 0 8px 8px
}

.modal--quickbet-container .remote-bet-frame {
    width: 310px;
    border: 0;
    min-height: 335px
}

.modal--quickbet-container .close-remote-bet {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: 7px;
    right: 10px;
    float: right;
    text-decoration: none
}

.modal--quickbet-container .close-remote-bet:hover {
    cursor: pointer;
    opacity: .5
}

.punters-modal__overlay {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

.form-header {
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    position: relative;
    padding: 20px 0 10px
}

.form-header:after, .form-header:before {
    content: '';
    position: absolute;
    bottom: -1px;
    top: 0;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #dadada
}

.form-header:after {
    left: 100%
}

.form-header:before {
    right: 100%
}

.form-header__nav-item {
    position: fixed;
    min-height: 100vh;
    display: block;
    top: 0;
    z-index: 4;
    padding: 0 10px;
    transition: all ease 0.3s
}

.form-header__nav-item:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.form-header__nav-item:hover .form-header__nav-arrow:after, .form-header__nav-item:hover .form-header__nav-arrow:before {
    border-color: #4bb748
}

@media only screen and (max-width: 1160px) {
    .form-header__nav-item {
        display: none
    }
}

.form-header__nav-arrow {
    margin-top: 50vh;
    background-color: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: relative
}

.form-header__nav-arrow:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 15px;
    border-bottom: 1px solid #dadada;
    top: 50%
}

.form-header__nav-arrow:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    top: 41%
}

.betslip--active .form-header__nav-arrow {
    display: none
}

.form-header__nav-item--prev {
    left: 0
}

.form-header__nav-item--prev .form-header__nav-arrow:before {
    right: 15px
}

.form-header__nav-item--prev .form-header__nav-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 20px
}

.form-header__nav-item--next {
    right: 0
}

.form-header__nav-item--next .form-header__nav-arrow:before {
    left: 15px
}

.form-header__nav-item--next .form-header__nav-arrow:after {
    right: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.form-header__nav-item--top {
    left: 50%;
    top: auto;
    bottom: 20px;
    display: none;
    position: fixed
}

.form-header__nav-item--top:hover .form-header__nav-arrow {
    opacity: 1
}

.form-header__nav-item--top .form-header__nav-arrow {
    margin-top: 0;
    background-color: #4b534b;
    opacity: 0.6;
    width: 40px;
    height: 40px
}

.form-header__nav-item--top .form-header__nav-arrow:before {
    display: none
}

.form-header__nav-item--top .form-header__nav-arrow:after {
    border-color: #fff;
    right: 15px;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.form-header__weather {
    width: 242px;
    height: 160px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 0;
    transition: all ease 0.2s
}

.form-header__weather .form-header__track {
    object-fit: cover
}

.form-header__weather .form-header__weather-info {
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%
}

.form-header__weather .form-header__weather-info-text {
    position: relative;
    z-index: 2;
    padding: 7px 10px
}

.form-header__weather .form-header__weather-info-text:after, .form-header__weather .form-header__weather-info-text:before {
    display: table;
    content: "";
    line-height: 0
}

.form-header__weather .form-header__weather-info-text:after {
    clear: both
}

.form-header__weather .form-header__overlay {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
    background-repeat: repeat-x;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 90px;
    margin-bottom: -10px
}

.form-header__weather .form-header__weather-icon {
    width: 40px;
    float: left
}

.form-header__weather .form-header__weather-conditions {
    width: 80%;
    float: left
}

.form-header__weather .form-header__weather-temp {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px
}

.form-header__weather .form-header__weather-desc {
    height: 20px;
    overflow: hidden;
    font-size: 11px
}

.form-header__weather .form-header__weather-cycle {
    color: #7c8482;
    font-weight: bold;
    display: none
}

.form-header__weather .form-header__weather-cycle:first-child {
    display: block
}

.form-header__inner {
    margin-left: 261px;
    transition: all ease 0.2s
}

.form-header__curent-meeting {
    display: inline-block;
    position: relative;
    padding: 0;
    border-bottom: 1px solid #dadada
}

.form-header__curent-meeting:after {
    position: absolute;
    right: 11px;
    top: 16px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #7c8482
}

.form-header__meeting-nav {
    position: relative;
    display: inline-block;
    margin-bottom: 10px
}

.form-header__show-meetings {
    text-decoration: none;
    color: #4b534b;
    display: block;
    padding: 3px 50px 0 0
}

.form-header__show-meetings:hover {
    text-decoration: none;
    color: #4b534b
}

.form-header__meeting-selection {
    display: none;
    width: 765px;
    position: absolute;
    top: 55px;
    background-color: #fff;
    z-index: 6;
    box-shadow: 9px 14px 32px 20px rgba(79, 77, 79, 0.1)
}

.form-header__meeting-selection:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -10px;
    left: 15%
}

.form-header__meeting-day {
    color: #7c8482;
    margin: 10px 0 5px 20px
}

.form-header__meeting-list {
    list-style: none;
    margin: 0px 20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.form-header__meeting-list:after, .form-header__meeting-list:before {
    display: table;
    content: "";
    line-height: 0
}

.form-header__meeting-list:after {
    clear: both
}

.form-header__meeting-list--3 {
    height: 110px;
    max-height: 110px
}

.form-header__meeting-list--4 {
    height: 140px;
    max-height: 140px
}

.form-header__meeting-list--5 {
    height: 170px;
    max-height: 170px
}

.form-header__meeting-list--6 {
    height: 200px;
    max-height: 200px
}

.form-header__meeting-list--7 {
    height: 230px;
    max-height: 230px
}

.form-header__meeting-list--8 {
    height: 260px;
    max-height: 260px
}

.form-header__meeting-list--9 {
    height: 290px;
    max-height: 290px
}

.form-header__meeting-list--10 {
    height: 310px;
    max-height: 310px
}

.form-header__meeting-list--11 {
    height: 340px;
    max-height: 340px
}

.form-header__meeting-item {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 32%;
    float: left;
    margin-left: 9px
}

.form-header__meeting-flag {
    width: 20px;
    margin: -3px 5px 0 0
}

.form-header__meeting-link {
    color: #7c8482;
    display: block;
    padding: 5px 0;
    text-decoration: none
}

.form-header__meeting-link:hover {
    text-decoration: none;
    background-color: #f9f9f9;
    color: #7c8482
}

.form-header__meeting-link:hover img {
    opacity: 1
}

.form-header__all-meetings {
    color: #7c8482;
    display: block;
    font-weight: bold;
    margin: 0 20px 10px;
    text-decoration: none
}

.form-header__race-dist {
    display: inline-block;
    font-size: 28px;
    font-weight: bold
}

.form-header__distance {
    color: #7c8482;
    font-weight: normal
}

.form-header__event-name {
    font-size: 18px;
    margin-bottom: 10px
}

.form-header__handicap {
    display: none
}

.form-header__track-condition {
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 5px
}

.form-header__race-nav:after, .form-header__race-nav:before {
    display: table;
    content: "";
    line-height: 0
}

.form-header__race-nav:after {
    clear: both
}

.form-header__race-nav .race-nav {
    margin: 0
}

.form-header__race-nav .race-nav__title {
    margin-right: 20px
}

.form-header__time {
    margin-top: 50px;
    float: right
}

.form-header__timestamp {
    display: block;
    text-align: right;
    color: #4b534b;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px
}

.form-header__timestamp--countdown {
    font-weight: normal;
    color: #4bb748;
    font-size: 13px;
    margin-bottom: 0;
    float: left
}

.form-header__timestamp-clock {
    background-color: #46b941;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    position: relative;
    float: left;
    margin: 2px 5px 0 0
}

.form-header__timestamp-clock:before {
    content: '';
    display: inline-block;
    border-right: 1px solid #fff;
    left: 6px;
    top: 3px;
    height: 5px;
    width: 1px;
    position: absolute
}

.form-header__timestamp-clock:after {
    content: '';
    display: inline-block;
    border-right: 1px solid #fff;
    left: 8px;
    top: 7px;
    height: 4px;
    width: 1px;
    position: absolute;
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg)
}

.form-header--sticky {
    position: fixed;
    top: 55px;
    z-index: 6;
    width: 100%;
    padding: 5px 0 10px
}

.form-header--sticky .form-header__event-name, .form-header--sticky .form-header__timestamp, .form-header--sticky .form-header__weather-info {
    display: none
}

.form-header--sticky .form-header__handicap, .form-header--sticky .form-header__nav-item--top, .form-header--sticky .form-header__timestamp--countdown {
    display: block
}

.form-header--sticky .form-header__weather {
    width: 75px;
    height: 55px;
    top: 15px
}

.form-header--sticky .form-header__inner {
    margin-left: 90px;
    width: 934px;
    position: relative
}

.form-header--sticky .form-header__race-nav {
    margin-top: -40px;
    float: right
}

.form-header--sticky .form-header__timestamp--sticky {
    position: absolute;
    right: 0;
    bottom: 0
}

.left-menu {
    border-bottom: 0;
    margin-bottom: 20px;
    margin: 0 0 20px 0;
    list-style: none;
    width: 72px;
    margin-left: auto;
    padding-top: 20px
}

.left-menu a {
    text-decoration: none
}

.left-menu.collapsed svg {
    max-height: 0
}

.left-menu.collapsed .left-menu__special-counter {
    right: 1px;
    top: 1px
}

.left-menu__item.left-menu__item--bookie-special .left-menu__link, .left-menu__item:nth-of-type(2) .left-menu__link, .left-menu__item:nth-of-type(5) .left-menu__link {
    padding: 6.5px 0
}

.left-menu__link {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    position: relative;
    color: #4b534b;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 13.5px 0;
    text-align: center;
    font-size: 11px;
    transition: all .1s;
    font-weight: normal;
    line-height: 14px
}

.left-menu__link:hover {
    color: #fff;
    background-color: #4bb748
}

.left-menu__link:hover:after {
    background-color: #4bb748
}

.left-menu__link:hover path {
    fill: #fff
}

.left-menu__link svg {
    margin-bottom: 4px;
    overflow: hidden;
    transition: all .1s
}

.left-menu__link path {
    transition: all .1s
}

.left-menu__link-text {
    width: 80%
}

.left-menu__link--active {
    color: #4bb748;
    background-color: #fff;
    font-weight: bold
}

.left-menu__link--active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -5px;
    top: 11px;
    width: 10px;
    height: 10px;
    content: '';
    background-color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .1s
}

.left-menu__link--active path {
    fill: #4bb748
}

.left-menu__item--bookie-special {
    position: relative
}

.left-menu__item--bookie-special .left-menu__special-counter {
    position: absolute;
    background-color: #d43a39;
    height: 18px;
    width: 18px;
    line-height: 18px;
    border-radius: 20px;
    z-index: 9;
    right: 3px;
    top: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 11px
}

.left-menu__item--download {
    position: relative
}

.left-menu__item--download:hover .left-menu__download {
    -ms-transform: translateX(-21px);
    transform: translateX(-21px);
    opacity: 1;
    pointer-events: auto
}

.left-menu__download {
    position: absolute;
    background-color: #fff;
    width: 275px;
    height: 76px;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 93px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.18);
    font-size: 11px;
    padding: 20px 12px 16px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-out
}

.left-menu__download-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.left-menu__download-wrap:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -15px;
    top: 0;
    bottom: 0;
    margin: auto
}

.left-menu__download-link {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    line-height: 14px;
    padding: 0 4px;
    transition: all .1s
}

.download-link__icon {
    width: 44px;
    height: 38px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    margin-bottom: 7px
}

.download-link__icon.download-link__icon--a4 {
    background-image: url("//dnu5embx6omws.cloudfront.net/icons/PDF-A4.svg")
}

.download-link__icon.download-link__icon--booklet {
    background-image: url("//dnu5embx6omws.cloudfront.net/icons/PDF-Booklet.svg")
}

.download-link__icon.download-link__icon--maps {
    background-image: url("//dnu5embx6omws.cloudfront.net/icons/PDF-Speedmap.svg")
}

.download-link__icon.download-link__icon--sheet {
    background-image: url("//dnu5embx6omws.cloudfront.net/icons/spreadsheet.svg")
}

.event-details {
    margin-bottom: 10px;
    width: 763px;
    margin-left: auto;
    padding-top: 14px
}

.event-details .event-details__row {
    margin-bottom: 5px
}

.event-details .event-details__row:after, .event-details .event-details__row:before {
    display: table;
    content: "";
    line-height: 0
}

.event-details .event-details__row:after {
    clear: both
}

.event-details .event-details__total-prize {
    color: #7c8482;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 0 4px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase
}

.event-details .event-details__handicap {
    display: inline-block;
    margin-left: 10px;
    color: #333732;
    font-size: 12px
}

.event-details .event-details__track-condition {
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase;
    font-weight: bold;
    float: right
}

.event-details .event-details__track-details {
    color: #7c8482;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px
}

.event-details .event-details__track-details--darker {
    color: #333732
}

.event-details .event-details__track-url {
    color: #4b534b;
    text-decoration: underline;
    float: right;
    text-align: right
}

.event-details .event-details__track-url:hover {
    color: #4bb748;
    border-bottom: none
}

.form-guide-overview {
    display: block
}

.form-guide-overview .form-guide-overview__table {
    border: 1px solid #dadada;
    background-color: #fff;
    color: #7c8482;
    padding: 6px;
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 20px
}

.form-guide-overview .form-guide-overview__table-header {
    background-color: #f4f4f4;
    text-align: center
}

.form-guide-overview .form-guide-overview__table-header .form-guide-overview__competitor-specs, .form-guide-overview .form-guide-overview__table-header .form-guide-overview__left-header {
    text-align: left
}

.form-guide-overview .form-guide-overview__table-header .form-guide-overview__tab-odds-header {
    background-color: #128854;
    padding: 0;
    border: 0
}

.form-guide-overview .form-guide-overview__table-body td {
    color: #7c8482
}

.form-guide-overview .form-guide-overview__table-body {
    text-align: center;
    font-size: 13px
}

.form-guide-overview .form-guide-overview__competitor-number {
    font-weight: bold;
    color: #333732;
    padding: 0;
    width: 4%;
    font-size: 13px
}

.form-guide-overview .form-guide-overview__competitor-details {
    width: 33%
}

.form-guide-overview .form-guide-overview__competitor-details-layout {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-guide-overview .form-guide-overview__competitor-silk {
    float: left;
    width: 25px;
    padding: 4px 4px 0 4px
}

.form-guide-overview .form-guide-overview__competitor-specs {
    width: 195px;
    float: left;
    margin-left: 5px;
    text-align: left
}

.form-guide-overview .result-icon {
    display: none;
    width: 25px;
    height: 25px;
    line-height: 25px
}

.form-guide-overview .form-guide-overview__horse {
    margin-bottom: 2px;
    font-size: 13px;
    position: relative;
    font-weight: bold
}

.form-guide-overview .form-guide-overview__horse-link {
    color: #155028
}

.form-guide-overview .form-guide-overview__horse-link:hover {
    color: #4bb748;
    text-decoration: none
}

.form-guide-overview .form-guide-overview__jockey-link, .form-guide-overview .form-guide-overview__trainer-link {
    color: #155028
}

.form-guide-overview .form-guide-overview__jockey-link:hover, .form-guide-overview .form-guide-overview__trainer-link:hover {
    color: #4bb748;
    text-decoration: none
}

.form-guide-overview .form-guide-overview__has-blinkers {
    position: absolute;
    top: 2px;
    right: 1px;
    width: 14px;
    height: 15px;
    border-radius: 8px;
    background-color: #fff;
    color: #7c8482;
    border: 1px solid #7c8482;
    line-height: 14px;
    font-size: 11px;
    font-weight: bold;
    text-align: center
}

.form-guide-overview .form-guide-overview__blackbooked {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #7c8482;
    background-image: url('//dnu5embx6omws.cloudfront.net/icons/blackbook/black-book-ribbon-white.svg');
    background-size: 12px 12px;
    border-radius: 100%;
    position: relative;
    top: 2px;
    margin-left: 1px
}

.form-guide-overview .form-guide-overview__blackbooked:hover {
    background-color: #333732
}

.form-guide-overview .form-guide-overview__sharedbets {
    display: none;
    float: left;
    width: 100%;
    text-align: left;
    margin: 5px 0 5px 4px
}

.form-guide-overview .form-guide-overview__sharedbets-img {
    margin-right: 2px;
    height: 16px;
    width: 16px;
    border-radius: 8px
}

.form-guide-overview .form-guide-overview__sharedbets-title {
    margin-left: 3px;
    vertical-align: middle
}

.form-guide-overview .form-guide-overview__competitor-short-form {
    width: 9%;
    text-align: left
}

.form-guide-overview .form-guide-overview__competitor-sort-value {
    width: 9%
}

.form-guide-overview .form-guide-overview__competitor-average-prize {
    width: 8%
}

.form-guide-overview .form-guide-overview__competitor-placing-percent, .form-guide-overview .form-guide-overview__competitor-win-percent {
    width: 5%
}

.form-guide-overview .form-guide-overview__competitor-barrier, .form-guide-overview .form-guide-overview__competitor-rating, .form-guide-overview .form-guide-overview__competitor-weight {
    width: 4%
}

.form-guide-overview .form-guide-overview__competitor-odds {
    width: 13%;
    padding-right: 5px;
    padding-left: 0;
    font-size: 12px;
    text-align: right;
    font-weight: bold
}

.form-guide-overview .form-guide-overview__odds-link {
    display: block;
    color: #155028
}

.form-guide-overview .form-guide-overview__odds-link:hover {
    color: #4bb748;
    text-decoration: none
}

.form-guide-overview .ppflucs .movement {
    display: none
}

.form-guide-overview .ppflucs svg {
    float: left;
    margin-left: 10px
}

.form-guide-overview .flucs {
    float: left;
    width: 50%
}

.form-guide-overview .ppodds {
    float: left;
    width: 40%;
    padding-left: 5px;
    text-align: center
}

.form-guide-overview .scratched .form-guide-overview__horse-link, .form-guide-overview .scratched .form-guide-overview__jockey-link, .form-guide-overview .scratched .form-guide-overview__trainer-link, .form-guide-overview .scratched td {
    color: #7c8482;
    text-decoration: line-through
}

.form-guide-overview .scratched .form-guide-overview__competitor-details {
    text-decoration: none
}

.form-guide-overview__table.interim .form-guide-overview__competitor-silk img, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk img {
    opacity: 0.1
}

.form-guide-overview__table.interim .form-guide-overview__competitor-silk .result-icon, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk .result-icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: none
}

.form-guide-overview__table.interim .form-guide-overview__competitor-silk.result-value-1 img, .form-guide-overview__table.interim .form-guide-overview__competitor-silk.result-value-2 img, .form-guide-overview__table.interim .form-guide-overview__competitor-silk.result-value-3 img, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk.result-value-1 img, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk.result-value-2 img, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk.result-value-3 img {
    display: none
}

.form-guide-overview__table.interim .form-guide-overview__competitor-silk.result-value-1 .result-icon, .form-guide-overview__table.interim .form-guide-overview__competitor-silk.result-value-2 .result-icon, .form-guide-overview__table.interim .form-guide-overview__competitor-silk.result-value-3 .result-icon, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk.result-value-1 .result-icon, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk.result-value-2 .result-icon, .form-guide-overview__table.resulted .form-guide-overview__competitor-silk.result-value-3 .result-icon {
    display: block
}

.form-guide-overview__gear-changes {
    font-size: 11px;
    padding: 10px;
    line-height: 19px;
    border: 1px solid #dadada;
    background-color: #fff;
    margin-bottom: 20px
}

.betting-promotions-grid-overview {
    margin-top: 0
}

.bookie-special-offer {
    background-color: #fff;
    border: 1px solid #30a5dd
}

.runnerComments {
    margin-bottom: 20px
}

.runnerComments tbody tr td, .runnerComments thead tr th {
    text-align: left;
    padding: 10px
}

.runnerComments tbody tr td {
    background-color: #fff
}

.runnerComments tbody tr td .runnerNumber {
    color: #7c8482;
    font-weight: bold
}

.runnerComments tbody tr td a {
    color: #155028;
    font-weight: bold
}

.odds-comparison {
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.odds-comparison .oc-table__toggle-bettype ul li {
    list-style-type: none
}

.component-wrapper .odds-comparison table.oc-table a {
    text-decoration: none
}

table.oc-table {
    border-collapse: collapse;
    width: 100%
}

table.oc-table .oc-table__tr:hover td {
    border-top: 1px double #4bb748;
    border-bottom: 1px solid #4bb748;
    background-color: #EDF8EC
}

table.oc-table .oc-table__tr:hover td.ppodds, table.oc-table .oc-table__tr:hover td:first-of-type {
    border-left: 1px solid #dadada
}

table.oc-table .oc-table__tr:hover td:last-of-type {
    border-right: 1px solid #dadada
}

table.oc-table .oc-table__tr:hover td.down:hover, table.oc-table .oc-table__tr:hover td.ppodds:hover, table.oc-table .oc-table__tr:hover td.up:hover {
    background-color: #DBF2D9
}

table.oc-table .oc-table__tr:hover td.down:hover a, table.oc-table .oc-table__tr:hover td.ppodds:hover a, table.oc-table .oc-table__tr:hover td.up:hover a {
    color: #4bb748;
    font-size: 12px;
    font-weight: bold
}

table.oc-table tfoot tr {
    height: 25px
}

table.oc-table tfoot tr th, table.oc-table thead tr td, table.oc-table thead tr th {
    padding: 0;
    overflow: hidden
}

table.oc-table tbody tr td, table.oc-table tfoot tr td {
    padding: 0;
    font-size: 11px
}

table.oc-table .oc-table__header-area {
    background-color: #f4f4f4;
    border: 1px solid #dadada;
    padding: 5px 5px 0 8px;
    position: relative
}

table.oc-table .oc-table__event-name {
    padding: 10px 0 0 5px;
    width: 60%;
    float: left;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #4b534b;
    white-space: nowrap;
    line-height: 24px;
    min-height: 38px
}

table.oc-table .oc-table__popout {
    position: absolute;
    right: 11px;
    top: 18px
}

table.oc-table .oc-table__popout:hover {
    opacity: 1
}

table.oc-table .oc-table__toggle-bettype {
    padding-top: 10px;
    width: 17%;
    float: left
}

table.oc-table .oc-table__toggle-bettype .pills {
    margin-bottom: 0
}

table.oc-table .oc-table__form-guide {
    padding-top: 10px;
    width: 21%;
    float: left
}

table.oc-table .oc-table__form-guide-link {
    padding: 7px 15px 3px;
    border-bottom: 3px solid #4bb748;
    font-size: 13px;
    background-color: #4bb748;
    box-shadow: none;
    color: #fff
}

table.oc-table .oc-table__event-description-area {
    background-color: #fff;
    white-space: normal;
    text-align: left;
    width: 250px
}

table.oc-table .oc-table__description {
    text-transform: uppercase;
    margin: 0;
    padding: 0 8px;
    font-size: 14px;
    line-height: 19px;
    font-weight: normal
}

table.oc-table .oc-table__event-status-text {
    padding-left: 8px
}

table.oc-table .oc-table__event-status-text:after, table.oc-table .oc-table__event-status-text:before {
    display: table;
    content: "";
    line-height: 0
}

table.oc-table .oc-table__event-status-text:after {
    clear: both
}

table.oc-table .oc-table__event-status-text abbr {
    margin-top: 2px;
    border: 0;
    text-decoration: none;
    float: left
}

table.oc-table .oc-table__event-status-text.closed .clock {
    background-color: #d63733
}

table.oc-table .oc-table__event-status-text.suspended .clock {
    background-color: #e8d714
}

table.oc-table .oc-table__event-status-text.inplay .clock {
    background-color: #2490c8
}

table.oc-table .oc-table__event-status-text.open .clock {
    background-color: #46b941
}

table.oc-table .oc-table__event-status-text .clock {
    height: 15px;
    width: 15px;
    position: relative;
    margin-right: 4px;
    margin-top: 4px;
    float: left;
    border-radius: 7px
}

table.oc-table .oc-table__event-status-text .clock:before {
    content: "";
    display: inline-block;
    border-right: 1px solid #fff;
    left: 6px;
    top: 3px;
    height: 5px;
    width: 1px;
    position: absolute
}

table.oc-table .oc-table__event-status-text .clock:after {
    content: "";
    display: inline-block;
    border-right: 1px solid #fff;
    left: 8px;
    top: 7px;
    height: 4px;
    width: 1px;
    position: absolute;
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg)
}

table.oc-table tfoot tr td .oc-table__market-percentage-title, table.oc-table tfoot tr td .oc-table__quickbet-enabled-title, table.oc-table thead tr td .oc-table__bookie-deal-title, table.oc-table thead tr td .oc-table__free-bet-title {
    color: #7c8482;
    margin-right: 5px;
    font-size: 11px;
    text-align: right
}

table.oc-table .oc-table__quickbet-enabled-img, table.oc-table .oc-table__quickbet-enabled-title {
    float: right
}

table.oc-table .oc-table__quickbet-enabled-img {
    margin: 2px 5px 0 0
}

table.oc-table thead tr td.oc-table__free-bet-amount {
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    line-height: 19px
}

table.oc-table .oc-table__bookie-deal .circle-white {
    cursor: pointer;
    width: 17px;
    border-radius: 17px;
    height: 17px;
    font-size: 13px;
    background-color: #fff;
    padding: 0;
    display: block;
    text-align: center;
    font-weight: 700;
    line-height: 17px;
    margin: auto
}

table.oc-table .oc-table__bookie-deal .betting-promotion {
    position: absolute;
    width: 310px;
    z-index: 9999999;
    padding: 12px;
    border-radius: 7px
}

table.oc-table .oc-table__bookie-deal .betting-promotion .betting-promotion-logo {
    display: block;
    margin: 0 auto 15px auto
}

table.oc-table .oc-table__bookie-deal .betting-promotion .betting-promotion-modal-terms {
    opacity: 0.8;
    font-size: 10px;
    color: #ccc
}

table.oc-table .oc-table__bookie-deal .betting-promotion .claim-deal {
    margin: 10px 0
}

table.oc-table .oc-table__bookie-deal .betting-promotion .claim-deal a {
    padding: 10px;
    border-radius: 3px
}

table.oc-table .oc-table__bookie-deal .betting-promotion .claim-deal a:hover {
    text-decoration: none
}

table.oc-table .oc-table__bookie-deal .betting-promotion-arrow {
    width: 0;
    height: 0;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-bottom-width: 15px;
    border-bottom-style: solid;
    position: absolute;
    top: -15px
}

table.oc-table .oc-table__bookie-deal .betting-promotion-arrow.arrow-right {
    right: 40px
}

table.oc-table .oc-table__bookie-deal .betting-promotion-arrow.arrow-left {
    left: 40px
}

table.oc-table .oc-table__agency-logo {
    width: 30px
}

table.oc-table .oc-table__selection-layout {
    padding: 5px 0;
    background-color: #fff;
    border-bottom: 1px solid #dadada
}

table.oc-table .oc-table__details {
    float: left;
    width: 100%
}

table.oc-table .oc-table__silk {
    float: left;
    width: 10%;
    margin: 0 0 0 2%
}

table.oc-table .oc-table__silk img {
    background: transparent;
    width: 100%;
    max-width: 35px
}

table.oc-table .oc-table__silk .result-icon {
    margin-left: 1px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: none
}

table.oc-table .oc-table__competitor-details {
    float: left;
    margin: 0 0 0 2%;
    width: 60%
}

table.oc-table .oc-table__details {
    font-size: 13px;
    color: #333732
}

table.oc-table .oc-table__racing-details {
    font-size: 13px;
    color: #333732
}

table.oc-table .oc-table__profile-link {
    color: #155028
}

table.oc-table .oc-table__profile-link:hover {
    text-decoration: none;
    color: #4bb748
}

table.oc-table .oc-table__competitor-number {
    color: #888;
    font-size: 13px;
    font-weight: bold
}

table.oc-table .oc-table__racing-sub-info {
    font-size: 11px;
    color: #888
}

table.oc-table .oc-table__racing-sub-info a {
    color: #888;
    text-decoration: none
}

table.oc-table .oc-table__racing-sub-info a:hover {
    text-decoration: underline
}

table.oc-table .oc-table__sparkline {
    float: right;
    width: 25%;
    margin-left: 1%;
    line-height: normal;
    font-size: 11px;
    text-align: left
}

table.oc-table .oc-table__sparkline .spark {
    float: left;
    width: 60%;
    height: 15px;
    margin: 4px 0 0 0;
    text-align: center
}

table.oc-table .oc-table__sparkline .movement {
    float: left;
    margin-top: 8px;
    width: 40%;
    text-align: center
}

table.oc-table .oc-table__sparkline a {
    padding-right: 5px
}

table.oc-table .oc-table__sparkline .ppflucs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

table.oc-table .oc-table__sparkline span {
    display: block;
    color: #888
}

table.oc-table .oc-table__sparkline .in {
    color: #4bb748
}

table.oc-table .oc-table__sparkline .out {
    color: #d63733
}

table.oc-table .oc-table__sharedbets {
    display: none;
    float: left;
    width: 98%;
    margin: 5px 0 0 2%;
    text-align: left;
    color: #888
}

table.oc-table .oc-table__sharedbets .oc-table__sharedbets-img {
    border-radius: 8px;
    margin-right: 2px;
    height: 16px;
    width: 16px
}

table.oc-table .oc-table__sharedbets .oc-table__sharedbets-title {
    vertical-align: middle
}

table.oc-table.resulted .oc-table__silk img {
    opacity: 0.1
}

table.oc-table.resulted .oc-table__silk.result-value-1 img, table.oc-table.resulted .oc-table__silk.result-value-2 img, table.oc-table.resulted .oc-table__silk.result-value-3 img {
    display: none
}

table.oc-table.resulted .oc-table__silk.result-value-1 .result-icon, table.oc-table.resulted .oc-table__silk.result-value-2 .result-icon, table.oc-table.resulted .oc-table__silk.result-value-3 .result-icon {
    display: block
}

table.oc-table .oc-table__quickbet-enabled .tick {
    position: relative;
    right: -32px;
    top: 2px
}

table.oc-table .oc-table__quickbet-enabled .tick:after, table.oc-table .oc-table__quickbet-enabled .tick:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

table.oc-table .oc-table__quickbet-enabled .tick:before {
    border: 2px solid #4bb748;
    top: 7px;
    left: -23px;
    height: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

table.oc-table .oc-table__quickbet-enabled .tick:after {
    border: 2px solid #4bb748;
    top: 2px;
    left: -17px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

table.oc-table .oc-table__quickbet-enabled .bet-tick {
    text-align: center;
    position: relative
}

table.oc-table .oc-table__quickbet-enabled .bet-tick .checkmark {
    display: inline-block;
    width: 32px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -13px
}

table.oc-table .oc-table__quickbet-enabled .bet-tick .stem {
    border: 2px solid #4bb748;
    top: 10px;
    left: 8px;
    height: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute
}

table.oc-table .oc-table__quickbet-enabled .bet-tick .kick {
    border: 2px solid #4bb748;
    top: 5px;
    left: 14px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute
}

table.oc-table .ppodds, table.oc-table tfoot tr td.market-percentage {
    text-align: center;
    color: #888;
    font-size: 11px
}

table.oc-table .ppodds a, table.oc-table tfoot tr td.market-percentage a {
    color: #888;
    text-decoration: none
}

table.oc-table .ppodds.best, table.oc-table tfoot tr td.market-percentage.best {
    font-weight: bold
}

table.oc-table .ppodds.best a, table.oc-table tfoot tr td.market-percentage.best a {
    color: #000
}

table.oc-table .ppodds a {
    display: inline-block;
    height: 39px;
    width: 25px;
    text-align: center;
    line-height: 40px;
    font-size: 11px
}

table.oc-table .quickbet-promo {
    margin: 5px 0 20px;
    width: 100%
}

table.oc-table .quickbet-promo.quickbet-promo--large {
    width: 807px
}

table.oc-table .ppodds.down {
    -webkit-animation-name: pricedown;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-name: pricedown;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards
}

table.oc-table .oc-table tbody tr:nth-child(2n) .ppodds.down {
    animation-name: pricedownzebra
}

table.oc-table .ppodds.up {
    -webkit-animation-name: priceup;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-name: priceup;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards
}

table.oc-table .oc-table tbody tr:nth-child(2n) .ppodds.up {
    animation-name: priceupzebra
}

.blob table tbody td.oc-table__selection-layout, .news-article table tbody td.oc-table__selection-layout {
    width: 41%
}

.blob .oc-table__popout, .news-article .oc-table__popout {
    display: none
}

.blob table.oc-table .oc-table__toggle-bettype, .news-article table.oc-table .oc-table__toggle-bettype {
    float: right
}

.oc-table__show-more {
    display: block;
    text-transform: uppercase;
    color: #333732;
    text-align: center;
    position: relative;
    border-top: 1px solid #dadada;
    padding: 7px 10px;
    font-size: 13px;
    background-color: #f9f9f9;
    cursor: pointer;
    font-weight: bold
}

.oc-table__show-more:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: -51px;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    background-repeat: repeat-x
}

.oc-table__show-more:hover {
    text-decoration: none;
    background-color: #fff
}

.greyhound .oc-table__details .spark, .harness .oc-table__details .spark, .sport34 .oc-table__details .spark {
    margin-top: 0
}

.greyhound .oc-table__details .movement, .harness .oc-table__details .movement, .sport34 .oc-table__details .movement {
    margin-top: 5px
}

.news-body .oc-table__sharedbets, .news-odds-comparison .oc-table__sharedbets, .race-event-body .oc-table__sharedbets {
    display: none
}

.oc-table__tooltip-title {
    display: inline-block;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px
}

.oc-table__tooltip-terms {
    display: inline-block;
    font-size: 8px;
    text-align: left
}

@-webkit-keyframes pricedown {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #FDFDFD
    }
}

@keyframes pricedown {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #FDFDFD
    }
}

@-webkit-keyframes pricedownzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #f9f9f9
    }
}

@keyframes pricedownzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #DFFFBD
    }
    to {
        background-color: #f9f9f9
    }
}

@-webkit-keyframes priceup {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #FDFDFD
    }
}

@keyframes priceup {
    0% {
        background-color: #FDFDFD
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #FDFDFD
    }
}

@-webkit-keyframes priceupzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #f9f9f9
    }
}

@keyframes priceupzebra {
    0% {
        background-color: #f9f9f9
    }
    50% {
        background-color: #FFBDBD
    }
    to {
        background-color: #f9f9f9
    }
}

.form-guide-full-form {
    clear: both
}

.form-guide-full .has-blinkers {
    float: left;
    width: 15px;
    height: 15px;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    line-height: 14px;
    font-weight: bold;
    color: #7c8482;
    border: 1px solid #7c8482;
    text-align: center;
    position: relative;
    margin-right: 5px;
    margin-top: 3px
}

.form-guide-full .gear-changes {
    margin-top: 2px
}

.form-guide-full .win-range {
    font-weight: bold;
    white-space: nowrap
}

.form-guide-full .formFilterActive, .form-guide-full li.formFilter:hover {
    background-color: #f4f4f4;
    cursor: pointer
}

.form-guide-full .formFilterActive {
    position: relative
}

.form-guide-full .formFilterActive .deselect-filter {
    position: absolute;
    top: 0;
    right: 8px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    float: left;
    display: block
}

.form-guide-full .formFilterActive .deselect-filter:after, .form-guide-full .formFilterActive .deselect-filter:before {
    content: '';
    border: 1px solid #ccc;
    position: absolute;
    top: 4px;
    left: 9px;
    height: 6px;
    width: 0
}

.form-guide-full .formFilterActive .deselect-filter:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form-guide-full .formFilterActive .deselect-filter:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-guide-full .full-form-runner {
    clear: both;
    font-size: 11px
}

.form-guide-full .full-form-runner .box {
    display: block;
    background: #fff;
    border: 1px solid #dadada;
    position: relative;
    border-bottom: none
}

.form-guide-full .full-form-runner .box ul {
    margin: 0
}

.form-guide-full .full-form-runner .header-row {
    display: table;
    border-bottom: 1px solid #dadada;
    width: 96%;
    vertical-align: top;
    padding: 6px 2% 0
}

.form-guide-full .full-form-runner .header-row li {
    vertical-align: middle;
    display: table-cell;
    color: #4b534b;
    padding: 0 0 6px 0;
    min-width: 42px
}

.form-guide-full .full-form-runner .header-row .silk > img {
    margin-left: -13px
}

.form-guide-full .full-form-runner .header-row li.info-cell {
    max-width: 200px
}

.form-guide-full .full-form-runner .header-row li .handicap {
    border: 1px solid #dadada;
    border-radius: 5px;
    text-align: center
}

.form-guide-full .full-form-runner .header-row li .handicap .handicap-header {
    position: relative;
    top: 1px
}

.form-guide-full .full-form-runner .header-row li .handicap .handicap-rating {
    font-weight: bold;
    font-size: 15px;
    position: relative;
    top: -1px
}

.form-guide-full .full-form-runner .header-row .simlight {
    text-decoration: none;
    color: #4b534b
}

.form-guide-full .full-form-runner .header-row:last-child {
    padding-right: 0
}

.form-guide-full .full-form-runner .large-title {
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    color: #4b534b;
    font-weight: bold
}

.form-guide-full .full-form-runner .IsEmergency {
    font-size: 14px;
    color: #7c8482
}

.form-guide-full .full-form-runner .large-alfa {
    font-size: 32px;
    font-weight: normal
}

.form-guide-full .full-form-runner .glass-icon {
    background: url('//dnu5embx6omws.cloudfront.net/form-guide/glass-icon.png') 0 1px no-repeat;
    padding: 0 0 0 30px;
    display: block;
    min-height: 13px;
    margin-bottom: 3px
}

.form-guide-full .full-form-runner .cap-icon {
    background: url('//dnu5embx6omws.cloudfront.net/form-guide/cap-icon.png') 0 1px no-repeat;
    padding: 0 0 0 30px;
    display: block;
    min-height: 13px
}

.form-guide-full .full-form-runner .g-arrow-u {
    margin: 0 0 5px 5px;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #4bb748
}

.form-guide-full .full-form-runner .g-arrow-d {
    margin: 0 0 5px 5px;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #4bb748
}

.form-guide-full .full-form-runner .g-arrow-e {
    margin: 0 0 5px 5px;
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 0px;
    border: 2px solid #4bb748
}

.form-guide-full .full-form-runner .light-text {
    color: #4b534b;
    display: block;
    padding-bottom: 5px
}

.form-guide-full .full-form-runner .light-text:last-child {
    padding: 0
}

.form-guide-full .full-form-runner .header-cell {
    display: table;
    border-bottom: 1px solid #dadada;
    width: 100%;
    vertical-align: top
}

.form-guide-full .full-form-runner .header-cell li {
    vertical-align: middle;
    display: table-cell;
    padding: 8px 0 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
    width: 11%
}

.form-guide-full .full-form-runner .header-cell li:last-child {
    overflow: hidden;
    width: 12%
}

.form-guide-full .full-form-runner .cell-value {
    font-size: 10px;
    display: block
}

.form-guide-full .full-form-runner .lg {
    color: #7c8482
}

.form-guide-full .full-form-runner .lg-bg {
    background: #7c8482
}

.form-guide-full .full-form-runner .gray {
    color: #333732
}

.form-guide-full .full-form-runner .gray-bg {
    background: #333732
}

.form-guide-full .formGuideSummaryColumns {
    width: 100%;
    margin: 15px 0 40px 0
}

.form-guide-full .formGuideSummaryColumns td, .form-guide-full .formGuideSummaryColumns th {
    padding: 2px;
    font-size: 11px;
    text-align: left
}

.form-guide-full .formGuideSummaryColumns .spell {
    text-align: center;
    color: #7c8482;
    background-color: #f4f4f4
}

.form-guide-full .formGuideSummaryColumns .date {
    white-space: nowrap
}

.form-guide-full .formGuideSummaryColumns .sp {
    text-align: center
}

.form-guide-full .formGuideSummaryColumns .bar {
    text-align: center
}

.form-guide-full .formGuideSummaryColumns .margins span {
    font-size: 9px;
    color: #888
}

.formFilterShown {
    float: right;
    margin: 0 0 20px
}

.formFilterShown:after, .formFilterShown:before {
    display: table;
    content: "";
    line-height: 0
}

.formFilterShown:after {
    clear: both
}

.formFilterShown .formFilterShowingLabel {
    margin-top: 2px;
    color: #7c8482;
    font-size: 12px;
    float: left
}

.formFilterShown .form-filter__label {
    display: none
}

.formFilterShown .formFilterShowing {
    float: left;
    margin-left: 5px
}

.formFilterShown .formFilterShowing > span {
    position: relative;
    cursor: pointer;
    margin-left: 2px;
    color: #7c8482;
    border: 1px solid #dadada;
    border-radius: 5px;
    float: left;
    padding: 2px 20px 0 4px;
    font-size: 12px;
    margin: 0 5px
}

.formFilterShown .formFilterShowing .deselect-filter {
    position: absolute;
    top: 4px;
    right: 2px;
    padding: 0;
    width: 12px;
    height: 12px;
    float: left;
    display: block
}

.formFilterShown .formFilterShowing .deselect-filter:after, .formFilterShown .formFilterShowing .deselect-filter:before {
    content: '';
    border: 1px solid #dadada;
    position: absolute;
    top: 2px;
    left: 5px;
    height: 6px;
    width: 0
}

.formFilterShown .formFilterShowing .deselect-filter:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.formFilterShown .formFilterShowing .deselect-filter:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.formFilterShown .formFilterShowing .deselect-filter:hover {
    border-radius: 5px;
    background-color: #ccc;
    color: #fff
}

.formFilterShown .formFilterReset {
    float: right;
    margin-left: 8px;
    margin-top: 2px
}

.timeline-container {
    width: 100%;
    margin: 15px 0 25px 0;
    font-size: 11px
}

.timeline-container li, .timeline-container ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 110%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0);
    list-style: none
}

.timeline-container .round-off {
    background: url("//dnu5embx6omws.cloudfront.net/background/noise.gif") center top repeat-y;
    color: #4b534b
}

.timeline-container .chat {
    display: block;
    padding-left: 0;
    min-height: 12px;
    margin-top: 3px
}

.timeline-container .round {
    width: 25px;
    position: relative;
    height: 25px;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    left: 1px;
    border-radius: 25px
}

.timeline-container .round .round-text {
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 2px
}

.timeline-container .round .box-arrow {
    position: absolute;
    left: 32px;
    top: 5px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-right: 8px solid #fff
}

.timeline-container .round .box-arrow-shadow {
    position: absolute;
    left: 31px;
    top: 5px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-right: 8px solid #dadada
}

.timeline-container .round.round-place {
    background-color: #7c8482
}

.timeline-container .round.round-win {
    background-color: #333732
}

.timeline-container .inner-box {
    border: 1px solid #dadada;
    background: #fff;
    margin-top: -1px
}

.timeline-container .inner-box .timeline-box {
    position: relative;
    padding: 0;
    display: table;
    width: 100%;
    height: 100%
}

.timeline-container .inner-box .timeline-box .timeline-disc {
    width: 26%;
    padding: 12px 0;
    position: relative;
    display: inline-block;
    word-break: break-word;
    line-height: 17px;
    vertical-align: top
}

.timeline-container .inner-box .timeline-box .timeline-disc:first-child {
    width: 70%;
    padding-left: 12px;
    padding-right: 1%
}

.timeline-container .inner-box .timeline-box .timeline-disc a:not(.results-link):not(.results-link__icon) {
    text-decoration: none;
    color: #4b534b
}

.timeline-container .inner-box .timeline-box .timeline-disc a.fullresults-link {
    color: #4bb748
}

.timeline-container .inner-box .timeline-box .timeline-disc abbr {
    color: inherit;
    font-weight: inherit
}

.timeline-container .inner-box .results-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 180px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 0;
    text-transform: capitalize
}

.timeline-container .inner-box .results-link .results-link__thumbnail {
    width: 64px;
    height: 36px;
    border-radius: 3px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.timeline-container .inner-box .results-link .results-link__thumbnail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("//dnu5embx6omws.cloudfront.net/icons/playicon.svg") no-repeat center
}

.timeline-container .inner-box a.results-link__icon:hover {
    text-decoration: underline;
    color: #4bb748
}

.timeline-container .inner-box .inner-box__full-result {
    text-indent: 50px;
    position: relative;
    margin: 0;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 7px
}

.timeline-container .inner-box .inner-box__full-result:before {
    content: "";
    position: absolute;
    width: 46px;
    height: 24px;
    background: url("//dnu5embx6omws.cloudfront.net/icons/More-dots.svg") no-repeat center;
    left: -4px;
    top: -2px
}

.timeline-container .inner-box .vid-replay-link .play-icon {
    background-color: #4bb748;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 15px;
    top: 30%;
    right: 16px
}

.timeline-container .inner-box .vid-replay-link .play-icon:after {
    content: '';
    width: 10;
    height: 0;
    position: absolute;
    margin-left: 8px;
    margin-top: 6px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    border-radius: 0px
}

.timeline-container .timeline-right {
    display: block;
    word-wrap: break-word
}

.timeline-container .timeline-right.placed {
    font-weight: bold
}

.timeline-container .timeline-space {
    display: inline-block;
    width: 28px
}

.timeline-container .timeline-dot {
    display: inline-block;
    height: 5px;
    width: 5px;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    border: 3px solid #dadada
}

.timeline-container .trial {
    color: #7c8482
}

.timeline-container .timeline {
    display: table;
    width: 100%;
    vertical-align: top;
    padding: 0
}

.timeline-container .timeline .timeline-cont {
    vertical-align: middle;
    display: table-cell;
    padding: 0 0 0 5px
}

.timeline-container .timeline .timeline-cont:first-child {
    background: url('//dnu5embx6omws.cloudfront.net/form-guide/timeline.gif') center top repeat-y;
    width: 41px;
    text-align: center;
    padding-left: 0
}

.timeline-container .timeline-spell {
    display: table;
    text-align: left;
    width: 100%;
    vertical-align: top;
    padding: 0
}

.timeline-container .timeline-spell li {
    vertical-align: middle;
    display: table-cell;
    padding: 10px 0 10px 6px
}

.timeline-container .timeline-spell li:first-child {
    background: url('//dnu5embx6omws.cloudfront.net/form-guide/timeline.gif') center top repeat-y;
    width: 41px;
    text-align: center;
    padding-left: 0;
    background-origin: content-box
}

.timeline-container .timeline:last-child .timeline-cont:first-child {
    background: url("//dnu5embx6omws.cloudfront.net/form-guide/timeline.gif") no-repeat scroll center top / 2px 120px rgba(0, 0, 0, 0)
}

.timeline-container .videoComment {
    color: #7c8482;
    background: url('//dnu5embx6omws.cloudfront.net/form-guide/comment-icon-01.png') no-repeat 0 3px;
    padding-left: 17px;
    line-height: 16px
}

.banner-web-slimline {
    display: none
}

.banner-web-slimline:nth-of-type(3n+2) {
    display: block
}

.form-guide-ratings .rating-top-tippers-bg {
    background-color: #11568f
}

.form-guide-ratings .rating-all-tippers-bg {
    background-color: #4bb748
}

.form-guide-ratings .rating-top-tippers-text {
    color: #11568f
}

.form-guide-ratings .rating-all-tippers-text {
    color: #4bb748
}

.form-guide-ratings .runner {
    width: 25%;
    text-align: left
}

.form-guide-ratings .ratingbars {
    width: 40%;
    text-align: left
}

.form-guide-ratings .rating {
    width: 15%
}

.form-guide-ratings .horseNumber {
    width: 36px;
    text-align: center;
    padding: 0px;
    font-weight: bold;
    font-size: 13px
}

.form-guide-ratings .silk {
    width: 40px;
    text-align: center;
    padding: 2px 1px 5px 2px;
    border-right: none
}

.form-guide-ratings .horseDetails {
    text-align: left;
    padding-left: 2px;
    padding-right: 0px;
    border-left: none;
    border-right: none;
    line-height: 13px;
    white-space: nowrap;
    text-overflow: clip;
    font-size: 13px
}

.form-guide-ratings .horseDetails .tipInfo {
    padding: 0
}

.form-guide-ratings .horseDetails .jockeyInfo, .form-guide-ratings .horseDetails .jockeyInfo a {
    color: #888;
    font-size: 9.5px
}

.form-guide-ratings .horseDetails .weightInfo, .form-guide-ratings .horseDetails .weightInfo a {
    color: #888;
    font-size: 9.5px
}

.form-guide-ratings .ratingbars {
    padding: 0;
    line-height: 12px;
    vertical-align: middle
}

.form-guide-ratings .rating-row {
    padding: 2px 5px 2px 2px
}

.form-guide-ratings .rating-row:after, .form-guide-ratings .rating-row:before {
    display: table;
    content: "";
    line-height: 0
}

.form-guide-ratings .rating-row:after {
    clear: both
}

.form-guide-ratings .rating-value {
    float: left;
    width: 8%;
    font-size: 9px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px
}

.form-guide-ratings .rating-bar {
    float: left;
    width: 90%
}

.form-guide-ratings .rating-bar .bar {
    float: left;
    width: 0px;
    height: 12px;
    max-width: 235px
}

.form-guide-ratings .rating-price {
    text-align: center;
    font-size: 13px;
    color: #333732
}

.form-guide-ratings .rating-price a {
    color: #333732
}

.form-guide-ratings .over-under {
    padding: 2px
}

.form-guide-ratings .over-under-outer {
    text-align: center;
    color: #888;
    font-size: 10px
}

.form-guide-ratings .bar {
    padding: 4px 4px 0 4px
}

.form-guide-ratings .bar:after, .form-guide-ratings .bar:before {
    display: table;
    content: "";
    line-height: 0
}

.form-guide-ratings .bar:after {
    clear: both
}

.form-guide-ratings .bar-left {
    float: left;
    border-right: 1px dotted #dadada;
    width: 50%
}

.form-guide-ratings .bar-left > div {
    margin: 2px;
    background-color: #d63733;
    height: 10px;
    float: right
}

.form-guide-ratings .bar-right {
    float: right;
    border-left: 1px dotted #dadada;
    width: 50%
}

.form-guide-ratings .bar-right > div {
    margin: 2px;
    background-color: #4bb748;
    height: 10px;
    float: left
}

.form-guide-ratings .how-it-works {
    padding: 20px 10px 10px 10px
}

.form-guide-ratings .how-it-works .bar-preview {
    height: 13px;
    width: 28px;
    float: left;
    margin-top: 3px;
    margin-right: 5px
}

.form-guide-speedmap {
    border: 1px solid #dadada;
    background-color: #fff
}

.speedmap__track .track {
    padding: 5px 5px 0 5px;
    overflow: hidden;
    position: relative
}

.speedmap__track .track__rail-header {
    background-color: #4bb748;
    height: 31px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 0 25px
}

.speedmap__track .track__finishing-post {
    position: relative
}

.speedmap__track .track__finishing-post-top {
    position: absolute;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #cd5958
}

.speedmap__track .track__finishing-post-pol {
    background: #cd5958;
    height: 13px;
    left: 6px;
    position: absolute;
    top: 16px;
    width: 5px
}

.speedmap__track .track__finishing-post-photo-finish {
    background: #f2eb60;
    height: 1000px;
    left: 6px;
    position: absolute;
    top: 29px;
    width: 5px;
    z-index: 3
}

.speedmap__track .track__rail-arrow {
    position: relative
}

.speedmap__track .track__rail-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #fff;
    position: absolute;
    left: -18px;
    top: 10px;
    z-index: 1
}

.speedmap__track .track__rail-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #4bb748;
    position: absolute;
    left: -18px;
    top: 8px;
    z-index: 1
}

.speedmap__track .track__rail-arrow-line {
    position: relative
}

.speedmap__track .track__rail-arrow-line:before {
    border: 1px solid #fff;
    content: '';
    height: 5px;
    left: -14px;
    position: absolute;
    top: 6px;
    width: 0;
    z-index: 3
}

.speedmap__track .track__rail {
    background-color: #fff;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 28px
}

.speedmap__track .track__rail-divvy {
    position: relative
}

.speedmap__track .track__rail-divvy:before {
    border: 1px solid #fff;
    content: '';
    height: 4px;
    left: 20%;
    position: absolute;
    top: 1px;
    width: 0;
    z-index: 3
}

.speedmap__track .track__rail-divvy--2:before {
    left: 40%
}

.speedmap__track .track__rail-divvy--3:before {
    left: 60%
}

.speedmap__track .track__rail-divvy--4:before {
    left: 80%
}

.speedmap__track .track__row {
    background-color: #60cd58;
    height: 24px;
    position: relative
}

.speedmap__track .track__row:after, .speedmap__track .track__row:before {
    display: table;
    content: "";
    line-height: 0
}

.speedmap__track .track__row:after {
    clear: both
}

.speedmap__track .track__row:nth-child(2n) {
    background-color: #4bb748
}

.speedmap__track .track__row:nth-child(2n) .track__barrier {
    background-color: #4bb748
}

.speedmap__track .track__barrier {
    margin: 3px;
    line-height: 16px;
    width: 18px;
    height: 18px;
    font-size: 11px;
    text-align: center;
    color: #333732;
    font-weight: bold;
    position: absolute;
    left: 0;
    z-index: 1;
    background-color: #60cd58;
    border-radius: 100%
}

.speedmap__track .track__horse-range {
    margin-left: 100px;
    margin-right: 100px;
    position: relative
}

.speedmap__track .track__horse-icon {
    float: right;
    display: inline-block;
    width: 35px;
    height: 23px;
    background: url('//dnu5embx6omws.cloudfront.net/icons/horse-white.svg');
    background-repeat: no-repeat;
    background-position: 0 2px
}

.speedmap__track .track__horse {
    position: absolute;
    left: 30px;
    right: auto;
    min-width: 50px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out
}

.speedmap__track .track__horse-sash {
    content: '';
    height: 8px;
    left: 32px;
    position: absolute;
    top: 6px;
    width: 4px;
    z-index: 3;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    background-color: #fff;
    opacity: 0.7
}

.speedmap__track .track__horse-outer {
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-left: -175px;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    text-align: right;
    width: 180px
}

.speedmap__track .track__horse-outer:hover {
    color: #155028
}

.speedmap__track .track--clockwise .track__rail-header {
    text-align: right
}

.speedmap__track .track--clockwise .track__finishing-post {
    left: 10px;
    position: relative;
    top: 2px;
    z-index: 4
}

.speedmap__track .track--clockwise .track__finishing-post-top {
    position: absolute;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #cd5958
}

.speedmap__track .track--clockwise .track__finishing-post-pol {
    background: #cd5958;
    height: 13px;
    left: 6px;
    position: absolute;
    top: 16px;
    width: 5px
}

.speedmap__track .track--clockwise .track__rail-arrow:before {
    right: -18px;
    left: auto
}

.speedmap__track .track--clockwise .track__rail-arrow:after {
    right: -18px;
    left: auto
}

.speedmap__track .track--clockwise .track__rail-arrow-line:before {
    right: -14px;
    left: auto
}

.speedmap__track .track--clockwise .track__barrier {
    right: 0;
    left: auto
}

.speedmap__track .track--clockwise .track__horse {
    right: 30px;
    left: auto
}

.speedmap__track .track--clockwise .track__horse-sash {
    left: 14px;
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg)
}

.speedmap__track .track--clockwise .track__horse-icon {
    float: left;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.speedmap__track .track--clockwise .track__horse-outer {
    text-align: left;
    margin-left: 44px
}

.speedmap__track .track--anti-clockwise .track__finishing-post {
    float: right;
    margin-right: 40px;
    clear: both
}

.speedmap-runner {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dadada;
    padding: 2px 10px
}

.speedmap-runner .speedmap-runner__silk {
    width: 25px
}

.speedmap-runner .speedmap-runner__limiteddata {
    color: #d63733
}

.speedmap-runner .config-runner {
    float: right;
    margin-top: 4px
}

.speedmap-runner .config-runner .pills {
    float: right;
    margin: 0
}

.speedmap-runner .config-runner .pills .race-event-filter li a {
    padding: 4px 4px 3px 3px;
    line-height: 16px;
    width: 22px;
    text-align: center
}

.speedmap-runner .config-runner .speed-stepper {
    float: right;
    text-align: center;
    height: 15px;
    margin: 0 0 0 10px;
    width: 40px;
    padding: 4px
}

.speedmap-runner__reset-button {
    clear: both;
    float: right;
    margin: 10px 10px 0 0
}

.help-image.anti-clockwise .first-horse {
    left: 95px
}

.help-image.anti-clockwise .second-horse {
    left: 190px
}

.help-image.anti-clockwise .third-horse {
    left: 140px
}

.help-image.clockwise .first-horse {
    right: 86px
}

.help-image.clockwise .second-horse {
    right: 181px
}

.help-image.clockwise .third-horse {
    right: 131px
}

.help-image.clockwise .first-horse, .help-image.clockwise .second-horse, .help-image.clockwise .third-horse {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.how-it-works {
    padding: 20px 10px
}

.how-it-works .help-image {
    position: relative
}

.how-it-works .help-image:after, .how-it-works .help-image:before {
    display: table;
    content: "";
    line-height: 0
}

.how-it-works .help-image:after {
    clear: both
}

.how-it-works .help-image img {
    opacity: 0.8
}

.how-it-works .help-image .first-horse {
    position: absolute;
    top: 45px
}

.how-it-works .help-image .second-horse {
    position: absolute;
    top: 60px
}

.how-it-works .help-image .third-horse {
    position: absolute;
    top: 110px
}

.form-guide-predictor {
    border: 1px solid #dadada;
    background-color: #fff
}

.form-guide-predictor .predictor__track .track {
    padding: 5px 5px 0 5px;
    overflow: hidden;
    position: relative
}

.form-guide-predictor .predictor__track .track__rail-header {
    background-color: #4bb748;
    height: 31px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 0 25px
}

.form-guide-predictor .predictor__track .track__finishing-post {
    position: relative
}

.form-guide-predictor .predictor__track .track__finishing-post-top {
    position: absolute;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #cd5958
}

.form-guide-predictor .predictor__track .track__finishing-post-pol {
    background: #cd5958;
    height: 13px;
    left: 6px;
    position: absolute;
    top: 16px;
    width: 5px
}

.form-guide-predictor .predictor__track .track__finishing-post-photo-finish {
    background: #f2eb60;
    height: 1000px;
    left: 6px;
    position: absolute;
    top: 29px;
    width: 5px;
    z-index: 3
}

.form-guide-predictor .predictor__track .track__rail-arrow {
    position: relative
}

.form-guide-predictor .predictor__track .track__rail-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #fff;
    position: absolute;
    left: -18px;
    top: 10px;
    z-index: 1
}

.form-guide-predictor .predictor__track .track__rail-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #4bb748;
    position: absolute;
    left: -18px;
    top: 8px;
    z-index: 1
}

.form-guide-predictor .predictor__track .track__rail-arrow-line {
    position: relative
}

.form-guide-predictor .predictor__track .track__rail-arrow-line:before {
    border: 1px solid #fff;
    content: '';
    height: 5px;
    left: -14px;
    position: absolute;
    top: 6px;
    width: 0;
    z-index: 3
}

.form-guide-predictor .predictor__track .track__rail {
    background-color: #fff;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 28px
}

.form-guide-predictor .predictor__track .track__rail-divvy {
    position: relative
}

.form-guide-predictor .predictor__track .track__rail-divvy:before {
    border: 1px solid #fff;
    content: '';
    height: 4px;
    left: 20%;
    position: absolute;
    top: 1px;
    width: 0;
    z-index: 3
}

.form-guide-predictor .predictor__track .track__rail-divvy--2:before {
    left: 40%
}

.form-guide-predictor .predictor__track .track__rail-divvy--3:before {
    left: 60%
}

.form-guide-predictor .predictor__track .track__rail-divvy--4:before {
    left: 80%
}

.form-guide-predictor .predictor__track .track__row {
    background-color: #60cd58;
    height: 24px;
    position: relative
}

.form-guide-predictor .predictor__track .track__row:after, .form-guide-predictor .predictor__track .track__row:before {
    display: table;
    content: "";
    line-height: 0
}

.form-guide-predictor .predictor__track .track__row:after {
    clear: both
}

.form-guide-predictor .predictor__track .track__row:nth-child(2n) {
    background-color: #4bb748
}

.form-guide-predictor .predictor__track .track__row:nth-child(2n) .track__barrier {
    background-color: #4bb748
}

.form-guide-predictor .predictor__track .track__barrier {
    margin: 3px;
    line-height: 16px;
    width: 18px;
    height: 18px;
    font-size: 11px;
    text-align: center;
    color: #333732;
    font-weight: bold;
    position: absolute;
    left: 0;
    z-index: 1;
    background-color: #60cd58;
    border-radius: 100%
}

.form-guide-predictor .predictor__track .track__horse-range {
    margin-left: 100px;
    margin-right: 100px;
    position: relative
}

.form-guide-predictor .predictor__track .track__horse-icon {
    float: right;
    display: inline-block;
    width: 35px;
    height: 23px;
    background: url('//dnu5embx6omws.cloudfront.net/icons/horse-white.svg');
    background-repeat: no-repeat;
    background-position: 0 2px
}

.form-guide-predictor .predictor__track .track__horse {
    position: absolute;
    left: 30px;
    right: auto;
    min-width: 50px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out
}

.form-guide-predictor .predictor__track .track__horse-sash {
    content: '';
    height: 8px;
    left: 32px;
    position: absolute;
    top: 6px;
    width: 4px;
    z-index: 3;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    background-color: #fff;
    opacity: 0.7
}

.form-guide-predictor .predictor__track .track__horse-outer {
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-left: -175px;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    text-align: right;
    width: 180px
}

.form-guide-predictor .predictor__track .track__horse-outer:hover {
    color: #155028
}

.form-guide-predictor .predictor__track .track--clockwise .track__rail-header {
    text-align: right
}

.form-guide-predictor .predictor__track .track--clockwise .track__finishing-post {
    left: 10px;
    position: relative;
    top: 2px;
    z-index: 4
}

.form-guide-predictor .predictor__track .track--clockwise .track__finishing-post-top {
    position: absolute;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #cd5958
}

.form-guide-predictor .predictor__track .track--clockwise .track__finishing-post-pol {
    background: #cd5958;
    height: 13px;
    left: 6px;
    position: absolute;
    top: 16px;
    width: 5px
}

.form-guide-predictor .predictor__track .track--clockwise .track__rail-arrow:before {
    right: -18px;
    left: auto
}

.form-guide-predictor .predictor__track .track--clockwise .track__rail-arrow:after {
    right: -18px;
    left: auto
}

.form-guide-predictor .predictor__track .track--clockwise .track__rail-arrow-line:before {
    right: -14px;
    left: auto
}

.form-guide-predictor .predictor__track .track--clockwise .track__barrier {
    right: 0;
    left: auto
}

.form-guide-predictor .predictor__track .track--clockwise .track__horse {
    right: 30px;
    left: auto
}

.form-guide-predictor .predictor__track .track--clockwise .track__horse-sash {
    left: 14px;
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg)
}

.form-guide-predictor .predictor__track .track--clockwise .track__horse-icon {
    float: left;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.form-guide-predictor .predictor__track .track--clockwise .track__horse-outer {
    text-align: left;
    margin-left: 44px
}

.form-guide-predictor .predictor__track .track--anti-clockwise .track__finishing-post {
    float: right;
    margin-right: 40px;
    clear: both
}

.form-guide-predictor .left-side {
    float: left;
    width: 50%
}

.form-guide-predictor .left-side .slider_box {
    border-right: 1px solid #dadada
}

.form-guide-predictor .right-side {
    float: left;
    width: 50%
}

.form-guide-predictor .slider_box {
    background-color: #f9f9f9;
    padding: 10px;
    border-bottom: 1px solid #dadada
}

.form-guide-predictor .slider_box:after, .form-guide-predictor .slider_box:before {
    display: table;
    content: "";
    line-height: 0
}

.form-guide-predictor .slider_box:after {
    clear: both
}

.form-guide-predictor .slider_box:first-child {
    border-top: 1px solid #dadada
}

.form-guide-predictor .slider_label {
    float: left;
    width: 134px;
    margin-top: 5px
}

.form-guide-predictor .pp-slider {
    float: right;
    width: 209px
}

.form-guide-predictor .pp-slider .pp-slider-scale {
    width: 175px
}

.form-guide-predictor .how-it-works {
    padding: 20px 10px 10px 10px
}

.form-guide-predictor .help-image {
    position: relative
}

.form-guide-predictor .help-image:after, .form-guide-predictor .help-image:before {
    display: table;
    content: "";
    line-height: 0
}

.form-guide-predictor .help-image:after {
    clear: both
}

.form-guide-predictor .help-image img {
    opacity: 0.8
}

.form-guide-predictor .help-image .first-horse {
    position: absolute;
    top: 45px
}

.form-guide-predictor .help-image .second-horse {
    position: absolute;
    top: 60px
}

.form-guide-predictor .help-image .third-horse {
    position: absolute;
    top: 110px
}

.form-guide-predictor .help-image.clockwise .first-horse {
    left: 45px
}

.form-guide-predictor .help-image.clockwise .second-horse {
    left: 140px
}

.form-guide-predictor .help-image.clockwise .third-horse {
    left: 90px
}

.form-guide-predictor .help-image.clockwise .first-horse, .form-guide-predictor .help-image.clockwise .second-horse, .form-guide-predictor .help-image.clockwise .third-horse {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.form-guide-predictor .how-it-works .help-image.anti-clockwise .first-horse {
    right: 45px
}

.form-guide-predictor .how-it-works .help-image.anti-clockwise .second-horse {
    right: 140px
}

.form-guide-predictor .how-it-works .help-image.anti-clockwise .third-horse {
    right: 90px
}

.predictor-sliders {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 415px;
    border-right: 1px solid #dadada
}

.predictor-sliders__slider {
    width: 50%;
    box-sizing: border-box;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    background-color: #f9f9f9;
    padding: 7px 10px
}

.predictor-sliders__slider:after, .predictor-sliders__slider:before {
    display: table;
    content: "";
    line-height: 0
}

.predictor-sliders__slider:after {
    clear: both
}

.predictor-sliders__slider-label {
    float: left;
    margin-top: 5px
}

.predictor-sliders__reset {
    display: block;
    text-decoration: none;
    color: #4bb748;
    text-align: center;
    padding: 5px 10px 10px;
    border-bottom: 1px solid #dadada
}

.predictor-sliders__reset:hover {
    background-color: #f9f9f9;
    text-decoration: none
}

.sectional-results-popup .track {
    background-color: #4bb748;
    overflow: hidden;
    position: relative
}

.sectional-results-popup .track .track__rail--top {
    background-color: #4bb748;
    padding-top: 25px;
    position: relative
}

.sectional-results-popup .track .track__rail--bottom {
    background-color: #4bb748;
    padding-bottom: 8px;
    position: relative
}

.sectional-results-popup .track .track__rail--bottom .track__rail--bar:after {
    content: '';
    width: 3px;
    background: #f2eb60;
    height: 50px;
    position: absolute;
    display: block;
    top: -5px;
    right: 25px
}

.sectional-results-popup .track .track__rail {
    background-color: #fff;
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: 6px
}

.sectional-results-popup .track .track__rail .track__rail-divider {
    position: relative
}

.sectional-results-popup .track .track__rail .track__rail-divider:before {
    border: 1px solid #fff;
    content: "";
    height: 4px;
    position: absolute;
    top: 2px;
    width: 0;
    z-index: 3
}

.sectional-results-popup .track .track__rail .track__rail-divider:first-child:before {
    left: 4%
}

.sectional-results-popup .track .track__rail .track__rail-divider:nth-child(2):before {
    left: 20%
}

.sectional-results-popup .track .track__rail .track__rail-divider:nth-child(3):before {
    left: 40%
}

.sectional-results-popup .track .track__rail .track__rail-divider:nth-child(4):before {
    left: 60%
}

.sectional-results-popup .track .track__rail .track__rail-divider:nth-child(5):before {
    left: 80%
}

.sectional-results-popup .track .track__finishing-post {
    left: 735px;
    position: relative;
    top: 2px;
    z-index: 5
}

.sectional-results-popup .track .track__finishing-post .finishing-post__top-post {
    position: absolute;
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #cd5958
}

.sectional-results-popup .track .track__finishing-post .finishing-post__post-pol {
    background: #cd5958;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 14px;
    width: 3px
}

.sectional-results-popup .track .track__finishing-post .finishing-post__post-photo-finish {
    background: #f2eb60;
    height: 50px;
    left: 5px;
    position: absolute;
    top: 24px;
    width: 3px
}

.sectional-results-popup .track .track__track-line {
    background-color: #60cd58;
    padding: 5px 0
}

.sectional-results-popup .track .track__track-line:after, .sectional-results-popup .track .track__track-line:before {
    display: table;
    content: "";
    line-height: 0
}

.sectional-results-popup .track .track__track-line:after {
    clear: both
}

.sectional-results-popup .track .track__track-line:nth-child(2n) {
    background-color: #4bb748
}

.sectional-results-popup .track .track__track-line:nth-of-type(2n) .track__barrier {
    background-color: #4bb748
}

.sectional-results-popup .track .track__barrier {
    margin-left: 10px;
    float: left;
    font-weight: bold;
    color: #155028;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    text-align: center;
    background-color: #60cd58;
    z-index: 2;
    position: relative
}

.sectional-results-popup .track .track__horse-range {
    margin-right: 68px;
    margin-left: 62px;
    position: relative
}

.sectional-results-popup .track .track__horse {
    position: absolute;
    min-width: 50px;
    z-index: 1
}

.sectional-results-popup .track .track__horse .track__horse-sash {
    height: 9px;
    left: 19px;
    position: absolute;
    top: 4px;
    width: 4px;
    z-index: 3;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    background-color: #4bb748;
    opacity: 0.7
}

.sectional-results-popup .track .track__horse .icon--horse {
    width: 40px;
    height: 20px;
    background-image: url('//dnu5embx6omws.cloudfront.net/icons/horse-white.svg');
    background-repeat: no-repeat
}

.sectional-results-popup .track .track__horse-namedisplay {
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 180px;
    left: -184px;
    text-align: right
}

.sectional-results-popup .track .track__horse-namedisplay.track__horse-current-horse {
    color: #155028
}

.sectional-results-popup .track .track__horse-namedisplay .track__horse-name {
    font-weight: bold
}

.sectional-results-popup .track .track__horse-percentage {
    float: right;
    color: #fff;
    margin-right: 10px;
    position: relative;
    min-width: 10px
}

.sectional-results-popup .track .track__horse-percentage:after {
    content: '';
    width: 3px;
    background: #f2eb60;
    height: 30px;
    position: absolute;
    display: block;
    top: -5px;
    left: -8px
}

.sectional-results-popup .track--clockwise .track__finishing-post {
    left: 5px
}

.sectional-results-popup .track--clockwise .track__rail--bottom .track__rail--bar:after {
    left: 10px
}

.sectional-results-popup .track--clockwise .track__barrier {
    float: right;
    margin-left: 0;
    margin-right: 10px
}

.sectional-results-popup .track--clockwise .track__rail .track__rail-divider:first-child:before {
    right: 4%;
    left: auto
}

.sectional-results-popup .track--clockwise .track__rail .track__rail-divider:nth-child(2):before {
    right: 20%;
    left: auto
}

.sectional-results-popup .track--clockwise .track__rail .track__rail-divider:nth-child(3):before {
    right: 40%;
    left: auto
}

.sectional-results-popup .track--clockwise .track__rail .track__rail-divider:nth-child(4):before {
    right: 60%;
    left: auto
}

.sectional-results-popup .track--clockwise .track__rail .track__rail-divider:nth-child(5):before {
    right: 80%;
    left: auto
}

.sectional-results-popup .track--clockwise .track__horse-percentage {
    float: left;
    margin-right: 0;
    margin-left: 10px
}

.sectional-results-popup .track--clockwise .track__horse-percentage:after {
    left: 0px
}

.sectional-results-popup .track--clockwise .track__horse {
    left: auto;
    right: 30px
}

.sectional-results-popup .track--clockwise .track__horse .icon--horse {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sectional-results-popup .track--clockwise .track__horse .track__horse-sash {
    left: 17px;
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg)
}

.sectional-results-popup .track--clockwise .track__horse-namedisplay {
    width: 180px;
    left: 45px;
    text-align: left
}

.sectional-results-popup .track--clockwise .track__rail--scale--anti-clockwise {
    display: none
}

.sectional-results-popup .track--anticlockwise .track__rail--scale--clockwise {
    display: none
}

.sectional-results-popup .track__rail--scale {
    width: 740px;
    margin-left: 40px;
    padding: 25px 30px 10px 0
}

.sectional-results-popup .track__rail--scale .scale--length {
    float: left;
    position: relative;
    width: 30px;
    height: 7px;
    border-left: 1px solid #379239;
    border-bottom: 1px solid #379239
}

.sectional-results-popup .track__rail--scale .scale--length:last-child {
    border-bottom: none;
    width: 1px
}

.sectional-results-popup .track__rail--scale .scale--text {
    position: absolute;
    bottom: 8px;
    left: -6px;
    color: #379239;
    font-size: 12px
}

.sectional-results-popup .track__rail--scale .scale--text-lengths {
    left: -40px
}

.sectional-results-popup .track__rail--scale--anti-clockwise {
    margin-left: 25px
}

.sectional-results-popup .track__rail--scale--anti-clockwise .scale--text-lengths {
    left: -1px
}

.sectional-results-popup .result-table {
    border-bottom: 1px solid #dadada
}

.sectional-results-popup .result-table th {
    padding: 5px 12px 5px 12px;
    text-align: center
}

.sectional-results-popup .result-table th .distance {
    text-transform: lowercase;
    color: #333732
}

.sectional-results-popup .result-table th.collapsed {
    border-bottom: none
}

.sectional-results-popup .result-table th .details-line {
    color: #7c8482
}

.sectional-results-popup .result-table th.no-results {
    border-left: none;
    border-right: none
}

.sectional-results-popup .result-table th.no-results .column-header {
    visibility: hidden
}

.sectional-results-popup .result-table th.no-results.first {
    border-right: none;
    border-left: 1px solid #dadada
}

.sectional-results-popup .result-table th.no-results.last {
    border-left: none;
    border-right: 1px solid #dadada
}

.sectional-results-popup .result-table tbody > tr:last-child > td {
    border-bottom: none
}

.sectional-results-popup .result-table td {
    padding: 5px 0 5px 0;
    text-align: center;
    font-size: 12px
}

.sectional-results-popup .result-table td:first-child {
    text-align: left;
    padding: 5px 0 5px 12px;
    border-right: none;
    width: 190px
}

.sectional-results-popup .result-table td:nth-child(2) {
    text-align: left;
    border-left: none;
    width: 220px
}

.sectional-results-popup .result-table tr:first-child > th:first-child {
    text-align: left;
    text-transform: uppercase;
    width: 300px
}

.sectional-results-popup .result-table a {
    display: inline-block
}

.sectional-results-popup .result-table a:hover {
    text-decoration: none
}

.sectional-results-popup .result-table .isPlaced {
    color: #333732
}

.sectional-results-popup .result-table .jockey-name, .sectional-results-popup .result-table tr {
    color: #7c8482
}

.sectional-results-popup .result-table .result-popup {
    bottom: 40px;
    margin-bottom: -28px;
    position: relative;
    right: 0;
    float: right;
    background: url('//dnu5embx6omws.cloudfront.net/icons/full-results.svg') no-repeat;
    width: 28px;
    height: 28px
}

.sectional-results-popup .result-table .result-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 10px
}

.sectional-results-popup .result-table .icon-arrow-down, .sectional-results-popup .result-table .icon-plus, .sectional-results-popup .result-table .icon-tick, .sectional-results-popup .result-table .pp-follow {
    float: right;
    cursor: pointer
}

.sectional-results-popup .result-table .timestamp {
    text-transform: none;
    color: #7c8482
}

.sectional-results-popup .result-table .pp-follow {
    max-width: 12px;
    margin: 0 10px 0 0;
    border-color: #7c8482
}

.sectional-results-popup .result-table .pp-follow:hover {
    border-color: #4bb748;
    background-color: #4bb748
}

.sectional-results-popup .result-table .pp-follow:hover:after, .sectional-results-popup .result-table .pp-follow:hover:before {
    border-color: #fff
}

.sectional-results-popup .result-table .pp-follow .icon:after, .sectional-results-popup .result-table .pp-follow .icon:before {
    border: 1px solid #7c8482
}

.sectional-results-popup .result-table:last-child {
    margin-bottom: 0;
    border-radius: 0 0 8px 8px
}

.sectional-results-popup .result-table .results-current-horse td {
    background-color: #edf8ec;
    border-top: 1px double #4bb748;
    border-bottom: 1px solid #4bb748
}

.sectional-results-popup .result-table .results-current-horse td:first-child {
    border-right: none
}

.event-expert-tips__container {
    box-sizing: content-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 15px;
    border-left: 7px solid #4bb748;
    background-color: #fff
}

.event-expert-tips__container .event-expert-tips-details {
    width: 300px;
    -webkit-box-flex: 0 0 300px;
    -moz-box-flex: 0 0 300px;
    -webkit-flex: 0 0 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    position: relative;
    float: left;
    background: no-repeat bottom right;
    border-right: 1px solid #f4f4f4
}

.event-expert-tips__container .event-expert-tips-details .event-expert-tips-details__header {
    position: absolute;
    left: 15px;
    top: 15px;
    font-family: 'Roboto', sans-serif
}

.event-expert-tips__container .event-expert-tips-details .event-expert-tips-details__title {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold
}

.event-expert-tips__container .event-expert-tips-details .event-expert-tips-details__name {
    font-size: 13px;
    line-height: 21px;
    color: #7c8482
}

.event-expert-tips__container .event-expert-tips-details .event-expert-tips__pdf {
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-decoration: none;
    color: #7c8482
}

.event-expert-tips__container .event-expert-tips-details .event-expert-tips__pdf span {
    position: relative;
    top: 10px;
    display: inline-block;
    width: 110px;
    margin-left: 10px;
    line-height: 18px;
    font-size: 15px
}

.event-expert-tips__container .event-expert-tips-event-tips {
    font-family: 'Roboto', sans-serif;
    font-size: 13px
}

.event-expert-tips__container .event-expert-tip {
    display: block;
    height: 45px;
    width: 456px;
    line-height: 40px;
    border-bottom: 1px solid #f4f4f4;
    color: #4b534b;
    text-decoration: none;
    cursor: pointer
}

.event-expert-tips__container .event-expert-tip.scratched {
    text-decoration: line-through
}

.event-expert-tips__container .event-expert-tip.scratched .event-expert-tip__competitor {
    text-decoration: line-through
}

.event-expert-tips__container .event-expert-tip:last-child {
    border: none
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__position {
    float: left;
    width: 50px;
    text-align: center;
    color: #7c8482
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__silk {
    float: left;
    width: 40px
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__silk img {
    border: none;
    width: 20px
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__competitor {
    float: left;
    width: 290px
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__wolf-tip {
    float: left;
    width: 82px;
    height: 33px;
    background: url('//dnu5embx6omws.cloudfront.net/icons/wolfstip.svg') no-repeat;
    margin: 5px 8px 5px 0
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__odds-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 40px;
    width: 60px;
    margin-right: 15px;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    line-height: 17px
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__odds-wrap .event-expert-tip__tip-tag {
    padding: 0 4px;
    height: 13px;
    color: #fff;
    border-radius: 3px;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__odds-wrap .event-expert-tip__tip--best {
    background-color: #46b941
}

.event-expert-tips__container .event-expert-tip .event-expert-tip__odds-wrap .event-expert-tip__tip--value {
    background-color: #C3A300
}

.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1
}

.ct-chart-bar .ct-label, .ct-chart-line .ct-label {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-vertical.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-label.ct-vertical.ct-end {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}

.ct-grid {
    stroke: #dadada;
    stroke-width: 1px;
    stroke-dasharray: none
}

.ct-point {
    stroke-width: 8px;
    stroke-linecap: round
}

.ct-line {
    fill: none;
    stroke-width: 2px
}

.ct-area {
    stroke: none;
    fill-opacity: 0.1
}

.ct-bar {
    fill: none;
    stroke-width: 15px
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #4bb748
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill: #4bb748
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #93d491
}

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
    fill: #93d491
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
    stroke: #f4c63d
}

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
    fill: #f4c63d
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
    stroke: #d17905
}

.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {
    fill: #d17905
}

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
    stroke: #453d3f
}

.ct-series-e .ct-area, .ct-series-e .ct-slice-pie {
    fill: #453d3f
}

.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
    stroke: #59922b
}

.ct-series-f .ct-area, .ct-series-f .ct-slice-pie {
    fill: #59922b
}

.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
    stroke: #0544d3
}

.ct-series-g .ct-area, .ct-series-g .ct-slice-pie {
    fill: #0544d3
}

.ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut {
    stroke: #6b0392
}

.ct-series-h .ct-area, .ct-series-h .ct-slice-pie {
    fill: #6b0392
}

.ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-i .ct-area, .ct-series-i .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut {
    stroke: #dda458
}

.ct-series-j .ct-area, .ct-series-j .ct-slice-pie {
    fill: #dda458
}

.ct-series-a .ct-bar, .ct-series-a .ct-bar-mobile {
    stroke: #4bb748
}

.ct-series-b .ct-bar, .ct-series-b .ct-bar-mobile {
    stroke: #4bb748;
    opacity: 0.7
}

.ct-bar.bar--thin {
    stroke-width: 8px
}

.ct-bar.bar--medium {
    stroke-width: 18px
}

.ct-bar.bar--thick {
    stroke-width: 28px
}

.ct-bar-mobile.bar--thin {
    stroke-width: 8px
}

.ct-bar-mobile.bar--medium {
    stroke-width: 13px
}

.ct-bar-mobile.bar--thick {
    stroke-width: 20px
}

.ct-chart-line .ct-series-a .ct-point {
    position: relative;
    stroke: transparent;
    transition: all 0.15s ease-in-out;
    stroke-width: 15px
}

.ct-chart-line .ct-series-a .ct-point:first-of-type, .ct-chart-line .ct-series-a .ct-point:last-child {
    stroke-width: 8px;
    stroke: #4bb748
}

.ct-chart-line .ct-series-a .ct-point:hover {
    stroke: #4bb748;
    stroke-width: 10px
}

.ct-chart-line .zero-line .ct-point {
    stroke-width: 0
}

.ct-chart-line .zero-line .ct-line {
    stroke: #dadada;
    stroke-width: 1px
}

.ct-label {
    display: inline-block;
    color: #7c8482;
    font-size: 11px
}

.ct-label.ct-horizontal {
    text-align: center
}

.rotated-label .ct-label {
    padding: 0;
    display: inline-block;
    -ms-transform: rotate(-48deg) translateY(-3px) translateX(-20px);
    transform: rotate(-48deg) translateY(-3px) translateX(-20px);
    white-space: nowrap;
    direction: rtl
}

.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 20px;
    padding: 0 15px 10px;
    line-height: 10px;
    background: #333732;
    color: #fff;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    font-size: 11px;
    font-weight: bold;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #333732
}

.graph-tooltip__meta {
    color: #4bb748;
    padding: 7px 0
}

.chartist-tooltip.tooltip-show {
    opacity: 1
}

.ct-bar.ct-threshold-above, .ct-line.ct-threshold-above, .ct-point.ct-threshold-above {
    stroke: #4bb748
}

.ct-bar.ct-threshold-below, .ct-line.ct-threshold-below, .ct-point.ct-threshold-below {
    stroke: #4bb748
}

.ct-area.ct-threshold-above {
    fill: #4bb748
}

.ct-area.ct-threshold-below {
    fill: transparent
}

.sectional-filters {
    border: 1px solid #dadada;
    padding: 7px 10px;
    margin-bottom: 20px
}

.sectional-filters:after, .sectional-filters:before {
    display: table;
    content: "";
    line-height: 0
}

.sectional-filters:after {
    clear: both
}

.sectional-filters .sectional-filters__filter {
    float: left
}

.sectional-filters .sectional-filters__filter--runs {
    width: 270px
}

.sectional-filters .sectional-filters__label {
    display: inline-block;
    color: #7c8482;
    margin: 4px 7px 0
}

.sectional-filters .sectional-filters__label--bold {
    font-weight: bold;
    color: #4b534b;
    margin-left: 0
}

.sectional-filters .sectional-filters__select {
    width: 180px;
    float: right;
    margin: 0
}

.sectional-runners {
    border-top: 1px solid #dadada
}

.sectional-runner {
    position: relative
}

.sectional-runner:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 28px;
    border-left: 2px solid #dadada;
    border-top: 2px solid #dadada;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.sectional-runner.sectional-runner--open:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sectional-runners__runner {
    display: block;
    text-decoration: none;
    background-color: #fff;
    padding: 7px 10px;
    border: 1px solid #dadada;
    border-top: 0
}

.sectional-runners__runner:after, .sectional-runners__runner:before {
    display: table;
    content: "";
    line-height: 0
}

.sectional-runners__runner:after {
    clear: both
}

.sectional-runners__runner:hover {
    color: #4b534b
}

.sectional-runners__runner .sectional-runners__silk {
    width: 30px;
    float: left;
    margin: 8px 10px 0 0
}

.sectional-runners__runner .sectional-runners__runner-info {
    width: 195px;
    float: left;
    margin-top: 8px
}

.sectional-runners__runner .sectional-runners__name {
    font-weight: bold;
    text-transform: uppercase
}

.sectional-runners__runner .sectional-runners__name--light {
    color: #7c8482;
    font-size: 11px;
    font-weight: normal
}

.sectional-runners__runner .sectional-runners__run-count {
    font-size: 11px;
    color: #7c8482
}

.sectional-runners__runner .sectional-runners__graph {
    width: 200px;
    margin-right: 20px;
    float: left;
    height: 45px;
    position: relative;
    border-bottom: 1px solid #dadada
}

.sectional-runners__runner .sectional-runners__graph:before {
    content: '1000m';
    display: block;
    position: absolute;
    bottom: 0;
    left: 5px;
    font-size: 10px;
    color: #7c8482
}

.sectional-runners__runner .sectional-runners__graph .animated-line {
    animation: dash 0.3s linear forwards
}

@keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

.sectional-runners__runner .sectional-runners__graph .chartist-tooltip {
    min-width: 65px;
    padding: 0 10px 10px
}

.sectional-runners__runner .sectional-runners__graph .graph-tooltip__meta, .sectional-runners__runner .sectional-runners__graph .graph-tooltip__meta-content {
    text-align: left
}

.sectional-runners__runner .sectional-runners__graph .graph-tooltip__meta-content {
    line-height: 14px
}

.sectional-runners__runner .sectional-runners__graph .ct-chart-line .ct-series-a .ct-point {
    position: relative;
    stroke-width: 6px;
    stroke: #4bb748
}

.sectional-runners__runner .sectional-runners__graph .ct-chart-line .ct-series-a .ct-point:hover {
    stroke: #4bb748;
    stroke-width: 10px;
    transition: all 0.15s ease-in-out
}

.sectional-runners__runner .sectional-runners__graph .ct-chart-line .zero-line {
    display: none
}

.sectional-runners__runner .sectional-runners__stat {
    width: 48px;
    float: left;
    margin-top: 12px
}

.sectional-runners__runner .sectional-runners__stat-val {
    font-weight: bold
}

.sectional-runners__runner .sectional-runners__stat-label {
    text-transform: uppercase;
    color: #7c8482;
    font-size: 11px
}

.sectional-runners__runner .sectional-runners__taco {
    float: left;
    position: relative;
    height: 50px;
    width: 78px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 0
}

.sectional-runners__runner .sectional-runners__taco .sectional-runners__taco-circle-outer {
    position: absolute;
    left: 0px;
    top: 8px;
    border-radius: 100px;
    width: 80px;
    background-color: #4bb748;
    height: 80px
}

.sectional-runners__runner .sectional-runners__taco .sectional-runners__taco-circle-inner {
    position: absolute;
    left: 18px;
    top: 26px;
    border-radius: 100px;
    width: 44px;
    height: 44px;
    background-color: #fff
}

.sectional-runners__runner .sectional-runners__taco .sectional-runners__taco-stub-left {
    position: absolute;
    left: -16px;
    top: 31px;
    background-color: #fff;
    width: 44px;
    height: 28px;
    -ms-transform: rotate(31deg);
    transform: rotate(31deg)
}

.sectional-runners__runner .sectional-runners__taco .sectional-runners__taco-stub-right {
    position: absolute;
    left: 55px;
    top: 31px;
    background-color: #fff;
    width: 44px;
    height: 28px;
    -ms-transform: rotate(-31deg);
    transform: rotate(-31deg)
}

.sectional-runners__runner .sectional-runners__taco .sectional-runners__taco-needle {
    position: absolute;
    top: -7px;
    left: -9px;
    background-image: url('////dnu5embx6omws.cloudfront.net/form-guide/sectional-needle-box-6.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.secontional-history__run {
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-bottom: 0;
    padding: 7px 10px;
    cursor: pointer
}

.secontional-history__run:after, .secontional-history__run:before {
    display: table;
    content: "";
    line-height: 0
}

.secontional-history__run:after {
    clear: both
}

.secontional-history__run:first-child {
    border-top: 0
}

.secontional-history__run:last-child {
    border-bottom: 1px solid #dadada
}

.secontional-history__run:hover {
    background-color: #f4f4f4
}

.secontional-history__run .sectional-history__checkbox {
    width: 30px;
    float: left;
    margin: 19px 5px 0
}

.secontional-history__run .sectional-history__meeting-info {
    width: 285px;
    float: left
}

.secontional-history__run .sectional-history__track-conditions {
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase;
    font-weight: bold
}

.secontional-history__run .sectional-history__meeting-name {
    font-weight: bold;
    margin-bottom: 2px
}

.secontional-history__run .sectional-history__meeting-title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: auto;
    max-width: 100px;
    position: relative;
    top: 5px
}

.secontional-history__run .sectional-history__meeting-date {
    font-size: 11px
}

.secontional-history__run .sectional-history__meeting-dist {
    font-size: 11px;
    font-weight: normal
}

.secontional-history__run .sectional-history__track {
    color: #7c8482;
    font-size: 11px
}

.secontional-history__run .sectional-history__comment {
    color: #7c8482;
    font-size: 11px;
    background: url('//dnu5embx6omws.cloudfront.net/form-guide/comment-icon-01.png') no-repeat 0 3px;
    padding-left: 17px
}

.secontional-history__run .chartist-tooltip {
    min-width: 65px;
    padding: 0 10px 10px
}

.secontional-history__run .graph-tooltip__meta, .secontional-history__run .graph-tooltip__meta-content {
    text-align: left
}

.secontional-history__run .graph-tooltip__meta-content {
    line-height: 14px
}

.secontional-history__run .sectional-history__graph {
    width: 110px;
    margin-right: 20px;
    height: 35px;
    float: left;
    position: relative;
    border-bottom: 1px solid #dadada
}

.secontional-history__run .sectional-history__graph:before {
    content: '1000m';
    display: block;
    position: absolute;
    bottom: 0;
    left: 5px;
    font-size: 10px;
    color: #7c8482
}

.secontional-history__run .sectional-history__graph .sectional-history__finishing-post {
    width: 2px;
    height: 5px;
    background-color: #7c8482;
    position: absolute;
    bottom: 0;
    right: 3px
}

.secontional-history__run .sectional-history__graph .sectional-history__finishing-line {
    width: 4px;
    height: 4px;
    border: 2px solid #7c8482;
    border-radius: 5px;
    position: absolute;
    bottom: 5px;
    right: 0
}

.secontional-history__run .sectional-history__graph .ct-chart-line .ct-series-a .ct-point {
    position: relative;
    stroke-width: 4px;
    stroke: #4bb748
}

.secontional-history__run .sectional-history__graph .ct-chart-line .ct-series-a .ct-point:hover {
    stroke: #4bb748;
    stroke-width: 8px;
    transition: all 0.15s ease-in-out
}

.secontional-history__run .sectional-history__graph .ct-chart-line .zero-line {
    display: none
}

.secontional-history__run .sectional-history__stat {
    width: 48px;
    float: left;
    margin-top: 8px;
    color: #7c8482
}

.secontional-history__run .sectional-history__stat-val {
    font-weight: bold
}

.secontional-history__run .sectional-history__stat-label {
    text-transform: uppercase;
    color: #7c8482;
    font-size: 11px
}

.betslip--active {
    padding-right: 250px;
    transition: all ease 0.3s;
    margin-left: -250px
}

@media only screen and (min-width: 1080px) {
    .betslip--active {
        margin-left: auto
    }
}

.component-wrapper.quickbet.betslip--show .betslip {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.betslip {
    width: 241px;
    position: fixed;
    top: 0;
    right: 0;
    min-height: 100vh;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(50, 50, 50, 0.22);
    transition: all ease 0.3s;
    -ms-transform: translateX(260px);
    transform: translateX(260px);
    background-color: #f4f4f4
}

.betslip.betslip--show {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.betslip__header {
    position: relative;
    padding: 20px 16px
}

.betslip__header .betslip__event-name {
    display: block;
    width: 190px
}

.betslip--odds .betslip__header {
    color: #4b534b;
    padding: 14px 16px;
    background-color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #dadada
}

.betslip--blank .betslip__header {
    color: #4b534b
}

.betslip__logo {
    width: 115px
}

.betslip__close {
    position: absolute;
    top: 4px;
    right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px
}

.betslip__close:before {
    content: '\00d7';
    display: block;
    position: absolute;
    color: #fff;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 18px;
    font-weight: bold;
    font-size: 35px
}

.betslip--blank .betslip__close:before, .betslip--odds .betslip__close:before {
    color: #4b534b
}

.betslip__body {
    display: none
}

.betslip__loading {
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 60px 0
}

.betslip__loading .betslip__loading-text {
    margin-bottom: 20px;
    padding: 20px 30px
}

.betslip__loading .betslip__loading-text:before {
    content: '';
    display: block;
    width: 18px;
    height: 20px;
    margin: 5px auto 20px;
    background: url('//dnu5embx6omws.cloudfront.net/icons/lock-white.svg') no-repeat
}

.betslip--blank .betslip__loading .betslip__loading-text, .betslip--odds .betslip__loading .betslip__loading-text {
    color: #4b534b
}

.betslip--blank .betslip__loading .betslip__loading-text:before, .betslip--odds .betslip__loading .betslip__loading-text:before {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.betslip__loading .betslip__loading-bar {
    background-color: rgba(0, 0, 0, 0.3);
    height: 3px;
    border-radius: 3px;
    width: 160px;
    margin: 0 auto
}

.betslip__loading .betslip__loading-inner {
    height: 3px;
    border-radius: 3px;
    width: 60px;
    background-color: #fff;
    -webkit-animation: loading-animation 1.8s infinite linear;
    animation: loading-animation 1.8s infinite linear
}

@-webkit-keyframes loading-animation {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(100px)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes loading-animation {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(100px)
    }
    to {
        transform: translateX(0)
    }
}

.betslip__button, .betslip__button-inner {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 3px
}

.betslip__button-inner:hover, .betslip__button:hover {
    text-decoration: none;
    opacity: 0.9;
    color: #fff
}

.betslip__button--dark {
    padding: 7px 10px;
    background-color: rgba(0, 0, 0, 0.3)
}

.betslip__label {
    color: #fff;
    font-size: 13px
}

.betslip__input {
    background-color: transparent;
    border: 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    height: auto;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-bottom: 1px solid transparent
}

.betslip__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

.betslip__input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

.betslip__input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

.betslip__input[type=text]:focus {
    border: 0;
    color: #fff;
    border-bottom: 1px solid transparent
}

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

.betslip__ticket {
    background-color: #fff;
    position: relative;
    font-size: 14px;
    line-height: 20px
}

.betslip__ticket:after {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 15px, #fff 0) repeat-x, linear-gradient(45deg, rgba(0, 0, 0, 0) 15px, #fff 0) repeat-x;
    background-size: 15px 15px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    height: 9px
}

.betslip__form--login {
    padding: 20px 7px
}

.betslip--blank .betslip__form--login {
    display: none
}

.betslip__form--login .betslip__label {
    position: relative;
    z-index: 1;
    margin: 0;
    transition: all ease-in 0.15s;
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.betslip__form--login .betslip__label.betslip__label--input-active {
    font-size: 11px;
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.betslip__form--login .betslip__input[type=password], .betslip__form--login .betslip__input[type=text] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 30px
}

.betslip__form--login .betslip__input[type=password]:focus, .betslip__form--login .betslip__input[type=text]:focus {
    border-bottom: 1px solid #fff
}

.betslip__form--login .betslip__input[type=password].betslip__input--error, .betslip__form--login .betslip__input[type=text].betslip__input--error {
    opacity: 0.5
}

.betslip__form--login .betslip__button {
    display: block;
    width: 100%;
    border: 0;
    padding: 7px 10px;
    margin-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.3)
}

.betslip__form--login .betslip__error-message {
    display: none;
    margin: -20px 0 10px 0;
    font-size: 11px;
    position: relative;
    color: #fff;
    font-weight: bold
}

.betslip__form--login .betslip__error-icon {
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 4px;
    top: -31px;
    background: url('//dnu5embx6omws.cloudfront.net/icons/delete-betslip.svg') no-repeat;
    opacity: 0.5
}

.betslip__signup-offer {
    color: #fff
}

.betslip__signup-offer .betslip__signup-link {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: underline
}

.betslip__signup-offer .betslip__signup-link:hover {
    color: #fff;
    text-decoration: underline
}

.betslip__odds {
    padding: 10px;
    margin-bottom: 35px
}

.betslip__odds:after, .betslip__odds:before {
    display: table;
    content: "";
    line-height: 0
}

.betslip__odds:after {
    clear: both
}

.betslip__odds .betslip__competitor {
    font-size: 15px;
    text-align: center;
    margin: 5px 0 10px 0
}

.betslip__odds .betslip__toggle-bet-type {
    margin-left: 45px
}

.betslip__odds .betslip__toggle-bet-type li {
    width: 70px
}

.betslip__odds .betslip__odds-list {
    border-bottom: 1px solid #dadada
}

.betslip__odds .betslip__odds-row {
    border-top: 1px solid #dadada;
    padding: 10px 0
}

.betslip__odds .betslip__odds-row:after, .betslip__odds .betslip__odds-row:before {
    display: table;
    content: "";
    line-height: 0
}

.betslip__odds .betslip__odds-row:after {
    clear: both
}

.betslip__odds .betslip__odds-bookie-logo {
    border-radius: 2px;
    height: 20px;
    float: left;
    position: relative;
    top: 2px
}

.betslip__odds .betslip__odds-price {
    float: right
}

.betslip__odds .betslip__odds-price .betslip__price-amount {
    font-weight: bold;
    margin-right: 5px
}

.betslip__odds .betslip__odds-price .betslip__price-action {
    padding: 6px 9px
}

.betslip__user-details {
    color: #fff;
    font-size: 12px;
    padding: 5px 16px
}

.betslip__logout {
    color: #fff;
    font-weight: bold;
    text-decoration: none
}

.betslip__logout:hover {
    color: #fff;
    text-decoration: none
}

.betslip__form--place-bet .betslip__label {
    text-align: right;
    margin-right: 16px
}

.betslip__form--place-bet .betslip__bet-amount--wrapper {
    width: 140px;
    float: right;
    position: relative;
    padding: 0 16px
}

.betslip__form--place-bet .betslip__bet-amount--wrapper:before {
    content: '$';
    display: block;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 28px;
    line-height: 30px
}

.betslip__form--place-bet .betslip__bet-amount {
    font-size: 28px;
    height: auto;
    text-align: right;
    width: 140px;
    float: right;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 15px
}

.betslip__form--place-bet .betslip__bet-amount:disabled {
    background-color: transparent
}

.betslip__form--place-bet .betslip__select-wrap {
    clear: right;
    position: relative
}

.betslip__form--place-bet .betslip__select-wrap:before {
    position: absolute;
    right: 10px;
    top: 18px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

.betslip__form--place-bet .betslip__bet-type {
    margin-bottom: 0;
    border: 0;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    width: 100%;
    padding: 5px 16px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    height: 40px;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.3)
}

.betslip__form--place-bet .betslip__bet-info {
    padding: 20px 16px
}

.betslip__form--place-bet .betslip__runner-info {
    font-weight: bold;
    font-size: 14px
}

.betslip__form--place-bet .betslip__race-info {
    margin-bottom: 40px
}

.betslip__form--place-bet .betslip__right {
    text-align: right;
    float: right
}

.betslip__form--place-bet .betslip__account-details {
    margin-bottom: 30px
}

.betslip__form--place-bet .betslip__button--placebet {
    margin-bottom: 10px
}

.betslip__form--place-bet .betslip__button-inner {
    padding: 7px 10px;
    background-color: rgba(0, 0, 0, 0.3)
}

.betslip__confirmation-message {
    padding: 10px 16px;
    margin: -20px -16px 10px -16px
}

.betsip__confirmation-text {
    font-weight: bold;
    width: 82%
}

.betslip__confirmation-message--success {
    background: url('//dnu5embx6omws.cloudfront.net/icons/lock-grey.svg') no-repeat #f4f4f4 93% 50%
}

.betslip__confirmation-message--error {
    display: none;
    color: #d63733;
    border-bottom: 1px solid #d63733
}

.betslip__confirmation-message--error.betslip__confirmation-message--server {
    display: block
}

.betslip__server-message {
    padding: 20px 7px;
    color: #fff;
    font-weight: bold
}

.betslip--blank .betslip__server-message {
    color: #4b534b
}

.betslip__sucessful-bet {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 40px 20px
}

.betslip__sucessful-bet .betslip__sucessful-icon {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: 10px auto
}

.betslip__sucessful-bet .betslip__sucessful-icon:after, .betslip__sucessful-bet .betslip__sucessful-icon:before {
    content: '';
    border: 1px solid #fff;
    width: 0;
    position: absolute
}

.betslip__sucessful-bet .betslip__sucessful-icon:before {
    top: 10px;
    left: 6px;
    height: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.betslip__sucessful-bet .betslip__sucessful-icon:after {
    top: 5px;
    left: 10px;
    height: 8px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.betslip__share {
    padding: 20px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.3)
}

.betslip__share .betslip__share-message {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px
}

.betslip__share .betslip__share-preview {
    color: #333732;
    margin-bottom: 20px;
    overflow: hidden
}

.betslip__share .share-preview__header {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    border-radius: 3px 3px 0 0
}

.betslip__share .share-preview__online {
    color: #4b534b
}

.betslip__share .share-preview__online:before {
    content: '';
    display: inline-block;
    background-color: #4bb748;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 100%
}

.betslip__share .share-preview__body {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 3px 3px;
    padding: 10px 0
}

.betslip__share .share-preview__message {
    padding: 10px 10px 0
}

.betslip__share .share-preview__message:after, .betslip__share .share-preview__message:before {
    display: table;
    content: "";
    line-height: 0
}

.betslip__share .share-preview__message:after {
    clear: both
}

.betslip__share .share-preview__avatar {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    float: left;
    border-radius: 100%;
    background: url('//dnu5embx6omws.cloudfront.net/icons/avatar.svg') no-repeat center;
    background-size: 35px
}

.betslip__share .share-preview__right {
    width: 75%;
    float: left;
    padding-bottom: 10px
}

.betslip__share .share-preview__right--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.betslip__share .share-preview__share-message {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 15px
}

.betslip__share .share-preview__bet-placed-icon {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    color: #ff6633;
    border: 1px solid #ff6633;
    border-radius: 3px;
    padding: 0 3px
}

.betslip__share .share-preview__message-stripe {
    height: 10px;
    width: 50px;
    background-color: #333732;
    opacity: 0.1;
    margin-top: 5px
}

.betslip__share .share-preview__message-stripe--long {
    width: 125px
}

.betslip__button--liveblog {
    margin: 0 16px
}

.betslip__footer {
    padding: 5px 16px;
    position: absolute;
    bottom: 10px
}

.betslip__faq {
    color: #fff;
    text-decoration: none
}

.betslip__faq:hover {
    color: #fff
}

.betslip--blank .betslip__faq, .betslip--odds .betslip__faq {
    color: #4b534b
}

.betslip--blank .betslip__faq:hover, .betslip--odds .betslip__faq:hover {
    color: #4b534b
}

.bm-featured {
    border: 1px solid #dadada;
    display: block;
    color: #4b534b
}

.bm-featured:after, .bm-featured:before {
    display: table;
    content: "";
    line-height: 0
}

.bm-featured:after {
    clear: both
}

.bm-featured:hover {
    color: #4b534b;
    background-color: #fff
}

.bm-featured__logo {
    float: left;
    padding: 5px 10px
}

.bm-featured__text {
    width: 49%;
    float: left;
    padding: 7px 0 7px 10px
}

.bm-featured__right {
    float: right;
    padding: 8px 10px 6px
}

.bm-featured__bonus {
    font-weight: bold;
    padding-right: 10px;
    position: relative
}

.bm-featured__indicator {
    position: absolute;
    top: -4px;
    right: 5px;
    font-size: 8px
}

.bm-featured__button {
    color: #fff;
    font-weight: bold;
    padding: 3px 7px;
    border-radius: 3px
}

.bm-featured__button:hover {
    opacity: 0.8
}

.bm-featured__terms {
    font-size: 8px;
    line-height: 11px;
    margin-top: 5px;
    color: #7c8482;
    margin-bottom: 20px
}

.betting-promotion-modal-terms .punters-modal__header {
    border-bottom: 0;
    text-align: center;
    padding: 10px 0 0;
    background-color: inherit;
    color: inherit
}

.betting-promotion-modal-terms .punters-modal__back {
    position: absolute;
    top: 11px;
    left: 12px;
    color: #fff;
    z-index: 4
}

.betting-promotion-modal-terms .punters-modal__back:hover {
    text-decoration: none
}

.betting-promotion-modal-terms .punters-modal__body {
    padding: 0 20px 20px;
    background-color: inherit;
    color: inherit;
    max-height: initial;
    overflow-y: auto;
    height: 50vh
}

.betting-promotion-modal-terms .punters-modal__body .bookie-logo {
    display: block;
    margin: 0 auto 15px
}

.betting-promotion-modal-terms .punters-modal__body .promo-terms {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px
}

.modal--promo-quickbet {
    background-color: #f4f4f4
}

.modal--promo-quickbet .punters-modal__header {
    padding: 10px 15px 25px 15px;
    text-align: left
}

.modal--promo-quickbet .punters-modal__close {
    background: url('//dnu5embx6omws.cloudfront.net/icons/close-betslip.svg') no-repeat 3px
}

.modal--promo-quickbet .punters-modal__close:before {
    display: none
}

.modal--promo-quickbet .promo-quickbet--ubet {
    background-color: #3c3c3c
}

.modal--promo-quickbet .promo-quickbet--ubet .punters-modal__body {
    background-color: #3c3c3c;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--ubet {
    background-color: #3c3c3c
}

.modal--promo-quickbet .promo-quickbet__header--ubet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--ubet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--ubet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--ubet .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--ubet {
    background-color: #6bb53d;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--ubet:hover {
    color: #fff
}

.modal--promo-quickbet .button--ubet {
    background-color: #3c3c3c;
    color: #fff;
    box-shadow: 0 1px 0 #3c3c3c
}

.modal--promo-quickbet .button--ubet:hover {
    background-color: #3c3c3c;
    box-shadow: 0 2px 0 #3c3c3c;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--ubet {
    background-color: #3c3c3c;
    color: #fff
}

.modal--promo-quickbet .bookie-ubet-background {
    background-color: #3c3c3c
}

.modal--promo-quickbet .promo-quickbet--nswtab {
    background-color: #008952
}

.modal--promo-quickbet .promo-quickbet--nswtab .punters-modal__body {
    background-color: #008952;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--nswtab {
    background-color: #008952
}

.modal--promo-quickbet .promo-quickbet__header--nswtab .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--nswtab .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--nswtab .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--nswtab .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--nswtab {
    background-color: #c3cf21;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--nswtab:hover {
    color: #333732
}

.modal--promo-quickbet .button--nswtab {
    background-color: #008952;
    color: #333732;
    box-shadow: 0 1px 0 #008952
}

.modal--promo-quickbet .button--nswtab:hover {
    background-color: #008952;
    box-shadow: 0 2px 0 #008952;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--nswtab {
    background-color: #008952;
    color: #333732
}

.modal--promo-quickbet .bookie-nswtab-background {
    background-color: #008952
}

.modal--promo-quickbet .promo-quickbet--stab {
    background-color: #008952
}

.modal--promo-quickbet .promo-quickbet--stab .punters-modal__body {
    background-color: #008952;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--stab {
    background-color: #008952
}

.modal--promo-quickbet .promo-quickbet__header--stab .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--stab .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--stab .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--stab .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--stab {
    background-color: #c3cf21;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--stab:hover {
    color: #333732
}

.modal--promo-quickbet .button--stab {
    background-color: #008952;
    color: #333732;
    box-shadow: 0 1px 0 #008952
}

.modal--promo-quickbet .button--stab:hover {
    background-color: #008952;
    box-shadow: 0 2px 0 #008952;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--stab {
    background-color: #008952;
    color: #333732
}

.modal--promo-quickbet .bookie-stab-background {
    background-color: #008952
}

.modal--promo-quickbet .promo-quickbet--ladbrokes {
    background-color: #eb1c24
}

.modal--promo-quickbet .promo-quickbet--ladbrokes .punters-modal__body {
    background-color: #eb1c24;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--ladbrokes {
    background-color: #eb1c24
}

.modal--promo-quickbet .promo-quickbet__header--ladbrokes .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--ladbrokes .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--ladbrokes .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--ladbrokes .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--ladbrokes {
    background-color: #333;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--ladbrokes:hover {
    color: #fff
}

.modal--promo-quickbet .button--ladbrokes {
    background-color: #eb1c24;
    color: #fff;
    box-shadow: 0 1px 0 #eb1c24
}

.modal--promo-quickbet .button--ladbrokes:hover {
    background-color: #eb1c24;
    box-shadow: 0 2px 0 #eb1c24;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--ladbrokes {
    background-color: #eb1c24;
    color: #fff
}

.modal--promo-quickbet .bookie-ladbrokes-background {
    background-color: #eb1c24
}

.modal--promo-quickbet .promo-quickbet--bookmaker {
    background-color: #000000
}

.modal--promo-quickbet .promo-quickbet--bookmaker .punters-modal__body {
    background-color: #000000;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--bookmaker {
    background-color: #000000
}

.modal--promo-quickbet .promo-quickbet__header--bookmaker .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--bookmaker .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--bookmaker .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--bookmaker .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--bookmaker {
    background-color: #f8d830;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--bookmaker:hover {
    color: #333732
}

.modal--promo-quickbet .button--bookmaker {
    background-color: #000000;
    color: #fff;
    box-shadow: 0 1px 0 #000000
}

.modal--promo-quickbet .button--bookmaker:hover {
    background-color: #000000;
    box-shadow: 0 2px 0 #000000;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--bookmaker {
    background-color: #000000;
    color: #fff
}

.modal--promo-quickbet .bookie-bookmaker-background {
    background-color: #000000
}

.modal--promo-quickbet .promo-quickbet--sportsbet {
    background-color: #30a5dd
}

.modal--promo-quickbet .promo-quickbet--sportsbet .punters-modal__body {
    background-color: #30a5dd;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--sportsbet {
    background-color: #30a5dd
}

.modal--promo-quickbet .promo-quickbet__header--sportsbet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--sportsbet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--sportsbet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--sportsbet .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--sportsbet {
    background-color: #f8d830;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--sportsbet:hover {
    color: #333732
}

.modal--promo-quickbet .button--sportsbet {
    background-color: #30a5dd;
    color: #fff;
    box-shadow: 0 1px 0 #30a5dd
}

.modal--promo-quickbet .button--sportsbet:hover {
    background-color: #30a5dd;
    box-shadow: 0 2px 0 #30a5dd;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--sportsbet {
    background-color: #30a5dd;
    color: #fff
}

.modal--promo-quickbet .bookie-sportsbet-background {
    background-color: #30a5dd
}

.modal--promo-quickbet .promo-quickbet--williamhill {
    background-color: #00143C
}

.modal--promo-quickbet .promo-quickbet--williamhill .punters-modal__body {
    background-color: #00143C;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--williamhill {
    background-color: #00143C
}

.modal--promo-quickbet .promo-quickbet__header--williamhill .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--williamhill .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--williamhill .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--williamhill .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--williamhill {
    background-color: #FAFF05;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--williamhill:hover {
    color: #333732
}

.modal--promo-quickbet .button--williamhill {
    background-color: #00143C;
    color: #fff;
    box-shadow: 0 1px 0 #00143C
}

.modal--promo-quickbet .button--williamhill:hover {
    background-color: #00143C;
    box-shadow: 0 2px 0 #00143C;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--williamhill {
    background-color: #00143C;
    color: #fff
}

.modal--promo-quickbet .bookie-williamhill-background {
    background-color: #00143C
}

.modal--promo-quickbet .promo-quickbet--centrebet {
    background-color: #231f20
}

.modal--promo-quickbet .promo-quickbet--centrebet .punters-modal__body {
    background-color: #231f20;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--centrebet {
    background-color: #231f20
}

.modal--promo-quickbet .promo-quickbet__header--centrebet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--centrebet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--centrebet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--centrebet .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--centrebet {
    background-color: #ffa200;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--centrebet:hover {
    color: #333732
}

.modal--promo-quickbet .button--centrebet {
    background-color: #231f20;
    color: #fff;
    box-shadow: 0 1px 0 #231f20
}

.modal--promo-quickbet .button--centrebet:hover {
    background-color: #231f20;
    box-shadow: 0 2px 0 #231f20;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--centrebet {
    background-color: #231f20;
    color: #fff
}

.modal--promo-quickbet .bookie-centrebet-background {
    background-color: #231f20
}

.modal--promo-quickbet .promo-quickbet--luxbet {
    background-color: #b21e3c
}

.modal--promo-quickbet .promo-quickbet--luxbet .punters-modal__body {
    background-color: #b21e3c;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--luxbet {
    background-color: #b21e3c
}

.modal--promo-quickbet .promo-quickbet__header--luxbet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--luxbet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--luxbet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--luxbet .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--luxbet {
    background-color: #eac23f;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--luxbet:hover {
    color: #333732
}

.modal--promo-quickbet .button--luxbet {
    background-color: #b21e3c;
    color: #fff;
    box-shadow: 0 1px 0 #b21e3c
}

.modal--promo-quickbet .button--luxbet:hover {
    background-color: #b21e3c;
    box-shadow: 0 2px 0 #b21e3c;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--luxbet {
    background-color: #b21e3c;
    color: #fff
}

.modal--promo-quickbet .bookie-luxbet-background {
    background-color: #b21e3c
}

.modal--promo-quickbet .promo-quickbet--bet365 {
    background-color: #0b7a5d
}

.modal--promo-quickbet .promo-quickbet--bet365 .punters-modal__body {
    background-color: #0b7a5d;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--bet365 {
    background-color: #0b7a5d
}

.modal--promo-quickbet .promo-quickbet__header--bet365 .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--bet365 .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--bet365 .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--bet365 .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--bet365 {
    background-color: #ffe53b;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--bet365:hover {
    color: #333732
}

.modal--promo-quickbet .button--bet365 {
    background-color: #0b7a5d;
    color: #333732;
    box-shadow: 0 1px 0 #0b7a5d
}

.modal--promo-quickbet .button--bet365:hover {
    background-color: #0b7a5d;
    box-shadow: 0 2px 0 #0b7a5d;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--bet365 {
    background-color: #0b7a5d;
    color: #333732
}

.modal--promo-quickbet .bookie-bet365-background {
    background-color: #0b7a5d
}

.modal--promo-quickbet .promo-quickbet--betfair {
    background-color: #ffb80c
}

.modal--promo-quickbet .promo-quickbet--betfair .punters-modal__body {
    background-color: #ffb80c;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--betfair {
    background-color: #ffb80c
}

.modal--promo-quickbet .promo-quickbet__header--betfair .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--betfair .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--betfair .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--betfair .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betfair {
    background-color: #1e1e1e;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betfair:hover {
    color: #fff
}

.modal--promo-quickbet .button--betfair {
    background-color: #ffb80c;
    color: #333732;
    box-shadow: 0 1px 0 #ffb80c
}

.modal--promo-quickbet .button--betfair:hover {
    background-color: #ffb80c;
    box-shadow: 0 2px 0 #ffb80c;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--betfair {
    background-color: #ffb80c;
    color: #333732
}

.modal--promo-quickbet .bookie-betfair-background {
    background-color: #ffb80c
}

.modal--promo-quickbet .promo-quickbet--betstar {
    background-color: #034ea2
}

.modal--promo-quickbet .promo-quickbet--betstar .punters-modal__body {
    background-color: #034ea2;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--betstar {
    background-color: #034ea2
}

.modal--promo-quickbet .promo-quickbet__header--betstar .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--betstar .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--betstar .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--betstar .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betstar {
    background-color: #f79421;
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betstar:hover {
    color: #333732
}

.modal--promo-quickbet .button--betstar {
    background-color: #034ea2;
    color: #fff;
    box-shadow: 0 1px 0 #034ea2
}

.modal--promo-quickbet .button--betstar:hover {
    background-color: #034ea2;
    box-shadow: 0 2px 0 #034ea2;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--betstar {
    background-color: #034ea2;
    color: #fff
}

.modal--promo-quickbet .bookie-betstar-background {
    background-color: #034ea2
}

.modal--promo-quickbet .promo-quickbet--unibet {
    background-color: #147B45
}

.modal--promo-quickbet .promo-quickbet--unibet .punters-modal__body {
    background-color: #147B45;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--unibet {
    background-color: #147B45
}

.modal--promo-quickbet .promo-quickbet__header--unibet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--unibet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--unibet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--unibet .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--unibet {
    background-color: #4B9300;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--unibet:hover {
    color: #fff
}

.modal--promo-quickbet .button--unibet {
    background-color: #147B45;
    color: #333732;
    box-shadow: 0 1px 0 #147B45
}

.modal--promo-quickbet .button--unibet:hover {
    background-color: #147B45;
    box-shadow: 0 2px 0 #147B45;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--unibet {
    background-color: #147B45;
    color: #333732
}

.modal--promo-quickbet .bookie-unibet-background {
    background-color: #147B45
}

.modal--promo-quickbet .promo-quickbet--palmerbet {
    background-color: #8391c0
}

.modal--promo-quickbet .promo-quickbet--palmerbet .punters-modal__body {
    background-color: #8391c0;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--palmerbet {
    background-color: #8391c0
}

.modal--promo-quickbet .promo-quickbet__header--palmerbet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--palmerbet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--palmerbet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--palmerbet .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--palmerbet {
    background-color: #2e2f34;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--palmerbet:hover {
    color: #fff
}

.modal--promo-quickbet .button--palmerbet {
    background-color: #8391c0;
    color: #333732;
    box-shadow: 0 1px 0 #8391c0
}

.modal--promo-quickbet .button--palmerbet:hover {
    background-color: #8391c0;
    box-shadow: 0 2px 0 #8391c0;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--palmerbet {
    background-color: #8391c0;
    color: #333732
}

.modal--promo-quickbet .bookie-palmerbet-background {
    background-color: #8391c0
}

.modal--promo-quickbet .promo-quickbet--betfairback {
    background-color: #ffb80c
}

.modal--promo-quickbet .promo-quickbet--betfairback .punters-modal__body {
    background-color: #ffb80c;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--betfairback {
    background-color: #ffb80c
}

.modal--promo-quickbet .promo-quickbet__header--betfairback .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--betfairback .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--betfairback .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--betfairback .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betfairback {
    background-color: #1e1e1e;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betfairback:hover {
    color: #fff
}

.modal--promo-quickbet .button--betfairback {
    background-color: #ffb80c;
    color: #fff;
    box-shadow: 0 1px 0 #ffb80c
}

.modal--promo-quickbet .button--betfairback:hover {
    background-color: #ffb80c;
    box-shadow: 0 2px 0 #ffb80c;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--betfairback {
    background-color: #ffb80c;
    color: #fff
}

.modal--promo-quickbet .bookie-betfairback-background {
    background-color: #ffb80c
}

.modal--promo-quickbet .promo-quickbet--betfairlay {
    background-color: #f77ab2
}

.modal--promo-quickbet .promo-quickbet--betfairlay .punters-modal__body {
    background-color: #f77ab2;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--betfairlay {
    background-color: #f77ab2
}

.modal--promo-quickbet .promo-quickbet__header--betfairlay .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--betfairlay .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--betfairlay .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--betfairlay .promo-quickbet__timestamp {
    color: #333732
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betfairlay {
    background-color: #000000;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--betfairlay:hover {
    color: #fff
}

.modal--promo-quickbet .button--betfairlay {
    background-color: #f77ab2;
    color: #333732;
    box-shadow: 0 1px 0 #f77ab2
}

.modal--promo-quickbet .button--betfairlay:hover {
    background-color: #f77ab2;
    box-shadow: 0 2px 0 #f77ab2;
    color: #333732;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--betfairlay {
    background-color: #f77ab2;
    color: #333732
}

.modal--promo-quickbet .bookie-betfairlay-background {
    background-color: #f77ab2
}

.modal--promo-quickbet .promo-quickbet--crownbet {
    background-color: #783075
}

.modal--promo-quickbet .promo-quickbet--crownbet .punters-modal__body {
    background-color: #783075;
    padding: 0
}

.modal--promo-quickbet .promo-quickbet__header--crownbet {
    background-color: #783075
}

.modal--promo-quickbet .promo-quickbet__header--crownbet .promo-quickbet__description, .modal--promo-quickbet .promo-quickbet__header--crownbet .promo-quickbet__race-name, .modal--promo-quickbet .promo-quickbet__header--crownbet .promo-quickbet__terms, .modal--promo-quickbet .promo-quickbet__header--crownbet .promo-quickbet__timestamp {
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--crownbet {
    background-color: #ff992c;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer--crownbet:hover {
    color: #fff
}

.modal--promo-quickbet .button--crownbet {
    background-color: #783075;
    color: #fff;
    box-shadow: 0 1px 0 #783075
}

.modal--promo-quickbet .button--crownbet:hover {
    background-color: #783075;
    box-shadow: 0 2px 0 #783075;
    color: #fff;
    opacity: .8
}

.modal--promo-quickbet .promo-quickbet__terms--crownbet {
    background-color: #783075;
    color: #fff
}

.modal--promo-quickbet .bookie-crownbet-background {
    background-color: #783075
}

.modal--promo-quickbet .promo-quickbet__title {
    padding: 0 0 15px 0
}

.modal--promo-quickbet .promo-quickbet__title img {
    display: block;
    margin: 0 auto;
    height: 22px
}

.modal--promo-quickbet .promo-quickbet__race-name {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    padding: 0 0 15px 0;
    text-align: left
}

.modal--promo-quickbet .promo-quickbet__timestamp {
    font-weight: bold;
    font-size: 13px
}

.modal--promo-quickbet .promo-quickbet__description {
    font-size: 13px;
    padding: 0 0 10px 0;
    text-align: left
}

.modal--promo-quickbet .betting-promotion-modal-terms {
    text-decoration: none;
    display: block;
    padding: 0 0 15px 0;
    opacity: .8;
    color: #fff
}

.modal--promo-quickbet .betting-promotion-modal-terms:hover {
    text-decoration: none;
    color: #fff
}

.modal--promo-quickbet .promo-quickbet__signup-offer {
    text-decoration: none;
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 14px
}

.modal--promo-quickbet .promo-quickbet__signup-offer:hover {
    text-decoration: none;
    opacity: .9
}

.modal--promo-quickbet .promo-quickbet__runners--title {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dadada;
    padding: 7px 10px;
    font-size: 12px
}

.modal--promo-quickbet .promo-quickbet__runners--title .promo-quickbet__toggle {
    float: right
}

.modal--promo-quickbet .promo-quickbet__runners--title .toggle__place, .modal--promo-quickbet .promo-quickbet__runners--title .toggle__win {
    color: #4b534b;
    padding-left: 5px
}

.modal--promo-quickbet .promo-quickbet__runners--title .toggle--active {
    color: #4bb748;
    text-decoration: underline
}

.modal--promo-quickbet .promo-quickbet__runner {
    text-decoration: none;
    background-color: #f9f9f9;
    border-bottom: 1px solid #dadada;
    line-height: 25px;
    padding: 6px 10px;
    display: block
}

.modal--promo-quickbet .promo-quickbet__runner:after, .modal--promo-quickbet .promo-quickbet__runner:before {
    display: table;
    content: "";
    line-height: 0
}

.modal--promo-quickbet .promo-quickbet__runner:after {
    clear: both
}

.modal--promo-quickbet .promo-quickbet__runner:hover {
    text-decoration: none
}

.modal--promo-quickbet .promo-quickbet__runner .runner__silk {
    display: inline-block;
    padding-right: 10px;
    max-height: 24px;
    min-width: 19px;
    opacity: .4
}

.modal--promo-quickbet .promo-quickbet__runner .runner__name {
    color: #155028;
    font-size: 13px
}

.modal--promo-quickbet .promo-quickbet__runner .runner__count {
    color: #7c8482;
    font-weight: bold
}

.modal--promo-quickbet .promo-quickbet__runner .runner__bet, .modal--promo-quickbet .promo-quickbet__runner .runner__bet-place, .modal--promo-quickbet .promo-quickbet__runner .runner__bet-win {
    color: #4b534b;
    float: right;
    margin: 0 10px 0 0;
    min-width: 40px;
    text-align: right;
    min-height: 1px
}

.modal--promo-quickbet .promo-quickbet__runner .runner__spark {
    float: right;
    margin: 0 10px 0 0
}

.modal--promo-quickbet .promo-quickbet__button {
    float: right;
    padding: 4px 10px 3px;
    border-radius: 3px
}

.modal--promo-quickbet .ppodds a {
    colors: #333732;
    text-decoration: none
}

.betting-promotions {
    width: 935px;
    height: 86px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px
}

.betting-promotions__hero {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1px;
    position: relative
}

.betting-promotions__hero:after, .betting-promotions__hero:before {
    content: "";
    position: absolute;
    right: 0
}

.betting-promotions__hero:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 43px 0;
    border-color: transparent #ffffff transparent transparent;
    top: 0
}

.betting-promotions__hero:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 43px 22px;
    border-color: transparent transparent #ffffff transparent;
    bottom: 0
}

.betting-promotions__hero-img {
    padding: 0 42px 0 20px;
    width: 114px
}

.betting-promotions__hero-dot {
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

.betting-promotions__main {
    padding-left: 20px
}

.betting-promotions__main-title {
    font-size: 15px;
    color: #333732;
    padding-bottom: 0
}

.betting-promotions__main-text {
    font-size: 13px;
    color: #333732;
    max-width: 608px;
    margin-bottom: 0
}

.betting-promotions__main-terms {
    color: #155028;
    font-size: 13px;
    text-decoration: underline
}

.betting-promotions__cta {
    padding: 16px 20px;
    margin-left: auto;
    margin-right: 20px;
    font-size: 17px
}

.form-guide-section {
    display: none;
    margin-bottom: 20px
}

.form-guide-overview {
    display: block
}

.form-loading__loading {
    display: none;
    height: 100%;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 5
}

.form-loading__loading.form-loading__loading--active {
    display: block
}

.form-loading__loading-icon {
    background-image: url('//dnu5embx6omws.cloudfront.net/theme_puntersparadise/loader-2.gif');
    background-size: 50px 50px;
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.form-guide-bookie-specials {
    min-height: 450px
}

.form-guide-left.stickyLeftMenu {
    position: fixed;
    top: 153px;
    width: 72px;
    z-index: 2;
    min-height: 300px;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.form-guide-right {
    margin-top: 15px;
    position: relative
}

.form-guide-right .SharedBetControl {
    display: none;
    width: 125px;
    float: right;
    text-align: right;
    margin-bottom: 10px
}

.form-guide-right .SharedBetControl input {
    float: left
}

.form-guide-right .SharedBetControl label {
    margin: 0;
    font-size: 12px
}

.form-guide-right .form-guide-filters {
    margin-bottom: 10px
}

.form-guide-right .form-guide-filters:after, .form-guide-right .form-guide-filters:before {
    display: table;
    content: "";
    line-height: 0
}

.form-guide-right .form-guide-filters:after {
    clear: both
}

.form-guide-right .form-guide-filters select {
    margin-bottom: 0
}

.event-status-text.closed {
    font-weight: bold;
    color: #d63733
}

.event-status-text.suspended {
    font-weight: bold;
    color: #e8d714
}

.event-status-text.inplay {
    font-weight: bold;
    color: #2490c8
}

.event-status-text.open {
    font-weight: bold;
    color: #46b941
}

.icon-horse-grey {
    display: block;
    width: 29px;
    height: 15px;
    background: url('//dnu5embx6omws.cloudfront.net/icons/horse-grey.svg');
    background-repeat: no-repeat
}

.component-wrapper.odds-comparison {
    overflow: visible;
    width: auto
}

.component-wrapper.odds-comparison .oc-table {
    width: 100%
}

.component-wrapper.odds-comparison .oc-table__form-guide {
    display: none
}

.component-wrapper.odds-comparison .oc-table__toggle-bettype {
    float: right
}

.punters-modal__leaderboard {
    height: 72px;
    color: #ffffff;
    font-family: "Helvetica Neue"
}

.punters-modal__leaderboard.punters-modal__leaderboard--hkjc {
    background: #002C67
}

.punters-modal__leaderboard.punters-modal__leaderboard--hkjc .punters-modal__leaderboard-logo {
    background: url('//dnu5embx6omws.cloudfront.net/icons/HKJClogo.png') no-repeat center
}

.punters-modal__leaderboard.punters-modal__leaderboard--racingqld {
    background: linear-gradient(90deg, #333E48 0%, #800035 100%)
}

.punters-modal__leaderboard.punters-modal__leaderboard--racingqld .punters-modal__leaderboard-logo {
    background: url('//dnu5embx6omws.cloudfront.net/icons/racingqld.png') no-repeat center
}

.punters-modal__leaderboard .punters-modal__leaderboard-logo {
    display: inline-block;
    float: left;
    margin: 24px 23px 0 20px
}

.punters-modal__leaderboard .punters-modal__leaderboard-info {
    display: inline-block;
    float: left;
    text-align: left
}

.punters-modal__leaderboard .punters-modal__details {
    font-size: 17px;
    margin: 0;
    margin-top: 31px
}

.video-replay--hkjc .punters-modal__leaderboard-logo {
    width: 67px;
    height: 32px
}

.video-replay--racingqld .punters-modal__leaderboard {
    height: 88px
}

.video-replay--racingqld .punters-modal__leaderboard-logo {
    width: 50px;
    height: 58px;
    margin-top: 18px
}

.row > div.col-1-4 {
    width: 72px
}

.row > div.col-3-4 {
    width: 936px;
    margin: 0;
    padding-left: 16px
}

.odds-comparison-full-width {
    margin-top: 0
}

.oc-tables {
    width: 100%
}

.oc-table-cont--right {
    overflow: auto;
    background-color: #efefef
}

.oc-table-cont--right .oc-table-th:hover .oc-table-betting-promo {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.oc-table-betting-promo {
    left: auto;
    -ms-transform: translate(0, 21px);
    transform: translate(0, 21px)
}

.the-padder {
    display: block
}

.left-menu {
    padding-top: 35px
}

.scrollable-indicator {
    margin-top: 15px
}