.derbyWatchWrapper {
    overflow: hidden
}

.derbyWatchWrapper .accordionClose {
    border-bottom: 1px solid #dae4e9
}

.derbyWatchWrapper .accordionClose:last-child {
    border: none
}

.derbyWatchWrapper .greenHorseIcon {
    min-width: 26px;
    height: 16px;
    vertical-align: top
}

.derbyWatchWrapper .sectionCommentsBy {
    background: #fffce9;
    display: flex;
    align-items: center;
    padding: 4px 12px 3px;
    border-bottom: 1px solid #dae4e9
}

.derbyWatchWrapper .sectionCommentsBy .greenHorseIcon {
    margin-right: 8px
}

.derbyWatchWrapper .sectionCommentsBy span {
    font-size: 11px;
    line-height: 16px;
    color: #000;
    font-family: Titillium_Web_SemiBold, Arial, sans-serif
}

.derbyWatchWrapper .horseDetails {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 12px;
    margin-bottom: 8px
}

.derbyWatchWrapper .horseDetails .label {
    font-size: 12px;
    line-height: 16px;
    color: #787878
}

.derbyWatchWrapper .horseDetails .value {
    font-size: 13px;
    line-height: 16px;
    color: #222
}

.derbyWatchWrapper .horseInfo {
    background: #f6f6f6;
    padding: 8px 12px;
    margin: 0 -12px -8px
}

.derbyWatchWrapper .horseInfo p {
    font-size: 11px;
    line-height: 16px;
    color: #222;
    margin: 0
}

.derbyWatchWrapper .saddle {
    font-size: 13px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 2px
}

.derbyWatchWrapper .horseName {
    margin-right: 8px;
    font-size: 15px;
    line-height: 20px;
    font-family: Titillium_Web_SemiBold, Arial, sans-serif
}

@media screen and (min-width: 768px) {
    .derbyWatchWrapper .sectionHeaderWrap {
        border-bottom: 1px solid #dae4e9
    }

    .derbyWatchWrapper .sectionCommentsBy {
        border-bottom: none;
        padding: 8px 11px 7px
    }

    .derbyWatchWrapper .sectionCommentsBy span {
        font-size: 15px;
        line-height: 20px
    }

    .derbyWatchWrapper .infoRow {
        column-gap: 16px;
        display: flex;
        align-items: flex-start;
        border-top: 1px solid #dae4e9;
        border-bottom: none;
        padding: 12px 11px
    }

    .derbyWatchWrapper .infoRow p+p {
        margin-top: 2px
    }

    .derbyWatchWrapper .infoHeadingRow.infoRow p {
        font-family: Titillium_Web_SemiBold, Arial, sans-serif
    }

    .derbyWatchWrapper .infoColumn.post {
        width: 28px;
        align-self: center
    }

    .derbyWatchWrapper .infoColumn.horseAndBeyers {
        width: 154px
    }

    .derbyWatchWrapper .infoColumn.lastAndNextRace {
        flex: 1
    }

    .derbyWatchWrapper .infoColumn.mlAndAragonaOdds,
    .derbyWatchWrapper .infoColumn.ownerAndSire,
    .derbyWatchWrapper .infoColumn.trainerAndJockey {
        width: 80px
    }

    .derbyWatchWrapper .infoColumn .horseName {
        margin-right: 2px;
        font-size: 13px;
        line-height: 16px;
        font-family: Titillium_Web_SemiBold, Arial, sans-serif
    }

    .derbyWatchWrapper .saddle {
        margin-right: 0;
        width: 28px;
        height: 28px
    }

    .derbyWatchWrapper .horseInfo {
        margin: 0;
        padding: 12px 12px 12px 56px
    }

    .derbyWatchWrapper .horseInfo p {
        font-size: 13px;
        line-height: 16px
    }

    .derbyWatchWrapper.withoutPostColumn .infoColumn.horseAndBeyers {
        width: 192px
    }

    .derbyWatchWrapper.withoutPostColumn .infoColumn.ownerAndSire,
    .derbyWatchWrapper.withoutPostColumn .infoColumn.trainerAndJockey {
        width: 82px
    }

    .derbyWatchWrapper.withoutPostColumn .infoColumn.mlAndAragonaOdds {
        width: 80px
    }

    .derbyWatchWrapper.withoutPostColumn .horseInfo {
        padding-left: 11px
    }

    .derbyWatchWrapper .infoBodyContent .infoColumn.post {
        align-self: flex-start;
        margin-top: 3px;
        margin-bottom: 3px
    }
}

@media screen and (min-width: 1024px) {
    .derbyWatchWrapper .infoColumn.lastAndNextRace {
        max-width: 211px;
        min-width: 211px
    }

    .derbyWatchWrapper .infoColumn.ownerAndSire,
    .derbyWatchWrapper .infoColumn.trainerAndJockey {
        width: 130px
    }

    .derbyWatchWrapper .infoColumn.mlAndAragonaOdds {
        max-width: 80px
    }
}

@media screen and (min-width: 1200px) {
    .derbyWatchWrapper .sectionCommentsBy {
        padding: 8px 23px
    }

    .derbyWatchWrapper .infoHeadingRow.infoRow {
        column-gap: 12px;
        padding: 5px 12px 5px 22px
    }

    .derbyWatchWrapper .infoRow {
        column-gap: 12px;
        padding: 12px 12px 12px 22px
    }

    .derbyWatchWrapper .infoColumn .horseName {
        font-size: 17px;
        line-height: 24px;
        font-family: Titillium_Bold, Arial, sans-serif
    }

    .derbyWatchWrapper .infoColumn.horseAndBeyers {
        width: 192px
    }

    .derbyWatchWrapper .infoColumn.horseAndBeyers p {
        display: flex;
        align-items: center
    }

    .derbyWatchWrapper .infoColumn.mlAndAragonaOdds {
        width: 80px
    }

    .derbyWatchWrapper .horseInfo {
        padding-left: 68px
    }

    .derbyWatchWrapper.withoutPostColumn .infoHeadingRow .infoColumn {
        display: flex
    }

    .derbyWatchWrapper.withoutPostColumn .infoHeadingRow .infoColumn p {
        font-family: Titillium_Web_SemiBold, Arial, sans-serif
    }

    .derbyWatchWrapper.withoutPostColumn .infoHeadingRow .infoColumn p+p:before {
        content: "/";
        display: inline-block
    }

    .derbyWatchWrapper.withoutPostColumn .infoColumn.mlAndAragonaOdds {
        width: 158px
    }

    .derbyWatchWrapper.withoutPostColumn .horseInfo {
        padding-left: 23px
    }

    .derbyWatchWrapper .infoBodyContent .infoColumn.post {
        align-self: flex-start;
        margin-top: 9px;
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1349px) {
    .derbyWatchWrapper .infoHeadingRow.infoRow {
        padding: 7px 23px;
        column-gap: 24px
    }

    .derbyWatchWrapper .infoRow {
        padding: 12px 23px;
        column-gap: 24px
    }

    .derbyWatchWrapper .infoColumn.horseAndBeyers {
        width: 210px
    }

    .derbyWatchWrapper .infoColumn.mlAndAragonaOdds {
        width: 110px
    }

    .derbyWatchWrapper .infoColumn.lastAndNextRace {
        max-width: 243px;
        min-width: 243px
    }

    .derbyWatchWrapper .horseInfo {
        padding-left: 68px
    }
}

.hoverMenuWrapper {
    height: calc(100vh - 148px);
    overflow-y: auto;
    top: 46px;
    left: 0;
    width: 100%;
    max-width: 1349px;
    margin: 0 auto;
    position: absolute;
    z-index: 100
}

.hoverMenuWrapper .menuTitle {
    display: flex;
    align-items: center;
    padding: 12px 0 11px;
    border-bottom: 1px solid #dae4e9;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-family: Titillium Web, sans-serif
}

.subMenuWrap {
    text-align: left;
    margin: 0 auto;
    padding: 8px 16px;
    width: 100%
}

.menuList {
    display: grid
}

.menuList li {
    display: flex;
    align-items: center;
    padding: 12px 0 11px;
    border-bottom: 1px solid #dae4e9;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    font-family: Titillium Web, sans-serif
}

.menuList li a {
    color: #333
}

@media only screen and (min-width: 768px) {
    .hoverMenuWrapper .subMenuWrap {
        padding: 12px 24px
    }
}

@media screen and (min-width: 1200px) {
    .hoverMenuWrapper {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
        min-height: 225px;
        max-height: 515px;
        height: auto
    }

    .hoverMenuWrapper .subMenuWrap {
        padding: 24px 100px 19px;
        display: grid;
        align-items: start;
        grid-template-columns: 154px auto;
        gap: 0 16px
    }

    .hoverMenuWrapper ul {
        gap: 10px 16px;
        margin-top: 10px
    }

    .hoverMenuWrapper ul li {
        border: none;
        padding: 0;
        max-width: 154px;
        align-items: start
    }

    .hoverMenuWrapper ul li a:hover {
        color: #2161cc
    }

    .hoverMenuWrapper .menuTitle {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dae4e9;
        padding-top: 0
    }

    .hoverMenuWrapper .allRaces {
        flex-grow: 1;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-auto-rows: 1fr
    }

    .hoverMenuWrapper .allRaces ul {
        display: grid;
        grid-template-rows: repeat(14, auto);
        grid-auto-flow: column;
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (min-width: 1349px) {
    .hoverMenuWrapper {
        max-height: 495px
    }

    .hoverMenuWrapper .subMenuWrap {
        padding: 24px 84px 14px;
        gap: 0 24px
    }

    .hoverMenuWrapper .subMenuWrap ul {
        gap: 10px 24px
    }

    .hoverMenuWrapper .subMenuWrap ul li {
        max-width: 166px
    }
}

.sectionHeadWrapper {
    padding: 7px 11px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px
}

.sectionHeadWrapper h4 {
    font-size: 15px;
    line-height: 20px;
    color: #222;
    font-family: Titillium_Bold, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.sectionHeadWrapper svg {
    width: 28px;
    height: 28px
}

.raceListWrap .raceTableHeader {
    display: none
}

.raceItemWrap .raceHeaderWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 11px;
    background: #fffce9;
    border-top: 1px solid #dae4e9;
    border-bottom: 1px solid #dae4e9
}

.raceItemWrap .raceHeaderWrapper:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px
}

.raceItemWrap .raceHeaderWrapper .raceHeader {
    display: flex;
    align-items: center
}

.raceItemWrap .raceHeaderWrapper .raceHeader .raceDate {
    flex-shrink: 0;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    font-family: Titillium Web, sans-serif;
    font-weight: 400;
    margin-right: 4px;
    position: relative
}

.raceItemWrap .raceHeaderWrapper .raceHeader .raceDate:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #dae4e9
}

.raceItemWrap .raceHeaderWrapper .raceHeader .raceName {
    font-size: 13px;
    line-height: 16px;
    color: #000;
    font-family: Titillium Web, sans-serif;
    font-weight: 600;
    margin-left: 4px
}

.raceItemWrap .raceHeaderWrapper svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.raceItemWrap .raceProductWrapper {
    padding: 8px 14px 8px 10px
}

.raceItemWrap .raceProductWrapper .raceProducts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow: hidden
}

.raceItemWrap .raceProductWrapper .raceProducts a {
    border: 1px solid #06c;
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 11px;
    line-height: 16px;
    color: #06c;
    font-family: Titillium Web, sans-serif;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .sectionHeadWrapper {
        padding: 11px 15px
    }

    .sectionHeadWrapper h4 {
        font-size: 19px;
        line-height: 24px;
        color: #000;
        font-family: Titillium_Bold, Arial, sans-serif
    }

    .sectionHeadWrapper svg {
        display: none
    }

    .raceListWrap .raceTableHeader {
        display: flex;
        align-items: center;
        border-top: 1px solid #dae4e9;
        border-bottom: 1px solid #dae4e9;
        background: #f7fcff;
        padding: 7px 15px
    }

    .raceListWrap .raceTableHeader .headerDate {
        display: none
    }

    .raceListWrap .raceTableHeader .headerTrack {
        width: 216px;
        min-width: 216px;
        margin-right: 24px
    }

    .raceListWrap .raceTableHeader .headerProducts,
    .raceListWrap .raceTableHeader .headerTrack {
        font-size: 13px;
        line-height: 16px;
        color: #222;
        font-family: Titillium Web, sans-serif;
        font-weight: 600
    }

    .raceItemWrap {
        display: flex;
        align-items: center;
        padding: 12px 15px
    }

    .raceItemWrap:nth-child(odd) {
        background: #f7f7f7
    }

    .raceItemWrap .raceHeaderWrapper {
        border-top: none;
        border-bottom: none;
        padding: 0;
        width: 216px;
        min-width: 216px;
        margin-right: 24px;
        background: none
    }

    .raceItemWrap .raceHeaderWrapper:nth-child(2n) {
        background: #f7f7f7
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader .raceDate {
        margin-right: 0
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader .raceDate:after {
        display: none
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader .raceName {
        margin-left: 0
    }

    .raceItemWrap .raceHeaderWrapper svg {
        display: none
    }

    .raceItemWrap .raceProductWrapper {
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .sectionHeadWrapper h4 {
        font-size: 24px;
        line-height: 32px;
        color: #000;
        font-family: Titillium_Bold, Arial, sans-serif
    }

    .raceProductWrapper .raceProducts a:hover {
        background-color: #06c;
        color: #fff
    }
}

@media screen and (min-width: 1200px) {
    .raceListWrap .raceTableHeader {
        padding: 7px 23px
    }

    .raceListWrap .raceTableHeader .headerTrack {
        width: 236px;
        min-width: 236px;
        margin-right: 90px
    }

    .raceItemWrap {
        padding: 12px 22px
    }

    .raceItemWrap .raceHeaderWrapper {
        width: 236px;
        min-width: 236px;
        margin-right: 90px
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader {
        gap: 2px
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader .raceDate {
        font-size: 15px;
        line-height: 20px;
        color: #000;
        font-family: Titillium Web, sans-serif;
        font-weight: 400
    }

    .raceItemWrap .raceHeaderWrapper .raceHeader .raceName {
        font-size: 15px;
        line-height: 20px;
        color: #000;
        font-family: Titillium Web, sans-serif;
        font-weight: 600
    }
}

@media screen and (min-width: 1349px) {
    .sectionHeadWrapper {
        padding: 11px 23px
    }

    .raceListWrap .raceTableHeader .headerDate {
        display: block;
        width: 86px;
        min-width: 86px;
        margin-right: 24px;
        font-size: 13px;
        line-height: 16px;
        color: #222;
        font-family: Titillium Web, sans-serif;
        font-weight: 600
    }

    .raceListWrap .raceTableHeader .headerTrack {
        width: 236px;
        min-width: 236px;
        margin-right: 117px
    }

    .raceListWrap .raceItemWrap .raceHeaderWrapper {
        min-width: 348px;
        margin-right: 117px
    }

    .raceListWrap .raceItemWrap .raceHeaderWrapper .raceHeader {
        flex-direction: row;
        align-items: center
    }

    .raceListWrap .raceItemWrap .raceHeaderWrapper .raceDate {
        min-width: 86px;
        margin-right: 24px
    }
}

.customizedDataWrap {
    box-shadow: 2px 2px 50px 0 rgba(133, 150, 195, .25);
    border: 1px solid #dae4e9;
    padding: 15px;
    border-radius: 8px;
    margin: 0 16px 16px
}

.customizedDataWrap h3 {
    margin-bottom: 8px
}

.customizedDataWrap p {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .customizedDataWrap {
        margin: 0 0 20px;
        padding: 11px
    }

    .customizedDataWrap h3 {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1200px) {
    .customizedDataWrap {
        padding: 15px 31px
    }

    .customizedDataWrap h3 {
        margin-bottom: 12px
    }
}

.stakeRacesSponserContainer {
    border: 1px solid #dae4e9;
    border-radius: 4px;
    padding: 3px 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 16px 16px;
    height: 52px
}

.stakeRacesSponserContainer .sponsorTitle {
    font-size: 15px;
    line-height: 20px;
    color: #222;
    font-family: Titillium_Bold, Arial, sans-serif
}

.stakeRacesSponserContainer .sponsorLogoBox {
    max-width: 100%;
    display: block;
    margin: 0 0 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.stakeRacesSponserContainer .sponsorLogoBox img {
    max-width: 100%;
    height: auto;
    max-height: 48px
}

@media screen and (min-width: 768px) {
    .stakeRacesSponserContainer {
        margin: 0 0 20px;
        height: 56px;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .stakeRacesSponserContainer .sponsorLogoBox {
        margin-left: 12px
    }

    .stakeRacesSponserContainer .sponsorLogoBox img {
        max-height: 52px
    }
}

@media screen and (min-width: 1024px) {
    .stakeRacesSponserContainer {
        border: 1px solid #dae4e9;
        border-radius: 8px;
        padding: 11px 15px 15px;
        display: block;
        margin-bottom: 20px;
        height: auto
    }

    .stakeRacesSponserContainer .sponsorTitle {
        font-size: 17px;
        line-height: 24px;
        color: #222;
        font-family: Titillium_Bold, Arial, sans-serif
    }

    .stakeRacesSponserContainer .sponsorLogoBox {
        margin: 8px auto 0;
        max-width: 195px;
        text-align: center
    }

    .stakeRacesSponserContainer .sponsorLogoBox img {
        max-height: inherit
    }
}

@media screen and (min-width: 768px) {
    body:not(.subMenuPresent) .trackPage .homepageWrapper {
        margin-top: 50px
    }

    body:not(.subMenuPresent) .trackPage .homepageWrapper .tn-container {
        padding-top: 20px
    }
}

@media screen and (min-width: 1024px) {
    body:not(.subMenuPresent) .trackPage .homepageWrapper {
        margin-top: 60px
    }
}

.subMenuPresent .stakesScheduleContainer .drfNavleftSectionIcon,
.subMenuPresent .trackPage .drfNavleftSectionIcon {
    display: block;
    margin: 0 20px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    padding: 0;
    border: 0
}

.subMenuPresent .stakesScheduleContainer .leftNavFixed,
.subMenuPresent .trackPage .leftNavFixed {
    z-index: 1000;
    transform: translateX(-100%);
    left: 0;
    top: 50px
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened,
.subMenuPresent .trackPage.drf-nav-leftNavOpened {
    overflow: hidden;
    position: static;
    max-width: 1349px;
    margin: 0 auto
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened .leftNavToggle,
.subMenuPresent .trackPage.drf-nav-leftNavOpened .leftNavToggle {
    display: none
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened .leftNavClose,
.subMenuPresent .trackPage.drf-nav-leftNavOpened .leftNavClose {
    left: 0;
    top: auto;
    position: relative;
    margin: 0 20px;
    padding: 12px
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened .leftNavClose:before,
.subMenuPresent .trackPage.drf-nav-leftNavOpened .leftNavClose:before {
    content: "";
    height: 24px;
    border-left: 2px solid #707070;
    position: absolute;
    top: 0;
    transform: rotate(-45deg)
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened .leftNavClose:after,
.subMenuPresent .trackPage.drf-nav-leftNavOpened .leftNavClose:after {
    content: "";
    height: 24px;
    border-left: 2px solid #707070;
    position: absolute;
    transform: rotate(45deg);
    top: 0
}

.subMenuPresent .stakesScheduleContainer .drfCommonFooter,
.subMenuPresent .trackPage .drfCommonFooter {
    width: 100% !important;
    max-width: 1349px;
    margin: 0 auto
}

.subMenuPresent .stakesScheduleContainer .showLeftNav .leftNavFixed,
.subMenuPresent .trackPage .showLeftNav .leftNavFixed {
    transform: translateX(0);
    max-height: none
}

.subMenuPresent .stakesScheduleContainer .showLeftNav:after,
.subMenuPresent .trackPage .showLeftNav:after {
    content: "";
    position: fixed;
    top: 62px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .6;
    z-index: 999
}

.subMenuPresent .stakesScheduleContainer .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed,
.subMenuPresent .trackPage .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed {
    transition: .5s
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened .drfNavleftSectionIcon,
.subMenuPresent .trackPage.drf-nav-leftNavOpened .drfNavleftSectionIcon {
    display: none
}

.subMenuPresent .stakesScheduleContainer.drf-nav-leftNavOpened .leftNavFixed,
.subMenuPresent .trackPage.drf-nav-leftNavOpened .leftNavFixed {
    top: 60px;
    left: 0;
    z-index: 1000
}

.hideLeftNav .drfNavleftSectionIcon {
    display: block;
    margin: 0 20px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    padding: 0;
    border: 0
}

.hideLeftNav .leftNavFixed {
    z-index: 1000;
    transform: translateX(-100%);
    left: 0;
    top: 50px
}

.hideLeftNav.drf-nav-leftNavOpened {
    overflow: hidden;
    position: static;
    max-width: 1349px;
    margin: 0 auto
}

.hideLeftNav.drf-nav-leftNavOpened .leftNavToggle {
    display: none
}

.hideLeftNav.drf-nav-leftNavOpened .leftNavClose {
    left: 0;
    top: auto;
    position: relative;
    margin: 0 20px;
    padding: 12px
}

.hideLeftNav.drf-nav-leftNavOpened .leftNavClose:before {
    content: "";
    height: 24px;
    border-left: 2px solid #707070;
    position: absolute;
    top: 0;
    transform: rotate(-45deg)
}

.hideLeftNav.drf-nav-leftNavOpened .leftNavClose:after {
    content: "";
    height: 24px;
    border-left: 2px solid #707070;
    position: absolute;
    transform: rotate(45deg);
    top: 0
}

.hideLeftNav .drfCommonFooter {
    width: 100% !important;
    max-width: 1349px;
    margin: 0 auto
}

.hideLeftNav .showLeftNav .leftNavFixed {
    transform: translateX(0);
    max-height: none
}

.hideLeftNav .showLeftNav:after {
    content: "";
    position: fixed;
    top: 62px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .6;
    z-index: 999
}

.hideLeftNav .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed {
    transition: .5s
}

.hideLeftNav.drf-nav-leftNavOpened .drfNavleftSectionIcon {
    display: none
}

.hideLeftNav.drf-nav-leftNavOpened .leftNavFixed {
    top: 60px;
    left: 0;
    z-index: 1000
}

@media (min-width: 1200px) {

    .subMenuPresent .stakesScheduleContainer .drfNavleftSectionIcon,
    .subMenuPresent .trackPage .drfNavleftSectionIcon {
        margin: 0 20px
    }

    .subMenuPresent .stakesScheduleContainer .leftNavFixed,
    .subMenuPresent .trackPage .leftNavFixed {
        top: 60px
    }

    .subMenuPresent .stakesScheduleContainer .leftNavClose,
    .subMenuPresent .trackPage .leftNavClose {
        left: 0;
        margin: 0 20px
    }

    .subMenuPresent .stakesScheduleContainer+.LazyLoad .drfCommonFooter,
    .subMenuPresent .trackPage+.LazyLoad .drfCommonFooter {
        width: 100% !important
    }

    .hideLeftNav .drfNavleftSectionIcon {
        margin: 0 20px
    }

    .hideLeftNav .leftNavFixed {
        top: 60px
    }

    .hideLeftNav .leftNavClose {
        left: 0;
        margin: 0 20px
    }

    .hideLeftNav+.LazyLoad .drfCommonFooter {
        width: 100% !important
    }
}

.mainContentAdWrapper.easyFormWrapper {
    margin-left: 0;
    margin-top: 0
}

.mainContentAdWrapper.easyFormWrapper .leftContentWrapper {
    padding-right: 0
}

.easyFormTrackHeader .raceRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    flex: 1 1 100%
}

.easyFormTrackHeader .raceRow a {
    font-size: 15px;
    line-height: 20px;
    color: #06c;
    font-family: Titillium Web, sans-serif;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 70px;
    position: absolute;
    left: 0;
    top: 3px
}

.easyFormTrackHeader .raceRow a svg {
    margin-right: 6px
}

.easyFormTrackHeader .raceRow a svg path {
    stroke: #06c
}

.easyFormTrackHeader .raceRow a:active {
    color: #000
}

.easyFormTrackHeader .raceRow a:active svg path {
    stroke: #000
}

.easyFormTrackHeader .raceRow hgroup {
    margin: 0 auto;
    text-align: center
}

.easyFormTrackHeader .raceRow hgroup .easyFormRaceTrack {
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-family: Titillium_Bold, Arial, sans-serif;
    font-weight: 400
}

.easyFormTrackHeader .raceRow hgroup .easyFormDate {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: Titillium Web, sans-serif;
    font-weight: 400
}

.easyFormRaceContainer {
    margin-top: 16px
}

.easyFormRaceContainer .raceRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 48px;
    padding: 8px 12px;
    margin-bottom: 12px;
    background-color: #f2f7ff
}

.easyFormRaceContainer .raceRow:last-child {
    margin-bottom: 0
}

.easyFormRaceContainer .raceRow>* {
    flex: 0 0 auto
}

.easyFormRaceContainer .raceRow .raceName {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: Titillium_Bold, Arial, sans-serif;
    font-weight: 400
}

.easyFormRaceContainer .raceRow .raceName span {
    font-family: Titillium Web, sans-serif;
    font-weight: 400
}

.easyFormRaceContainer .raceRow button {
    margin-left: auto;
    border-radius: 4px;
    border: 1px solid #06c;
    background: #fff;
    font-size: 14px;
    line-height: 16px;
    color: #06c;
    font-family: Titillium_Web_SemiBold, Arial, sans-serif;
    text-transform: none
}

.easyFormRaceContainer .raceRow button:active {
    color: #fff;
    border: 1px solid #06c;
    background-color: #06c
}

@media screen and (min-width: 768px) {
    .easyFormTrackHeader .raceRow a {
        width: inherit;
        top: 50%;
        transform: translateY(-50%);
        font-size: 17px;
        line-height: 22px;
        color: #06c;
        font-family: Titillium Web, sans-serif
    }

    .easyFormTrackHeader .raceRow a svg {
        width: 12px;
        height: 23px
    }

    .easyFormTrackHeader .raceRow hgroup .easyFormRaceTrack {
        font-size: 28px;
        line-height: 40px;
        color: #000;
        font-family: Titillium_Bold, Arial, sans-serif
    }

    .easyFormTrackHeader .raceRow hgroup .easyFormDate {
        font-size: 17px;
        line-height: 22px;
        color: #000;
        font-family: Titillium Web, sans-serif
    }

    .easyFormRaceContainer button {
        width: 86px;
        height: 32px
    }
}

@media screen and (min-width: 1025px) {
    .easyFormTrackHeader a:hover {
        color: #19345e
    }

    .easyFormTrackHeader a:hover svg path {
        stroke: #19345e
    }

    .easyFormRaceContainer .raceRow {
        min-width: 744px
    }

    .easyFormRaceContainer .raceRow button:hover {
        color: #fff;
        box-shadow: 0 4px 8px -3px #06c;
        border: 1px solid #06c;
        background-color: #06c
    }
}

@media screen and (min-width: 1200px) {
    .easyFormContainer.homepageWrapper.mainContentAdWrapper {
        margin-top: 45px
    }

    .mainContentAdWrapper.easyFormWrapper {
        margin-left: 267px;
        margin-top: 15px
    }

    .mainContentAdWrapper.easyFormWrapper .leftContentWrapper {
        padding-right: 16px
    }
}