/**
* Universal Styles
*
* @package    AJR TrackMate BetBot
* @since      1.0
* @subpackage ajr-trackmate-betbot/assets/css/
**/

/* --------------------------------------------------------------------------------------------- */
/* Fonts 
/* --------------------------------------------------------------------------------------------- */
/*@font-face { font-family: clockDigital1; src: url('../fonts/ds_digital.ttf'); }
@font-face { font-family: clockDigital2; src: url('../fonts/digital_display.ttf'); }
@font-face { font-family: clockDigital3; src: url('../fonts/dot_digital-7.ttf'); }*/
@font-face { font-family: clockDigital; src: url('../fonts/enhanced_dot_digital-7.ttf'); }


/* --------------------------------------------------------------------------------------------- */
/* Variables 
/* --------------------------------------------------------------------------------------------- */
:root {
    /* colours */
    --colour_error: 250,200,140;
    --colour_warning: 240,0,0;
    --colour_success: 50,200,50;
    --colour_info: 11,174,230;
    --colour_back: 166,216,255;
    --colour_lay: 250,201,212;
}


/* --------------------------------------------------------------------------------------------- */
/* DEFAULTS
/* --------------------------------------------------------------------------------------------- */
.silks img,
img.silks {
    max-height: 100%;
    pointer-events: none !important; }


/* --------------------------------------------------------------------------------------------- */
/* LAYOUT
/* --------------------------------------------------------------------------------------------- */
/* position */
.absolute_center_top {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.absolute_center_bottom {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%,50%);
}


/* --------------------------------------------------------------------------------------------- */
/* BETBOT FEATURES
/* --------------------------------------------------------------------------------------------- */
.racecard_header .betbot_features {
    position: relative;
    padding: 0.5rem 0.25rem 0.5rem 0.5rem; }


/* --------------------------------------------------------------------------------------------- */
/* CLOCK
/* --------------------------------------------------------------------------------------------- */
#betbot_clock {
    position: relative;
    z-index: 1;
    margin: var(--clock_border_width); }
.wp-admin #betbot_clock {
    margin-left: calc(var(--clock_border_width) + 2rem); }
/* clock digital - vars */
#betbot_clock.digital {
    --clock_padding: 0;
    --clock_font_family: inherit;
    --clock_line_height: 1em;
    --clock_font_size: 1.5em;
    --clock_font_weight: 500;
    --clock_letter_spacing: 0.025em;
    --clock_colour: #000;
    --clock_border_radius: 0;

    --date_margin: 0 0 0.2em;
    --date_line_height: 1em;
    --date_font_size: 0.6em;
    --date_font_weight: 300;
    --date_letter_spacing: 0.02em;
    --date_colour: #777;
    --date_ordinal_colour: #ccc;
    
    --divider_padding: 0 0.1em;
    --divider_line_height: 1em;
    --divider_font_size: 0.9em;
    --divider_font_weight: 400;
    --divider_colour: #999;
    
    --ampm_display: none;
    --ampm_padding: 0 0 0 0.1em;
    --ampm_font_size: 0.9em;
    --ampm_colour: #999; }

/* clock digital - size */
#betbot_clock.digital.size_small {
    --clock_font_size: 1.25em;
    --clock_letter_spacing: 0.04em; }
    #betbot_clock.digital.size_small.style_80s_alarm {}
#betbot_clock.digital.size_medium {
    /* DEFAULT */ }
    #betbot_clock.digital.size_medium.style_80s_alarm {}
#betbot_clock.digital.size_large {
    --clock_font_size: 1.75em;
    --divider_line_height: 0.6em; }
    #betbot_clock.digital.size_large.style_80s_alarm {}

/* clock digital - styles */
#betbot_clock.digital.style_80s_alarm {
    --clock_padding: 0.35em 0.6em 0.3em 0.8em;
    --clock_font_family: inherit;
    --clock_font_weight: 500;
    --clock_letter_spacing: 0.1em;
    --clock_colour: rgb(255,255,255);
    --clock_border_radius: 0.25em;
    --clock_background: linear-gradient(150deg, rgb(0,0,0) 15%, rgb(60,60,60) 50%, rgb(0,0,0) 50%, rgb(0,0,0) 100%);
    
    --date_margin: 0 0.5em 0.15em 0;
    --date_font_size: 0.55em;
    --date_colour: #999;
    
    --numbers_font_family: clockDigital;
    
    --divider_padding: 0 0.2rem 0 0;
    --divider_font_size: 0.75em;
    --divider_line_height: 0.6em;
    --divider_colour: #999 !important;

    --ampm_colour: #aaa; }

    /* clock digital output */
    #betbot_clock.digital {
        display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column;
        -webkit-align-items: center; align-items: center;
        position: relative;
        height: -moz-fit-content; height: fit-content;
        padding: var(--clock_padding);
        font-family: var(--clock_font_family);
        line-height: var(--clock_line_height);
        font-size: var(--clock_font_size);
        font-weight: var(--clock_font_weight);
        letter-spacing: var(--clock_letter_spacing);
        color: var(--clock_colour);
        border-radius: var(--clock_border_radius);
        background: var(--clock_background); }
        /* date */
        #betbot_clock.digital .date {
            width: -moz-fit-content; width: fit-content;
            margin: var(--date_margin);
            line-height: var(--date_line_height);
            font-size: var(--date_font_size);
            font-weight: var(--date_font_weight);
            letter-spacing: var(--date_letter_spacing);
            color: var(--date_colour); }
            #betbot_clock.digital .date sup {
                color: var(--date_ordinal_colour); }
        /* time */
        #betbot_clock.digital .time {
            display: -webkit-flex; display: flex;
            -webkit-align-items: center; align-items: center;
            -webkit-justify-content: center; justify-content: center;
            width: -moz-fit-content; width: fit-content; }
            /* numbers */
            #betbot_clock.digital .time > div {
                font-family: var(--numbers_font_family); }
            #betbot_clock.digital .time span {
                padding: var(--divider_padding);
                line-height: var(--divider_line_height);
                font-size: var(--divider_font_size);
                font-weight: var(--divider_font_weight);
                color: var(--divider_colour); }
            #betbot_clock.digital .time .ampm {
                -webkit-align-self: end; align-self: end;
                padding: var(--ampm_padding);
                font-size: var(--ampm_font_size);
                color: var(--ampm_colour); }
            #betbot_clock.digital .time .ampm:empty {
                display: none; }

/* clock analog - vars */    
#betbot_clock.analog {
    --clock_size: 100px;
    --clock_font_family: inherit;
    --clock_font_size: 1em;
    --clock_radius: 50%;
    --clock_border_width: 4px;
    --clock_border_style: solid;
    --clock_border_colour: #333;
    --clock_background: linear-gradient(170deg, rgb(255,255,255) 20%, rgb(222,222,225) 100%);
    --clock_box_shadow: 0px 0px 20px 0px #bbb, inset 1px 1px 5px 0px rgba(0,0,0,0.25), inset -1px -1px 5px 1px rgba(255,255,255,1);
 
    --numbers_display: block;
    --numbers_font_family: inherit;
    --number_margin: 8%;
    --number_font_size: 1.1em;
    --number_font_weight: 600;
    --number_color: #000;

    --hands_display: block;
    --hrs_display: block;
    --hrs_width: 4px;
    --hrs_height_adjust: 0.6;
    --hrs_colour: #222;
    --mins_display: block;
    --mins_width: 3px;
    --mins_height_adjust: 0.8;
    --mins_colour: #222;
    --secs_display: block;
    --secs_width: 1px;
    --secs_height_adjust: 0.925;
    --secs_colour: #f00;
    --dot_size: calc(var(--hrs_width) - var(--secs_width));

    --branding_display: block;
    --branding_position_top: 32%;
    --branding_font_family: inherit;
    --branding_font_size: 0.75em;

    --datetime_display: block;
    --datetime_position_bottom: var(--branding_position_top);
    --datetime_font_family: inherit;
    --datetime_font_size: 0.85em;
    --datetime_line_height: 1em;
    --date_display: block;
    --time_display: block;

    --dials_display: block;
    --dials_margin: 2%;
    --dials_width: 1px;
    --dials_width_marker: 2px;
    --dials_height: 3%;
    --dials_height_marker: 5%;
    --dials_colour: #ccc;
    --dials_colour_wide: #bbb; }

/* clock analog - size */
#betbot_clock.analog.size_small {
    --clock_size: 50px;
    --clock_border_width: 2px;
    --number_font_size: 0.75em;
    --number_font_weight: 700;
    --hrs_width: 3px;
    --mins_width: 2px;
    --dials_display: none;
    --branding_display: none;
    --datetime_display: none;
    --time_display: none; }
    #betbot_clock.analog.size_small.style_roman {
        --shadow_1: 5px;
        --shadow_2: 20px;
        --hrs_height_adjust: 50px;
        --mins_height_adjust: 10px;
        --secs_height_adjust: 30px; }
#betbot_clock.analog.size_medium {
    /* DEFAULT */ }
    #betbot_clock.analog.size_medium.style_roman {
        --shadow_1: 5px;
        --shadow_2: 20px;
        --hrs_height_adjust: 10px;
        --mins_height_adjust: 5px;
        --secs_height_adjust: 5px; }
#betbot_clock.analog.size_large {
    --clock_size: 150px;
    --clock_border_width: 0;
    --branding_font_size: 0.75em;
    --datetime_font_size: 0.9em;
    --datetime_line_height: 1.05em;
    --date_display: block;
    --number_font_size: 1.333em; }
    #betbot_clock.analog.size_large.style_roman {
        --shadow_1: 5px;
        --shadow_2: 20px;
        --hrs_height_adjust: 50px;
        --mins_height_adjust: 10px;
        --secs_height_adjust: 30px; }

/* clock analog - style */
#betbot_clock.analog.style_roman {
    --clock_font_family: auto;
    --clock_font_size: 0.75em;
    --clock_border_width: 0;
    --clock_border_style: solid;
    --clock_border_colour: rgba(255,255,255,0.2);
    --clock_box_shadow: 0px 0px 20px 0px #bbb, inset 0px 0px 0px var(--shadow_1) rgba(255,255,255,0.9), inset 1px 1px 5px var(--shadow_1) rgba(0,0,0,0.25), inset 0px 0px 0px var(--shadow_2) rgba(255,255,255,0.9), inset 1px 1px 5px var(--shadow_2) rgba(0,0,0,0.25), inset -1px -1px 5px 1px rgba(255,255,255,1);

    --hrs_width: 5px;
    --hrs_height: calc(50% - var(--hrs_height_adjust));
    --mins_width: 3px;
    --mins_height: calc(50% - var(--mins_height_adjust));
    --secs_width: 1px;
    --secs_height: calc(50% - var(--secs_height_adjust));

    --number_margin: 8px;
    
    --branding_font_size: 0.75em;

    --dials_height: 3px;
    --dials_height_marker: 5px; }

/* testing */
#betbot_clock.analog.size_testing {
    --clock_size: 300px;
    --clock_border_width: 0;
    --clock_box_shadow: 0px 0px 20px 0px #bbb, inset 0px 0px 0px var(--shadow_1) rgba(255,255,255,0.9), inset 1px 1px 5px var(--shadow_1) rgba(0,0,0,0.25), inset 0px 0px 0px var(--shadow_2) rgba(255,255,255,0.9), inset 1px 1px 5px var(--shadow_2) rgba(0,0,0,0.25), inset -1px -1px 5px 1px rgba(255,255,255,1), 0 0 30px 0 #000;
    --branding_display: block;
    --branding_font_size: 1em;
    --datetime_display: block;
    --datetime_font_size: 0.9em;
    --number_font_size: 1.2em;
    --dials_display: block;
    --dials_width: 1px;
    --dials_width_marker: 2px; }
    #betbot_clock.analog.size_testing.style_roman {
        --shadow_1: 10px;
        --shadow_2: 50px;
        --hrs_height_adjust: 50px;
        --mins_height_adjust: 10px;
        --secs_height_adjust: 30px; }

    /* clock analog output */
    #betbot_clock.analog {
        position: relative;
        min-width: var(--clock_size); width: var(--clock_size);
        min-height: var(--clock_size); height: var(--clock_size);
        font-family: var(--clock_font_family);
        font-size: calc(var(--clock_size)*0.1);/*var(--clock_font_size);*/
        border-radius: var(--clock_radius);
        outline: var(--clock_border_width) var(--clock_border_style) var(--clock_border_colour);
        background: var(--clock_background);
        box-shadow: var(--clock_box_shadow); }
    /* branding */
    #betbot_clock.analog .branding {
        display: var(--branding_display);
        top: var(--branding_position_top);
        z-index: 4;
        line-height: 1.1em;
        font-size: var(--branding_font_size);
        font-weight: 400;
        text-align: center;
        color: #999; }
    /* datetime */
    #betbot_clock.analog .datetime_container {
        display: var(--datetime_display);
        bottom: var(--datetime_position_bottom);
        z-index: 4;
        width: max-content;
        line-height: var(--datetime_line_height);
        font-size: var(--datetime_font_size);
        font-weight: 500;
        text-align: center;
        color: #777; }
        #betbot_clock.analog .datetime_container .date {
            display: var(--date_display);
            font-size: 0.95em;
            font-weight: 400;
            color: #888; }
        #betbot_clock.analog .datetime_container .time {
            display: var(--time_display); }
    /* hands & numbers */
    #betbot_clock.analog .hands,
    #betbot_clock.analog .numbers,
    #betbot_clock.analog .dials {
        position: absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        border-radius: var(--clock_radius);
        overflow: hidden; }
    /* hands */
    #betbot_clock.analog .hands {
        display: var(--hands_display); }
        #betbot_clock.analog .hands,
        #betbot_clock.analog .hands .hrs,
        #betbot_clock.analog .hands .mins,
        #betbot_clock.analog .hands .secs {
            transform-origin: center bottom;/*50% 100%*/ }
        #betbot_clock.analog .hands .hrs {
            --hrs_height: calc(50% * var(--hrs_height_adjust));
            position: absolute;
            top: calc(50% - var(--hrs_height));
            left: 50%;
            z-index: 6;
            width: var(--hrs_width);
            height: var(--hrs_height);
            margin-left: calc(-1 * (var(--hrs_width) / 2));
            background: var(--hrs_colour);
            box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);  }
        #betbot_clock.analog .hands .mins {
            --mins_height: calc(50% * var(--mins_height_adjust));
            position: absolute;
            z-index: 5;
            top: calc(50% - var(--mins_height));
            left: 50%;
            width: var(--mins_width);
            height: var(--mins_height);
            margin-left: calc(-1 * (var(--mins_width) / 2));
            background: var(--mins_colour); }
        #betbot_clock.analog .hands .secs {
            --secs_origin_adjustment: 6px;
            --secs_height: calc(50% + (var(--secs_origin_adjustment) / 2));
            position: absolute;
            z-index: 7;
            top: calc(var(--secs_origin_adjustment) / 2);
            left: calc(50% - (var(--secs_width) / 2));
            width: var(--secs_width);
            height: var(--secs_height);
            margin-left: calc(-1 * (var(--secs_width) / 2));
            background: var(--secs_colour);
            transform-origin: center calc(100% - var(--secs_origin_adjustment)); }
        #betbot_clock.analog .hands .dot {
            z-index: 8;
            width: var(--dot_size);
            height: var(--dot_size);
            /*border: calc(var(--dot_size) * 0.5) solid var(--hrs_colour);*/
            border-radius: 50%;
            outline: var(--secs_width) solid var(--secs_colour);
            background: var(--clock_background); }
        /* transitions */
        #betbot_clock.analog {
            -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
        #betbot_clock.analog .branding,
        #betbot_clock.analog .datetime_container {
            -webkit-transition: opacity 0.3s ease-out 0.2s; transition: opacity 0.3s ease-out 0.2s; }
        #betbot_clock.analog .hands {
            -webkit-transition: opacity 0.6s ease-out 0.4s; transition: opacity 0.6s ease-out 0.4s; }
        #betbot_clock.analog:not(.transition) {
            opacity: 0.25; }
        #betbot_clock.analog:not(.transition) .branding,
        #betbot_clock.analog:not(.transition) .datetime_container,
        #betbot_clock.analog:not(.transition) .hands {
            opacity: 0; }
        #betbot_clock.analog.transition .hands .secs.anim_none {}
        #betbot_clock.analog.transition .hands .secs.anim_tick {
            -webkit-transition: transform 0.1s cubic-bezier(1, 0, 0, 2.5); transition: transform 0.1s cubic-bezier(1, 0, 0, 2.5); }
        #betbot_clock.analog.transition .hands .secs.anim_smooth {
            -webkit-transition: transform 1s linear; transition: transform 1s linear; }
    /* numbers */
    #betbot_clock.analog .numbers {
        display: var(--numbers_display); }
        #betbot_clock.analog .numbers div {
            position: absolute;
            color: var(--number_color);
            line-height: 0.85em;
            font-size: var(--number_font_size);
            font-weight: var(--number_font_weight);
            z-index: 4; }
        #betbot_clock.analog .numbers div.h3 {
            top: 50%;
            right: var(--number_margin);
            transform:translateY(-50%); }
        #betbot_clock.analog .numbers div.h6 {
            bottom: var(--number_margin);
            left: 50%;
            transform:translateX(-50%); }
        #betbot_clock.analog .numbers div.h9 {
            left: var(--number_margin);
            top: 50%;
            transform:translateY(-50%); }
        #betbot_clock.analog .numbers div.h12 {
            top: var(--number_margin);
            left: 50%;
            transform:translateX(-50%); }
    /* dials */
    #betbot_clock.analog .dials {
        display: var(--dials_display); }
        #betbot_clock.analog .dials .line {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 50%;
            width: var(--dials_width);
            height: var(--dials_height);
            margin-left: calc(-1 * (var(--dials_width) / 2));
            background: var(--dials_colour);
            transform-origin: 50% calc(var(--clock_size) / 2); }
            #betbot_clock.analog .dials .line:nth-child(5n) {
                width: var(--dials_width_marker);
                height: var(--dials_height_marker);
                margin-left: calc(-1 * (var(--dials_width_marker) / 2));
                background: var(--dials_colour_wide); }

    
/* --------------------------------------------------------------------------------------------- */
/* LIVE ODDS - CONTROLS
/* --------------------------------------------------------------------------------------------- */
#betbot_liveodds {
    position: absolute;
    z-index: 2;
    top: -0.25rem;
    left: -0.25rem; }
    #betbot_liveodds .odds_live_info {
        display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column;
        position: relative;
        padding: 1px;
        line-height: 1em;
        font-size: 0.6em;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #fff;
        box-shadow: inset 0 0 0 1px #fff, 0 0 10px 0 rgba(0,0,0,0.15);
        transition: var(--transition); }
        #betbot_liveodds .odds_live_info .odds_live_controls {
            display: -webkit-flex; display: flex;
            -webkit-justify-content: space-between; justify-content: space-between;
            -webkit-align-items: center; align-items: center;
            padding: 2px 2px 2px 0; }
            #betbot_liveodds.hide .odds_live_info .odds_live_controls .odds_live_title,
            #betbot_liveodds.hide .odds_live_info .odds_live_controls button {
                opacity: 1;
                transition: var(--transition); }
            #betbot_liveodds .odds_live_info .odds_live_controls i {
                top: -2px;
                height: 16px;
                color: rgb(var(--colour_grey));
                opacity: 0.25;
                cursor: pointer; }
                #betbot_liveodds .odds_live_info .odds_live_controls i:hover {
                    opacity: 1; }
            #betbot_liveodds .odds_live_info .odds_live_controls .odds_current_interval {
                position: absolute;
                font-family: var(--font_secondary);
                font-size: 1.1em;
                opacity: 0.25;
                transform: translate(18px,0.05em); }
            #betbot_liveodds .odds_live_info .odds_live_controls button {
               height: 16px;
               padding: 1px 4px 0 5px !important;
               opacity: 0.2; }
               #betbot_liveodds .odds_live_info .odds_live_controls button:hover {
                   opacity: 1; }
            #betbot_liveodds .odds_live_info .odds_live_controls button + button {
                margin-left: 2px; }
        #betbot_liveodds .odds_live_info .odds_live_title {
            margin-right: auto;
            padding-right: 1em;
            white-space: nowrap; }
        #betbot_liveodds .odds_live_info .odds_live_stat {
            padding: 0.5em 0.75em;
            text-align: center;
            opacity: 1;
            transition: var(--transition); }
        /* active */
        #betbot_liveodds .odds_live_info .odds_live_title.active {}
        #betbot_liveodds .odds_live_info .odds_live_controls i.dashicons-controls-play {
            color: rgb(var(--colour_selected),0.5);
            opacity: 0.75; }
            #betbot_liveodds .odds_live_info[live="1"] .odds_live_controls i.dashicons-controls-play {
                color: rgb(var(--colour_selected)); }
            #betbot_liveodds .odds_live_info[live="3"] .odds_live_controls i.dashicons-controls-play {
                color: rgb(var(--colour_selected),0.8); }
            #betbot_liveodds .odds_live_info[live="5"] .odds_live_controls i.dashicons-controls-play {
                color: rgb(var(--colour_selected),0.65); }
        #betbot_liveodds .odds_live_info .odds_live_controls button.active {
            color: rgb(var(--colour_selected));
            opacity: 1;
            pointer-events: none; }
        /* pause */
        #betbot_liveodds .odds_live_info .odds_live_controls i.dashicons-controls-pause {
            color: rgb(var(--colour_red)); }

    /* hide */
    #betbot_liveodds.hide .odds_live_info {
        border-color: transparent;
        background: transparent;
        box-shadow: inset 0 0 0 1px transparent, 0 0 10px 0 transparent; }
        #betbot_liveodds.hide .odds_live_info .odds_live_controls {}
            #betbot_liveodds:not(.hide) .odds_live_info .odds_live_controls .odds_current_interval,
            #betbot_liveodds.hide .odds_live_info .odds_live_controls .odds_live_title,
            #betbot_liveodds.hide .odds_live_info .odds_live_controls button {
                opacity: 0 !important; }
        #betbot_liveodds.hide .odds_live_info .odds_live_stat {
            opacity: 0; }


/* --------------------------------------------------------------------------------------------- */
/* RACE CARD 
/* --------------------------------------------------------------------------------------------- */
/* admin_infobar */
.admin_infobar .data_betbot {}

/* header */
.racecard_data .div_table_header_group .odds_live {
    padding-left: 0;
    padding-right: 0; }

/* runner - prices */
.racecard_data .div_table_row .odds_live {
    min-width: 90px;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .racecard_wrapper.no_market .racecard_data .div_table_row .odds_live,
    .racecard_wrapper.has_sp .racecard_data .div_table_row .odds_live {
        min-width: 65px; }
        .racecard_wrapper.no_market .racecard_data .div_table_row .odds_live .ol_win,
        .racecard_wrapper.no_market .racecard_data .div_table_row .odds_live .ol_place {
            background: rgba(var(--colour_back),0.1); }
        .racecard_wrapper.has_sp .racecard_data .div_table_row .odds_live .ol_win,
        .racecard_wrapper.has_sp .racecard_data .div_table_row .odds_live .ol_place {
            background: none; }
        .racecard_wrapper.no_market .racecard_data .div_table_row .odds_live .ol_win_lay,
        .racecard_wrapper.no_market .racecard_data .div_table_row .odds_live .ol_place_lay,
        .racecard_wrapper.has_sp .racecard_data .div_table_row .odds_live .ol_win_lay,
        .racecard_wrapper.has_sp .racecard_data .div_table_row .odds_live .ol_place_lay {
            display: none; }
.racecard_data .div_table_row .starting_price {
    min-width: 50px; }
    .racecard_data .div_table_row .odds_live > div,
    .racecard_data .div_table_row .starting_price div {
        margin: 0 2px; }
        .racecard_data .div_table_row .odds_live span,
        .racecard_data .div_table_row .starting_price span {
            display: -webkit-flex; display: flex;
            -webkit-justify-content: center; justify-content: center;
            line-height: 1.25em;
            transform: translateY(1px); }
        .racecard_data .div_table_row .starting_price span {
            font-size: 0.9em; }
        .racecard_data .div_table_row .odds_live:not(.starting_price) .win,
        .racecard_data .div_table_row .odds_live:not(.starting_price) .place {
            display: -webkit-flex; display: flex;
            height: 50%; }
        .racecard_data .div_table_row .odds_live:not(.starting_price) .win span,
        .racecard_data .div_table_row .odds_live:not(.starting_price) .place span {
            display: -webkit-flex; display: flex;
            -webkit-align-items: center; align-items: center;
            -webkit-flex-grow: 1; flex-grow: 1;
            width: 50%;
            font-family: var(--font_code);
            line-height: 1.6em;
            font-size: 0.85em;
            letter-spacing: -0.04em; }
        .racecard_data .div_table_row .odds_live .win span,
        .racecard_data .div_table_row .odds_live .place span,
        .favourite_options_wrapper .notes_container .info_notes .odds > span {
            transition: color 0.1s ease-out 0.2s, background 0.5s ease-out 0.2s; }
        .racecard_data .div_table_row .odds_live .win span.ol_win,
        .racecard_data .div_table_row .odds_live .place span.ol_place {
            background: rgba(var(--colour_back),0.25); }
        .racecard_data .div_table_row .odds_live .win span.ol_win_lay,
        .racecard_data .div_table_row .odds_live .place span.ol_place_lay {
            background: rgba(var(--colour_lay),0.25); }
        .racecard_data .div_table_row .odds_live .place span {
            margin-top: 1px; }
        .racecard_data .div_table_row .odds_live span:empty {
            background: transparent !important; }
            .racecard_data .div_table_row .odds_live span:empty::before {
                content: '-'; }
        .racecard_data .div_table_row .odds_live span.new,
        .favourite_options_wrapper .notes_container .info_notes .odds .new {
            background: #00ff00/*rgba(var(--colour_success),0.75)*/ !important;
            transition: background 0s ease-in; }

/* runner - starting price */
.racecard_data .div_table_row .odds_live span.actual_sp {
    background: transparent !important; }

/* runner - starting price - winners */
.racecard_data .div_table_row .odds_live .ol_win.actual_sp.status_winner {
    background: rgb(var(--ratings_colour_1)); }
.racecard_data .div_table_row .odds_live .ol_place.actual_sp.status_winner {
    background: rgb(var(--ratings_colour_2)); }

.runner_status_win_winner .starting_price,
.runner_status_place_winner .starting_price {
    font-weight: 600; }