@font-face {
    font-family: 'RobotoRegular';
    src: url('/fonts/RobotoRegular.woff2') format('woff2'), url('/fonts/RobotoRegular.woff') format('woff'), url('/fonts/RobotoRegular.ttf') format('truetype'), url('/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "bootstrap-icons";
    src: url("/fonts/bootstrap-icons.woff2?1fa40e89") format("woff2"), url("/fonts/bootstrap-icons.woff?1fa40e89") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
    scroll-padding-top: 54px; /*Avoid top sticky part on top of text*/
}

.breadcrumb {
    --bs-breadcrumb-item-padding-x: 2px !important;
}
body {
    font-size: 14px !important;
    font-family: 'RobotoRegular', sans-serif !important;
    background: #FCFCFC !important;
}
a{
    color: #052643;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
    color: #052643;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #00182e;
}

.h1, h1{
    font-size: 24px;
}
.h2, h2 {
    font-size: 18px;
}  
.h3, h3 {
    font-size: 16px;
} 
.h4, h4 {
    font-size: 14px;
} 
.h5, h5 {
    font-size: 13px;
} 
h5.card-title {
    font-size: 14px;
}

.my-small {
    font-size: 80%
}


@media (max-width: 676px){ 
    .h1, h1{
        font-size: 20px;
    }    
    .h2, h2 {
        font-size: 18px;
    }    
    .h3, h3 {
        font-size: 17px;
    } 
    .h4, h4 {
        font-size: 16px;
    }  
    .h5, h5 {
        font-size: 15px;
    }     
    h5.card-title {
        font-size: 18px;
    }    
}
#centralContent p a{
    text-decoration: underline;
}
.textCompact{
    font-size: 14px;
}



.darkBluebg{
    background: #00182e;
    color: #fff;
}
.blueBgHeading{
    font-size: 18px !important;
    background: #00182e;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;      
}
.smallprint {
    font-size: 10px;
    opacity: 0.7;
}
.bg-success {
    padding:8px;
    background: #1bd860 !important;
    color: #00182e;
}



/*** NAVBAR ***/
nav.navbar{
    background: #00182e;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    border-bottom: solid 1px #052643;
}
nav.navbar a:hover{
    text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.95);
    font-size: 0.9em;
    font-weight: 700;
}
nav.navbar img.logo{
    max-width: 170px;
}
nav li.nav-item.selected a.nav-link{
    background: #052643;
    border-radius: 25px;
}
nav li.nav-item a.nav-link:hover{
    background: #052643;
    border-radius: 25px;
    color: #fff !important;
    text-decoration: none;
}
nav button.navbar-toggler {
    padding: 0 10px;
    border: none;
}
nav .dropdown-menu {
    color: #fff;
    background-color: #052643;
}
nav .dropdown-item{
    color: #fff;
}
nav .dropdown-item:focus, nav .dropdown-item:hover {
    color: #fff;
    background-color: #052643;
}
nav .countryIconMobile{
    display: none;
}
.mobIcons p {
    font-size: 12px;
}
.mobIcons {
    background: #052643;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.7);
    padding: 10px 0;
}
.mobIcons a{
    color: #fff;
}
img.mobIcon {
    margin: auto;
    height: 20px;
    margin-bottom: 4px;
}
.navbar-nav .dropdown-menu img {
    margin: 0 8px 0 0;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #052643;
}
.navbar-collapse hr {
    margin: 8px 0;
    background-color: #5e9371;
    opacity: 1;
}
nav .dropdownSubHead {
    font-size: small;
    opacity: 0.75;
}
.navbar .badge{
    border-radius: 20px;
    vertical-align: text-bottom;
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }    
}
@media (max-width: 992px){   
    nav li.nav-item.selected a.nav-link{
        background: transparent;
    }
    nav .countryIconMobile{
        display: block;
    }    
    nav .countryIconDesktop{
        display: none;
    }
    nav.navbar img.logo{
        max-width: 140px;
    }    
}


section#subMenuMobile {
    background: #00182e;
    color: #fff;
    border-bottom: solid 1px #052643;
}
section#subMenuMobile img.mobMenuIcon{
    max-width: 60px;
}  
section#subMenuMobile a{
    color: #fff;
}  
section#subMenuMobile p{
    font-size: 80%;
}  
section#subMenuMobile .badge{
    border-radius: 20px;   
}

section#headerOffersMob {
    background: #00182e;
}
#headerOffersMob.sticky {
    position: sticky;
    top: 0;
    z-index: 999;
    padding-top: 35px !important;
}    


section#subMenuDesktop{
    background: #00162a;
    color: #fff;
    overflow: auto;
}
section#subMenuDesktop a{
    color: #fff;
    /* border: solid 1px red; */
    padding: 4px 10px;
    border-radius: 20px;
    background: #052643;
    font-size: 80%;
    transition: background-color 1s ease;
}
section#subMenuDesktop a:hover{
    color: #052643;
    background: #fff;
    text-decoration: none;
}   



/*** OFF CANVAS ***/
.offcanvas-end{
    width: 340px;
}
.offcanvas-header{
    background: #00182e;
    color: #fff;
    border-bottom: solid 1px #052643;
}    
.offcanvas-body{
    background: #00182e;
    color: #fff;
}
.offcanvas-body a.nav-link{
    color: #fff;
}    

.offcanvas-body .offCanvasSub{
    background: #052643;    
    border-radius: 15px !important;
}

.offcanvas-body .nav-pills .nav-link.active, .offcanvas-body .nav-pills .show>.nav-link{
    background-color: #052643; 
    border-radius: 30px;
}
.iconGreen{
    color: #1dd760;
}
.badgeGreen{
    background: #1dd760;
    color: #00182e;
}
.iconImg {
    margin-top: -5px;
    margin-right:7px;
}
.offcanvas-body a.nav-link:hover {
    color: white;
    text-decoration: none;
    background: rgb(5 38 67);
}
h5.offcanvas-title {
    font-size: 16px;
}
.offcanvas .badge{
    border-radius: 20px;
}




/*** BOOKMAKER OFFER BOXES ***/
.bookmakerOfferSmall {
    border-radius: 6px;
    color: #fff;
}

.bookmakerOfferSmall > a {
    text-decoration: none;
    color: #fff;
}

    .bookmakerOfferSmall a > .subTitle {
        margin-top: 8px;
        font-style: italic;
        font-weight: normal;
        display: block;
        font-size: 14px;
        text-decoration: none;
        color: #fff;
    }

.bookmakerOfferSmall .bookmakerIcon {
    position: relative;
    top: -20px;
    left: 20px;
    border: solid 1px #fff;
}

.bookmakerOfferSmall .ctaArrow {
    background: rgba(255, 255, 255, 0.2);
}

.bookmakerOfferSmall .smallprint {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.bookmakerOfferSmall .bi-caret-right-fill {
    font-size: 18px;
    padding-left: 5px;
    color: #fff;
}

.bookmakerOfferSmall .bi-caret-right-fill:hover {
    padding-left: 9px;
}

.bookmakerOfferSmall a .ctaArrow,
.bookmakerOfferSmall a h4 {
    color: #fff;
    text-decoration: none;
}

.bookmakerOfferSmall h4 a{
    color: #fff;
    text-decoration: none;
}

.bookmakerOfferSmall h4 {
    font-size: 20px;
}

@media (max-width: 768px) {
    .bookmakerOffersInline .smallprint {
        min-height: auto;
    }
}

/*Add this CSS to help browsers optimize reflows/transitions for carousels:*/
.swiper-slide, .swiper-wrapper {
    will-change: transform;
}


/*** RACECARD SCROLLER ***/
.swiperRacecard .raceInfo {
    font-size: 11px;
    text-decoration: underline;
}

.swiperRacecard .startingSoon{
    border: solid 1px #07ab5b;
}
.swiperRacecard .startingSoon .raceInfo a{
    color: #197f3e;
}




.list-checks li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
}
.list-checks li::before {
    content: "\F633"; 
    font-family: "bootstrap-icons"; 
    font-weight: 900; 
    position: absolute;
    left: 0;
    color: #3d7250;
}
.list-crosses li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
} 
.list-crosses li::before {
    content: "\F659"; 
    font-family: "bootstrap-icons"; 
    position: absolute;
    left: 0;
    color: #cb5454;
}




/*** Next off Widget ***/
.col-silk {
    width: 15%;
    margin: auto;
}

.col-horse {
    width: 65%;
}

.col-odds {
    width: 20%;
}
@media (max-width: 768px) {
/*    #NextOffDesktop {
        display: none !important;
    }*/
}
@media (min-width: 768px) {
/*    .swiperNextOff {
        display: none !important;
    }*/

    .col-silk {
        width: 16%;
        margin: auto;
    }

    .col-horse {
        width: 64%;
    }

}

.card-odds {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    border-radius: 5px;
    flex-direction: column;
    border: 1px;
    background-color: #fff;
    margin: 0 5px;
    padding: 0 0;
    font-weight: bold;
    font-size: 14px;
}

.nextOffWidgetDesktop {
    width: 50%;
}
#nextOffWidget, #NextOffDesktop {
    background: #fff;
}

    #nextOffWidget > .card-body, #NextOffDesktop .card-body {
        padding: 5px 12px 12px 12px !important;
    }

        #nextOffWidget > .card-body > .view-racecard, #NextOffDesktop  .card-body > .view-racecard {
            margin-top: 10px;
            color: #565e64;
            font-weight: bold;
            display: block;
            text-align: center;
        }

    p.raceTime a {
        text-decoration: none !important;
    }

    .nextOffRow {
        padding: 5px;
    }

#nextOffWidget .card-header, #NextOffDesktop .card-header {
    background: #6f7882;
    color: #fff !important;
}

    p.nextOffJockey {
        font-size: 80%;
    }

    @media (max-width: 676px) {

        #nextOffWidget h5, #NextOffDesktop h5 {
            font-size: 1em;
        }

        #nextOffWidget p.nextOffRunner, #NextOffDesktop p.nextOffRunner {
            font-size: 14px;
        }

        #nextOffWidget p.nextOffJockey, #NextOffDesktop p.nextOffJockey {
            font-size: 11px;
        }
    }






    /*** BUTTONS ***/
    .btn-block {
        width: 100%;
    }

    .btn-primary {
        color: #00182e;
        border-color: #1dd760;
        background: rgb(29,215,96);
        background: linear-gradient(180deg, rgba(29,215,96,1) 0%, rgba(24,187,83,1) 100%);
        text-transform: uppercase;
        font-size: 85%;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
        transition: background 1s ease;
    }

        .btn-primary:hover, .btn-primary:active {
            color: #00182e;
            border-color: #1dd760;
            background: rgb(29,215,96);
            text-shadow: none;
        }

        .btn-primary:focus, .btn-primary.focus {
            color: #00182e;
            border-color: #1dd760;
            background: rgb(29,215,96);
            text-shadow: none;
        }

    .btn-secondary {
        color: #fff;
        background-color: #6f7882;
        border-color: #6f7882;
    }

    .btn:hover {
        text-decoration: none;
    }


    .headingBtn {
        margin-top:-2px;
        font-size: 10px;
        padding: 5px 12px;
    }

    @media (max-width: 676px) {
        .headingBtn {
            font-size: 10px;
            padding: 3px 10px;
        }
    }




    section.headline {
        background: #052643;
        color: #fff;
    }

        section.headline h1 {
            text-transform: uppercase;
            font-size: 1.4em;
            font-weight: 700;
            margin: 10px 0;
        }

    @media (max-width: 990px) {

        section.headline h1 {
            font-size: 1em;
        }
    }



    /** Icons **/
    i.bi.bi-check-circle-fill {
        color: #17a24a;
    }

    i.bi.bi-star-fill {
        color: #ffc107;
    }

        i.bi.bi-star-fill.starGrey {
            color: #eee;
        }

    i.bi.bi-star-half {
        color: #ffc008;
    }



    section#nextOffMobileWrap {
        background: #292929;
    }

        section#nextOffMobileWrap .swiper-slide {
            background: #c2c2c2;
            color: #3b3b3b;
        }

        section#nextOffMobileWrap .swiper .swiper-button-next, section#nextOffMobileWrap .swiper .swiper-rtl .swiper-button-prev {
            height: 30px;
            width: 15px;
        }

        section#nextOffMobileWrap .swiper .swiper-button-prev, section#nextOffMobileWrap .swiper .swiper-rtl .swiper-button-next {
            height: 30px;
            width: 15px;
        }

    .swiperHeaderOffers {
        height: 64px;
    }

        .swiperHeaderOffers img.rounded {
        }

    .swiper.swiperHomeHero {
        background: #052643;
    }

    .swiperHeaderOffers .swiper-slide {
/*        background: #f7f7f7;*/
        border-radius: 5px;
        width: 64px !important;
        height: 64px !important;
    }

    @media (max-width: 990px) {
        .swiperHeaderOffers .swiper-slide p {
            font-size: 11px;
        }
    }

    .swiper-pagination {
        height: 20px
    }

    span.swiper-pagination-bullet {
        width: 35px;
        border-radius: 0;
        height: 4px;
    }

    .swiper-pagination-bullet-active {
        background: #00172e !important;
    }


    .list-group-item {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }

    a.list-group-item:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    #fixed-footer {
        display: none;
        position: fixed;
        bottom: 0;
        width: 100%;
        color: #fff;
        background: #00182e;
        box-shadow: 2px -2px 2px rgba(0,0,0,0.2);
        z-index: 100;
    }

        #fixed-footer p {
        }

            #fixed-footer p a {
                color: #fff;
            }

    .antePostBox {
        background: #fff;
    }

    #centralContent .antePostBox p a {
        text-decoration: none;
        font-weight: bold;
    }

    .antePostBox .race-date {
        font-size: .875em;
    }

    @media (max-width: 990px) {

        #fixed-footer {
            display: block;
        }
    }





    /*** OFFER MODALS ***/
    .offerModal .modal-header {
        border-bottom: solid 1px rgba(255,255,255,0.2);
    }

        .offerModal .modal-header .btn-close {
            margin: 0;
            padding: .5rem .5rem;
            background-color: #fff;
            opacity: 1;
        }

    .offerModal .modal-footer {
        background: rgba(0,0,0,0.15);
        border-top: solid 1px rgba(255,255,255,0.2);
    }

    .offerModal .modal-header img {
        max-width: 100px;
    }

    .modal-header h3 {
        color: #fff;
    }

    .offerModal .modal-footer a.btn {
        width: 100%;
        font-weight: bold;
        font-size: 18px;
    }


    .offerTitle {
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 5px;
    }
    /* for each bookmaker */
.bg_bet365, .bg_bet365 .modal-content {
    background: #197D5B;
    color: #fff;
}

.bg_10bet, .bg_10bet .modal-content {
    background: #463E43;
    color: #fff;
}

.bg_ladbrokes, .bg_ladbrokes .modal-content {
    background: #d31602;
    color: #fff;
}

    .bg_unibet, .bg_unibet .modal-content {
        background: #017e3d;
        color: #fff;
    }

    .bg_888sport, .bg_888sport .modal-content {
        background: #FA6200;
        color: #fff;
    }

    .bg_bzeebet, .bg_bzeebet .modal-content {
        background: #03293A;
        color: #fff;
    }

    .bg_mr-play, .bg_mr-play .modal-content {
        background: #04A2F2;
        color: #fff;
    }

    .bg_fafabet, .fafabet .modal-content {
        background: #303247;
        color: #fff;
    }

.bg_spreadex, .spreadex .modal-content {
    background: #000;
    color: #fff;
}

#quickLinksMob .list-group-item {
    padding: 0.5rem;
    font-size: 0.9rem;
}

    #quickLinksMob span.badge {
        padding: 6px 8px;
        border-radius: 26px;
    }


    .badgeYellow {
        background: #f4d80c;
        color: #052643;
    }

    div.timer {
        display: inline;
    }



    .nav-tabs .nav-link {
        color: #00182e;
    }

    div.tabsWrap {
        background: white;
        border-left: solid 1px #dee2e6;
        border-right: solid 1px #dee2e6;
        border-bottom: solid 1px #dee2e6;
        border-radius: 0 0 4px 4px;
        padding: 10px;
    }

    .nav-pills .nav-link {
        color: #00182e;
        border-radius: 30px;
    }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            background-color: #00182e;
        }

    img.odds-logo {
        border-radius: 50px;
    }

    table.table img.odds-logo {
        max-width: 90px;
    }

    #bookmakerTabs h4 {
        font-size: 1.2em;
    }

    #bookmakerTabs thead.table-secondary {
        font-size: 85%;
    }

    #oddsTabs thead.table-secondary {
        font-size: 85%;
    }


    /*** BOOKMAKER REVIEW TABLE ***/

    .bookmakerWrap {
        background: #fff;
        padding: 10px;
        margin: 0 0 15px 0;
        border-radius: 5px;
        border: solid 1px #ddd;
    }

        .bookmakerWrap:hover {
            background: linear-gradient(#fff, #ddd);
            box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
        }

        .bookmakerWrap .text-muted {
            margin-bottom: 0;
        }

        .bookmakerWrap h5 {
            margin-bottom: 0;
            padding: 5px 0 0 0;
            font-weight: 700;
            text-transform: capitalize;
        }

        .bookmakerWrap .offerAddon {
            margin: 0;
        }

        .bookmakerWrap .underLink {
            font-size: 12px;
            padding: 8px 0;
            margin: 0;
        }

        .bookmakerWrap .bookmakerLogo {
            max-width: 120px;
        }

    p.bookmakerScore {
        padding: 10px 0 0 0;
        margin: 0;
    }

    .bookmakerWrap p.smallprint {
        font-size: 10px;
        color: rgba(0,0,0,0.75);
    }

    .bookmakerWrap .bookmakerAward {
        color: #188753;
    }

    .bookmakerWrap .bookmakerLogo {
        border-radius: 20px;
        box-shadow: 3px 3px rgba(0,0,0,0.5);
    }

    .bookmakerWrap .claimButton {
        width: 100%;
    }

    .bookmakerWrap.recommendedBookmaker {
        background-image: linear-gradient(15deg, #ffffff 0%, #efcb8b 90%);
        border: solid 1px #efcb8a;
    }

        .bookmakerWrap.recommendedBookmaker:hover {
            background-image: none;
            border: solid 1px #efcb8a;
            background-color: #efcb8a;
        }

    @media (max-width: 990px) {

        .bookmakerWrap {
            padding: 15px;
        }

            .bookmakerWrap .bookmakerLogo {
                padding-top: 0;
            }

            .bookmakerWrap .claimButton {
                margin-top: 0;
                width: 100%;
            }

            .bookmakerWrap p.smallprint {
                padding: 0;
            }
    }

.bookmakerTopRated {
    background-image: linear-gradient(15deg, #ffffff 0%, #f3e1c2 90%);
    border: solid 1px #efcb8a;
}

    @media (max-width: 676px) {

        .bookmakerOfferDetailed .bookmakerLogo {
            max-width: 120px;
            margin: auto;
        }
    }


    @media (max-width: 676px) {

        .pillsCompact .nav-link {
            padding: 2px 10px;
            font-size: 14px;
        }
    }

    .inpage-cta {
        text-align: center;
        border: solid 1px #ccc;
        border-radius: 5px;
        padding: 20px 45px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    }


    /*** SWIPER SLIDER ****/
.swiper .swiper-slide {
    /*background: #fff;*/
}

    .swiper .swiper-button-next, .swiper .swiper-button-prev {
        color: #fff;
        background: #3a3a3a;
        border-radius: 5px;
        width: 18px;
    }

        .swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
            font-size: 18px;
        }

    .swiper .swiper-button-next, .swiper .swiper-rtl .swiper-button-prev {
        right: 0;
        border-radius: 5px 0 0 5px;
    }

    .swiper .swiper-button-prev, .swiper .swiper-rtl .swiper-button-next {
        left: 0;
        border-radius: 0 5px 5px 0;
    }

    .swiper div.timer {
        display: inline;
    }






    /***** BOOKMAKER CARDS *****/
    .bookmakerOffersCards h4.card-title {
        font-size: 1.2rem;
    }

    .bookmakerOffersCards .card-footer .btn {
        width: 100%;
    }

    .bookmakerOffersCards h4.card-title a {
        color: #3a3a3a;
    }

    .topRatedCard {
        box-shadow: 0px 1px 6px #e4aa04;
    }

    .bookmakerOddsTable {
        height: 40px;
        background: #eee;
    }

        .bookmakerOddsTable img {
            max-width: 100px;
            padding-top: 2px;
        }

.modalCloseIcon {
    font-size: 20px;
    font-weight: bold;
    font-style:italic;
    background: none;
    color: #fff;
    border: 0;
}





    /**** BOOKMAKER REVIEW PAGE ****/

    .reviewAwards img.award-icon-review {
        border-radius: 10px;
        box-shadow: 1px 1px 5px #000;
    }

    @media (max-width: 600px) {
        .reviewLottos p {
            font-size: 11px;
        }
    }

    .resultsIcons p.card-text {
        font-size: small;
    }



    .resultsIcons .card {
        transition: margin-top 0.2s;
    }

        .resultsIcons .card:hover {
            margin-top: -5px;
            box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
        }

    .sectionHome .card:hover {
        box-shadow: 2px 3px 4px rgba(0,0,0,0.1) !important;
    }



    section#homeScroller {
        background: #DAD299;
        background: -webkit-linear-gradient(to right, #B0DAB9, #DAD299);
        background: linear-gradient(to right, #B0DAB9, #DAD299);
    }


    /*** FOOTER ***/
    section#footer {
        background: #00182e;
        color: rgba(255,255,255,0.8);
    }

        section#footer a {
            color: rgba(255,255,255,0.8);
        }

    #footer h4 {
        font-size: 18px;
        color: #fff;
    }

    #footer ul {
        padding-left: 15px;
    }

    img.img-fluid.footerRGIcon {
        border-radius: 5px;
        box-shadow: 2px 2px 2px #052643;
    }

    #footer .text-muted {
        color: rgba(255,255,255,0.4) !important;
        font-size: 80%;
    }

    #footer .btn-outline-light:hover {
        color: #052643 !important;
    }

    #footer .badge {
        border-radius: 20px;
    }

    #footer .mobileSocialIcons {
        font-size: 30px;
    }


.odds-card-fixed {
    min-width: 60px;
    min-height: 20px;
    padding: 0; /* optional: remove default padding */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fixed-odds-logo {
    width: 60px !important;
    height: 20px !important;
    object-fit: contain;
}

    #oddsTabs img.odds-logo {
        max-width: 90px;
        border-radius: 5px;
    }

    #oddsTabs td.odds {
        font-size: 18px;
        text-align: center;
    }

    #oddsTabs tbody td {
        vertical-align: middle;
    }

    a.btn.btn-bounce {
        background: #5db75c;
    }

    tr.bestOdds {
        background: #d9efd3;
    }

        tr.bestOdds img.odds-logo {
            box-shadow: 2px 2px 2px #5db75c;
        }

    @media (max-width:776px) {
        #oddsTab .nav-link {
            padding: 0.2rem 0.4rem;
        }
    }

    /**racecard */
    #ante_post .card-body > p {
        font-size: 14px;
    }

    #ante_post .card .card-body .row .col-10 {
        display: flex;
        align-items: center;
    }

    .col-horse-number {
        flex: 0 0 auto;
        width: 38px;
        height: 38px;
        margin-right: 0;
    }

        .col-horse-number .small-text {
            font-size: 12px;
            vertical-align: baseline;
        }
.col-horse-best-odds {
    margin-left: auto;
    width: auto;
    min-height:36px;
    min-width:55px;
}

.col-horse-name {
    flex: 0 0 auto;
    width: 60%;

}
    .textCompact_racecard {
        font-size: 12px;
    }

    @media (min-width:768px) {
        .col-horse-name {
            flex: 0 0 auto;
            width: 33%;
        }
/*        .card-footer .col-md-1.col-3 {
            width: 10% !important;
        }*/

        .col-horse-data {
            width: 20%;
        }
    }

    .racecard_show_more {
        margin-top: 10px;
        color: #565e64;
        font-weight: bold;
        display: block;
        text-align: center;
        cursor: pointer;
    }

    @media (max-width:768px) {

        .col-horse-best-odds {
            margin-left: auto;
            width: auto;
        }

        .textCompact_racecard {
            font-size: 12px;
        }
    }

/*racecourse page*/
.racecourse_races_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:10px;
}

    .racecourse_races_wrapper > .card {
        min-width: 70px;
        flex: 1;
    }
@media (max-width:768px) {

    .racecourse_races_wrapper > .card {
        flex: none;
    }
}
.racecourse_races_wrapper .raceInfo {
    font-size: 11px;
    text-decoration: underline;
}
   
/*Results*/
.horse-number {
    color: #171717;
    background-color: #fff;
    align-items: center;
    width: 36px;
    height: 36px;
    font-size: 20px;
    display: flex;
}

.horse-odds {
    color: #171717;
    background-color: #fff;
    border: 1px solid #171717;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 32px;
    font-size: 14px;
    display: flex;
}

.col-horse-result
{
    max-width: 55%;
}

.offerTitle {
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1.2;
}

    .offerTitle > a {
        color: #000;
        text-decoration: none;
        text-shadow: 2px 2px 4px orange;
    }

.offerBtn {
    background: #f50 !important;
    font-weight: bold;
    border: 2px;
    font-size: 16px;
    text-transform: uppercase;
}

.flex-center-ver {
    align-content: center !important;
}




/****/
.nextOffHorseEntry {
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0.25rem 0.25rem rgba(0, 0, 0, .075);
    padding: 2px 0px;
    min-height: 52px;
}

.iconSilk {
    flex: 0 0 42px;
    height: 42px;
    margin: 0 12px 0 5px;
}

.horseInfo {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0 5px;
}

.horseName {
    font-size: 14px;
    margin: 0;
}

.nextOffJockey {
    font-size: 12px;
}

/*Cookies*/
.cookie-banner {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
    background: #00182e;
    color: #fff;
    width: 100%;
    max-width: 800px;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.4);
    border-radius: 0;
    z-index: 9999;
    transition: opacity .4s ease, transform .4s ease;
}

.cookie-banner--visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.cookie-banner__content {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cookie-banner__title {
    color: #fff;
    margin: 0 0 8px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}

.cookie-banner__message {
    margin: 0 0 16px;
    font-size: 0.95em;
    text-align: center;
    line-height: 1.4;
}

    .cookie-banner__message a {
        color: #fff;
        text-decoration: underline;
    }

.cookie-banner__actions {
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 400px;
    margin-bottom: 12px;
}

.cookie-banner__button {
    flex: 1;
    padding: 12px 0;
    font-size: 0.95em;
    font-weight: bold;
    background: #fff;
    color: #000;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.cookie-banner__button--accept {
    background: #fff;
}

.cookie-banner__button--decline {
    background: #000;
    color: #fff;
    border: 1px solid #fff;
}

.cookie-banner__preferences {
    color: #fff;
    text-decoration: underline;
    font-size: 0.9em;
    margin-top: 8px;
}

@media (max-width: 600px) {
    .cookie-banner {
        left: 0;
        transform: translateY(0);
        width: 100vw;
        max-width: none;
        border-radius: 0;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.3);
    }

    .cookie-banner__actions {
        flex-direction: column;
    }

    .cookie-banner__button {
        width: 100%;
    }
}