:root {
	--text-color: #939498;
	--text-color-title: white;
	--text-color-table: #e0e0e3;
	--page-background-color: #3a3d46; /*272a30*/
	--panel-background-color: #272a30; /*183945*/
	--table-border-color: #939498;
	--alert-info-background-color: #272a30;
	--alert-warning-background-color: #929EA6;
	--alert-danger-background-color: firebrick;
	--alert-priority-background-color: #BF3459;
	--alert-success-background-color: #183945;
	/**/
	/**/
	/**/
	/* Specific button colours*/
	--btn-cancel-background-color: slategray;
	--btn-debug-background-color: cadetblue;
	--btn-delete-background-color: firebrick; /* follows danger*/
	--btn-display-background-color: black;
	--btn-download-background-color: #337cf6;
	--btn-edit-background-color: #f6944b;
	--btn-save-background-color: #f6c244;
	--btn-view-background-color: #116973; /* follows info*/
	--btn-redirect-background-color: forestgreen;
	--btn-search-background-color: forestgreen;
	--btn-hover-color: black;
	--btn-hover-background-color: gray;
	--btn-previous-background-color-signup: #4faf12;
	--btn-next-background-color-signup: #69ac37;
	--btn-next-background-color-signup-light: #b8f48c;
	/**/
	/**/
	/**/
	/* Definitions hints and explanations button colours*/
	--btn-definition-background-color: #3a3d46;
	--btn-hint-background-color: black;
	--btn-explanation-color: slategray;
	--btn-explanation-background-color: white;
	--tab-background-color: black;
	--pills-background-color: slategray;
	--pills-hover-background-color: gray;
	--pills-active-background-color: black;
	--pills-active-background-color-optimal: firebrick;
	--pills-inactive-background-color: gray;
	/* MUST FOLLOW OwnGoalAPICore.Helpers.Style.css */
	--zone-tva-recovery-colour: #6d8593;
	--zone-tva-endurance-colour: #39a9eb;
	--zone-tva-lactate-colour: #fbd118;
	--zone-tva-vo2max-colour: #f79c0b;
	--zone-tva-anaerobic-colour: #f5253c;
	--badge-complete-background-color: #4faf12;
	--badge-incomplete-background-color: firebrick;
}

/*
    Jordan's colours

    Bright gold efd4a8
    Dark gold bf9046

    Page background 282a30
    Chart background 3a3d46

    BRAD'S CHART COLOURS

    Bright green b8f48c
    Dark green 69ac37


*/

body {
	/*    font-family: 'Lato', sans-serif; */
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
/*	line-height: 1.42857143;*/
	line-height: 1;
	color: var(--text-color) !important;
	background-color: var(--page-background-color) !important;
	padding-top: 2px; /* 50  or 2 for sidebar */
	padding-bottom: 20px;
}

a {
	/*    font-size: 0.9em !important;
    padding-left: 30px !important;
    background-color: var(--page-background-color) !important;
    */
	color: var(--text-color) !important;
}

	a:hover {
		/*
        font-size: 0.9em !important;
        padding-left: 30px !important;
        */
		background-color: var(--panel-background-color) !important; 
		text-decoration: none;
		color: white !important;
	}

.tableLayout {
}

	.tableLayout .centralBanner {
		text-align: center;
		font-weight: bold;
		font-size: 1.6em;
	}

	.tableLayout .centralExplanation {
		text-align: center !important;
		font-size: 1.0em;
	}


.tableRounded {
	/*    border-radius: 6px 6px 6px 6px !important;
    border: 1px solid black !important;
    border-spacing: 0 !important;
    */
	color: var(--text-color-table) !important;
	font-size: 14pt;
	border-collapse: separate;
	border: solid black 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

	.tableRounded caption {
/*		font-size: 1.2em;
		font-weight: normal;*/
		color: var(--text-color-table) !important;
		background-color: var(--panel-background-color) !important;
		text-align: center;
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}

	.tableRounded tr:first-child td:first-child {
		border-top-left-radius: 5px !important;
	}

	.tableRounded tr:first-child td:last-child {
		border-top-right-radius: 5px !important;
	}

	.tableRounded tr:last-child td:first-child {
		border-bottom-left-radius: 5px !important;
	}

	.tableRounded tr:last-child td:last-child {
		border-bottom-right-radius: 5px !important;
		color: var(--text-color-table) !important;
		font-size: 10pt;
	}

	.tableRounded tr:hover {
		color: white;
	}

	.tableRounded td {
		color: var(--text-color-table) !important;
		font-size: 10pt;
		border-style: none none solid none;
		border-color: var(--table-border-color) !important;
		border-width: 1px;
	}

	.tableRounded label {
		font-size: 12pt;
		font-weight: normal !important;
	}

	.tableRounded th {
		color: var(--text-color-table) !important;
		font-size: 12pt;
		font-weight: normal !important;
		background-color: var(--panel-background-color) !important;
	}


.tableRounded-menu-container {
	position: relative !important;
	z-index: 10000;
}

	.tableRounded-menu-container ul {
		padding: 0px !important;
		margin: 0px !important;
		/*        border: 1px solid black !important;*/
		/*        background-color: gray !important;*/
	}

		.tableRounded-menu-container ul:hover {
			position: absolute !important;
			margin-top: -10px !important;
			/*            width: 100px !important;*/
			z-index: 10000;
		}

		.tableRounded-menu-container ul li {
			display: none !important;
			list-style-image: none !important;
			margin: 0px !important;
			padding: 2px 0px 0px 0px !important;
			width: 24px !important;
			border: 0px solid black !important;
			background-color: var(--page-background-color) !important;
			z-index: 1000;
		}

		.tableRounded-menu-container ul:hover li {
			color: red !important;
			display: block !important;
			margin-bottom: 0px !important;
			cursor: pointer !important;
			padding: 2px 0px 0px 0px !important;
			width: 24px !important;
			border: 0px solid black !important;
			background-color: var(--page-background-color) !important;
			z-index: 1000;
		}



.tableMenu-btn {
	border-style: none none none none;
	background-color: var(--page-background-color) !important;
}


.tableMenu {
	position: relative;
	display: inline-block;
}

.tableMenu-content {
	display: none;
	position: absolute;
	right: 0;
	min-width: 160px;
	z-index: 1;
	background-color: var(--page-background-color) !important;
	border: 1px solid slategray;
}

	.tableMenu-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

		.tableMenu-content a:hover {
			background-color: #f1f1f1;
		}

.tableMenu:hover .tableMenu-content {
	display: block;
}

.tableMenu:hover .bbDropbtn {
	background-color: black;
}

.tableMenu-menu-icon {
	border-style: none none none none;
	padding: 4px 2px 0px 2px !important;
	border-style: none none none none !important;
}

.tableMenu-menu-text {
	padding: 4px 0px 0px 2px !important;
	margin: 0px 0px 0px 0px !important;
	color: white !important;
	width: 100%;
	border-style: none none none none !important;
}

	.tableMenu-menu-text:hover {
		cursor: pointer;
		background-color: var(--panel-background-color) !important;
		width: 100%;
	}







.validation {
	padding-bottom: 10px;
}

th, td {
	padding: 10px 15px 10px 5px;
}

th {
	color: var(--text-color-title) !important;
}

td {
}

.col-label {
	color: var(--text-color-title) !important;
	background-color: var(--panel-background-color) !important;
}

.col-label-left {
	color: var(--text-color-title) !important;
	background-color: var(--panel-background-color) !important;
	text-align: left;
}

.col-label-right {
	color: var(--text-color-title) !important;
	background-color: var(--panel-background-color) !important;
	text-align: right;
}

.personalBest {
	background-color: var(--btn-delete-background-color) !important;
}

.year {
	background-color: var(--btn-display-background-color) !important;
}

.halfYear {
	background-color: var(--btn-edit-background-color) !important;
}

.quarter {
	background-color: var(--btn-save-background-color) !important;
}

.month {
	background-color: var(--btn-view-background-color) !important;
}

.fortnight {
	background-color: var(--btn-cancel-background-color) !important;
}

.week {
	background-color: var(--btn-cancel-background-color) !important;
}

.complete {
	background-color: var(--badge-complete-background-color) !important;
}

.incomplete {
	background-color: var(--badge-incomplete-background-color) !important;
}

.rowLabel {
	color: var(--text-color-title) !important;
}

.content {
	padding-left: 5px;
}

.container {
	padding-left: 0px;
}

.body-content {
	margin-left: 0px;
	margin-right: auto;
}

.text-danger {
	color: red !important;
	font-size: 1.1em;
}


/*
                <span style="font-size: 2.0em; font-weight: bold; vertical-align: middle; color: white;">
                &nbsp;&nbsp;@Constants.TVAAppName
            </span>

*/
.pageBanner {
	font-size: 1.8em;
	vertical-align: middle;
	color: var(--text-color-title) !important;
	font-weight: 400;
	/*    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: white;
    background-color: var(--alert-info-background-color) !important;
    border-color: #BCE8F1;
    opacity: 0.5;
    */
}




/*.pageHeader {
	font-size: 1.6em;
	color: var(--text-color-title) !important;
	text-align: left;
	vertical-align: auto;
	padding-left: 10px;*/
/*	line-height: 20px;*/
/*}*/
.pageHeader {
	font-size: 1.4em;
	color: var(--text-color-title) !important;
	text-align: left;
/*	padding-top: 45px;*/
	padding-left: 10px;
/*	padding-bottom: 45px;*/
	line-height: 45px;
}

.pageSubheader {
	/*  font-weight: bold; */
	font-size: 1.3em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 45px;
	padding-bottom: 5px;
	color: var(--text-color-title) !important;
	line-height: 25px;
}

.reportPeriod {
	font-weight: normal;
	font-size: 1.0em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 45px;
	padding-bottom: 15px;
	color: var(--text-color) !important;
	line-height: 25px;
}

.footnote {
	font-size: 14px;
	font-style: italic;
	color: slategray;
}

.pageQuestion {
	font-style: italic;
	font-size: 24px;
	/*  font-weight: bold; */
}


.readingVeryLow {
	color: darkblue;
}

.readingLow {
	color: cornflowerblue;
}

.readingNormal {
	color: forestgreen;
}

.readingHigh {
	color: orange;
}

.readingVeryHigh {
	color: firebrick;
}


.borderless td {
	border: none !important;
}

.borderless th {
	border-bottom: 2px solid slategray !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}

.alert .alert-icon-col {
	min-width: 25px;
	max-width: 25px;
}

.halfHeight {
	height: 5px;
}

hr {
	border-top: 2px solid !important;
}

.sectionHeader {
	/*  font-weight: bold; */
	font-size: 1.4em;
}


.sectionElement {
	/*  font-weight: bold; */
	font-size: 1.1em;
}

.panel-heading {
	color: var(--text-color-title) !important;
	background-color: var(--panel-background-color) !important;
	font-size: 1.2em;
	margin: 0px !important;
}

.panel-title {
	color: var(--text-color-title) !important;
}
.panel-primary {
	margin: 0px !important;
}
.panel-group {
	margin: 0px !important;
}

.panel-collapse {
	color: var(--text-color-title) !important;
	background-color: var(--page-background-color) !important;
}

.panel-footer {
	color: var(--text-color-title) !important;
	background-color: var(--page-background-color) !important;
}

.msg {
	background-color: var(--alert-warning-background-color) !important;
}

.navbar {
	background-color: var(--alert-info-background-color) !important;
	color: #183945;
}

/* navbar style for drop-down menu entries within the navbar */
.nav-link {
	background-color: var(--alert-info-background-color) !important;
	color: #183945;
}

.developerNotes {
	font-size: 16px;
	color: darkblue;
}

.signUpProgress {
	font-size: 1.1em;
	font-weight: normal;
}

.signUpProgressPage {
	font-size: 1.1em;
	/*  font-weight: bold; */
	font-style: italic;
}

.alert-success {
	color: white;
	/*    background-color: #183945; */
	background-color: var(--alert-success-background-color) !important;
	border-color: #BCE8F1;
	opacity: 1;
}

.alert-info {
	color: white;
	background-color: var(--alert-info-background-color) !important;
	border-color: #BCE8F1;
	opacity: 1.0;
}

.alert-warning {
	color: white;
	background-color: var(--alert-warning-background-color) !important;
	border-color: #BCE8F1;
	opacity: 0.9;
}

.alert-danger {
	color: white;
	/*background-color: #116973; */
	background-color: var(--alert-danger-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.5;
}


.btn:hover {
	color: var(--btn-hover-color) !important;
	background-color: var(--btn-hover-background-color) !important;
}

.btn:disabled {
	color: darkslategray !important;
	background-color: lightgray !important;
}

.btn-lg:hover {
	color: var(--btn-hover-color) !important;
	background-color: var(--btn-hover-background-color) !important;
	border-color: #FFFFFF;
}

.btn-success:hover {
	color: black !important;
	background-color: #116973;
}
.btn-no-background {
	color: white;
	background-color: transparent;
	border-color: transparent;
	opacity: 1.0;
}

.btn-success {
	color: white;
	background-color: #116973;
	border-color: #BCE8F1;
	opacity: 0.8;
}

/*
.btn-info:hover {
    background-color: #116973;
}
    */

.btn-info {
	color: white !important;
	background-color: #116973 !important;
	border-color: #BCE8F1;
	opacity: 1.0;
}

	.btn-info:hover {
		background-color: var(--btn-hover-background-color) !important;
	}

.btn-warning {
	color: white;
	background-color: var(--alert-warning-background-color) !important;
	border-color: #BCE8F1;
	opacity: 0.5;
}

.btn-danger {
	color: white;
	background-color: var(--alert-danger-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-danger:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-alert {
	color: white;
	background-color: var(--alert-danger-background-color) !important;
	background-color: blue !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-alert:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-next {
	color: white;
	background-color: #183945;
	border-color: #FFFFFF;
	font-size: 1.8em !important;
	padding: 1px 15px 3px 15px !important;
}

	.btn-next:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
	}

.btn-previous {
	color: white;
	background-color: #183945;
	border-color: #FFFFFF;
	font-size: 1.8em !important;
	padding: 1px 15px 3px 15px !important;
}

	.btn-previous:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
	}

.btn-next-signup {
	color: white;
	background-color: var(--btn-next-background-color-signup) !important;
	border-color: #FFFFFF;
	font-size: 1.2em !important;
	padding: 1px 15px 3px 15px !important;
}

	.btn-next-signup:hover {
		color: black !important;
		background-color: var(--btn-next-background-color-signup) !important;
		opacity: 0.5 !important;
		border-color: black !important;
	}

.btn-previous-signup {
	color: white;
	background-color: var(--btn-previous-background-color-signup) !important;
	border-color: #FFFFFF;
	font-size: 1.2em !important;
	padding: 1px 15px 3px 15px !important;
}

	.btn-previous-signup:hover {
		color: black !important;
		background-color: var(--btn-next-background-color-signup) !important;
		opacity: 0.5 !important;
		border-color: black !important;
	}


.btn-next-small {
	color: white;
	background-color: #183945;
	border-color: #FFFFFF;
	font-size: 1.2em !important;
	padding: 1px 15px 3px 15px !important;
}

	.btn-next-small:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
	}

.btn-previous-small {
	color: white;
	background-color: #183945;
	border-color: #FFFFFF;
	font-size: 1.2em !important;
	padding: 1px 15px 3px 15px !important;
}

	.btn-previous-small:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
	}

.btn-cancel {
	color: black;
	background-color: var(--btn-cancel-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-cancel:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-delete {
	color: white;
	background-color: var(--btn-delete-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-delete:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-display {
	color: white;
	background-color: var(--btn-display-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-display:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-download {
	color: white;
	background-color: var(--btn-download-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-download:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}


.btn-edit {
	color: white;
	background-color: var(--btn-edit-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-edit:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}


.btn-save {
	color: black !important;
	background-color: var(--btn-save-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-save:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-view {
	color: white;
	background-color: var(--btn-view-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-view:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-definition {
	color: var(--text-color) !important;
	/*	background-color: var(--btn-definition-background-color) !important;*/
		background-color: rgba(0, 0, 0, 0);
	border-color: #FFFFFF;
	border: solid 0px !important;
	opacity: 0.9;
	padding: 0px;
	margin-left: 0px;
}

	.btn-definition:hover {
		color: white !important;
		font-weight: bold !important;
		/*		background-color: var(--btn-definition-background-color) !important;*/
		/*		background-color: var(--btn-hover-background-color) !important;*/
		background-color: rgba(0, 0, 0, 0) !important;
		border-color: black !important;
		border: solid 0px !important;
		padding: 0px;
		margin-left: 0px;
	}

.btn-explanation {
	color: var(--btn-explanation-color) !important;
	/*	background-color: var(--btn-explanation-background-color) !important;*/
	border-color: #FFFFFF;
	opacity: 0.9;
}

.btn-explanation-title {
	color: var(--btn-explanation-color) !important;
		background-color: var(--btn-explanation-background-color) !important;
	/*	background-color: var(--btn-explanation-color) !important;
	color: var(--btn-explanation-background-color) !important;*/
	font-weight: 700 !important;
	border-color: #FFFFFF;
	opacity: 1.0;
}

.btn-explanation-header {
	color: var(--btn-explanation-color) !important;
	background-color: var(--btn-explanation-background-color) !important;
	font-weight: 700 !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}
/*
    .btn-explanation:hover {
        color: var(--text-color) !important;
        background-color: var(--btn-explanation-background-color) !important;
        border-color: black !important;
        border: solid 1px !important;
    }
    */
.btn-hint {
	color: white;
	background-color: var(--btn-hint-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-hint:hover {
		color: black !important;
		background-color: slategray !important;
		border-color: black !important;
		border: solid 1px !important;
	}


.btn-redirect {
	color: white;
	background-color: var(--btn-redirect-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-redirect:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-search {
	color: white;
	background-color: var(--btn-redirect-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-search:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}

.btn-debug {
	color: white;
	background-color: var(--btn-debug-background-color) !important;
	border-color: #FFFFFF;
	opacity: 0.9;
}

	.btn-debug:hover {
		color: black !important;
		background-color: white !important;
		border-color: black !important;
		border: solid 1px !important;
	}



.liSpaced {
	margin: 20px 0 !important;
}


.nav-pills {
	background-color: var(--pills-background-color) !important;
}

	.nav-pills > li > a {
	}

	.nav-pills > .active > a, .nav-pills > .active > a:hover {
		background-color: var(--pills-active-background-color) !important;
		color: white !important;
	}

	.nav-pills > .activeoptimal > a, .nav-pills > .activeoptimal > a:hover {
		/*			background-color: var(--pills-active-background-color-optimal) !important;*/
		background-color: var(--pills-active-background-color) !important;
		color: white !important;
		font-weight: 800 !important;
	}

	.nav-pills > .inactive > a, .nav-pills > .inactive > a:hover {
		background-color: var(--pills-inactive-background-color) !important;
		color: white !important;
	}

	.nav-pills > li > a:hover {
		background-color: var(--pills-hover-background-color) !important;
		color: black !important;
	}



.googleTableHeaderRow {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 800;
}

.googleTableRow, .googleOddTableRow, .googleHoverTableRow, .googleSelectedTableRow, .googleHeaderTableCell, .googleTableCell, .googleRowNumberCell {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	background-color: #3a3d46;
}

.googleHoverTableRow {
	font-family: 'Lato', sans-serif;
	background-color: #bbb;
}

.dot {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	display: inline-block;
}


.tva-recovery {
	background-color: var(--zone-tva-recovery-colour) !important;
}

.tva-endurance {
	background-color: var(--zone-tva-endurance-colour) !important;
}

.tva-lactate {
	background-color: var(--zone-tva-lactate-colour) !important;
}

.tva-vo2max {
	background-color: var(--zone-tva-vo2max-colour) !important;
}

.tva-anaerobic {
	background-color: var(--zone-tva-anaerobic-colour) !important;
}

.btn-filled {
	width: 100% !important;
	margin: 0 !important;

}


.tableBordered {
	border-collapse: separate;
	border: solid black 1px;
}


	.tableBordered tr:hover {
		color: white;
	}

	.tableBordered td {
		padding: 10px;
	}

	.tableBordered th {
		padding: 10px;
	}


.btn-lg {
	border: solid 1px;
	border-color: white;
	color: var(--text-color-title) !important;
	;
}


td.ui-datepicker-current-day {
	background: firebrick !important;
	color: firebrick !important;
	font-style: italic !important;
}

.ui-datepicker th {
	background: var(--panel-background-color);
	color: #ffffff;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}

.loader {
	border: 6px solid var(--btn-cancel-background-color);
	border-top: 6px solid var(--alert-danger-background-color); 
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
}

.loader hidden {
	visibility: hidden;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.chartContainer {
}

.description {
	padding: 10px 10px 10px 10px;
	text-align: left;

}



.tableSummary {
	color: var(--text-color-table) !important;
	font-size: 14pt;
	border-collapse: separate;
	border: solid black 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

	.tableSummary .banner {
		font-size: 1.4em;
		font-weight: bold;
		border: 0px !important;
	}

	.tableSummary .sectionHeader {
		font-size: 1.4em;
		border: 0px !important;
	}

	.tableSummary caption {
		/*		font-size: 1.2em;
		font-weight: normal;*/
		color: var(--text-color-table) !important;
		background-color: var(--panel-background-color) !important;
		text-align: center;
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-style: none none solid none;
		border-color: var(--table-border-color) !important;
		border-width: 1px !important;
	}


	.tableSummary tr
	{
		line-height: 8px;
	}

	.tableSummary tr:hover {
		color: white;
	}

	.tableSummary td {
		color: var(--text-color-table) !important;
		font-size: 10pt;
		border-style: none none solid none;
		border-color: var(--table-border-color) !important;
		border-width: 1px;
	}

	.tableSummary label {
		font-size: 10pt;
		font-weight: normal !important;
	}

	.tableSummary th {
		color: var(--text-color-table) !important;
		font-size: 11pt;
		font-weight: normal !important;
		background-color: var(--panel-background-color) !important;
		border-style: none none solid none;
		border-color: var(--table-border-color) !important;
		border-width: 1px !important;
	}

.workoutHeader {
	color: var(--text-color-title) !important;
	font-size: 1.4em;
	align-content: center;
}


.legendBox {
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	opacity: 0.4;
}

.legendBoxLabel {
	height: 20px !important;
	color: white;
}

.insight-td {
	line-height: 5% !important;
}
.insightIcon {
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px;
	border: 1px solid white;
	opacity: 0.9;
}

.insightIconDone {
	background-color: forestgreen;
}

.insightIconOutstanding {
	background-color: firebrick;
}

.insightIconNoData {
	background-color: rgba(0, 0, 0, 0);
}

.insightIconModerate {
	background-color: var(--zone-tva-vo2max-colour) !important;
}

.insightIconSevere {
	background-color: firebrick;
}

.insightText {
	height: 20px !important;
	color: white;
}