/*
 * AJR TrackMate Plugin - Race Card Styles
 *
 * @package ajr-trackmate/css
**/


/* --------------------------------------- */
/* RACE DATES
/* --------------------------------------- */
.page_race-dates .layout_content {
    margin-top: -5.5rem !important; }


.errors_identified {
    padding: 0.5em 0;
    background: rgba(var(--colour_warning),0.1); }
    .errors_identified div {
        color: rgb(var(--colour_warning)); }


/* --------------------------------------- */
/* RACE CARDS
/* --------------------------------------- */
small {
    font-size: 0.85em; }

.admin_options {
	display:inline-block; }

.place .sup {
	font-size:70%; }

.races_results_filter_container {
	padding:0.5em 1em;
	border: 1px solid #eee;
    border-radius: 4px;
    background: #f9f9f9; }

	.races_results_filter_container:after,
	.races_results,
	form.races_navigation:after {
		content:'';
		display:block;
		clear:both; }
	
	.races_results_filter_container .find_race,
	.races_results_filter_container .find_date {
		float:right;
		margin-left:1rem; }

	.races_results_filter_container .races_results {
		float:left;
		padding-right:1rem;
		font-size:0.8rem;
		line-height:32px;
		color:#999; }
		.races_results_filter_container .races_results .races-found span .loading {
			color:rgba(1,150,170,0.75); }
		.races_results_filter_container .races_results .races-found span,
		.races_results_filter_container .races_results .relocated-page-load-time span {
			display:inline-block;
			min-width:22px;
			padding:0 1px 0 1px;
			font-size:1.1em;
			text-align:center;
			color:#444; }

		/*.races_results_filter_container .races_results .races-found,
		.races_results_filter_container .races_results .relocated-page-load-time {
			display:inline-block;
			opacity:0; }
			.races_results_filter_container .races_results .races-found.active,
			.races_results_filter_container .races_results .relocated-page-load-time.active {
				opacity:1;
				-webkit-transition: opacity 0.5s ease;
						transition: opacity 0.5s ease; }
			.races_results_filter_container .races_results .relocated-page-load-time.active {
				margin-left:1em;
				padding-left:1em;
				border-left:1px solid #eee;
				box-shadow: -1px 0 0 rgba(255,255,255,0.75); }*/
		
		form.races_navigation {
			float:right;
			width:auto;
			padding-left:1rem;
			font-size:0.9rem; }
		
			form.races_navigation label {
				float:left;
				font-size:0.9em;
				line-height:32px;
				color:#999; }
			form.races_navigation label.label_from {
				padding-right:5px; }
			form.races_navigation label.label_to {
				padding:0 5px; }
	
			form.races_navigation .date_from,
			form.races_navigation .date_to,
			form.races_navigation .search_calendar input {
				float:left;
				height:32px;
				width:160px;
				padding:0 0em 0 0.5em;
				font-size:0.9em;
				border-color:#ccc; }
	
		form.races_navigation button {
			float:left;
			width:auto;
			margin-left:10px;
			padding:0 10px;
			font-size:1em;
			height:32px; }

.races_container {
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:flex-start; justify-content:flex-start;
	margin:1.5rem -0.5rem 0; }
	.races_container::before,
	.races_container::after {
		content:'';
		display:block;
		clear:both; }

    .races_container .table_wrapper {
        margin: 0 0 1rem;
        padding: 0 1rem 1rem;
        border-radius: 0 0 5px 5px;
        background: rgba(255,255,255,0.75); }
    .races_container .div_table {
        position: relative; }
    .races_container .div_table .div_table_header_group > .div_table_cell {
        border-bottom: none; }
    .races_container .div_table .div_table_row_header {
        border-bottom: 2px solid #fff; }
    .races_container .div_table .div_table_row > .div_table_cell {
        border-top: none; }
    .races_container .div_table_cell .mobile_heading {
		display:none; }

/* TABLE HEADER */
.races_container .races_header {
	position: relative;
	display: -webkit-flex; display: flex;
	width: 100%;
	margin:1rem auto 0;
	padding:0.75rem 1rem;
	font-size:1em;
	font-weight:500;
	background:#fff;
    border-radius: 5px 5px 0 0;
	border:1px solid transparent;
	cursor:pointer;
	/*-webkit-transition: width 0.6s ease-in 0.0s; transition: width 0.6s ease-in 0.0s;*/ }
	.races_container .races_header::after {
		content:'';
		clear:both;
		display:block; }
	/*.races_container .races_header.closed:first-of-type {
        padding-top: 0.25rem; }*/

    /* today */
    .races_container .races_header.today.closed {
        border-color: rgba(var(--colour_red),0.25);
        box-shadow: 0 0 12px 0 rgba(var(--colour_red),0.1); }
        .races_container .races_header.closed .today {
            position: absolute;
            top: 0;
            left: 0;
            padding: 5px;
            line-height: 0.9em;
            font-size: 0.65em;
            text-transform: uppercase;
            color: rgb(var(--colour_red)); }
        .races_container .races_header:not(.closed) .today {
            padding-right: 5px;
            text-transform: capitalize; }
            .races_container .races_header:not(.closed) .today:after {
                content:','; }

    /* closed */
    .races_container .races_header.closed {
		display:block;
		flex:0 1 calc(14.285% - 1em);
		width:90%;
		margin:0.5rem;
		padding:1rem 0 0.25rem;
		text-align:center;
		border: 1px solid #eee;
		border-radius:4px;
		background:#f9f9f9;
		-webkit-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
		.races_header.closed:hover {
			border-color:rgba(200,0,0,0.3);
			box-shadow:0 0 20px rgba(0,0,0,0.15);
			background:white;
			-webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;  }
        .races_container .races_header.no_races.closed {
            opacity: 0.66;
            pointer-events: none; }

    /* RESULT INDICATOR */
    .races_container .races_header .races_result_indicator {
        position: absolute;
        top: 0;
        right: 0; }
	.races_container .races_header .races_result_indicator span i:nth-child(1),
	.races_container .races_header .races_result_indicator span i:nth-child(2),/*
	.races_container .races_header .races_result_indicator span.results_yes i:nth-child(1),
	.races_container .races_header .races_result_indicator span.results_yes i:nth-child(2),
	.races_container .races_header .races_result_indicator span.result_missing i:nth-child(1),
	.races_container .races_header .races_result_indicator span.result_missing i:nth-child(2),*/
	.races_container .races_header.closed .races_result_indicator span.results_yes span {
		display:none; }

	.races_container .races_header.closed .races_result_indicator span.no_races i:nth-child(1),/*
	.races_container .races_header.closed .races_result_indicator span.no_races i:nth-child(2),*/
	.races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(1),
	.races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(2),
	.races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(1),
	.races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(2) {
		display:block;
		position:absolute;
		top:0;
		right:0;
		float:none;
		padding:5px;
		line-height:0.9em;
		font-size:0.9em;
		text-align:center; }
    .races_container .races_header.closed .races_result_indicator span.no_races i {
        font-size:0.7em;
		color: rgb(var(--colour_grey_light)); }
	.races_container .div_table_row.race i.one,
	.races_container .div_table_row.race i.two {
		display:inline-block;
		position:absolute;
		top:auto;
		right:auto;
		left: 4px;
        width: 1em; }
	.races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(1),
	.races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(1),
	.races_container .div_table_row.race i.one {
		clip-path: polygon(0% 50%, 100% 50%, 100% 0%, 0% 0%); }
	.races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(2),
	.races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(2),
	.races_container .div_table_row.race i.two {
		clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0 100%); }

	/* results_yes */
    .races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(1),
	.races_container .div_table_row.race i.one {
		color:rgba(50,200,50,0.2); }
		.races_container .races_header.closed:hover .races_result_indicator span.results_yes i:nth-of-type(1),
		.races_container .div_table_row.race:hover i.one {
			color:rgba(50,200,50,0.6); }
	.races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(2),
		.races_container .div_table_row.race i.two {
		color:rgba(50,200,50,0.4); }
		.races_container .races_header.closed:hover .races_result_indicator span.results_yes i:nth-child(2),
		.races_container .div_table_row.race:hover i.two {
			color:rgba(50,200,50,1); }

	/* results_missing */
	.races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(1) {
		color:rgba(var(--colour_red),0.4); }
		.races_container .races_header.closed:hover .races_result_indicator span.result_missing i:nth-of-type(1) {
			color:rgba(var(--colour_red),0.8); }
	.races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(2) {
		color:rgba(var(--colour_red),0.6); }
		.races_container .races_header.closed:hover .races_result_indicator span.result_missing i:nth-child(2) {
			color:rgba(var(--colour_red),1); }

	/* results_abandoned */
	.races_container .race.abandoned i.one {
		color:rgba(var(--colour_red),0.7); }
		.races_container .race.abandoned:hover i.one {
			color:rgba(var(--colour_red),0.9); }
	.races_container .race.abandoned i.two {
		color:rgba(var(--colour_red),0.8); }
		.races_container .race.abandoned:hover i.two {
			color:rgba(var(--colour_red),1); }

	.races_container .races_header .races_result_indicator span.results_yes span {
		display:block;
		float:left;
		padding-right:4px;
		color:rgb(var(--colour_warning)); }
	
	.races_container .races_header.closed.result_missing {
		border-color:rgba(var(--colour_red),0.2);
		box-shadow:0 0 10px rgba(0,0,0,0.1); }
		.races_container .races_header.closed.result_missing:hover {
			border-color:rgba(var(--colour_red),0.5);
			box-shadow:0 0 40px rgba(var(--colour_red),0.2); }

	.div_table_row_header .races_result_indicator {
		display:inline-block;
		/*position:absolute;
		top:1rem;
		left:0;
		position: relative;
		top: -2px;*/
		margin-bottom:0.5rem;
		padding: 0 6px 0 7px;
		line-height: 19px;
		font-size: 0.6rem;
		font-weight: 500;
		letter-spacing: 0.1em;
		text-transform:uppercase;
		color:#fff;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
		background:rgba(50,200,50,1);
		border-radius:3px; }
		.div_table_row_header .races_result_indicator.result_missing {
			background:rgba(var(--colour_orange),0.8); }
		.div_table_row_header .races_result_indicator.result_abandoned {
			background:rgb(var(--colour_warning_light)); }

	/* DATE */
	.races_container .races_header .races_date {}
		.races_container .races_header .races_date.big,
		.races_container .races_header.closed .races_date {
			display:none; }
        .races_container .races_header:not(.closed) .today,
        .races_container .races_header:not(.closed) .races_date {
            font-family: var(--font_heading);
            float: left;
            font-size: 1.2em;
            color: rgb(var(--colour_red)); }
			.races_container .races_header.closed .races_date.big {
				display: block;
				color: rgb(var(--colour_grey_light)); }
				.races_container .races_header.closed .races_date.big div:nth-child(1) {
					font-size:0.7rem;
					font-weight:300; }
				.races_container .races_header.closed .races_date.big h2,
                .races_container .races_header.closed .races_date.big div:nth-child(2) {
					position: relative;
					top:0;
					margin: 0;
                    font-family: var(--font_accent) !important;
					font-size:3rem;
					font-weight:600;
					line-height:1.0em;
					color: rgb(var(--colour_red)); }
				.races_container .races_header.closed .races_date.big div:nth-child(3) {
					font-size:0.7rem;
					font-weight:300; }
        /* no races */
        .races_container .races_header.no_races.closed .races_date.big {
            color: rgb(var(--colour_grey_lighter)); }
            .races_container .races_header.no_races.closed .races_date.big h2 {
                color: rgb(var(--colour_grey_lighterer)); }

	/* COUNT */
	.races_container .races_header .races_count {
		float:left;
		margin-left:1rem;
		padding-left:1rem;
        font-size:0.9em;
		border-left:1px solid #ddd; }
		.races_container .races_header .races_count.big,
		.races_container .races_header.closed .races_count {
			display:none; }
			.races_container .races_header.closed .races_count.big {
				float:none;
				display:block;
				margin:1rem 0 0;
				padding:0.25rem 0 0;
				font-size:0.8rem;
				font-weight:300;
				border:none;
				border-top:1px solid #eee;
				box-shadow:0 1px 0 0 rgba(255,255,255,0.5); }
	.races_container .races_header.post_date .races_count {
		float:right;
		border-left:none; }

	/* TOGGLE */
	.races_container .races_header .races_toggle {
		position: relative;
		top: -4px;
		right: -10px;
		margin-left: auto; }
		.races_container .races_header .races_toggle.big,
		.races_container .races_header.closed .races_toggle {
			display:none; }
			.races_container .races_header.closed .races_toggle.big {
				float:right;
				display:block;
				margin-top:1rem;
				padding-top:0.5rem;
				font-size:0.8rem;
				font-weight:300;
				border-top:1px solid #eee; }
				.races_container .races_header.closed .races_toggle.big i {
					width:20px;
					height:20px;
					line-height:20px; }
	.races_container .races_header.post_date .races_toggle {
		display:none; }

		.races_container .races_header .races_toggle i {
			position:absolute;
			top:0;
			height:24px;
			width:20px;
			font-size:1.5rem;
			line-height:30px;
			cursor:pointer;
			-webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
			.races_container .races_header .races_toggle:hover i {
				-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
			.races_container .races_header .races_toggle i:nth-of-type(1) {
				right:30px; }
				.races_container .races_header .races_toggle:hover i:nth-of-type(1) {
					right:55px; }
			.races_container .races_header .races_toggle i:nth-of-type(2) {
				right:24px; }
				.races_container .races_header .races_toggle:hover i:nth-of-type(2) {
					right:-1px; }
		.races_container .races_header .races_toggle div {
			position:absolute;
			top:6px;
			right:14px;
			display:inline-block;
			width:50px;
			padding:10px;
			font-size:0.8em;
			line-height:24px;
			font-weight:300;
			text-align:center;
			color:rgba(var(--colour_red),0);
			overflow:hidden;
			-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
			.races_container .races_header .races_toggle:hover div {
				 top:-6px;
				 color:rgba(var(--colour_red),1);
				-webkit-transition: all 0.6s ease; transition: all 0.6s ease; }


/* racecard buttons */
.racecard_data .div_table_cell.buttons {
	width:auto; }
	.racecard_data .div_table_header_group .div_table_cell.buttons {
		background:rgb(245,200,200); }
	.racecard_data .div_table_row .div_table_cell.buttons {
		background:rgb(255,235,235) !important; }

	/* myTracker & mySlips
	.racecard_data .div_table_header_group .div_table_cell.buttons.tracker_myslips {
		background:rgb(150,220,240) !important; }
	.racecard_data .div_table_row .div_table_cell.buttons.tracker_myslips {
		background:rgb(200,230,240) !important; } */
	
	/* select multiple (ignore horse) */
	.racecard_data .div_table_header_group .div_table_cell.buttons.select_multiple,
	.racecard_data .div_table_row .div_table_cell.buttons.select_multiple {
		padding-right:1px;
		padding-left:4px; }
		.options_button.ignore_multiple {
			font-size:1.1em !important;
			font-weight:500 !important; }
			/*.options_button.ignore_multiple i::after {
				content:'';
				position:absolute;
				left:49%;
				top:-3px;
				bottom:-3px;
				z-index:1;
				width:1px;
				background:rgb(var(--colour_red));
				transform:translate(-50%,0%) rotate(45deg); }*/

		/* disable ignore for non-runner */
		.racecard_data .div_table_row.non-runner .div_table_cell.buttons.select_multiple input,
		.racecard_data .div_table_row.non-runner .div_table_cell.buttons.select_multiple label {
			pointer-events:none !important; }

		.racecard_data .div_table_row .div_table_cell.buttons.select_multiple input[type="checkbox"] {
			position: absolute;
			opacity: 0;
			z-index: -1; }
		.racecard_data .div_table_row .div_table_cell.buttons.select_multiple label {
			position: absolute;
			/*top:50%;
			left:50%;*/
			transform:translate(-53.5%,-50%);
			padding: 0;
			height: 21px;
			width: 21px;
			cursor: pointer; }
			.racecard_data .div_table_row .div_table_cell.buttons.select_multiple label::before,
			.racecard_data .div_table_row .div_table_cell.buttons.select_multiple label::after {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 19px;
				height: 19px; }
			.racecard_data .div_table_row .div_table_cell.buttons.select_multiple label::before {
				content: '';
				border: 1px solid #ccc;
				border-radius: 3px;
				background:#f5f5f5; }
		
			/* Checkbox */
			.racecard_data .div_table_row .div_table_cell.buttons.select_multiple input[type="checkbox"] + label::after {
				/*font-family:FontAwesome, 'Font Awesome 5\ Free';
				content: '\f00c';*/
                left: 1px;
                font-family: dashicons;
                content: '\f15e';
				color: rgb(var(--colour_green));
				line-height: 21px;
				text-align: center; }
				/* :checked */
				.racecard_data .div_table_row .div_table_cell.buttons.select_multiple input[type="checkbox"]:checked + label::before {
					background: #fff;
					border-color: #fff; }
				.racecard_data .div_table_row .div_table_cell.buttons.select_multiple input[type="checkbox"] + label::after {
					-webkit-transform: scale(0);
					-ms-transform: scale(0);
					-o-transform: scale(0);
					transform: scale(0); }
				.racecard_data .div_table_row .div_table_cell.buttons.select_multiple input[type="checkbox"]:checked + label::after {
					-webkit-transform: scale(2);
					-ms-transform: scale(2);
					-o-transform: scale(2);
					transform: scale(2); }
		
			/* Transition */
			.racecard_data .div_table_row .div_table_cell.buttons.select_multiple label::before,
			.racecard_data .div_table_row .div_table_cell.buttons.select_multiple label::after {
				-webkit-transition: .25s all ease;
				-o-transition: .25s all ease;
				transition: .25s all ease; }


	/* race card buttons */
	.racecard_data .div_table_header_group .div_table_cell.contender,
	.racecard_data .div_table_row .div_table_cell.contender {
		padding:0; }
	.racecard_data .div_table_row.contender_active .div_table_cell.contender {
		position:relative;
		overflow:visible;
		padding-left:0;
		padding-right:0;
		background: rgb(var(--colour_contender_bgd)) !important; }
    	.racecard_data .div_table_row.contender_active .div_table_cell.contender .contender_container {
            position: absolute;
            top: 50%;
            transform: translate(-100%,-50%);
            z-index: 99;
            padding: 8px 4px 6px 12px;
            font-size: 1rem;
            border-radius: 20px 0 0 20px;
            background: rgb(var(--colour_contender_bgd));
            box-shadow: inset 1px 0 0 1px #fff, -2px 2px 3px -2px rgba(0,0,0,0.15);
            opacity:1;
            transition: transform 0.3s ease-in, opacity 0.2s ease; }
        .racecard_data .div_table_row.contender_active .div_table_cell.contender .contender_container.masterfilter {
            color: rgb(var(--colour_contender_icon_masterfilter)); }
        .racecard_data .div_table_row.contender_active .div_table_cell.contender .contender_container:not(.masterfilter) {
            color: rgb(var(--colour_contender_icon_user_added)); }
            .racecard_data .div_table_row .div_table_cell.contender.hide .contender_container {
                z-index:
                transform:translate(0,-50%);
                opacity: 1;
                transition: z-index 0.6s 0s none, transform 0.6s 0.5s ease-in, opacity 0.3s 0.6s ease; }

		.tooltipster-box .tooltip_notes {
			font-size:0.9em;
			font-weight:300;
			font-style:italic; }

	/* race card options */
	.racecard_data .div_table_header_group .div_table_cell.buttons.options,
	.racecard_data .div_table_row .div_table_cell.buttons.options {
		padding-left:2px; }
	.racecard_data .div_table_header_group .div_table_cell.buttons.options {
		margin-top:1px;
		border-radius:0 10px 0 0; }
	.racecard_data .div_table_row .div_table_cell.buttons.options {
		padding-top:0;
		padding-bottom:0; }
		.racecard_data .div_table_header_group .div_table_cell.buttons .options_button,
		.racecard_data .div_table_row .div_table_cell.buttons .options_button {
			position:relative;
			display:block !important;
			width:25px !important;
			margin:2px 0 !important;
			padding:0 !important;
			line-height:19px !important;
			border-radius:2px !important;
			text-shadow:none !important; }

	/* icon */
	.options_button i {
		position:relative;
		top:0;
		width:100%;
		font-size:0.7rem !important; }
		.options_button i.fa-cog.fa-spin {}

	/*.switch .button_indicator,
	.options_button */.button_indicator {
		position:absolute;
		top:-3px;
		right:-3px;
		z-index:10;
		width:8px;
		height:8px;
		border-radius:50%;
		background:rgb(var(--colour_warning));
		border-width:2px;
		border-style:solid;
		border-color:#fff; }
	.button .button_indicator {
		top:-1px;
		right:-1px;
		border-color:rgb(255,255,255); }
	.switch .button_indicator {
		top:-2px;
		right:-2px;
		border-color:rgb(255,255,255); }
	.tolerance_value .button_indicator {
		top:-3px;
		right:2px;
		border-color:rgb(255,255,255); }
	.options_button.racecard_options .button_indicator {
		border-color:rgb(245,200,200); }
	.options_button.runner_options .button_indicator {
		border-color:rgb(245,235,235); }

	.options_button.reinstate_which_ignored_race,
	.options_button.reinstate_ignored_race {
		margin-bottom:3px !important; }

/* --------------------------------------------------------------------------------------------- */
/* POPUP - race card filters
/* --------------------------------------------------------------------------------------------- */
.ajr_popup.runner_options .ajr-button {
    width: 95%;
    margin-left: 5%; }

.ajr_popup.racecard_filters {
	width: 550px;
    padding-bottom: calc(2rem + 50px); }
.ajr_popup.racecard_filters .filter_wrapper,
.ajr_popup.runner_options .filter_wrapper {
    display: -webkit-flex; display: flex;
    -webkit-justify-content: space-between; justify-content: space-between;
    margin-top: var(--layout_content_margin_small); }
    .ajr_popup.racecard_filters .filter_wrapper:first-of-type,
    .ajr_popup.runner_options .filter_wrapper:first-of-type {
        margin-top: var(--layout_content_margin); }
    .ajr_popup.racecard_filters .filter_wrapper[class*="toggle_group_"] {
        -webkit-flex-direction: column; flex-direction: column; }

/* hide */
.ajr_popup.racecard_filters .filter_wrapper,
.ajr_popup.racecard_filters .filter_wrapper + .filter_divider {
    max-height: 1000px;
    overflow: hidden;
    transition: var(--transition); }
    .ajr_popup.racecard_filters .filter_wrapper.hide,
    .ajr_popup.racecard_filters .filter_wrapper.hide + .filter_divider {
        max-height: 0 !important;
        margin: 0 !important;
        transition: var(--transition_active); }

/* divider */
.ajr_popup.racecard_filters .filter_divider,
.ajr_popup.runner_options .filter_divider {
    width: 75%;
    height: 1px;
    margin: var(--layout_content_margin_small) auto 0;
    background: var(--colour_divider); }
.ajr_popup.runner_options .filter_divider {
    margin: var(--layout_content_margin) auto; }

/* title */
.ajr_popup.racecard_filters .filter_title,
.ajr_popup.runner_options .filter_title {
    line-height: 1em;
    font-size: 0.9em;
    font-weight: bold; }

/* desc */
.ajr_popup.racecard_filters .filter_desc,
.ajr_popup.runner_options .filter_desc {
    margin-top: 0.25em;
    line-height: 1.25em;
    font-size: 0.75em;
    font-weight: 300;
    color: rgb(var(--colour_grey)); }
.ajr_popup.runner_options .filter_desc {
    font-size: 0.8em; }

/* uppercase */
.ajr_popup.racecard_filters .racecard_race_qty .desc span,
.ajr_popup.racecard_filters .racecard_visible_qty .desc span {
    text-transform: uppercase; }

/* columns */
.ajr_popup.racecard_filters .column_left,
.ajr_popup.runner_options .column_left {
    display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; flex-direction: column; }
.ajr_popup.racecard_filters .column_right,
.ajr_popup.runner_options .column_right {
    display: -webkit-flex; display: flex;
    -webkit-align-items: center; align-items: center; }
    .ajr_popup.racecard_filters .reset_racecard .column_right {
        -webkit-flex: none; flex: none;
        margin-left: 2em; }
    .ajr_popup.racecard_filters .filter_wrapper[class*="toggle_group_"] .switch_container {
        -webkit-flex-wrap: wrap; flex-wrap: wrap; }

/* buttons */
.ajr_popup.racecard_filters .racecard_race_qty .button,
.ajr_popup.racecard_filters .racecard_visible_qty .button {
	width: 42px;
    margin: 2px;
    padding-left: 0 !important;
    padding-right: 0 !important; }
	.ajr_popup.racecard_filters .racecard_race_qty .button.active,
	.ajr_popup.racecard_filters .racecard_visible_qty .button.active {
		background: rgb(var(--colour_success)) !important;
		cursor: default; }
	.ajr_popup.racecard_filters .racecard_race_qty .button.failed,
	.ajr_popup.racecard_filters .racecard_visible_qty .button.failed {
		background-color: orange; }
	.ajr_popup.racecard_filters .racecard_race_qty .button.error,
	.ajr_popup.racecard_filters .racecard_visible_qty .button.error {
		background-color: rgb(var(--colour_warning)); }
	.ajr_popup.racecard_filters .racecard_race_qty .button.re-rating,
	.ajr_popup.racecard_filters .racecard_visible_qty .button.re-rating {
		position: absolute;
		top: 50%;
		width:100%;
		color:#666666;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%); }
		.ajr_popup.racecard_filters .racecard_race_qty .button.re-rating,
		.ajr_popup.racecard_filters .racecard_visible_qty .button.re-rating {
			cursor:wait; }
			.ajr_popup.racecard_filters .racecard_race_qty .button.re-rating i,
			.ajr_popup.racecard_filters .racecard_visible_qty .button.re-rating i {
				margin-right:6px; }
				.ajr_popup.racecard_filters .racecard_race_qty .button.re-rating i::before,
				.ajr_popup.racecard_filters .racecard_visible_qty .button.re-rating i::before {
					color:#666666; }

/*@media screen and (max-width:767px) {
	.ajr_popup.racecard_filters .column_left,
    .ajr_popup.runner_options .column_left {
		width:60%; }
	.ajr_popup.racecard_filters .column_right,
    .ajr_popup.runner_options .column_right {
		width:40%; }

	.ajr_popup.runner_options .column_left {
		width: 66.66%; }
    .ajr_popup.runner_options .column_right {
		width: 33.33%; }
}*/


/* --------------------------------------------------------------------------------------------- */
/* RACECARD
/* --------------------------------------------------------------------------------------------- */

/* Error Management */
.error_management_button {
	position: absolute;
    z-index: 10;
	top: -50px;
	width: auto;
    height: 20px;
	padding: 0 0.5em 0 2em;
	font-family:monospace;
	font-weight:300;
	font-size: 1em;
	font-size:12px;
	line-height:20px;
    text-align: center;
	text-transform:uppercase;
	border-radius:5px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); }
	.error_management_button::before {
		left:17px;
		font-family:dashicons; }

	/* no errors */
	.error_management_button.empty {
		background:rgba(0,200,0,0.075); }
		.error_management_button.empty::before {
			left:15px;
			color:rgb(var(--colour_green)); }
		.error_management_button.empty:hover {
			background:rgba(0,var(--colour_red).15); }
		.error_management_button.empty .message {
			color:rgb(var(--colour_green)); }
			.error_management_button.empty .message::before {
				content:'no errors'; }

	/* errors */
	.error_management_button.errors {
		background:rgba(255,220,220,0.85);
		cursor:pointer; }
		.error_management_button.errors::before {
			color:rgb(var(--colour_warning)); }
			.error_management_button.errors.active::before {
				content:'\f343';  }
		.error_management_button.errors:hover {
			background:rgba(var(--colour_red),0.05); }
		.error_management_button.errors .message {
			color:rgba(var(--colour_red),0.75); }
			.error_management_button.errors .message::before {
				content:'errors'; }

	/* info */
	.error_management_button .info {
		margin-left:0.5em;
		position: relative;
		top: -1px; }
		.error_management_button .info span {
			position:relative;
			vertical-align:middle; }
			.error_management_button .info span.dashicons {
				width:12px;
				left:2px; }
				.error_management_button .info span.dashicons-no::before {
					font-size:1.0rem; }
				.error_management_button .info span.dashicons-yes::before {
					font-size:1.1rem; }
			.error_management_button .info small {
				padding-right:0; }
			.error_management_button .info small {
				position:relative;
				padding-left:10px; }
				.error_management_button .info small::before {
					content: '';
					position: absolute;
					top: 50%;
					left: 2px;
					width: 1px;
					height: 1.5em;
					background: #eee;
					transform: translateY(-50%); }
			.error_management_button .info small:nth-of-type(1) {
				padding-left:0; }
				.error_management_button .info small:nth-of-type(1)::before {
					display:none; }
				.error_management_button .info span,
				.error_management_button .info .boris_info,
				.error_management_button .info .ruf_info,
				.error_management_button .info .races_info {
					    /*position:relative;
						top:-2px;
						display: inline-block;*/
    					margin-top: -2px;
						padding-left:4px; }

.error_management {
	position:relative;
	top:-20px;
	/**/display:none;
	margin-bottom:1.5em;
	padding:1em;
	font-size:0.9rem;
	background:#f9f9f9;
	border:1px solid #f5f5f5;
	border-radius:10px;
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.25); }
	.error_management:before {
		content:'';
		position:absolute;
		top:-10px;
		left:21px;
		height:10px;
		width:30px;
		border-left:1px solid #eee;
		border-right:1px solid #eee;
		background:#f9f9f9; }
	.error_management.open {
		margin-bottom:1em; }

/* --------------------------------------------------------------------------------------------- */
/* Admin Infobar
/* --------------------------------------------------------------------------------------------- */
.admin_infobar {
	display: -webkit-flex; display: flex;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: baseline; align-items: baseline;
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    line-height: 1rem;
    padding: 0.5rem 0.75rem 1rem;
    font-family: monospace;
    font-size: 0.8em;
    text-align: center;
	border:1px solid rgba(255,255,255,0.2);
    border-radius: 5px 5px 0 0;
    background: rgba(255,255,255,0.2);
    transform: translateY(calc(-1 * (100% - 0.5rem)));
    transition: var(--transition_cb) 1s; }
.racecard_wrapper.race_active .admin_infobar {
    transform: translateY(1rem);
    transition: 0.3s cubic-bezier(1, 0, 0.9, 0.7) 1s; }
    .admin_infobar::after {
		content:'';
		display:block;
		clear:both; }

    /* extra_data */
    .admin_infobar .extra_data {
        position: absolute;
        bottom: calc(100% + 1rem);
        padding: 0.5rem 0.75rem;
        line-height: 0.9em;
        border: 1px solid rgba(255,255,255,0.2);
        border-radius: 5px;
        background: rgba(255,255,255,0.2);
        opacity: 0;
        transform: translateY(1rem);
        transition: var(--transition_cb); }
        .admin_infobar .extra_data.show {
            opacity: 1;
            transform: translateY(0); }
        .racecard_wrapper.race_active .admin_infobar .extra_data {
            opacity: 0; }
    .admin_infobar .extra_data:nth-of-type(1) {
        left: 0; }
    .admin_infobar .extra_data:nth-of-type(2) {
        right: 0; }
        .admin_infobar .extra_data:nth-of-type(2) .heading {
            -webkit-justify-content: flex-end; justify-content: flex-end; }
        .admin_infobar .extra_data > div > div + div {
            margin-left: 10px; }
        .admin_infobar .extra_data .data_info {}
        .admin_infobar .extra_data .data_info span + small {
            margin-left: 10px; }
        .admin_infobar .extra_data small {
            white-space: nowrap; }
        .admin_infobar .extra_data span {
            margin: 0; }

    /* heading */
    .admin_infobar .heading {
        font-family: var(--font_heading);
        margin: 0 0 0.2em;
        line-height: 1em;
        font-size: 1.2em;
        color: rgb(var(--colour_heading)); }

    /* style */
	.admin_infobar small {
		color:inherit; }
	.admin_infobar span {
		/*margin-right:10px;*/
		color:#000;
		font-weight:400; }

	/* switch */
	.admin_infobar .admin_ratings_unfiltered,
    .admin_infobar .admin_race_info_overide,
	.admin_infobar .admin_options {
        display: -webkit-flex; display: flex;
		-webkit-align-items: flex-end; align-items: flex-end; }

		.admin_infobar > div + div,
        .admin_infobar > div + small,
        .admin_infobar > span + small,
        .admin_infobar > span + div,
        .admin_infobar > form + div/*,
        .admin_infobar .admin_options*/ {
			margin-left: 10px; }
		.hide_for_screenshot {
			display:none !important; }
		.ajr_header_title.adjust_for_screenshot,
		.ajr_hero.adjust_for_screenshot {
			height:125px;
			margin-top:0 !important; }
		.ajr_header_title .elementor-column-gap-wider.adjust_for_screenshot,
		.ajr_hero .elementor-column-gap-wider.adjust_for_screenshot {
			min-height:10vh !important; }
		/*.racecard_wrapper.adjust_for_screenshot {
			margin-top:-18vh !important; }*/
		.stack_guide.adjust_for_screenshot div:nth-child(2) {
			border-left: 1px solid rgba(200,0,0,0.5) !important; }

		.admin_infobar input:checked + .slider/*,
		.admin_infobar form.admin_race_info_overide input:checked + .slider,
		.admin_infobar .admin_options input:checked + .slider*/ {
			background-color: rgb(var(--colour_green)); }
			.admin_infobar input:checked + .slider:before,
			.admin_infobar input:checked + .slider:after/*,
			.admin_infobar form input:checked + .slider:before,
			.admin_infobar form input:checked + .slider:after,
			.admin_infobar form.admin_race_info_overide input:checked + .slider:before,
			.admin_infobar form.admin_race_info_overide input:checked + .slider:after,
			.admin_infobar .admin_options input:checked + .slider:before,
			.admin_infobar .admin_options input:checked + .slider:after*/ {
				/*transform: translateX(16px);*/ }

            .admin_infobar .switch_wrapper {
                display: inline-block; }
                .admin_infobar .switch {
                    --toggle_size: 18px; }


/* --------------------------------------------------------------------------------------------- */
/* race duration indicator
/* status_goingdown status_goingbehind status_atthepost status_off status_finished status_photograph status_result
/* --------------------------------------------------------------------------------------------- */
.race_duration_indicator,
.race_duration_indicator::before,
.race_duration_indicator::after {
    position: absolute;
    top: 0;
    height: 3rem;
    background-image: var(--bgd);
    background-size: 25% 10%;
    background-position-y: 2.2rem;
    background-repeat: repeat-x; }
.race_duration_indicator {
    --track_indent: 3rem;
    --runners_overlap: 2rem;
    --runners_size: 6px;
    --racestatus_size: 1px;
    z-index: -1;
    left: var(--track_indent);
    right: var(--track_indent);
    transition: var(--transition_cb); }
.race_duration_indicator::before,
.race_duration_indicator::after {
    content:'';
    display: block;
    width: 1.5rem; }
.race_duration_indicator::before {
    left: -1.5rem; }
.race_duration_indicator::after {
    right: -1.5rem; }
.racecard_wrapper.race_active .race_duration_indicator/*,
.race_duration_indicator.active.status_1,
.race_duration_indicator.active.status_goingdown*/ {
    transform: translateY(calc(-1 * (100% - 0.5rem)));
    transition: var(--transition_active) 2s; }
    .race_duration_indicator div:nth-child(1),
    .race_duration_indicator div:nth-child(2),
    .race_duration_indicator div:nth-child(3) {/*.race_duration_indicator_start,*//*.race_duration_indicator_finish,*//*.race_duration_indicator_runners*/
        position: absolute;
        bottom: 0; }
        .race_duration_indicator div:nth-child(1)::before, .race_duration_indicator div:nth-child(2)::before,
        .race_duration_indicator div:nth-child(1)::after, .race_duration_indicator div:nth-child(2)::after {
            content: '';
            display: -webkit-flex; display: flex; }
        .race_duration_indicator div:nth-child(1)::before, .race_duration_indicator div:nth-child(2)::before {
            width: 3px;
            height: 2.25rem;
            background: rgb(var(--colour_grey_dark)); }
        .race_duration_indicator div:nth-child(1)::after, .race_duration_indicator div:nth-child(2)::after {
            position: absolute;
            bottom: 2.25rem;
            width: 5px;
            height: 5px;
            border-radius: 50%; }
    /* start */
    .race_duration_indicator div:nth-child(1) {/*.race_duration_indicator_start*/
        left: 0; }
        .race_duration_indicator div:nth-child(1)::before {/*.race_duration_indicator_start::before*/
             }
        .race_duration_indicator div:nth-child(1)::after {/*.race_duration_indicator_finish::after*/
            left: -1px;
            background: rgb(var(--colour_grey_darkest)); }
    /* finish */
    .race_duration_indicator div:nth-child(2) {/*.race_duration_indicator_finish*/
        right: 0; }
        .race_duration_indicator div:nth-child(2)::before {/*.race_duration_indicator_finish::before*/
             }
        .race_duration_indicator div:nth-child(2)::after {/*.race_duration_indicator_finish::after*/
            left: -3px;
            border: 2px solid #f00;
            background: #fff; }
    /* runners */
    .race_duration_indicator div:nth-child(3) {/*.race_duration_indicator_runners*/
        bottom: 1.5rem;
        left: 0;
        height: var(--racestatus_size);
        width: 0;
        margin: 0 calc(-1 * var(--runners_overlap));
        border-radius: var(--racestatus_size);
        background: rgba(255,255,255,0.5);
        transition: var(--transition);
        opacity: 0; }
        /* status_ transition */
        .race_duration_indicator[class^="status_"] div:nth-child(3) {
            transition: var(--transition); }
        /* status_ */
        .race_duration_indicator.status_goingdown div:nth-child(3) {
            width: calc(var(--runners_overlap) / 1);
            opacity: 0.75; }
        .race_duration_indicator.status_goingbehind div:nth-child(3) {
            width: calc(var(--runners_overlap) / 1.5);
            opacity: 1; }
        .race_duration_indicator.status_atthepost div:nth-child(3) {
            width: var(--runners_overlap);
            opacity: 1; }
        .race_duration_indicator.status_off:not(.status_finished) div:nth-child(3) {
            width: calc(99% + var(--runners_overlap));
            transition: width var(--standard) cubic-bezier(0.5, 0.8, 0.8, 0.6);
            opacity: 1; }
        .race_duration_indicator.status_finished div:nth-child(3) {
            --standard: 1s !important;
            width: calc(100% + var(--runners_overlap));
            transition: width var(--standard) ease-in !important;
            transition: width 0.3s ease-in !important;
            opacity: 1; }
        .race_duration_indicator.status_photograph div:nth-child(3) {
            --standard: 1s !important;
            width: calc(100% + calc(var(--runners_overlap) * 1.5));
            transition: width var(--standard) ease-in !important;
            transition: width 0.3s ease-in !important;
            opacity: 1; }
        .race_duration_indicator.status_result div:nth-child(3) {
            width: calc(100% + calc(var(--runners_overlap) * 2));
            transition: width 0.3s ease-in !important;
            opacity: 1; }
        .race_duration_indicator div {
            position: relative; }
            .race_duration_indicator div .runners_grouped {
                --half_width: calc(var(--runners_size) / 2);
                --double_width: calc(var(--runners_size) * 2);
                position: absolute;
                display: block;
                top: 0;
                right: 0;
                width: var(--runners_size);
                height: var(--runners_size);
                                                                             transform: translate(var(--runners_size),calc(-1 * var(--half_width)));
                transition: var(--transition); }
            .race_duration_indicator.status_atthepost div .runners_grouped { transform: translate(0,calc(-1 * var(--half_width))); }
            .race_duration_indicator.status_finished div .runners_grouped {  transform: translate(var(--runners_size),calc(-1 * var(--half_width))); }
            .race_duration_indicator.status_photograph div .runners_grouped,
            .race_duration_indicator.status_result div .runners_grouped {    transform: translate(calc(var(--runners_size) - var(--half_width)),calc(-1 * var(--half_width))); }
                .race_duration_indicator div .runners_grouped i {
                    position: absolute;
                    display: block;
                    width: var(--runners_size);
                    height: var(--runners_size);
                    border-radius: 50%;
                    /*border: 1px solid #fff;*/
                    background: var(--runner_colour);
                    box-shadow: 0 2px 6px -2px rgba(0,0,0,0.5);
                    transition: 10s ease-in-out; }


/* --------------------------------------------------------------------------------------------- */
/* Racecard Containers
/* --------------------------------------------------------------------------------------------- */
.racecard_wrapper {
	/*min-width:1200px;*/
	opacity:1;
	transition:opacity var(--transition); }
	.racecard_wrapper.loading {
		opacity:0;
		transition:opacity var(--transition); }

	.racecard_header,
	.racecard_content {
		width:100%; }

	.div_table_container {
		position:relative;
		clear:both;
		display:table;
		margin:auto;
		padding:0.75rem;
		border:1px solid #ddd;
		border-radius:10px;
		background:#eee; }
		/*.div_table_container*/.racecard_header {
            z-index: 5;
			box-shadow: inset 0 0 0 1px rgba(255,255,255,1), 0 -2px 10px -5px rgba(0,0,0,0.5), 0 0 30px 0 rgba(0,0,0,0.1); }
		/*.div_table_container*/.racecard_content,
		/*.div_table_container*/.profile_content {
			padding:0;
			background: var(--morph_bgd_concave);
			box-shadow: inset 0 0 0 1px rgba(255,255,255,1), 0 0 30px 0 rgba(0,0,0,0.1); }
        .racecard_content + .racecard_content {
            margin-top: 1rem; }
			/*.div_table_container */.racecard_data {
				position:relative; }
			/*.div_table_container */.racecard_footer {
				position:relative;  }


/* --------------------------------------------------------------------------------------------- */
/* LOADING
/* --------------------------------------------------------------------------------------------- */
.magic_header.loading,
.racecard_content.loading,
.racecard_content.loading .racecard_data,
.magic_footer_info.loading {
	position:relative;
	font-size:0.9rem !important;
	text-align:center !important;
	font-weight:300 !important;
	color:rgb(var(--colour_warning)) !important;
	border:none !important;
	box-shadow:none !important; }

.magic_header.loading,
.racecard_content.loading/*,
.magic_footer_info.loading*/ {
	padding:1rem;
	border-radius:10px !important;
	background:rgb(255 255 255 / 20%) !important; }

.magic_header.loading {
	display: none;
    margin-top:1rem;
	min-height:50px; }
.racecard_content.loading {
	min-height:200px;
	margin:1rem auto; }

/* loading */
.magic_header .loading:not(.link),
.racecard_data .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	line-height: 1.2em;
	text-align: center;
	transform: translate(-50%, -50%); }
.magic_header .loading:not(.link) i {
	font-size:1.5rem;
	color:rgb(var(--colour_accent)) !important; }
.racecard_data .loading i {
	font-size:1.5rem;
	color:rgb(var(--colour_accent)) !important; }
.magic_header .loading:not(.link) div,
.racecard_data .loading div {
	margin-top:0.5rem;
	font-size:0.9em;
	color:rgb(var(--colour_grey)); }


/* --------------------------------------------------------------------------------------------- */
/* Racecard Wrapper
/* --------------------------------------------------------------------------------------------- */
.racecard_wrapper {
    --container_padding:30px;
    position:relative;
    z-index:10;
    /*display:table;*/
    margin-block-start: unset !important;
    margin: 0 auto 0;
    line-height: 1.5em;
    transform: translateY(-6rem); }
.racecard_wrapper.has_infobar {
    transform: translateY(-4rem); }
    .racecard_container {}
        .overflow_container {
            position:relative;
            display:table;
            margin:auto;
            min-width:300px; }
@media screen and (max-width:767px) and (orientation:portrait) {
	/*mobile portrait */
	.racecard_wrapper {
		/*display:none;*/
		display:block;
		width:100vw;
		min-width:auto; }
		.racecard_container {
			overflow:hidden; }
			.overflow_container {
				padding:0 var(--container_padding) calc(var(--container_padding) + 10px);/* +10px to hide scroll bar fix */ }

	/* overflow horizontal scroll mask */
	.overflow_mask_start::before,
	.overflow_mask_end::after {
		z-index:10;
		top:10px;
		bottom:30px;
		width:70px; }
	.overflow_mask_start::before {
		left:-70px;
		box-shadow:10px 0 40px 0px rgba(0,0,0,0.75); }
	.overflow_mask_end::after {
		right:-70px;
		box-shadow:-10px 0 40px 0px rgba(0,0,0,0.75); }
}
@media screen and (max-width:1023px) and (orientation:landscape) {
	.racecard_container {
		/*padding-left: 60px;*/
		/*padding-right: 60px;*/ }
}
@media screen and (min-width: 1020px) and (max-width: 1024px) {
	.racecard_wrapper {
		max-width:100%;
		min-width:100%; }
	.rating_last {
		display:none; }
}


/* --------------------------------------------------------------------------------------------- */
/* Racecard Header
/* --------------------------------------------------------------------------------------------- */
.racecard_header {
	display: -webkit-flex; display: flex;
    -webkit-align-items: center; align-items: center;
    width:100%;
	margin:0 auto;
	overflow:hidden; }
	.racecard_header.admin {
		margin-top:0; }

    /* race status */
    .racecard_header .racecard_status {
		display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column;
        -webkit-justify-content: flex-start; justify-content: flex-start;
        -webkit-align-items: center; align-items: center;
        position:absolute;
		top:-10px;
		left:-70px;
		width:120px;
		max-height: 0;
        /*padding-bottom: 3px;*/
		line-height: 1.1em;
		font-size: 0.5rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: 0.075em;
		text-transform: uppercase;
		color: #fff;
        text-shadow: -1px 1px 3px #000;
		box-shadow: inset 0 0 7px 2px rgba(0,0,0,0.15), 0px 1px 0 0px #fff;
        overflow: hidden;
		transform-origin: top;
        transform: rotate(-45deg);/* translateY(-60px)*/
        transition: 0.4s ease-in; }/*var(--transition)_cb*/
    .racecard_header .racecard_status.active {
        /*height: 60px;*/
        max-height: 60px;
        transform: rotate(-45deg);/* translateY(0)*/
        transition: 0.5s ease-out; }/*var(--transition_active)_cb*/
        .racecard_header .racecard_status div {
            /*position: absolute;
            top: 38px;*/
            padding: 39px 0 3px; }
        /*.racecard_header .racecard_status[data-status="status_provisional_result"] div {
            padding-top: 42px; }*/
		.racecard_header .racecard_status[data-status="status_tomorrow"]           { background: rgb(var(--colour_accent_lighterer)); }
		.racecard_header .racecard_status[data-status="status_not_run_yet"],
		.racecard_header .racecard_status[data-status="status_none"],
        .racecard_header .racecard_status[data-status="status_pre-market"],
        .racecard_header .racecard_status[data-status="status_dormant"],
        .racecard_header .racecard_status[data-status="status_parading"]           { /*display:none;*/ }
        .racecard_header .racecard_status[data-status="status_goingdown"]          { background: rgb(var(--colour_accent_lightererer)); }
        .racecard_header .racecard_status[data-status="status_goingbehind"]        { background: rgb(var(--colour_accent_lighterer)); }
		.racecard_header .racecard_status[data-status="status_atthepost"]          { background: rgb(var(--colour_accent_lighter)); }
		.racecard_header .racecard_status[data-status="status_off"]                { background: rgb(var(--colour_accent_light)); }
		.racecard_header .racecard_status[data-status="status_finished"]           { background: rgb(var(--colour_accent)); }
		.racecard_header .racecard_status[data-status="status_photograph"],
		.racecard_header .racecard_status[data-status="status_provisional_result"],
		.racecard_header .racecard_status[data-status="status_pending"]            { background: rgba(var(--colour_selected),0.5); }
		.racecard_header .racecard_status[data-status="status_result"]             { background: rgb(var(--colour_selected)); }
		.racecard_header .racecard_status[data-status="status_amended"]            { background: rgba(255,165,0,0.75); }
		.racecard_header .racecard_status[data-status="status_walkover"]           { background: rgb(var(--colour_orange)); }
		.racecard_header .racecard_status[data-status="status_abandoned"],
		.racecard_header .racecard_status[data-status="status_missing_results"]    { background: rgb(var(--colour_warning)); }
		.racecard_header .racecard_status[data-status="status_unknown"]            { background: rgb(var(--colour_grey_lightest)); }
        .racecard_header .racecard_status[data-status="status_manipulated"]        { background-image: repeating-linear-gradient( to right, rgba(var(--colour_warning),0.5), rgba(255,165,0,0.75) 25%, rgba(var(--colour_selected),0.75) 50%, rgba(255,165,0,0.75) 75%, rgba(var(--colour_warning),0.5) ); }
    .racecard_header .racecard_status .icon {
        padding: 12px 0 2px;
        line-height: 1em;
        font-size: 1.75em; }

	.racecard_header .racecard_abandoned {
		display:block;
		margin-bottom:0.5rem;
		padding-bottom:0.5rem;
		/*line-height:1.1em;*/

		font-size:0.9em;
		font-weight:500;
		text-align:left;
		color:rgb(var(--colour_warning));
		border-bottom:1px solid #ddd;
		box-shadow:0 1px 0 rgba(255,255,255,0.5); }

	.racecard_header .racecard_info_1,
	.racecard_header .racecard_info_2,
	.racecard_header .racecard_info_3,
    .racecard_header .racecard_info_4 {
		display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column;
        -webkit-justify-content: flex-end; justify-content: flex-end; }

    .racecard_header .racecard_info_1 {
        -webkit-align-items: center; align-items: center;
        padding:0 1.5rem 0 0.75rem;
		border-right:1px solid #ddd;
        text-align: center;
		box-shadow:1px 0 0 rgba(255,255,255,0.5); }
		.racecard_header .racecard_time {
			margin: 0 auto 0.5rem;
			font-size: 2.75rem;
			font-weight: 400;
			line-height: 0.8em;
			letter-spacing: -2px;
			color: rgb(var(--colour_warning)); }
		.racecard_header .racecard_date,
		.racecard_header .racecard_date div {
			line-height:1em;
			font-size:0.8em;
			font-weight:400;
			letter-spacing:0; }
		.racecard_header .racecard_date div {
			margin-bottom: 0.25rem;
			font-size: 1.1em;
            font-weight: 600; }

    /* countdown timer */
    .racecard_header .racecard_info_1 .countdown_timer {
        --border-style: 1px solid rgb(var(--colour_grey_lightererer));
        min-width: 110px;
        margin: 0 0 0.5rem;
        padding: 0.45em 0.5em 0.25em;
        line-height: 0.9em;
        font-size: 0.9em;
        font-weight: 600;
        border-top: var(--border-style);
        border-bottom: var(--border-style);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(255,255,255,0.5) }
    .racecard_header #betbot_clock.analog .datetime_container .date.countdown {
        font-size: 1.25em; }

	.racecard_header .racecard_info_2 {
		flex-grow: 1;
        padding-left: 1.5rem;
		padding-right: 1.25rem; }
		.racecard_header .racecard_track {
			font-family: var(--font_heading);
			margin-bottom: 0.1em;
			font-size: 1.75em;
			font-weight: 500;
			line-height: 1em;
            letter-spacing: 0.02em;
			color: rgb(var(--colour_grey_darkest)); }
		.racecard_header .racecard_racename {
            font-family: var(--font_secondary);
            margin-bottom: 0.5em;
			padding-bottom:0.75em;
			font-size: 1em;
			line-height: 1em;
			color: rgb(var(--colour_grey_dark));
            border-bottom: 1px solid rgb(var(--colour_grey_lightererer));
            box-shadow: 0 1px 0 rgba(255,255,255,0.5); }
		.racecard_header .racecard_rcode,
		.racecard_header .racecard_race_type,
		.racecard_header .racecard_surface_type,
		.racecard_header .racecard_distance,
		.racecard_header .racecard_direction,
		.racecard_header .racecard_class,
		.racecard_header .racecard_age_restrictions,
		.racecard_header .racecard_going,
		.racecard_header .racecard_weather {
			display:inline-block;
			margin: 0.2em 0 0.2em 0.5rem;
			padding-left:0.5rem;
            line-height: 1em;
			font-size:0.8em;
			font-weight:300;
			color: rgb(var(--colour_text));
			border-left: 1px solid rgb(var(--colour_grey_lightererer));
			box-shadow: inset 1px 0 0 rgba(255,255,255,0.5); }
		.racecard_header .racecard_rcode,
		.racecard_header .racecard_going {
			padding-left: 0;
			margin-left: 0;
			border-left: none;
            box-shadow: none; }
            .racecard_header .racecard_going .going_changed {
                margin-left: 2px;
                font-size: 0.6em;
                font-weight: 600;
                color: rgb(var(--colour_red));
                text-transform: none !important; }
		
		/*.racecard_header .racecard_info_2 div::before {
			content:', '; }
		.racecard_header .racecard_info_2 div:first-child::before {
			content:''; }
		.racecard_header .racecard_info_2 div:last-child::after {
			content:'.'; }*/

	.racecard_header .racecard_info_3 {
		min-width: 200px;
		margin-left: auto;
        padding-right: 1.5rem;
		font-size: 0.8em; }
		.racecard_header .race_status,
        .racecard_header .market_status,
        .racecard_header .runners,
		.racecard_header .places_paid,
		.racecard_header .prizemoney {
			display: -webkit-flex; display: flex;
            -webkit-justify-content: space-between; justify-content: space-between;
            -webkit-align-items: baseline; align-items: baseline;
            padding: 0.25rem 0.25rem 0.1rem;
			line-height: 1.2em;
			border-bottom: 1px solid rgb(var(--colour_grey_lightererer));
			box-shadow: 0 1px 0 rgba(255,255,255,0.5); }
        .racecard_header .racecard_info_3 small:first-child {
            margin-right: auto;
            padding-right: 0.5rem; }
		.racecard_header .racecard_info_3 span {}
        .racecard_header .racecard_info_3 div {}
		.racecard_header .racecard_info_3 div:last-child {
			border-bottom:none;
			box-shadow:none; }

    /* race status */
    .racecard_header .race_status div {
        font-weight: 600;
        transition: color 2s ease-out 2s; }
        .racecard_header .race_status div.new {
            color: rgb(var(--colour_warning));
            transition: color 0s ease-in; }


    /* info 4 */
    .racecard_header .racecard_info_4 {
		/*width: 170px;calc(170px + 2rem);*/
		padding: 0 0.25rem 0 1rem;
		border-left: 1px solid rgb(var(--colour_grey_lightererer));
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.5); }

		/* track image */
        .racecard_header .racecard_info_4 .track_image {
            max-width: 170px;
            height: auto; }

            /* image */
            .racecard_header .racecard_info_4 .track_image img {
                max-height: 120px; }

            /* svg */
            .racecard_header .racecard_info_4 .track_image svg polygon[fill="#E00729"]:hover {
                fill: rgb(var(--colour_blue)); }
                /* background */
                .racecard_header.track_laytown .racecard_info_4 .track_image svg polygon:nth-of-type(1) { /*.racecard_header.Laytown .racecard_info_4 .track_image svg polygon[fill="#FFFFFF"] {*/
                    fill:transparent; }
                /* base */
                .racecard_header.track_laytown .racecard_info_4 .track_image svg polygon:nth-of-type(3) {
                    fill:#d6b95f; }
                /* surface */
                .racecard_header.track_laytown .racecard_info_4 .track_image svg polygon:nth-of-type(5) {
                    fill:#F8EA9A; }

            /* error */
            .racecard_header .racecard_info_4 .track_image .error {
                line-height: 1.25em;
                font-size: 0.8em;
                font-weight: 300;
                text-align: center;
                color: rgb(var(--colour_grey_light)); }


/* --------------------------------------------------------------------------------------------- */
/* Racecard Data
/* --------------------------------------------------------------------------------------------- */
.racecard_data {
	min-height:300px;
	font-size: 0.7em;
    border-bottom: 2px solid #fff;  }

	/* table header group */
	.racecard_data .div_table_header_group .div_table_cell {
		padding-top:8px;
		padding-bottom:6px;
		line-height:1.15em;
		font-size:0.9em;
		color:#444; }
		
		/* links */
		.racecard_data.div_table .div_table_header_group .div_table_cell a,
		.racecard_data.div_table .div_table_header_group .div_table_cell a:visited {
			color:rgb(var(--colour_warning_lighter)); }
		.racecard_data.div_table .div_table_header_group .div_table_cell a:hover {
			color:rgb(var(--colour_warning_hover)) !important; }
		.racecard_data.div_table .div_table_header_group .div_table_cell a:active {
			color:rgb(var(--colour_warning_active)) !important; }
		
			.racecard_data.div_table .div_table_header_group .div_table_cell.stack,
			.racecard_data.div_table .div_table_header_group .div_table_cell.trend {
				padding-top:8px;
				padding-right:8px; }
				.racecard_data.div_table .div_table_header_group .div_table_cell.stack a,
				.racecard_data.div_table .div_table_header_group .div_table_cell.trend a {/*
					position:absolute;
					*/width:10px;
					padding-left:5px; }

		/* span */
		.racecard_data .div_table_header_group .div_table_cell span {}
			.racecard_data .div_table_header_group .div_table_cell.distance_beat span, .racecard_data .div_table_header_group .div_table_cell.distance_beat small,
			.racecard_data .div_table_header_group .div_table_cell.card_number span,
			.racecard_data .div_table_header_group .div_table_cell.horse_name span, .racecard_data .div_table_header_group .div_table_cell.horse_name small,
			.racecard_data .div_table_header_group .div_table_cell.odds_live span, .racecard_data .div_table_header_group .div_table_cell.odds_live small,
			.racecard_data .div_table_header_group .div_table_cell.starting_price span, .racecard_data .div_table_header_group .div_table_cell.starting_price small,
			.racecard_data .div_table_header_group .div_table_cell.horse_age span,
			.racecard_data .div_table_header_group .div_table_cell.form span,
			.racecard_data .div_table_header_group .div_table_cell.official_rating span {
				display:block; }

		/* small */
		.racecard_data .div_table_header_group .div_table_cell small {
			padding: 0;
			font-size: 0.95em;
			font-weight: 400; }

		/* padding */
		.racecard_data .div_table_header_group .div_table_cell.place,
		.racecard_data .div_table_header_group .div_table_cell.distance_beat,
		/*.racecard_data .div_table_header_group .div_table_cell.starting_price,*/
		.racecard_data .div_table_header_group .div_table_cell.card_number,
		.racecard_data .div_table_header_group .div_table_cell.win_rate,
		.racecard_data .div_table_header_group .div_table_cell.place_rate,
		.racecard_data .div_table_header_group .div_table_cell.rating_class,
		.racecard_data .div_table_header_group .div_table_cell.rating_distance,
		.racecard_data .div_table_header_group .div_table_cell.rating_going,
		.racecard_data .div_table_header_group .div_table_cell.rating_official {
			padding-left:0;
			padding-right:0; }

		/* place */
        .racecard_data .div_table_cell.place {
            color: inherit !important; }
            .racecard_data .div_table_cell.place small {
                font-weight: 500; }
        
        /* horse_name */
		.racecard_data .div_table_header_group .div_table_cell.horse_name {
			padding-left: 8px; }

		/* horse_age */
		.racecard_data .div_table_header_group .div_table_cell.horse_age {}
			.racecard_data .div_table_header_group .div_table_cell.horse_age > :nth-of-type(1) {}
			.racecard_data .div_table_header_group .div_table_cell.horse_age > :nth-of-type(2) {}
			.racecard_data .div_table_header_group .div_table_cell.horse_age > :nth-of-type(3) {}

	/* table_row */
    .div_table .div_table_row {}

	/* table_cell */
    .racecard_data .div_table_row .div_table_cell {}

        /* no padding 
		.div_table .div_table_row .div_table_cell.place,*/
		.div_table .div_table_row .div_table_cell.win_rate,
		.div_table .div_table_row .div_table_cell.place_rate,
		.div_table .div_table_row .div_table_cell.rating_class,
		.div_table .div_table_row .div_table_cell.rating_distance,
		.div_table .div_table_row .div_table_cell.rating_going,
		.div_table .div_table_row .div_table_cell.rating_official {
			padding-left: 0 !important;
			padding-right: 0 !important; }

		/* non-runners */
		.racecard_data .div_table_row.non-runner,
		.racecard_data .div_table_row.non-runner .div_table_cell {
			font-weight:300;
			opacity:0.6; }
        .racecard_data .div_table_row.non-runner.non_runner_added .div_table_cell {
            opacity: 1; }
            .racecard_data .div_table_row.non-runner.non_runner_added .div_table_cell::after {
                content: '';
                position: absolute;
                z-index: 998;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: rgba(var(--colour_grey_lightest),0.6); }
        .racecard_data .div_table_row.non-runner.non_runner_added .horse_name {}
            .racecard_data .div_table_row.non-runner.non_runner_added .horse_name::before {
                content: 'NEW Non-Runner - Re-Rating...';
                position: absolute;
                z-index: 999;
                top: 50%;
                transform: translateY(-50%);
                font-weight: bold;
                color: rgb(var(--colour_warning));
                text-shadow: 0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 40px #fff,0 0 40px #fff,0 0 40px #fff,0 0 40px #fff,0 0 40px #fff; }
		.racecard_data .div_table_row.non-runner .horse_name .cd-c,
		.racecard_data .div_table_row.non-runner .horse_name .cd-d,
		.racecard_data .div_table_row.non-runner .horse_name .cd-cd {
			color:#fff; }
		.racecard_data .div_table_row.non-runner .div_table_cell.silks img,
		.racecard_data .div_table_row.non-runner-withdrawn .div_table_cell.silks img {
			opacity: 75%; }
			.racecard_data .div_table_row .div_table_cell.silks img.silk_overlay {
				position: absolute;
                left: 4px;
                opacity: 100%; }

		/* flex 
        .racecard_data .div_table_row .card_number,
        .racecard_data .div_table_row .horse_name,
        .racecard_data .div_table_row .horse_age,
        .racecard_data .div_table_row .form {
            display: -webkit-flex; display: flex; }*/
            .racecard_data .div_table_row .distance_beat .flex_column,
            .racecard_data .div_table_row .card_number .flex_column,
            .racecard_data .div_table_row .horse_name .flex_column,
            .racecard_data .div_table_row .horse_age .flex_column,
            .racecard_data .div_table_row .form .flex_column {
                display: -webkit-flex; display: flex;
                -webkit-flex-direction: column; flex-direction: column;
                -webkit-justify-content: space-evenly; justify-content: space-evenly;
                min-height: calc(50px - 8px);/* 8px is the padding */ }
            .racecard_data .div_table_row .distance_beat .flex_column/*,
            .racecard_data .div_table_row .form .flex_column*/ {
                -webkit-justify-content: center; justify-content: center; }
            .racecard_data .div_table_row .horse_name .flex_column {
                -webkit-justify-content: space-between; justify-content: space-between; }

        /* small */
		.racecard_data .div_table_row .div_table_cell small {
			display: block;
			padding: 0;
			line-height: 1em; }
			/* small in small */
			.racecard_data .div_table_row .div_table_cell small small {
				display:inline-block;
				padding-left:2px;
				font-size:0.9em; }
			/* small original color */
			.racecard_data .div_table_row.unfinished .place small,
			.racecard_data .div_table_row.non-runner .place small {
				color:inherit; }
			/* small ratings */
			.racecard_data .div_table_row .rating small {
				/*margin-top:1px;*/
				line-height:1.6em;
				font-size:0.9em; }
			/* legend highlight */
			.racecard_data .div_table_row .rating.highlight {
				z-index:999;
				box-shadow:inset 0 0 0 1px rgb(var(--colour_warning)) !important; }
	
		/* small in div */

		/* column smaller padding */
		.racecard_data .div_table_row .horse_name,
		.racecard_data .div_table_row .horse_age {
			padding-top: 2px;
			padding-bottom: 2px; }
	
		/* bold 
		.racecard_data .div_table_row .place.placed,
		.racecard_data .div_table_row .card_number span,
		.racecard_data .div_table_row .horse_name div.horse,
		.racecard_data .div_table_row .form div {
			font-weight: bold; }*/
		
		/* line margin */
		.racecard_data .div_table_row .distance_beat small.won/*,
		.racecard_data .div_table_row .card_number div,
		.racecard_data .div_table_row .horse_name .horse,
		.racecard_data .div_table_row .form div*/ {
			margin-bottom: 2px; }
		.racecard_data .div_table_row .place small,
		.racecard_data .div_table_row .distance_beat small + small.won,
		.racecard_data .div_table_row .distance_beat small:not(.won) + span,
		.racecard_data .div_table_row .distance_beat small:not(:first-child,.won)/*,
		.racecard_data .div_table_row .form div*/ {
			margin-top: 2px; }
		
		/* position */
		.racecard_data .div_table_row .silks img,
		.racecard_data .div_table_row .card_number span,
		.racecard_data .div_table_row .stall span,
		.racecard_data .div_table_row .horse_name div,
		.racecard_data .div_table_row .horse_name span {
			position: relative;
			z-index:0; }

		/* links */
		.racecard_data .div_table_row .div_table_cell a {
			color:#333333; }
			.racecard_data .div_table_row .div_table_cell a:hover {
				color:#000;
				text-decoration:underline; }

		/* place - colours match rating colours. css is in the racecard page code */
        .racecard_data .div_table_row .div_table_cell.place:not(.status_tomorrow,.status_not_run_yet) {
            min-width: 2rem;
            font-family: var(--font_code);
            font-weight: 300; }
		.racecard_data .div_table_row .div_table_cell.place.placed {
			font-weight: 400;
            color:inherit !important; }
		.racecard_data .div_table_row.fav .div_table_cell:not(.placed,.rating,.options,.select_multiple,[class*="ratings_colour_"]),
        .racecard_data .div_table_row.live_fav .div_table_cell:not(.placed,.rating,.options,.select_multiple,[class*="ratings_colour_"]) {
			 background-color: #ddf1dd !important; }
		.racecard_data .div_table_row.contender_active .div_table_cell:not(.placed,.rating,.options,.select_multiple,[class*="ratings_colour_"]) {
			 background-color: rgb(var(--colour_contender_bgd)) !important; }
		/*.racecard_data .div_table_row .odds_decimal.fav {
			 position:relative;
			 background: #4cff4c !important; }
			.racecard_data .div_table_row .odds_decimal.fav .fav {
				position:relative;
				top:-2px;
				/*left:0;
				right:0;*//*
				line-height:0.9em;
				text-align:center;
				font-size:0.75em;
				color:#fff; }*/

        /* number/stall  */
        .racecard_data .div_table_header_group .div_table_cell.card_number,
        .racecard_data .div_table_row .card_number {
            padding-left: 8px !important; }
        .racecard_data .div_table_row .card_number {
            padding-right: 0px !important; }
            .racecard_data .div_table_row .card_number span {
                font-weight: bold; }
            .racecard_data .div_table_row .card_number small {}

        /* silks */
		.racecard_data .div_table_header_group .div_table_cell.silks,
		.racecard_data .div_table_row .div_table_cell.silks {
			width: 2rem;
			min-width: 2rem;
			max-width: 2rem;
			padding-left: 8px !important;
            padding-right: 0px !important;
            text-align: center; }
			.racecard_data .div_table_row .div_table_cell.silks img {
				/*position: absolute;
				top: 50%;
				left: 50%;*/
				height: auto;/* for default - was 28px - betfair 21px */
				max-width: 100%;
				/*transform: translate(-50%,-50%);*/ }

		/* horse name */
        .racecard_data .div_table_row .div_table_cell.horse_name {
            padding-left: 8px !important;
			padding-right: 6px !important;
			-webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
        .racecard_data .div_table_row.fav .div_table_cell.horse_name:hover,
        .racecard_data .div_table_row .div_table_cell.horse_name:hover {
            /*position: absolute;*/
            z-index: 1;
            border-radius: 5px;
            background: #fff !important;
            box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
            -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
        .racecard_data .div_table_row .div_table_cell.horse_name div + div:not(.jockey,.market_position) {
            margin-top: 1px; }
            .racecard_data .div_table_row .horse_name div.horse {
                display: -webkit-flex; display: flex;
                width: 100%;
                /*margin-bottom:2px;*/
                line-height:1.1em; }
                .racecard_data .div_table_row .horse_name div.horse span:not(.tooltip):first-child,
                .horse_options_menu .horse_options_details_container span:not(.tooltip):first-child {
                    padding-right: 1em;
                    font-weight: 600; }


		/* jockey / trainer */
		.racecard_data .horse_name .jockey, .horse_options_menu .horse_options_details_container .jockey,
		.racecard_data .horse_name .trainer, .horse_options_menu .horse_options_details_container .trainer,
        .favourite_options_wrapper .notes_container .info_runner .runner .jockey { 
			line-height:10px;
            font-size: 0.9em; }
        .racecard_data .horse_name .jockey { 
			margin-top: auto; }
			.racecard_data .horse_name .jockey span.icon, .horse_options_menu .horse_options_details_container span.icon,
			.racecard_data .horse_name .trainer span.icon, .horse_options_menu .horse_options_details_container span.icon,
            .favourite_options_wrapper .notes_container .info_runner .runner .jockey .icon {
				position:relative;
				top:-1px;
				display: inline-block;
				width:10px;
				margin-right:4px;
				padding: 0;
				font-size: 0.55em;
				font-weight: 400;
				line-height: 10px;
				text-align: center;
				text-transform:uppercase;
				letter-spacing: 0;
				color: #fff;
				border-radius: 3px;
				background:#ccc; }
			.racecard_data .horse_name .jockey span.name, .horse_options_menu .horse_options_details_container .jockey span.name,
			.racecard_data .horse_name .trainer span.name, .horse_options_menu .horse_options_details_container .trainer span.name,
            .favourite_options_wrapper .notes_container .info_runner .runner .jockey .name {
				font-size: 0.85em;
				color: rgb(var(--colour_grey_light)); }
				.racecard_data .horse_name .jockey span.name.new_jockey_added {
					color: rgb(var(--colour_red)); }
				.racecard_data .non-runner .horse_name .jockey span.name, .horse_options_menu .horse_options_details_container .jockey span.name,
				.racecard_data .non-runner .horse_name .trainer span.name, .horse_options_menu .horse_options_details_container .trainer span.name,
                .favourite_options_wrapper .notes_container .info_runner .runner .jockey .name {
					color:inherit; }
	
		/* trc, cd, fav */
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_1, .horse_options_menu .horse_options_details_container .trc.ratings_colour_1 { background: rgb(60,230,90) !important; }
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_2, .horse_options_menu .horse_options_details_container .trc.ratings_colour_2 { background: rgb(255,235,110) !important; }
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_3, .horse_options_menu .horse_options_details_container .trc.ratings_colour_3 { background: rgb(255,210,110) !important; }
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_4, .horse_options_menu .horse_options_details_container .trc.ratings_colour_4 { background: rgb(255,185,110) !important; }
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_last, .horse_options_menu .horse_options_details_container .trc.ratings_colour_last { background: rgb(255,175,175) !important; }
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_worst, .horse_options_menu .horse_options_details_container .trc.ratings_colour_worst { background: rgb(255,125,125) !important; }
		.racecard_data .div_table_row .horse_name .trc, .horse_options_menu .horse_options_details_container .trc,
		.racecard_data .div_table_row .horse_name .cd-c, .horse_options_menu .horse_options_details_container .cd-c,
		.racecard_data .div_table_row .horse_name .cd-d, .horse_options_menu .horse_options_details_container .cd-d,
		.racecard_data .div_table_row .horse_name .cd-cd, .horse_options_menu .horse_options_details_container .cd-cd,
		.racecard_data .div_table_row .horse_name .fav, .horse_options_menu .horse_options_details_container .fav,
        .racecard_data .div_table_row.live_fav .market_position, .horse_options_menu .horse_options_details_container .market_position.live_fav,
        .racecard_data .div_table_row:not(.fav, .live_fav) .market_position, .horse_options_menu .horse_options_details_container .market_position:not(.fav, .live_fav) {
			position: relative;
			top: 0;
			display: -webkit-flex; display: flex;
            -webkit-align-items: center; align-items: center;
            -webkit-justify-content: center; justify-content: center;
            /*min-width: 16px;*/
            min-height: 14px;
            margin:0 2px 0 0;
			padding: 0 4px 0 5px;
			line-height: 0.95em;
			font-size: 0.8em;
			text-transform: uppercase;
			color: #fff;
			border-radius: 3px; }
		.racecard_data .div_table_row .horse_name .trc, .horse_options_menu .horse_options_details_container .trc {
			--this_text_shadow_1: 2px;
            --this_text_shadow_2: 5px;
            /*transform: translateX(5px);
            margin: 0 5px 0 auto;*/
            margin: 0 0 0 4px;
            /*padding-left: 3px;*/
            color: rgb(var(--colour_text)) !important;
            background: rgb(var(--colour_grey_lightererer));
            text-shadow: 0 0 var(--this_text_shadow_1) #fff, 0 0 var(--this_text_shadow_1) #fff, 0 0 var(--this_text_shadow_1) #fff, 0 0 var(--this_text_shadow_1) #fff, 0 0 var(--this_text_shadow_1) #fff, 0 0 var(--this_text_shadow_1) #fff, 0 0 var(--this_text_shadow_2) #fff, 0 0 var(--this_text_shadow_2) #fff, 0 0 var(--this_text_shadow_2) #fff, 0 0 var(--this_text_shadow_2) #fff; }
        .racecard_data .div_table_row .horse_name .trc.none {
            display: none; }
        .racecard_data .div_table_row .horse_name .trc[class*="ratings_colour_"]:not(.ratings_colour_last) {
            }
        .racecard_data .div_table_row .horse_name .trc.ratings_colour_last, .horse_options_menu .horse_options_details_container .trc.ratings_colour_last {
            }
            .racecard_data .div_table_row:hover .horse_name .trc[class*="ratings_colour_"], .horse_options_menu .horse_options_details_container .trc[class*="ratings_colour_"] {/*
                padding-top: 1px;
                color: #000 !important;
                text-shadow: none; */}
		.racecard_data .div_table_row .horse_name .cd-c, .horse_options_menu .horse_options_details_container .cd-c {
			background: rgb(var(--colour_accent)); } /*#F00; }*/
		.racecard_data .div_table_row .horse_name .cd-d, .horse_options_menu .horse_options_details_container .cd-d {
			background: rgb(var(--colour_accent)); } /*#00F; }*/
		.racecard_data .div_table_row .horse_name .cd-cd, .horse_options_menu .horse_options_details_container .cd-cd {
			background: rgb(var(--colour_accent)); } /*#0C0; }*/
		/* non-runner */
        .racecard_data .div_table_row.non-runner .horse_name .cd-c, .horse_options_menu.non-runner .horse_options_details_container .cd-c,
		.racecard_data .div_table_row.non-runner .horse_name .cd-d, .horse_options_menu.non-runner .horse_options_details_container .cd-d,
		.racecard_data .div_table_row.non-runner .horse_name .cd-cd, .horse_options_menu.non-runner .horse_options_details_container .cd-cd {
            filter: grayscale(1);
            opacity: 0.5; }
        .racecard_data .div_table_row .horse_name .fav, .horse_options_menu .horse_options_details_container .market_position.fav,
        .racecard_data .div_table_row.live_fav .market_position, .horse_options_menu .horse_options_details_container .market_position.live_fav {
			background: rgb(var(--colour_green)); }
        .racecard_data .div_table_row.fav .market_position, .horse_options_menu .horse_options_details_container .market_position.fav,
        .racecard_data .div_table_row.live_fav .market_position, .horse_options_menu .horse_options_details_container .market_position.live_fav,
        .racecard_data .div_table_row:not(.fav, .live_fav) .market_position, .horse_options_menu .horse_options_details_container .market_position:not(.fav, .live_fav) {
            position: absolute;
            top: auto;
            bottom: 0;
            right: 0;
            margin: 0;
            padding: 0 5px;
            min-height: 1.4em;
            line-height: 0.75em;
            font-weight: 400; }
        .racecard_data .div_table_row.live_fav .market_position, .horse_options_menu .horse_options_details_container .market_position.live_fav {/*:not(.race_status_result,.race_status_provisional_result)*/
			background: rgb(var(--colour_green));
            -webkit-animation: ajr_flash 1.5s linear infinite; animation: ajr_flash 1.5s linear infinite; }
        .racecard_data .div_table_row:not(.fav, .live_fav) .market_position, .horse_options_menu .horse_options_details_container .market_position:not(.fav, .live_fav) {
			color: rgb(var(--colour_text)) !important;
            background: #fff; }
        .racecard_data .div_table_row:not(.fav, .live_fav) .horse_name:hover .market_position, .horse_options_menu .horse_options_details_container .market_position:not(.fav, .live_fav) {
            background: rgb(var(--colour_grey_lightest)); }

		/* odds & sp (SEE BETBOT UNIVERSAL) */

        /* horse_age */
        .racecard_data .div_table_row .horse_age {}
            .racecard_data .div_table_row .horse_age :not(small) {
                font-size:0.95em; }
            .racecard_data .div_table_row .horse_age .age,
            .racecard_data .div_table_row .horse_age .weight,
            .racecard_data .div_table_row .horse_age .penalty {
                font-size: 0.95em; }
            .racecard_data .div_table_row .horse_age .penalty {
                font-weight: 400;
                color: rgb(var(--colour_red)) !important; }
                .racecard_data .div_table_row .horse_age small {
                    display:inline-block;
                    padding: 0 0 0 1px; }

        /* horse form */
        .racecard_data .div_table_row .form {}
            .racecard_data .div_table_row .form :not(small) {
                font-family: var(--font_secondary);
                letter-spacing: 0.025em; }

		/* column divider */
		.racecard_data .div_table_header_group .column_divider {
			width:5px;
			padding:0; }

		/* rating columns */
		.racecard_data .div_table_header_group .rating:not(.rating_divider) {
			min-width:35px;
			max-width:35px;
			vertical-align:top; }
			.racecard_data .div_table_header_group .rating.win_rate,
			.racecard_data .div_table_header_group .rating.place_rate,
			.racecard_data .div_table_header_group .rating.rating_class,
			.racecard_data .div_table_header_group .rating.rating_distance,
			.racecard_data .div_table_header_group .rating.rating_going,
			.racecard_data .div_table_header_group .rating.rating_official {
				vertical-align:middle; }
			
			/* rating */
			.racecard_data .div_table_row .div_table_cell.rating {
				padding:0; }

			/* span */
            .racecard_data .div_table_header_group .rating span {
                display: block; }

            /* small */
            .racecard_data .div_table_header_group .sp small,
            .racecard_data .div_table_header_group .rating small {
                display: block; }
			/*.racecard_data .div_table_header_group .rating:not(.rating_jockey, .rating_trainer, .win_rate, .place_rate, .rating_class, .rating_distance, .rating_going, .rating_official) small {
				color:inherit; }*/

			/* icons */
			.racecard_data .div_table_header_group .rating i {
				position:relative;
				display:block;
				height:10px;
				margin:1px auto 0;
				font-size:1.25rem; }
				/*.racecard_data .div_table_header_group .rating i::before {
					line-height:10px; }*/
			.racecard_data .div_table_header_group .rating.rating_latest i,
			.racecard_data .div_table_header_group .rating.edge_latest i {
				color:#00b4c8; }
			.racecard_data .div_table_header_group .rating.rating_100 i,
			.racecard_data .div_table_header_group .rating.edge_100 i {
				color:#06ce00; }
			.racecard_data .div_table_header_group .rating.rating_200 i,
			.racecard_data .div_table_header_group .rating.edge_200 i {
				color:#ff0000; }
			.racecard_data .div_table_header_group .rating.rating_365 i,
			.racecard_data .div_table_header_group .rating.edge_365 i {
				color:#0033ff; }
			.racecard_data .div_table_header_group .rating.rating_latest i,
			.racecard_data .div_table_header_group .rating.edge_latest i {
				top: 2px;
                font-size:0.5rem; }
			.racecard_data .div_table_header_group .rating.rating_100 i,
            .racecard_data .div_table_header_group .rating.edge_100 i {
                top: -4px; }
			.racecard_data .div_table_header_group .rating.rating_200 i,
			.racecard_data .div_table_header_group .rating.edge_200 i {
				top:-6px; }
			.racecard_data .div_table_header_group .rating.rating_365 i,
			.racecard_data .div_table_header_group .rating.edge_365 i {
				position:relative;
				top:-2px;
				font-size:0.9rem; }
			.racecard_data .div_table_header_group .rating.rating_365 i::before,
			.racecard_data .div_table_header_group .rating.edge_365 i::before,
			.racecard_data .div_table_header_group .rating.rating_365 i::after,
			.racecard_data .div_table_header_group .rating.edge_365 i::after {
				position:absolute;
				left:50%;
				transform:translateX(-50%); }
			.racecard_data .div_table_header_group .rating.rating_365 i::before,
			.racecard_data .div_table_header_group .rating.edge_365 i::before {
				top:2px; }
			.racecard_data .div_table_header_group .rating.rating_365 i::after,
			.racecard_data .div_table_header_group .rating.edge_365 i::after {
				content:'\f142';
				top:-1px; }

		.racecard_data .div_table_row:not(.non-runner) .rating:not(.win_rate)/*,
		.racecard_data .div_table_row .column_divider*/ {
			/*box-shadow: inset 1px 0 0 0 #fff;*/
			border-left: 1px solid #fff; }
			.racecard_data .div_table_row .rating > div {
				font-family: var(--font_secondary);
                line-height: 1.6em;
				font-size: 0.8em;
				font-weight: 300;
				/*letter-spacing:-1px;
				transform:rotate(-90deg);*/
				/*color:rgba(51,51,51,0) !important;*/ }
			.testing.racecard_data .div_table_row .rating {
				color: rgba(51,51,51,1) !important; }

		.racecard_data .div_table_row .rating.win_rate,
		.racecard_data .div_table_row .column_divider + .rating {
			/*box-shadow:none !important;*/
			border-left:none !important; }

		/* edge */
		.racecard_data .div_table_row .rating.edge_latest,
		.racecard_data .div_table_row .rating.edge_100,
		.racecard_data .div_table_row .rating.edge_200,
		.racecard_data .div_table_row .rating.edge_365 {
			padding-left:0;
			padding-right:0; }


/* --------------------------------------------------------------------------------------------- */
/* horse options_menu popup
/* --------------------------------------------------------------------------------------------- */

/* Horse Full Racecard Popup & Horse Profile Options Menu */
.racecard_overlay {
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0);
	-webkit-transition: z-index 0s ease 0.6s, background 0.4s ease 0s;
			transition: z-index 0s ease 0.6s, background 0.4s ease 0s; }
	.racecard_overlay.active {
		z-index:200;
		background:rgba(0,0,0,0.5);
		-webkit-transition: z-index 0s ease 0s, background 0.6s ease 0s;
				transition: z-index 0s ease 0s, background 0.6s ease 0s; }

.horse_options {
	cursor: pointer; }
	.horse_options.active {
		cursor: auto; }

.horse_options_menu {
	display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; justify-content: space-between;
	-webkit-align-items: center; align-items: center;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: -110px;
	min-height: 104px;
	width: min-content;
	max-width: 700px;
	margin-left: 100px;
	padding: 0.5rem;
	font-size: 0.9em;
    border-radius: 8px;
	background: transparent;
	box-shadow: 0 1px 0px 0 rgba(0,0,0,0);
	-webkit-transition: all 0.5s ease, top 0s, z-index 0s ease 0.5s, padding-left 0s, margin-left 0.4s ease 0s, opacity 0.2s ease 0.1s;
			transition: all 0.5s ease, top 0s, z-index 0s ease 0.5s, padding-left 0s, margin-left 0.4s ease 0s, opacity 0.2s ease 0.1s; }
	.horse_options_menu.active {
		opacity: 1;
		z-index: 201;
		margin-left: 0;
		background: rgb(var(--colour_grey_lightest));
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
		-webkit-transition: all 0.4s ease, top 0s, z-index 0s, padding-left 0s, margin-left 0.6s cubic-bezier(.33,.02,.02,1.24), opacity 0.3s ease 0.2s;
				transition: all 0.4s ease, top 0s, z-index 0s, padding-left 0s, margin-left 0.6s cubic-bezier(.33,.02,.02,1.24), opacity 0.3s ease 0.2s; }
		
		/* silks */
		.horse_options_silks_container {
			display: -webkit-flex; display: flex;
            -webkit-align-self: flex-start; align-self: flex-start;
			margin-right: 0.5rem; }
		
		/* details */
		.horse_options_details_container {
			display: -webkit-flex; display: flex;
			-webkit-flex: 1; flex: 1;
            font-size: 1.1em; }
            .horse_options_details_container .flex_column {
                -webkit-flex: 1; flex: 1; }
			.horse_options_details_container .horse {
				display: -webkit-flex; display: flex;
                -webkit-align-items: center; align-items: center;
                margin-bottom: 0.25rem;
                line-height: 21px; }
                .horse_options_details_container .horse .name {
                    font-family: var(--font_heading);
                    font-size: 1.25em;
                    font-weight: unset !important;}
				.horse_options_details_container .horse span:not(:first-of-type) {
					padding: 0 8px 0 10px;
                    line-height: 21px;
                    font-size: 0.65em; }
			.horse_options_details_container .jockey,
			.horse_options_details_container .trainer {
				display: -webkit-flex; display: flex;
                -webkit-align-items: baseline; align-items: baseline;
                margin-top: 2px;
                line-height: 1em;
				font-size: 0.8em !important; }
				.horse_options_details_container .jockey .icon,
				.horse_options_details_container .trainer .icon {
					width: 40px !important;
					line-height: 12px !important;
					letter-spacing: 0.05em !important; }
                .horse_options_details_container .jockey .name,
				.horse_options_details_container .trainer .name {
					transform: translateY(1px); }
            .horse_options_details_container .market_position {
                bottom: 1px !important;
                font-size: 0.65em !important; }
		
		/* stats */
        .horse_options_stats_container {
            margin-top: 0.5rem;
            padding: 1rem 1rem 0;
            /*line-height: 1.25em;*/
            box-shadow: var(--box_shadow_divider_concave_top); }
            /*.horse_options_stats_container .form,
            .horse_options_stats_container .races {
                -webkit-flex-direction: column; flex-direction: column; }*/
            .horse_options_stats_container .heading {
                min-width: 50px;
                margin: 0;
                padding-right: 4px; }
                .horse_options_stats_container > div + div {
                    margin-top: 0.75em;
                    padding-top: 0.75em;
                    box-shadow: var(--box_shadow_divider_concave_top); }

            /* form */
            .horse_options_stats_container .form {
                line-height: 1.25em; }
                .horse_options_stats_container .form .stats {
                    display: -webkit-flex; display: flex;
                    -webkit-flex-direction: row-reverse; flex-direction: row-reverse;
                    -webkit-align-items: baseline; align-items: baseline; }
                    .horse_options_stats_container .form .stats > div {
                        padding: 0;
                        letter-spacing: -0.15em; }
                        .horse_options_stats_container .form .stats > div + div {
                            margin-right: 0.5rem; }
                        .horse_options_stats_container .form .stats > div + div::before {
                            content: '\2022';
                            position: absolute;
                            /*top: -1px;*/
                            right: -0.25rem;
                            font-size: 0.4em;
                            color: rgb(var(--colour_grey_lighterer)); }
                    .horse_options_stats_container .form .stats .ignored {
                        color: rgba(var(--colour_warning),0.25); }
                    .horse_options_stats_container .form .stats .tooltip_html {
                        cursor: pointer; }
                        /* tooltip HTML */
                        .horse_options_stats_container .form .tt_html {
                            font-family: var(--font_secondary); }
                            /* span */
                            .horse_options_stats_container .form .tt_html span.dull {
                                font-size: 0.85em;
                                color: rgb(var(--colour_grey_lighter)); }
                            .horse_options_stats_container .form .tt_html header span.dull:first-child {
                                font-size: initial; }
                            /* header */
                            .horse_options_stats_container .form .tt_html header {
                                box-shadow: var(--box_shadow_divider_concave_bottom); }
                                .horse_options_stats_container .form .tt_html header .time {
                                    color: rgb(var(--colour_warning)); }
                            /* subheader */
                            .horse_options_stats_container .form .tt_html .subheader {
                                box-shadow: var(--box_shadow_divider_concave_bottom); }
                                .horse_options_stats_container .form .tt_html .subheader.f_fc_c div + div {}
                                    .horse_options_stats_container .form .tt_html .subheader.f_jc_c div + div::before {
                                        content: '\2022';
                                        margin: 0 0.5em;
                                        color: rgb(var(--colour_grey_lighterer)); }
                            /* content */
                            .horse_options_stats_container .form .tt_html > div {
                                display: -webkit-flex; display: flex;
                                -webkit-align-items: baseline; align-items: baseline; }
                                .horse_options_stats_container .form .tt_html > div:not(.subheader) + div {
                                    margin-top: 0.35em;
                                    padding-top: 0.5em;
                                    box-shadow: var(--box_shadow_divider_concave_top); }
                                .horse_options_stats_container .form .tt_html > div small {
                                    display: inline-block;
                                    min-width: 60px; }
                                .horse_options_stats_container .form .tt_html > div div {}
                            /* footer */
                            .horse_options_stats_container .form .tt_html footer {
                                box-shadow: var(--box_shadow_divider_concave_top); }
                                .horse_options_stats_container .form .tt_html footer.ignored {
                                    background: rgba(var(--colour_warning_lightest)); }
                                    .horse_options_stats_container .form .tt_html footer.ignored div {
                                        font-size: 0.85em;
                                        font-weight: 400;
                                        text-transform: uppercase;
                                        color: rgb(var(--colour_warning)); }

            /* races */
            .horse_options_stats_container .races {}
                .horse_options_stats_container .races .stats {
                    display: -webkit-flex; display: flex;
                    -webkit-flex-direction: column; flex-direction: column;
                    width: 100%; }
                    .horse_options_stats_container .races .stats .title {
                        min-width: 70px;
                        text-transform: capitalize; }
                    .horse_options_stats_container .races .stats > div {
                        display: -webkit-flex; display: flex;
                        -webkit-align-items: baseline; align-items: baseline; }
                    /* widths */
                    .horse_options_stats_container .races .stats .header > div,
                    .horse_options_stats_container .races .stats .item > div {
                        display: -webkit-flex; display: flex;
                        -webkit-justify-content: space-evenly; justify-content: space-evenly;
                        -webkit-flex: 1; flex: 1; }
                        .horse_options_stats_container .races .stats .header > div small,
                        .horse_options_stats_container .races .stats .item > div span {
                            min-width: 50px;
                            text-align: center; }
                    /* header */
                    .horse_options_stats_container .races .stats .header {
                        margin-bottom: 0.2em;
                        line-height: 1em;
                        order: 0; }
                        .horse_options_stats_container .races .stats .header small {
                            padding: 0;
                            font-size: 0.75em;
                            text-transform: uppercase;  }
                    /* items */
                    .horse_options_stats_container .races .stats .item {
                        line-height: 1.2em;
                        padding-top: 1px; }
                    .horse_options_stats_container .races .stats .item:hover {
                        background: #fff; }
                        .horse_options_stats_container .races .stats .item:hover span {
                            font-weight: bold; }
                    .horse_options_stats_container .races .stats .item.rates { order:1; }
                    .horse_options_stats_container .races .stats .item.class { order:2; }
                    .horse_options_stats_container .races .stats .item.distance { order:3; }
                    .horse_options_stats_container .races .stats .item.going { order:4; }
                    .horse_options_stats_container .races .stats .item.races { order:5; }
                        .horse_options_stats_container .races .stats .item span {
                            letter-spacing: -0.15em; }

        /* menu */
		.horse_options_menu_container {
            position: relative;
            display: -webkit-flex; display: flex;
            -webkit-justify-content: space-between; justify-content: space-between;
            -webkit-align-items: center; align-items: center;
            width: 100%;
            margin-top: 1rem;
            padding-top: 0.5rem;
            box-shadow: var(--box_shadow_divider_concave_top); }
            .horse_options_menu .horse_options_menu_container form {
                -webkit-flex: 1; flex: 1;
                white-space: nowrap; }
            .horse_options_menu .horse_options_menu_container form + form {
                margin-left: 0.25rem; }
                .horse_options_menu .horse_options_menu_container form button {
                    opacity: 0;
                    width: 100%;/*
                    font-size:0.75rem !important;
                    line-height:0.9em !important;*/
                    -webkit-transition: all 0.15s ease; transition: all 0.15s ease; }
                    /*.horse_options_menu .horse_options_menu_container button {
                        margin:0.25em; }
                    .horse_options_menu .horse_options_menu_container button:nth-child(1) {
                        margin-top:0; }*/
                        .horse_options_menu.active .horse_options_menu_container form button {
                            opacity: 1;
                            -webkit-transition: all 0.6s ease 0.2s; transition: all 0.6s ease 0.2s; }

/* racecard data changes */
.racecard_data .div_table_row.active .silks img,
.racecard_data .div_table_row.active .horse_name .horse,
.racecard_data .div_table_row.active .horse_name .jockey,
.racecard_data .div_table_row.active .horse_name .trainer {
	z-index:202; }

	/* visibility */
	.racecard_data .div_table_row.active .silks,
	.racecard_data .div_table_row.active .horse_name {
		overflow:visible; }

	/* silks */
	.racecard_data .div_table_row.active .silks img {
		transform: translate(-110%,-50%);
		height: 36px;
		transition: height 600ms 200ms cubic-bezier(.33,.02,.02,1.24),
					transform 600ms 200ms cubic-bezier(.33,.02,.02,1.24); }

	/* horse jockey trainer block changes */
	.racecard_data .div_table_row.active .horse_name .horse,
	.racecard_data .div_table_row.active .horse_name .jockey,
	.racecard_data .div_table_row.active .horse_name .trainer {}
	
	/* horse cd fav */
	.racecard_data .div_table_row.active .horse_name .horse {
		transform: translate(-20px,-1px);
		font-size: 1.2em;
		transition: font-size 600ms 400ms ease,
					transform 600ms 400ms cubic-bezier(.33,.02,.02,1.24); }
		.racecard_data .div_table_row.active .horse_name .horse cd-c,
		.racecard_data .div_table_row.active .horse_name .horse cd-d,
		.racecard_data .div_table_row.active .horse_name .horse cd-cd,
		.racecard_data .div_table_row.active .horse_name .horse fav {
			line-height:12px;
			transition: line-height 600ms 400ms ease; }

	/* jockey trainer */
	.racecard_data .div_table_row.active .horse_name .jockey,
	.racecard_data .div_table_row.active .horse_name .trainer {
		font-size:1.1em; }
	.racecard_data .div_table_row.active .horse_name .jockey {
		transform: translate(-20px,1px);
		transition: font-size 600ms 500ms ease,
					transform 600ms 500ms cubic-bezier(.33,.02,.02,1.24); }
	.racecard_data .div_table_row.active .horse_name .trainer {
		transform: translate(-20px,2px);
		transition: font-size 600ms 600ms ease,
					transform 600ms 600ms cubic-bezier(.33,.02,.02,1.24); }

		
/* --------------------------------------------------------------------------------------------- */
/* RACECARD STACK & TREND
/* --------------------------------------------------------------------------------------------- */
.div_table_header_group .stack {
	position:relative; }
	.div_table_header_group .stack .column_guide {
		position:absolute;
		z-index:5;
		left:8px;
		right:5px;
		bottom:6px;
		height:5px;
		/*border-left:1px solid rgba(0,0,0,0.05);
		border-right:1px solid rgba(0,0,0,0.05);*/
		cursor:/*none*/ew-resize; }
		.div_table_header_group .stack .column_guide .text {
			display:none;
			position:absolute;
			z-index:1;
			top:50%;
			left:50%;
			padding:0 2px;
			line-height:1em;
			color:transparent;
			background:transparent;
			transform:translate(-50%,-50%); }
		.div_table_header_group .stack .column_guide .scale {
			position:absolute;
			z-index:2;
			left:0;
			right:0;
			bottom:0;
			height:1px;
			margin:2px 0;
			background:rgba(0,0,0,0.1); }
			.div_table_header_group .stack .column_guide .scale::before,
			.div_table_header_group .stack .column_guide .scale::after {
				content:'';
				position:absolute;
				top:-2px;
				height:5px;
				width:1px;
				background:rgba(0,0,0,0.1);
				pointer-events:none; }
			.div_table_header_group .stack .column_guide .scale::before {
				left:0; }
			.div_table_header_group .stack .column_guide .scale::after {
				right:0; }
		/* hover */
		/*.div_table_header_group .stack .column_guide:hover {
			border-color:rgba(0,0,0,0.25); }
		.div_table_header_group .stack .column_guide:hover .text {
			font-size:0.8em;
			color:rgba(200,0,0,0.5);
			background:#eee; }*/
		.div_table_header_group .stack .column_guide:hover .scale,
		.div_table_header_group .stack .column_guide:hover .scale::before,
		.div_table_header_group .stack .column_guide:hover .scale::after {
			background:rgba(0,0,0,0.25); }

.stack_guide {
	display:none;
	position:absolute;
	z-index:1;
	top:55px;
	bottom:2px;
	width:1px;
	padding:0 3px;
	opacity:0;
	cursor:pointer;
	transition:opacity 0.6s ease; }
	.stack_guide.viewed {
		display:block;
		opacity:0.5; }
	.stack_guide.active {
		top:55px;
		opacity:1; }
	.stack_guide.viewed,
	.stack_guide.active {
		transition:opacity 0.3s ease; }
		.stack_guide div:nth-child(1) {}
		.stack_guide div:nth-child(2) {
			position:absolute;
			top:0;
			bottom:0;
			/*left:3px;*/
			width:1px;
			border-left:1px dotted rgba(0,0,0,0.25);/*
			background:rgba(50,50,50,0.5);*/ }
			.stack_guide.active div:nth-child(2) {
				border-left:1px solid rgba(200,0,0,0.5); }

.div_table_row .stack,
.div_table_row .trend {}
.div_table_row .stack {}
.div_table_row .trend {}

.stack .stack_container,
.trend .trend_container {
    position:relative;
    display: -webkit-flex; display: flex;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center;
    height: 100%; }

.stack .empty,
.trend .empty {
    /*position:relative;
    top:50%;*/
    line-height:1.25em;
    font-size:0.8em;
    font-weight:300;
    text-transform:uppercase;
    color:#aaa;/*
    transform:translateY(-50%);*/ }

.stack svg,
.trend svg {
    position: absolute;
    z-index: 2;
    display: block;
    max-height: 40px;
    overflow: visible; }

.stack svg path,
.stack svg ellipse,
.stack svg polygon,
.trend svg path,
.trend svg ellipse,
.trend svg polygon {
	vector-effect: non-scaling-stroke;/* keeps shape ratio in relation to container */
	stroke-linejoin: round;
	stroke-linecap: round; }

.stack svg a:active,
.trend svg a:active {
	-webkit-transform:none;
			transform:none; }

	.stack svg a ellipse,
	.stack svg a polygon,
	.trend svg a ellipse,
	.trend svg a polygon {
		-webkit-transition: stroke 0.6s ease-in-out, fill 0.6s ease-in-out;
				transition: stroke 0.6s ease-in-out, fill 0.6s ease-in-out; }
		.stack svg a:hover ellipse,
		.stack svg a:focus ellipse,
		.stack svg a:hover polygon,
		.stack svg a:focus polygon,
		.trend svg a:hover ellipse,
		.trend svg a:focus ellipse,
		.trend svg a:hover polygon,
		.trend svg a:focus polygon {
			-webkit-transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out;
					transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out; }
	
		.stack svg a:hover ellipse,
		.stack svg a:focus ellipse,
		.trend svg a:hover ellipse,
		.trend svg a:focus ellipse {
			stroke: rgb(var(--colour_red)) !important;
			fill: rgb(var(--colour_red)) !important; }
			.stack svg a:hover ellipse.latest,
			.stack svg a:focus ellipse.latest {
				stroke: #00b4c8 !important;
				fill: #00b4c8 !important; }
			.non-runner .stack svg a:hover ellipse,
			.non-runner .stack svg a:focus ellipse,
			.non-runner .trend svg a:hover ellipse,
			.non-runner .trend svg a:focus ellipse {
				stroke: rgba(var(--colour_red),0.3) !important;
				fill: rgba(var(--colour_red),0.3) !important; }
				.non-runner .stack svg a:hover ellipse.latest,
				.non-runner .stack svg a:focus ellipse.latest {
					stroke: rgba(0,183,204,0.3) !important;
					fill: rgba(0,183,204,0.3) !important; }
		.stack svg a:hover polygon.r365,
		.stack svg a:focus polygon.r365,
		.trend svg a:hover polygon.r365,
		.trend svg a:focus polygon.r365 {
			stroke: rgb(var(--colour_blue)) !important;
			fill: rgb(var(--colour_blue)) !important; }
			.non-runner .stack svg a:hover polygon.r365,
			.non-runner .stack svg a:focus polygon.r365,
			.non-runner .trend svg a:hover polygon.r365,
			.non-runner .trend svg a:focus polygon.r365 {
				stroke: rgba(0,0,255,0.3) !important;
				/*fill: rgba(var(--colour_red),0.3) !important;*/ }
		.stack svg a:hover polygon.r200,
		.stack svg a:focus polygon.r200,
		.trend svg a:hover polygon.r200,
		.trend svg a:focus polygon.r200 {
			stroke: rgb(var(--colour_red)) !important;
			fill: rgb(var(--colour_red)) !important; }
			.non-runner .stack svg a:hover polygon.r200,
			.non-runner .stack svg a:focus polygon.r200,
			.non-runner .trend svg a:hover polygon.r200,
			.non-runner .trend svg a:focus polygon.r200 {
				stroke: rgba(var(--colour_red),0.3) !important;
				/*fill: rgba(var(--colour_red),0.3) !important;*/ }
		.stack svg a:hover polygon.r100,
		.stack svg a:focus polygon.r100,
		.trend svg a:hover polygon.r100,
		.trend svg a:focus polygon.r100 {
			stroke: #06ce00 !important;
			fill: #06ce00 !important; }
			.non-runner .stack svg a:hover polygon.r100,
			.non-runner .stack svg a:focus polygon.r100,
			.non-runner .trend svg a:hover polygon.r100,
			.non-runner .trend svg a:focus polygon.r100 {
				stroke: rgba(6,206,0,0.3) !important;
				/*fill: rgba(6,206,0,0.3) !important;*/ }


/* --------------------------------------------------------------------------------------------- */
/* PLACE
/* --------------------------------------------------------------------------------------------- */
/*.div_table_header_group .place.status_not_run_yet, .row_horse .place.status_not_run_yet,
.div_table_header_group .place.status_pending, .row_horse .place.status_pending {*/
.div_table_cell.place:is(.status_tomorrow,.status_not_run_yet,.status_pending) {
    max-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: var(--transition);
    overflow: hidden; }
.div_table_cell.place:is(.status_provisional_result,.betbot_provisional_result) {
    max-width: 100px;
    transition: var(--transition); }
    .div_table_cell.place:is(.status_provisional_result,.betbot_provisional_result) small {
        padding: 0 4px;
        color: inherit !important; }

    .div_table_cell.place:is(.status_provisional_result,.betbot_provisional_result) + .card_number {
        padding-left: 6px;
        padding-right: 0; }

/* --------------------------------------------------------------------------------------------- */
/* Multi-Ratings & Inactive on hover Ratings/Legend & Stack/Trend
/* --------------------------------------------------------------------------------------------- */
.row_horse .odds_live,
.row_horse .odds_live div span,
/*.row_horse .starting_price,
.row_horse .starting_price div span,*/
.row_horse .rating,
.row_horse .rating.stat div span {
	position:relative;
	z-index:0;
    overflow: unset; }
    .row_horse .odds_live > div,
	.row_horse .starting_price div,
	.row_horse .rating/*.stat*/ > div {
		display:-webkit-flex; display:flex;
		-webkit-flex-direction:column; flex-direction:column;
		-webkit-justify-content:center; justify-content:center;
		position: absolute;
		/*z-index:1;*/
		top:0;
		right:0;
		bottom:0;
		left:0; }
        .row_horse .odds_live div.win,
        .row_horse .odds_live div.place {
             }
            .row_horse .odds_live div.win span,
            .row_horse .odds_live div.place span {
                 }
        /*.row_horse .odds_live:not(.starting_price) span,*/
		/*.row_horse .starting_price span,*/
		.row_horse .rating/*.stat*/ span/*,
		.row_horse .rating.stat small*/ {
			display:-webkit-flex; display:flex;
			-webkit-flex-direction:column; flex-direction:column;
			-webkit-justify-content:center; justify-content:center;
			-webkit-align-items:center; align-items:center;
			flex:1;
			z-index:0;
			/*top:0;*/
			/*bottom:0;*/
			/*left:0;
			right:0;*/
			padding-top: 1px;
			line-height: 0.9em;
            font-size: 0.9em;
			color:rgb(var(--colour_text)); }
                /*.row_horse .odds_live span,
                .row_horse .starting_price span,*/
                .row_horse .rating.stat span {
                    color: rgb(var(--colour_grey_light)) !important; }
                    .row_horse .starting_price:hover span,
                    .row_horse .rating.stat:hover span {
                        color: #000 !important; }
		.row_horse .rating span:nth-of-type(2),
		.row_horse .rating span:nth-of-type(3) {
			border-top:1px solid #fbfbfb; }
		.row_horse .rating.stat:not(.win_rate):not(.place_rate) span:nth-of-type(2),
		.row_horse .rating.stat:not(.win_rate):not(.place_rate) span:nth-of-type(3) {
			color:rgb(var(--colour_grey)) !important; }

		/*.row_horse .rating.stat span {
			height:33.33%; }
		.row_horse .rating.stat span,
		.row_horse .rating.stat small {
			height:33.33%; }
		.row_horse .rating.stat span:nth-of-type(1) {
			top:0;
			border-top-color:transparent; }
		.row_horse .rating.stat span:nth-of-type(2) {
			top:33.33%; }
		.row_horse .rating.stat span:nth-of-type(3) {
			bottom:0; }

		.row_horse .rating.stat.win_rate span,
		.row_horse .rating.stat.place_rate span {
			top:50%;
			height:50%; }
		.row_horse .rating.stat.win_rate small,
		.row_horse .rating.stat.place_rate small {
			top:0;
			height:50%; }
		.row_horse .rating.stat.win_rate span:nth-of-type(1),
		.row_horse .rating.stat.place_rate span:nth-of-type(1) {
			top:0; }
		.row_horse .rating.stat.win_rate span:nth-of-type(2),
		.row_horse .rating.stat.place_rate span:nth-of-type(2) {
			top:50%; }*/

    /* runner hover - inactive */
    .div_table .div_table_row.row_horse.inactive {
        opacity: 0.8;
        filter: grayscale(0.25); }

    /* legend hover - inactive */
	.row_horse .rating,
    .row_horse .rating.stat .ratings_no_colour,
    .row_horse .rating.stat [class*="ratings_colour_"] {
		transition: all 0.3s ease; }
		.row_horse .rating.inactive,
        .row_horse .rating.stat .ratings_no_colour.inactive,
        .row_horse .rating.stat [class*="ratings_colour_"].inactive {
			/*border-left:none;*/
            opacity: 0.15;
            filter: grayscale(0.75); }

	/* stack/trend hover - inactive */
	.stack svg .stack_trend_rating,
	.stack svg .stack_trend_edge,
	.trend svg .stack_trend_rating,
	.trend svg .stack_trend_edge {
		opacity:1;
		transition:opacity 0.5s ease; }
		.stack svg .stack_trend_rating.inactive,
		.stack svg .stack_trend_edge.inactive,
		.trend svg .stack_trend_rating.inactive,
		.trend svg .stack_trend_edge.inactive {
			opacity:0.1;
			transition:opacity 0.25s ease; }


/* --------------------------------------------------------------------------------------------- */
/* Tooltip Layout
/* --------------------------------------------------------------------------------------------- */
.tooltip_templates {
	display: none; }

.tooltipster-box .tooltip_container {
	padding:1rem 1rem 1rem 1rem;
	font-size:0.9em;
	color:#666;
	/*border-top: 3px solid rgb(var(--colour_red));
	border-bottom: 3px solid white;*/
	border-radius: 5px;
	background: #fff; }
	.tooltipster-box .tooltip_container.r365 {
		border-top-color:rgb(var(--colour_blue)); }
	.tooltipster-box .tooltip_container.worst,
	.tooltipster-box .tooltip_container.r200 {
		border-top-color:rgb(var(--colour_warning)); }
	.tooltipster-box .tooltip_container.best,
	.tooltipster-box .tooltip_container.r100 {
		border-top-color:rgb(var(--colour_green)); }
	.tooltipster-box .tooltip_container.latest {
		border-top-color:rgb(var(--colour_accent)); }

.tooltip_header {
	margin:-1.0rem -1rem 1rem -1rem;
	padding:0.75em;
	/*font-size:1rem;
	font-weight:500;
	color:#000;*/
	font-size:0.85em;
	font-weight:400;
	text-align:center;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#fff;
	border-radius:5px 5px 0 0; }
	.tooltip_header.r365 {
		background:rgb(var(--colour_blue)); }
	.tooltip_header.rworst,
	.tooltip_header.r200 {
		background:rgb(var(--colour_red)); }
	.tooltip_header.rbest,
	.tooltip_header.r100 {
		background:rgb(var(--colour_green)); }
	.tooltip_header.latest {
		background:rgb(var(--colour_accent)); }

.tooltip_container.stack .tooltip_header,
.tooltip_container.trend .tooltip_header {
	background:rgb(var(--colour_red)); }

.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
	margin: 0.5em !important;
	/*border-radius: 0 !important;*/
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	background: transparent !important;
	box-shadow: 0 0px 50px 0px rgba(0,0,0,0.5) !important; }

	.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
		padding: 0 !important;
		font-size:0.8em;
		color: #000; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border,
		.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
			border-top-color:transparent !important;
			border-bottom-color:transparent !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
			/*border: 10px solid transparent !important;*/
			border-left-color: #fff !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
			/*border: 10px solid transparent !important;*/
			border-right-color: #fff !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border,
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
			border-left-color:transparent !important;
			border-right-color:transparent !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
			/*border: 10px solid transparent !important;*/
			border-top-color: #fff !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
			/*border: 10px solid transparent !important;*/
			border-bottom-color: #fff !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.worst .tooltipster-arrow-border,
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.best .tooltipster-arrow-border,
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.r365 .tooltipster-arrow-border {
			border-bottom-color: rgb(var(--colour_blue)) !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.r200 .tooltipster-arrow-border {
			border-bottom-color: rgb(var(--colour_red)) !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.r100 .tooltipster-arrow-border {
			border-bottom-color: rgb(var(--colour_green)) !important; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.rlatest .tooltipster-arrow-border {
			border-bottom-color: rgb(var(--colour_accent)) !important; }
        .tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-background {
            border-top-color: #fff; }
		.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-background {
            border-bottom-color: #fff; }

.tooltip_container .heading {
	padding-bottom:0.25em;
	font-size:0.7em;
	font-weight:300;
	line-height:1em;
	letter-spacing:0;
	color:#aaa;
	text-transform:uppercase; }
	.tooltip_container .tooltip_rating .heading {
		letter-spacing:1px; }

.tooltip_info {
	padding-bottom:0.75em;
	line-height:1.4em; }
ul.tooltip_info {
	list-style:none;
	padding:0; }
	ul.tooltip_info li {
		position:relative;
		margin:1em 0;
		padding:0 0 0 1.5rem;
		font-size:1em; }
		ul.tooltip_info li:last-child {
			margin-bottom:0; }
		ul.tooltip_info li i {
			position:absolute;
			left:0;
			top: 50%;
			transform: translate(0,-50%);
			width: 1rem;
			font-size: 1.75em;
			text-align: center; }
			ul.tooltip_info li i.latest {
				font-size:1.25em; }
		ul.tooltip_info li i.colours {
			line-height:15px;
			font-size:1.0em; }

.tooltip_info_1 {
    display:table;
	width:auto;
	margin:0 auto 0.75rem;
    font-size: 1.2em;
	text-align: center; }
.tooltip_info_2 {
    text-align: center; }
.tooltip_info_3 {
	display:block;
	text-align:center; }
.tooltip_info_4 {}

	.tooltip_time {
		display:table-cell;
		vertical-align:middle;
		padding-right:0.75rem;
		font-size: 2em;
		font-weight: 500;
		line-height: 1em;
		text-align:right;
		letter-spacing: -2px;
		color: rgb(var(--colour_warning));
		border-right:1px solid #eee; }
	.tooltip_date {
		display:table-cell;
		vertical-align:middle;
		padding-left: 0.75rem;
		line-height:1.2em;
		font-size: 0.8em;
		font-weight: 400;
		text-align:left;
		letter-spacing: 0;
		color: #999; }
		.tooltip_date div {
			display:block; }
			.tooltip_date div::after {
				content:',';
				padding-right:4px; }

	.tooltip_track {
		margin-bottom:0.1em; }
		.tooltip_track .heading {
			padding-bottom:0.1em; }
		.tooltip_track .text {
			display: block;
			line-height:1.2em;
			font-size: 1.5em;
			font-weight: 500;
			color: #444; }
	.tooltip_race_name {}
		.tooltip_race_name .heading {
			display:none;
			padding-bottom:0.5em; }
		.tooltip_race_name .text {
			display: block;
			font-size: 1em;
			line-height: 1.4em;
			font-weight: 400;
			color: #444; }

	.tooltip_place,
	.tooltip_rating {
		display:inline-block;
		margin:0.7rem 0.5rem 0.7rem;
		text-align:center; }
		.tooltip_place .heading,
		.tooltip_rating .heading {
			padding-bottom:0.2rem;
			font-size:0.8em;
			font-weight:400;
			color:rgb(var(--colour_warning)); }
		.tooltip_place .text,
		.tooltip_rating .text {
			font-size:2em;
			line-height:1em;
			font-weight:400;
			letter-spacing:-1px;
			color:#000; }

	.tooltip_distance,
	.tooltip_race_class,
	.tooltip_going,
	.tooltip_jockey,
	.tooltip_since_last_run {
		display:block;
		margin-bottom:0.25em;
		line-height: 1.1em; }
		.tooltip_distance .heading,
		.tooltip_jockey .heading,
		.tooltip_race_class .heading,
		.tooltip_since_last_run .heading,
		.tooltip_going .heading {
			display:inline-block;
			min-width:75px;
			padding-bottom:0.25em; }
		.tooltip_distance .text,
		.tooltip_jockey .text,
		.tooltip_race_class .text,
		.tooltip_since_last_run .text,
		.tooltip_going .text {
			display:inline-block;
			line-height:1.1em;
			font-size:1em;
			font-weight:400;
			color:#444; }

	.tooltip_comment {
		display:block;
		margin-top:1em; }
		.tooltip_comment .heading {
			padding-bottom:0.4em; }
		.tooltip_comment .text {
			line-height:1.3em;
			font-size:1em;
			font-weight:400;
			color:rgb(var(--colour_text)); }

    .tooltip_info_links {
        margin:1rem 0 0; }
        .tooltip_link {
            margin:1rem 0 0; }
            .tooltip_link:last-of-type {
                margin-top:5px; }
            .tooltip_link button {
                width:100%; }

/* SVG ANIMATION */
.row_horse .trend svg path {
	stroke-dasharray: 150%;
	stroke-dashoffset: 150%; }
#tooltip_content_stack_legend svg path,
#tooltip_content_trend_legend svg path {
	stroke-dasharray: 250%;
	stroke-dashoffset: 250%; }
.row_horse.trigger_svg .trend svg path,
#tooltip_content_stack_legend svg path,
#tooltip_content_trend_legend svg path {
	-webkit-animation: draw 2s 0s cubic-bezier(0.75, 0, 1, 1) forwards;
			animation: draw 2s 0s cubic-bezier(0.75, 0, 1, 1) forwards; }
@-webkit-keyframes draw	{
    to { stroke-dashoffset: 0%; }
}
@keyframes draw {
    to { stroke-dashoffset: 0%; }
}

/*.row_horse .stack svg:hover path,
.row_horse .trend svg:hover path {
	stroke-dasharray: 4;
	-webkit-animation: draw 4s ease-in-out 0s infinite alternate;
			animation: draw 4s ease-in-out 0s infinite alternate; }
@-webkit-keyframes draw		{ from { stroke-dashoffset: 50; } to { stroke-dashoffset: 125; } }
@-moz-keyframes draw		{ from { stroke-dashoffset: 50; } to { stroke-dashoffset: 125; } }
@-o-keyframes draw 			{ from { stroke-dashoffset: 50; } to { stroke-dashoffset: 125; } }
@keyframes draw				{ from { stroke-dashoffset: 50; } to { stroke-dashoffset: 125; } }*/


/* --------------------------------------------------------------------------------------------- */
/* Racecard Footer
/* --------------------------------------------------------------------------------------------- */
.racecard_footer {
	display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: center; justify-content: center;
    font-size:0.8em; }
.racecard_footer + .racecard_footer {
    box-shadow: inset 0 1px 0 0 rgb(255,255,255), 0 -1px 0 0 rgba(0,0,0,0.05); }
.racecard_footer:empty {
    padding:0;
    border-top-width: 1px; }

.racecard_footer.showhide {
    cursor: pointer; }
    .racecard_footer .header {
        width: 100%;
        margin: 1rem 1rem 0.5rem;
        padding: 0;
		line-height: 1em;
        font-family: var(--font_heading);
        font-size: 1rem;
		font-weight: 400;
        color: rgb(var(--colour_text));
        transition: var(--transition); }
    .racecard_footer.closed .header {
        margin-bottom: 1rem; }
        .racecard_footer .header .heading {
            margin: 0; }
        .racecard_footer.closed .header .heading {
            color: rgb(var(--colour_grey_dark)); }
        .racecard_footer.showhide .header i {
            height: 1rem;
            padding: 0.2rem;
            transition: var(--transition_cb); }
        .racecard_footer.showhide.closed .header i {
            color: rgb(var(--colour_grey_light));
            transform: rotate(90deg); }
    .racecard_footer.showhide .item_wrapper {
        max-height: 1000px;
        margin-top: -0.5rem;
        width: 100%;
        padding: 1rem;
        opacity: 1;
        transition: var(--transition); }
    .racecard_footer.showhide.closed .item_wrapper {
        max-height: 0;
        margin-top: 0;
        padding: 0 1rem;
        overflow: hidden;
        opacity: 0;
        transform: translateY(0.5rem); }

    .racecard_footer .footer_item {
        position: relative;
        display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column;
        margin: 0.25rem 0;
        padding:1px;
        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);
        overflow:hidden; }
    .racecard_footer .footer_item + .footer_item {
        margin-left:0.5rem; }
        .racecard_footer .footer_item_title {
            padding:0 1rem;
            text-align: center;
            font-size:0.8em;
            font-weight:400;
            color: rgb(var(--colour_grey));
            background:#f5f5f5; }
        .racecard_footer .footer_item_stat {
            padding:0.5em 1rem;
            text-align: center; }
            .racecard_footer .footer_item_stat + .footer_item_stat {
                padding-top: 0; }
            .footer_item_stat form[onclick] {
                display: inline-block;
                cursor: pointer; }

    /* footer confidence interval & probability */
    .racecard_footer.racecard_ci_probability {}
        .racecard_footer.racecard_ci_probability .item_wrapper {}
            .racecard_footer.racecard_ci_probability .item_wrapper .item {
                margin-top: 1px;
                padding: 0.2rem 0 0.2rem; }
                .racecard_footer.racecard_ci_probability .item_wrapper .item .title {
                    min-width: 120px;
                    margin-right: auto;
                    padding-right: 0.5rem;
                    line-height: 1em;
                    font-size: 0.75em; }
                .racecard_footer.racecard_ci_probability .item_wrapper .item .bar {
                    position: relative;
                    z-index: 1;
                    height: 15px;
                    border: 1px solid rgba(0,0,0,0.1);
                    border-radius: 5px;
                    background: #fff; }
                    .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .bar_marker {
                        position: absolute;
                        bottom: 100%;
                        transform: translate(0,-4px);
                        line-height: 1em;
                        font-size: 0.6em;
                        color: #777; }
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .bar_marker.left {
                            left: 0; }
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .bar_marker.right {
                            right: 0; }
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .bar_marker small {
                            padding: 0; }
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .ci {position:absolute; top:0; bottom:0; font-size:0.7em;}
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .ci.winRate {z-index:6; background:rgba(0,255,0,0.33);}
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .ci.placeRate {z-index:5; background:rgba(60,200,255,0.33);}
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .prob {position:absolute; z-index:10; top:-2px; bottom:-2px; width:1px;}
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .prob.winRate {background:red;}
                        .racecard_footer.racecard_ci_probability .item_wrapper .item .bar .prob.placeRate {background:blue;}

	/* abandoned */
    .racecard_footer .racecard_abandoned {
		font-weight:500;
		color:rgb(var(--colour_warning)); }

	/* info */
    .div_table_container .info {
		margin:1em 0 1em 2em; }


/* ----------------------------------------------------------------------------------------- */
/* trackmate rating colour guide
/* ----------------------------------------------------------------------------------------- */
.racecard_content.legend:not(.closed) .items_wrapper {
    padding-top:0; }
.racecard_content .trackmate_ratings_colour_guide {
	display:flex;
	margin:0;
	justify-content:center; }
	.racecard_content .trackmate_ratings_colour_guide .rating_item {
		display:flex;
		margin:0 1em; }
		.racecard_content .trackmate_ratings_colour_guide .rating_item .rating_colour {
			margin:auto;
			height:1rem;
			width:1.5rem;
			line-height:0.9rem;
			font-size:0.6em;
			text-align:center; }
		.racecard_content .trackmate_ratings_colour_guide .rating_item .rating_caption {
			margin-left:0.5rem;
			line-height:1rem;
			font-family: var(--font_secondary);
			color:#444;
			font-size:0.7em;
			font-weight:300;
			font-style:normal;
			letter-spacing:0; }

@media screen and (max-width:767px) {
	.racecard_content .trackmate_ratings_colour_guide {
		flex-wrap: wrap; }
		.racecard_content .trackmate_ratings_colour_guide .rating_item {
			/*width:25%;*/ }
}


/* --------------------------------------------------------------------------------------------- */
/* Racecard Footer - Info
/* --------------------------------------------------------------------------------------------- */
.magic_footer_info {
	width:100%; }
	.magic_footer_info .info {
		/*margin-top:0;*/ }

	.info .count_views {
		margin-left:7px;
		padding-left:7px;
		border-left:1px solid #999; }

.magic_testing {
    display: flex; display: -webkit-flex;
    -webkit-justify-content: center; justify-content: center;
	padding: 2rem 2rem 0; }
.magic_testing:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important; }
    .magic_testing pre + pre {
        margin-left: 2em;
        padding-left: 3em;
        border-left: 1px solid rgb(var(--colour_grey_lighterererer));
        box-shadow: inset 1px 0 0 rgba(255,255,255,0.5); }
    .magic_testing pre.f_d_c > pre + pre {
        margin-top: 0;
        margin-left: inherit;
        padding-top: 2em;
        padding-left: inherit;
        border-left: none;
        border-top: 1px solid rgb(var(--colour_grey_lighterererer));
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); }

@media screen and (max-width:767px) {
	.info .count_views {
		display:block;
		margin:0.5em 0 0;
		padding-left:0;
		border-left:none; }
}


/* --------------------------------------------------------------------------------------------- */
/* POPUP - Ignore
/* --------------------------------------------------------------------------------------------- */
.ajr_popup.reinstate_races .overflow_wrapper {
    max-height: 60vh;
    width: calc(100% + 2em);
    margin: 0 -1em 1em;
    padding: 0 1em;
    overflow-y: auto; }

.ignore_race_details {
	position: relative;
	max-height: 500px;
    padding: 1rem;
    border-radius: 10px;
    background: rgb(var(--colour_grey_lighterererer));
    opacity: 1;
    -webkit-transition: var(--transition_active); transition: var(--transition_active);
    overflow: hidden; }
    .ignore_race_details:not(:last-of-type) {
        margin-bottom: 1rem; }
    .ignore_race_details.deleted {
        max-height: 0;
        padding: 0;
        opacity: 0;
        -webkit-transition: all var(--transition), padding 0.3s 0.3s; transition: var(--transition), padding 0.3s 0.3s; }

	.ignore_race_details .silks {
		position:absolute;
		top:1.25rem;
		left: 1rem; }

	.ignore_race_details .rating small,
	.ignore_race_details .track_name small,
	.ignore_race_details .race_date small,
	.ignore_race_details .race_time small {
		min-width: 65px;
        font-size: 0.7em; }
	.ignore_race_details .rating small {
		padding-right: 0; }

	.ignore_race_details .track_name,
	.ignore_race_details .race_date,
	.ignore_race_details .race_time {
		padding-left:calc(36px + 1.75rem);
        line-height: 1.4em;
        font-size: 0.9em;
		font-weight: 500; }

	.ignore_race_details .rating {
		position:absolute;
		top:1rem;
		right:1rem;
		width:auto !important;
		padding:0 0 0.4em 0;
        text-align: center;
		border-radius: 10px;
		background: #fff; }
		.ignore_race_details .rating span {
			display:block;
			padding:0 5px;
			line-height:1.1em;
			font-size:0.9em;
			font-weight:400;
			color:rgb(var(--colour_warning)); }
		.ignore_race_details .rating span:nth-of-type(2) {
			margin-top:0.2em; }

.ignore_race_notes_button {
	margin-top: 0.75em;
    line-height: 1em;
    font-size: 0.8em;
    color: rgb(var(--colour_grey));
	cursor: pointer; }
.ignore_race_notes_button.none {
    font-weight: 300;
    color: rgb(var(--colour_grey_lighterer));
    pointer-events: none; }
    .ignore_race_notes_button i {
        margin-right: 0.5em;
        font-size:0.9rem; }
.ignore_race_notes {
    width: 100%;
    min-height: 60px !important;
    max-height: 100px;
    margin-top: 0.5em;
    box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.25);  }

.buttons_yes_no #ignore_race_no,
.buttons_yes_no #ignore_race_yes,
.buttons_yes_no #ignore_race_reinstate {
	width: calc(100% - 10px); }
.buttons_yes_no #ignore_race_no {
	margin-right:10px; }
.buttons_yes_no #ignore_race_yes,
.buttons_yes_no #ignore_race_reinstate {
	margin-left:10px; }

/* --------------------------------------------------------------------------------------------- */
/* POPUP - Ignore Multiple
/* --------------------------------------------------------------------------------------------- */
#popup_ignore_multiple_horses {}

	#popup_ignore_multiple_horses .ignore_horse_details {
		margin-bottom: 1rem;
        padding: 0.8em 1em;
        border-radius: 10px;
        background:rgb(var(--colour_grey_lighterererer)); }

		#popup_ignore_multiple_horses .ignore_horse_details .silk,
		#popup_ignore_multiple_horses .ignore_horse_details .horse {
			display:inline-block;
			padding-right:1em; }
		#popup_ignore_multiple_horses .ignore_horse_details .silk {
			height:30px; }
		#popup_ignore_multiple_horses .ignore_horse_details .horse {
			position:relative;
			top:1px;
			font-weight:400; }

		#popup_ignore_multiple_horses .ignore_horse_details .icon {
			float:right;
			position:relative;
			top:6px;
			right:5px;
			font-size: 20px !important;
			color:rgb(var(--colour_green)) !important; }

		.ajr_popup .empty {
			padding:2rem 0;
			font-size:0.8em;
			font-weight:300;
			color:#bbb;
			text-align:center; }
        .ajr_popup p {
            font-size: 0.9em;
            color: rgb(var(--colour_grey)); }
        .ajr_popup .info {
            padding: 10px;
            font-size: 0.8em;
            text-align: center;
            color: rgb(var(--colour_grey)); }


/* --------------------------------------------------------------------------------------------- */
/* race card options popup
/* --------------------------------------------------------------------------------------------- */
.filter_wrapper .switch_container[sub_type*=group] {
	width: calc(100% + var(--layout_content_margin)) !important;
    margin: 0 calc(-1 * var(--layout_content_margin_half)); }
	.filter_wrapper .switch_container .group_container {
		display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column;
        -webkit-align-items: center; align-items: center;
        width: 20%/*16.6666%*/;
		margin-top: 0.5em;
		text-align: center;
		transition: opacity 0.3s; }
		.filter_wrapper .switch_container .group_container.hide {
			display:none; }
		.filter_wrapper .switch_container .group_container .title {
			padding-bottom:2px;
			line-height:1.4em;
			font-size:0.7em;
			font-weight:300;
			text-align:center;
			color:#999; }
		.filter_wrapper .switch_container .group_container .title.this_race {
			font-weight:400;
			color:#444; }
		.filter_wrapper .switch_container .group_container .title.crossover_race,
		.filter_wrapper .switch_container .group_container .title.additional_race {}
		/*.filter_wrapper .switch_container[sub_type=group_surface] .group_container .title.this_race { padding-left:8px; }
		.filter_wrapper .switch_container[sub_type=group_going] .group_container .title.this_race { padding-left:12px; }*/
			.filter_wrapper .switch_container .group_container .title.this_race span,
			.filter_wrapper .switch_container .group_container .title.crossover_race span,
			.filter_wrapper .switch_container .group_container .title.additional_race span {
				position:relative;
				top:1px;
				left:8px; }
				.filter_wrapper .switch_container .group_container .title.this_race .button_indicator,
				.filter_wrapper .switch_container .group_container .title.crossover_race .button_indicator,
				.filter_wrapper .switch_container .group_container .title.additional_race .button_indicator {
					position:absolute;
					top:-3px;
					right:0px;
					display:inline-block;
					border-color:#fff;
					background:rgb(var(--colour_green)); }
				.filter_wrapper .switch_container .group_container .title.crossover_race .button_indicator {
					background: rgb(var(--colour_accent)); }
				.filter_wrapper .switch_container .group_container .title.additional_race .button_indicator {
					background:rgb(255,153,0); }
				.filter_wrapper .switch_container .group_container .title.this_race sup {
					position:absolute;
					top:0;
					padding-left:0;
					font-size: 0.75em !important;
					font-weight: 400;
					color:rgb(var(--colour_warning));
					cursor:help; }
					.filter_wrapper .switch_container[sub_type=group_racetype] .group_container .title.this_race sup,
					.filter_wrapper .switch_container[sub_type=group_surface] .group_container .title.this_race sup {
						top:0;
						font-size:0.8em !important; }


/* racecard filters legend */
.racecard_filters_legend_container {
    --this_margin_adjustment: calc(-1 * var(--layout_content_margin_small));
	line-height:1em;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 0;
	text-align: center;
	border-top:1px solid #eee;
	border-radius:0 0 10px 10px;
	background: #f9f9f9;
	box-shadow:inset 0 0 0 1px #fff; }

	/* item */
	.racecard_filters_legend_container .racecard_filters_legend_item {
		position: relative;
		display:inline-block;
		margin-right: 14px;
		padding-right: 5px;
		line-height: 1em; }
		.racecard_filters_legend_container .racecard_filters_legend_item.going_leeway,
		.racecard_filters_legend_container .racecard_filters_legend_item.surface_grouped {
			padding-right:0; }
		.racecard_filters_legend_container .racecard_filters_legend_item.surface_grouped {
			margin-right:0; }

		/* desc */
		.racecard_filters_legend_container .racecard_filters_legend_item .racecard_filters_legend_desc {
			display:inline-block;
			font-size:0.7em;
			font-weight:300;
			letter-spacing: -0.0175em;
			color:#999;
			cursor:help; }
			.racecard_filters_legend_container .racecard_filters_legend_item:hover .racecard_filters_legend_desc {
				color:#444;
				transform:scale(1.01); }

		/* button indicator */
		.racecard_filters_legend_container .racecard_filters_legend_item .racecard_filters_legend_indicator.button_indicator {
			top: -2px;
			border-color:#f9f9f9; }
		.racecard_filters_legend_container .racecard_filters_legend_item.this_race .racecard_filters_legend_indicator.button_indicator { background:rgb(var(--colour_green)); }
		.racecard_filters_legend_container .racecard_filters_legend_item.crossover .racecard_filters_legend_indicator.button_indicator { background: rgb(var(--colour_accent)); }
		.racecard_filters_legend_container .racecard_filters_legend_item.additional .racecard_filters_legend_indicator.button_indicator { background:rgb(255,153,0); }
		.racecard_filters_legend_container .racecard_filters_legend_item.changed .racecard_filters_legend_indicator.button_indicator { background:rgb(var(--colour_red)); }
		/* sup indicator */
		.racecard_filters_legend_container .racecard_filters_legend_item sup.racecard_filters_legend_indicator {
			padding-left:2px;
			color:rgb(var(--colour_warning)); }
			.racecard_filters_legend_container .racecard_filters_legend_item.going_leeway sup.racecard_filters_legend_indicator {
				top:-5px;
				font-size:0.5em !important; }