/* -------------------------------
    Global spacing variables
--------------------------------- */
/*
*  Global colour variables
*
*  1 - Greyscale colours
*  2 - System colours
*  3 - Accent colours
*    3.1 - Main
*    3.2 - Light
*    3.3 - Dark
*    3.4 - Callout backgrounds
*/
/*** 1 - Greyscale colours ***/
/*** 2 - System colours ***/
/*** 3 - Accent colours ***/
/* Main */
/* Light */
/* Dark */
/* callout backgrounds */
/* icon colours */
/* service ontario header colours */
/*** 1 - Breakpoint sizes for media queries ***/
/* -------------------------------
    Global font-size variables
--------------------------------- */
/* -------------------------------
    Global font-weight variables
--------------------------------- */
/* -------------------------------
    Global line-height variables
--------------------------------- */
/* -------------------------------
    Global font variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
.ontario-table-container {
	position: relative;
	margin: 0.5rem 0 2.5rem;
}

.ontario-table-div {
	background:
		linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0)),
		linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,
		linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(252, 0, 0, 0) 100.01%),
		linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(252, 0, 0, 0) 100.01%);
	background-repeat: no-repeat;
	background-size:
		2.5rem 100%,
		2.5rem 100%,
		0.875rem 100%,
		0.875rem 100%;
	background-position:
		0 0,
		100%,
		0 0,
		100%;
	background-attachment: local, local, scroll, scroll;
	overflow-x: auto;
}
@media screen and (max-width: 40em) {
	.ontario-table-div {
		overflow-x: scroll;
	}
}

.ontario-table-scroll--wrapper {
	height: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
}

.ontario-table-container table {
	border-collapse: collapse;
	display: table;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.625rem;
}
.ontario-table-container table.ontario-table--full-container-width {
	display: table;
	width: 100%;
}
.ontario-table-container table.ontario-table--zebra-stripes-enabled tbody tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.0509803922);
}
.ontario-table-container
	table:not(.ontario-table--no-zebra-stripes)
	tbody
	tr:first-child:nth-last-child(n + 6):nth-child(even),
.ontario-table-container
	table:not(.ontario-table--no-zebra-stripes)
	tbody
	tr:first-child:nth-last-child(n + 6)
	~ tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 40em) {
	.ontario-table-container table {
		font-size: 1rem;
	}
}

.ontario-table-container caption {
	background-color: rgba(0, 0, 0, 0.1019607843);
	display: table-caption;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 2.1875rem;
	padding: 1.125rem 1rem 1.125rem 1.5rem;
	text-align: left;
}
@media screen and (max-width: 40em) {
	.ontario-table-container caption {
		font-size: 1.25rem;
		line-height: 1.875rem;
		padding-left: 1rem;
	}
}

.ontario-table-container table thead {
	border: solid;
	border-width: 0.1875rem 0;
	border-color: rgb(25.5, 25.5, 25.5);
	vertical-align: text-top;
}
.ontario-table-container table thead th {
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 0;
	padding: 1.75rem 1rem 1.75rem 1.5rem;
	text-align: left;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
@media screen and (max-width: 40em) {
	.ontario-table-container table thead th {
		font-size: 1rem;
		line-height: 1.3125rem;
		padding: 1.5rem 0.5rem 1.5rem 1rem;
	}
}
.ontario-table-container table thead th.ontario-table-cell--numeric {
	padding: 1.75rem 1.5rem 1.75rem 1rem;
	text-align: right;
}
@media screen and (max-width: 40em) {
	.ontario-table-container table thead th.ontario-table-cell--numeric {
		padding: 1.5rem 1rem 1.5rem 0.5rem;
	}
}

.ontario-table-container table tbody {
	font-size: 1rem;
	vertical-align: text-top;
}
.ontario-table-container table tbody tr {
	border: solid;
	border-width: 0.0625rem 0;
	border-color: rgba(0, 0, 0, 0.3019607843);
}
.ontario-table-container table tbody tr:last-child {
	border-width: 0.1875rem 0;
	border-top-width: 0;
	border-color: rgb(25.5, 25.5, 25.5);
}
.ontario-table-container table tbody tr.ontario-table-row--highlight {
	background-color: rgba(225, 145, 0, 0.2352941176) !important;
}
.ontario-table-container table tbody tr.ontario-table-row--highlight th {
	padding-left: 1.5rem;
	display: flex;
	position: relative;
}
.ontario-table-container table tbody tr.ontario-table-row--highlight th img.ontario-table--highlight-indicator {
	width: 0.5rem;
	position: absolute;
	top: 1.5rem;
	left: 0;
}
.ontario-table-container table tbody tr.ontario-table-row--subtotal {
	background-color: rgba(0, 123, 158, 0.1137254902) !important;
}

.ontario-table-container tbody th,
.ontario-table-container tfoot th,
.ontario-table-container table td {
	padding: 1.1875rem 1rem 1.1875rem 1.5rem;
	text-align: left;
	letter-spacing: 0.025rem;
}

.ontario-table-container tbody th,
.ontario-table-container tfoot th {
	font-weight: 700;
}
@media screen and (max-width: 40em) {
	.ontario-table-container tbody th,
	.ontario-table-container tfoot th {
		font-size: 1rem;
		line-height: 1.625rem;
		padding-right: 0.5rem;
		padding-left: 1rem;
	}
}

.ontario-table-container table td img {
	vertical-align: top;
}
@media screen and (max-width: 40em) {
	.ontario-table-container table td img {
		max-width: none;
	}
}
.ontario-table-container table td.ontario-table-cell--numeric {
	font-family: 'Courier Prime', Courier, 'Courier New', monospace;
	font-size: 1.0625rem;
	padding: 1.1875rem 1.5rem 1.1875rem 1rem;
	text-align: right;
}
.ontario-table-container table td.ontario-table-cell--numeric strong {
	font-family: 'Courier Prime', Courier, 'Courier New', monospace;
}

.ontario-table-container tbody tr.ontario-table-row--subtotal,
.ontario-table-container tfoot tr {
	border: solid;
	border-width: 0.1875rem 0;
	font-size: 1rem;
	border-color: rgb(25.5, 25.5, 25.5);
}
.ontario-table-container tbody tr.ontario-table-row--subtotal th,
.ontario-table-container tfoot tr th {
	padding: 1.4375rem 1rem 1.4375rem 1.5rem;
}
.ontario-table-container tbody tr.ontario-table-row--subtotal td,
.ontario-table-container tfoot tr td {
	font-weight: 700;
	padding: 1.4375rem 1rem 1.4375rem 1.5rem;
}

.ontario-table-container tfoot {
	vertical-align: text-top;
}
.ontario-table-container tfoot tr {
	background-color: rgba(0, 119, 160, 0.337254902) !important;
}

.ontario-table-header--column-span-1 {
	min-width: 8.33333vw;
}

.ontario-table-header--column-span-2 {
	min-width: 16.66666vw;
}

.ontario-table-header--column-span-3 {
	min-width: 25vw;
}

.ontario-table-header--column-span-4 {
	min-width: 33.33333vw;
}

.ontario-table-header--column-span-5 {
	min-width: 41.66666vw;
}

.ontario-table-header--column-span-6 {
	min-width: 50vw;
}

.ontario-table-header--column-span-7 {
	min-width: 58.33333vw;
}

.ontario-table-header--column-span-8 {
	min-width: 66.66666vw;
}

.ontario-table-header--column-span-9 {
	min-width: 75vw;
}

.ontario-table-header--column-span-10 {
	min-width: 83.33333vw;
}

.ontario-table-header--column-span-11 {
	min-width: 91.66666vw;
}

.ontario-table-header--column-span-12 {
	min-width: 100vw;
}

.ontario-table-container .ontario-table--condensed td {
	padding: 0.75rem 1rem 0.75rem 1.5rem;
	text-align: left;
}
.ontario-table-container .ontario-table--condensed td.ontario-table-cell--numeric {
	padding: 0.75rem 1.5rem 0.75rem 1rem;
	font-size: 1.0625rem;
	text-align: right;
}
.ontario-table-container .ontario-table--condensed tbody th,
.ontario-table-container .ontario-table--condensed tfoot th {
	padding: 0.75rem 1rem 0.75rem 1.5rem;
}
.ontario-table-container
	.ontario-table--condensed
	tr.ontario-table-row--highlight
	th
	img.ontario-table--highlight-indicator {
	top: 1.0625rem;
}
.ontario-table-container .ontario-table--condensed tr.ontario-table-row--subtotal th,
.ontario-table-container .ontario-table--condensed tr.ontario-table-row--subtotal td,
.ontario-table-container .ontario-table--condensed tfoot tr th,
.ontario-table-container .ontario-table--condensed tfoot tr td {
	padding: 1rem 1rem 1rem 1.5rem;
}
.ontario-table-container .ontario-table--condensed tr.ontario-table-row--subtotal td.ontario-table-cell--numeric,
.ontario-table-container .ontario-table--condensed tfoot tr td.ontario-table-cell--numeric {
	text-align: right;
	padding: 1rem 1.5rem 1rem 1rem;
}
@media screen and (max-width: 40em) {
	.ontario-table-container .ontario-table--condensed td {
		padding: 0.75rem 0.5rem 0.75rem 1rem;
		font-size: 1rem;
	}
	.ontario-table-container .ontario-table--condensed td.ontario-table-cell--numeric {
		padding: 0.75rem 1rem 0.75rem 0.5rem;
	}
	.ontario-table-container .ontario-table--condensed tbody th {
		padding: 0.75rem 0.5rem 0.75rem 1rem;
	}
	.ontario-table-container .ontario-table--condensed tr.ontario-table-row--subtotal th,
	.ontario-table-container .ontario-table--condensed tr.ontario-table-row--subtotal td,
	.ontario-table-container .ontario-table--condensed tfoot tr th,
	.ontario-table-container .ontario-table--condensed tfoot tr td {
		padding: 1rem 0.5rem 1rem 1rem;
	}
	.ontario-table-container .ontario-table--condensed tr.ontario-table-row--subtotal td.ontario-table-cell--numeric,
	.ontario-table-container .ontario-table--condensed tfoot tr td.ontario-table-cell--numeric {
		text-align: right;
		padding: 1rem 1rem 1rem 0.5rem;
	}
}
