/* ----- Variables ----- */
:root {
	/* Colours
        500 = base
        < 500 = lighter
        > 500 = darker
    */
	/* black */
	--tr-color-black: #333;
	/* white */
	--tr-color-white: #fff;
	/* red */
	--tr-color-red-100: #f1e4e4;
	--tr-color-red-200: #f9b6ba;
	--tr-color-red-400: #ff5c59;
	--tr-color-red-500: #eb0d19;
	--tr-color-red-600: #b80000;
	--tr-color-red-700: #8a1f11;
	/* red-grey */
	--tr-color-red-grey-200: #dcbdbd;
	/* blue */
	--tr-color-blue-100: #e6f2ff;
	--tr-color-blue-200: #b3d2f6;
	--tr-color-blue-300: #66afe9;
	--tr-color-blue-400: #4281f4;
	--tr-color-blue-500: #0069e0;
	--tr-color-blue-600: #0031b3;
	--tr-color-blue-700: #337ab7;
	--tr-color-blue-800: #23527c;
	--tr-color-blue-900: #183854;
	/* blue-grey */
	--tr-color-blue-grey-200: #cfdae6;
	--tr-color-blue-grey-300: #bac7ce;
	--tr-color-blue-grey-600: #5f7c8a;
	/* green */
	--tr-color-green-300: #8bc34a;
	--tr-color-green-400: #77ac39;
	--tr-color-green-500: #76ff03;
	/* orange */
	--tr-color-orange-400: #ffc93b;
	--tr-color-orange-500: #ff8c00;
	--tr-color-orange-600: #cc7000;
	/* grey */
	--tr-color-grey-100: #fafafa;
	--tr-color-grey-200: #f3f3f3;
	--tr-color-grey-300: #e5e5e5;
	--tr-color-grey-400: #ddd;
	--tr-color-grey-500: #c8c8c8;
	--tr-color-grey-800: #686868;
	--tr-color-grey-900: #585858;
	/* e/r/a */
	--tr-color-entity: #d53880;
	--tr-color-report: #2d52d2;
	--tr-color-action: #cc6200;
	/* Filters
        500 = base
        < 500 = lighter
        > 500 = darker
    */
	/* black */
	--tr-filter-black: brightness(0) saturate(100%) invert(17%) sepia(1%) saturate(0%) hue-rotate(56deg) brightness(94%) contrast(89%);
	/* white */
	--tr-filter-white: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2%) hue-rotate(56deg) brightness(109%) contrast(101%);
	/* red */
	--tr-filter-red-500: brightness(0) saturate(100%) invert(11%) sepia(97%) saturate(6401%) hue-rotate(353deg) brightness(94%) contrast(96%);
	/* blue */
	--tr-filter-blue-500: brightness(0) saturate(100%) invert(25%) sepia(54%) saturate(3117%) hue-rotate(200deg) brightness(105%) contrast(103%);
	--tr-filter-blue-600: brightness(0) saturate(100%) invert(12%) sepia(85%) saturate(4119%) hue-rotate(217deg) brightness(97%) contrast(117%);
	/* blue-grey */
	--tr-filter-blue-grey-600: brightness(0) saturate(100%) invert(48%) sepia(27%) saturate(375%) hue-rotate(155deg) brightness(92%) contrast(89%);
	/* green */
	--tr-filter-green-300: brightness(0) saturate(100%) invert(76%) sepia(18%) saturate(1194%) hue-rotate(44deg) brightness(88%) contrast(94%);
	/* orange */
	--tr-filter-orange-400: brightness(0) saturate(100%) invert(79%) sepia(93%) saturate(1131%) hue-rotate(324deg) brightness(101%) contrast(101%);
	/* grey */
	--tr-filter-grey-300: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2559%) hue-rotate(161deg) brightness(119%) contrast(80%);
	--tr-filter-grey-800: brightness(0) saturate(100%) invert(41%) sepia(0%) saturate(6%) hue-rotate(159deg) brightness(93%) contrast(76%);
	/* e/r/a */
	--tr-filter-entity: brightness(0) saturate(100%) invert(42%) sepia(37%) saturate(6846%) hue-rotate(311deg) brightness(87%) contrast(91%);
	--tr-filter-report: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(1789%) hue-rotate(215deg) brightness(101%) contrast(85%);
	--tr-filter-action: brightness(0) saturate(100%) invert(42%) sepia(17%) saturate(6751%) hue-rotate(13deg) brightness(91%) contrast(101%);
	/* Absolute Z Indexes */
	--tr-sticky-content-header-z-index: 10;
	--tr-planner-freezeheader-first-column-z-index: 10;
	--tr-sticky-header-z-index: 94;
	--tr-nav-sticky-header-z-index: 95;
	--tr-map-view-underlay-z-index: 95;
	--tr-map-view-modal-z-index: calc(var(--tr-map-view-underlay-z-index) + 1);
	--tr-popup-z-index: 99;
	--tr-mini-nav-menu-z-index: 100;
	--tr-datepicker-z-index: 100;
	--tr-drawer-z-index: 101;
	--tr-taskboard-drawer-z-index: calc(var(--tr-drawer-z-index) + 1);
	--tr-popup-offset-search-panel-z-index: calc(var(--tr-drawer-z-index) + 1);
	--tr-open-map-layers-drawer-z-index: calc(var(--tr-drawer-z-index) + 1);
	--tr-open-map-tools-drawer-z-index: calc(var(--tr-open-map-layers-drawer-z-index) + 1);
	--tr-modal-backdrop-z-index: 999;
	--tr-site-header-z-index: 1000;
	--tr-session-timeout-z-index: 1001;
	--tr-static-arrow-z-index: 1060;
	--tr-arrow-menu-z-index: 1071;
	--tr-loading-square-z-index: 99999;
	/* Components */
	/* START - Body */
	--tr-body-text-color: var(--tr-color-black);
	/* END - Body */
	/* START - Anchors */
	--tr-anchor-color: var(--tr-color-blue-500);
	--tr-anchor-filter: var(--tr-filter-blue-500);
	--tr-anchor-hover-color: var(--tr-color-blue-600);
	--tr-anchor-hover-filter: var(--tr-filter-blue-600);
	--tr-anchor-decoration: none;
	--tr-anchor-hover-decoration: underline;
	/* END - Anchors */
	/* START - Inputs */
	--tr-input-disabled-color: var(--tr-color-grey-800);
	--tr-input-disabled-bg-color: var(--tr-color-grey-200);
	/* END - Inputs */
	/* START - Tile Card */
	--tr-tile-card-text-size: 18px;
	/* END - Tile Card */
	/* START - Toggle Switch */
	--tr-tog-off-color: var(--tr-color-white);
	--tr-tog-off-bg-color: var(--tr-color-grey-800);
	--tr-tog-on-color: var(--tr-color-white);
	--tr-tog-on-bg-color: var(--tr-color-blue-500);
	--tr-tog-disabled-bg-color: var(--tr-color-grey-500);
	--tr-tog-label-disabled-color: var(--tr-color-grey-500);
	--tr-tog-off: 'OFF';
	--tr-tog-on: 'ON';
	/* END - Toggle Switch */
	/* START - Card */
	--tr-card-heading-button-bg-hover-color: var(--tr-color-white);
	--tr-card-heading-collapsed-bg-color: var(--tr-color-grey-200);
	--tr-card-heading-expanded-bg-color: var(--tr-color-grey-300);
	--tr-card-heading-bg-hover-color: var(--tr-color-blue-100);
	--tr-card-heading-padding-x: 8px;
	--tr-card-heading-padding-y: 3px;
	--tr-card-border-color: var(--tr-color-grey-500);
	/* END - Card */
	/* START - Expandable List */
	--tr-list-expandable-item-bg-color: var(--tr-color-white);
	/* END - Expandable List */
	/* START - Percentage Progress Circle */
	--tr-ppc-color: var(--tr-color-blue-500);
	--tr-ppc-color-success: var(--tr-color-green-300);
	--tr-ppc-color-failure: var(--tr-color-red-500);
	--tr-ppc-bg-color: var(--tr-color-grey-500);
	--tr-ppc-text-color: var(--tr-color-black);
	--tr-ppc-outer-radius: 60px; /* should conform with static #outerDiameter = 120; in mod/shared/instance/percentage-progress-circle.js */
	/* END - Percentage Progress Circle */
	/* START - Drawer */
	--tr-drawer-header-active-filters-content-max-height-search-panel: 25vh;
	--tr-drawer-width-search-panel: 300px;
	--tr-drawer-width-search-panel-tablet-up: 380px;
	--tr-drawer-toggle-width-search-panel: 32px;
	--tr-drawer-toggle-closed-width-search-panel-tablet-up: 48px;
	--tr-drawer-toggle-open-width-search-panel-tablet-up: 32px;
	/* END - Drawer */
}

/* ----- Style Overrides ----- */
/* START - Default */
html,
body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, "Helvetica", sans-serif;
	background-color: var(--tr-color-white);
	overflow-x: hidden;
}

form[name='aspnetForm'] {
	min-height: calc(100vh - 78px); /* 100% of viewheight - (navbar height + navbar margin-bottom) */
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

label {
	color: var(--tr-color-black);
	padding: 1.2%;
	font-weight: normal;
}

p {
	margin: 10px 0 10px;
}

table:not(.table__tr, .ui-datepicker-calendar) tbody,
table:not(.table__tr, .ui-datepicker-calendar) td,
table:not(.table__tr, .ui-datepicker-calendar) tfoot,
table:not(.table__tr, .ui-datepicker-calendar) th,
table:not(.table__tr, .ui-datepicker-calendar) thead,
table:not(.table__tr, .ui-datepicker-calendar) tr {
	border-width: 1px;
}

.table__tr img.icon,
.table__tr i {
	margin: 0;
}
/* END - Default */

/* START - Print */
@media print {
	body {
		overflow: visible !important;
	}

	.floating-header {
		display: none;
	}

	.table__tr,
	.table__tr td,
	.table__tr th {
		border: 1px solid var(--tr-color-grey-500);
	}

	#tablecontent {
		width: 100%;
		overflow: visible !important;
	}

	a[href]:after {
		content: none !important;
	}

	i.tr__icon {
		/* browser-specific fixes for printing bg images */
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
}
/* END - Print */

/* ----- 3rd Party Style Overrides ----- */
/* START - Bootstrap */
/* Start - Variables */
/* TODO: Migrate Bootstrap variable styles here, so that we can wire them up with our own variables (set at the top of this file) in prep for a future light/dark theming update */
:root {
	/* start - body */
	--bs-body-font-size: 14px;
	--bs-body-color: var(--tr-body-text-color);
	/* end - body */
	/* start - anchor */
	--bs-link-color: var(--tr-anchor-color);
	--bs-link-hover-color: var(--tr-anchor-hover-color);
	--bs-link-decoration: var(--tr-anchor-hover-decoration); /* Bootstrap doesn't distinguish link decoration between hover and non-hover state, so we set our "hover" variant here and our non-hover on the <a> tag itself */
	/* end - anchor */
}
/* End - Variables */
/* Start - Vanilla HTML Elements */
a,
a:not([href]):not([class]) {
	color: var(--bs-link-color);
	text-decoration: var(--tr-anchor-decoration);
}

	a:hover,
	a:focus,
	a:not([href]):not([class]):hover,
	a:not([href]):not([class]):focus {
		color: var(--bs-link-hover-color);
		text-decoration: var(--bs-link-decoration);
		outline: none;
	}

h1,
.h1 {
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h2,
.h2 {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h3,
.h3 {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4,
.h4 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h5,
.h5 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h6,
.h6 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* End - Vanilla HTML Elements */

/* Start - Container */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 32px;
}

@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1580px; /* sets the maximum content width */
	}
}
/* End - Container*/

/* Start - Row */
.row {
	--bs-gutter-x: 32px;
}
/* End - Row */

/* Start - Popover */
.popover {
	--bs-popover-body-padding-x: 14px;
	--bs-popover-body-padding-y: 9px;
}
/* End - Popover */

/* Start - Badge */
/* variables */
.badge__tr {
	--bs-badge-border-radius: 10px;
	--bs-badge-font-size: 12px;
	--bs-badge-padding-x: 7px;
	--bs-badge-padding-y: 3px;
}

	.badge__tr.badge__tr--inverted {
		--bs-badge-color: var(--tr-color-blue-500);
	}

/* generic */
.badge__tr {
	margin-top: 3px;
	position: absolute;
	background-color: var(--tr-color-blue-500);
	right: 30px;
}

	.badge__tr.badge__tr--inverted {
		background: none;
	}

/* bespoke */
/* card */
.card__tr .card-body a .badge__tr {
	position: absolute;
	float: right;
	right: 16px;
	top: calc(50% - 12px);
}
/* End - Badge */

/* Images */
.img-thumbnail {
	margin: 3px;
	max-width: 98%;
}

/* Start - Form Control */
/* ----- generic ----- */
.form-control__tr {
	border-radius: 2px;
	font-size: 14px;
	padding-top: 4.5px; /* adjust as needed to make height 32px */
	padding-bottom: 4.5px; /* adjust as needed to make height 32px */
}

	.form-control__tr.form-control-sm {
		font-size: 12px;
	}

	.form-control__tr:focus {
		height: auto;
		border-color: var(--tr-color-blue-300);
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	}

	.form-control__tr.disabled,
	.form-control__tr:disabled,
	.form-control__tr[disabled],
	.form-control__tr[readonly]:not(.hasDatepicker),
	fieldset.disabled .form-control__tr,
	fieldset:disabled .form-control__tr,
	fieldset[disabled] .form-control__tr {
		cursor: not-allowed;
		color: var(--tr-input-disabled-color) !important; /* overwrite browser autofill styling */
		background-color: var(--tr-input-disabled-bg-color) !important; /* overwrite browser autofill styling */
	}

textarea.form-control__tr {
	resize: vertical;
}

textarea.form-control__tr__custom-reports-input {
	width: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: Consolas;
}

/* ----- bespoke ----- */
/* ---- search ----*/
.form-control__tr.form-control__tr--search {
	color: var(--tr-color-black);
	position: relative;
	font-weight: normal;
}

	.form-control__tr.form-control__tr--search:focus {
		border-color: var(--tr-color-grey-500);
		border-bottom: 1px solid var(--tr-color-blue-500);
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.form-control__tr.form-control__tr--search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: var(--tr-color-black);
		opacity: 1; /* Firefox */
	}

	.form-control__tr.form-control__tr--search:-ms-input-placeholder { /* IE 10-11 */
		color: var(--tr-color-black);
	}

	.form-control__tr.form-control__tr--search::-ms-input-placeholder /* Edge */ {
		color: var(--tr-color-black);
	}

/* ---- time ---- */
.form-control__tr--time {
	width: 50px !important;
}

/* ---- data grid ---- */
form > .form-control__tr--data-grid_filter {
	width: fit-content;
}

.form-control__tr--data-grid_filter {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 250px;
}
/* End - Form Control */

/* Start - Form Select */
/* ----- generic ----- */
.form-select__tr {
	border-radius: 2px;
	font-size: 13px;
	height: auto;
	padding-top: 5.25px; /* adjust as needed to make height 32px */
	padding-bottom: 5.25px; /* adjust as needed to make height 32px */
}

	.form-select__tr:hover {
		background-color: var(--tr-color-grey-200);
	}

	.form-select__tr:focus {
		height: auto;
		background-color: var(--tr-color-white);
		border-color: var(--tr-color-blue-300);
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	}

	.form-select__tr[multiple=multiple] option {
		padding: 4px;
	}

	.form-select__tr.disabled,
	.form-select__tr:disabled,
	.form-select__tr[disabled],
	.form-select__tr.disabled:hover,
	.form-select__tr:disabled:hover,
	.form-select__tr[disabled]:hover {
		cursor: not-allowed;
		color: var(--tr-input-disabled-color) !important; /* overwrite browser autofill styling */
		background-color: var(--tr-input-disabled-bg-color) !important; /* overwrite browser autofill styling */
	}

/* ----- bespoke ----- */
/* ---- listbox ---- */
.form-select__tr--listbox .default {
	background-color: var(--tr-color-grey-200) !important;
}

.form-select__tr--listbox .selected {
	color: var(--tr-color-white) !important;
	background-color: var(--tr-color-blue-500) !important;
}

.form-select__tr--listbox option {
	white-space: pre-wrap;
}
/* End - Form Select */

/* Start - Button */
/* Default */
.btn__tr {
	cursor: pointer;
	display: inline-block;
	padding: 5px 12px;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	min-height: 24px;
}

	.btn__tr.focus,
	.btn__tr:focus,
	.btn__tr.hover,
	.btn__tr:hover {
		outline: none !important;
	}

	.btn__tr.hover,
	.btn__tr:hover,
	.btn__tr.focus,
	.btn__tr:focus,
	.btn__tr.active,
	.btn__tr:active,
	.btn__tr:active:focus,
	.btn__tr.disabled,
	.btn__tr:disabled,
	.btn__tr[disabled] {
		text-decoration: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none;
	}

	.btn__tr.disabled,
	.btn__tr:disabled,
	.btn__tr[disabled] {
		cursor: not-allowed;
		/* buttons.less overrides */
		filter: none;
		opacity: 1;
	}

	/* ----- theming ----- */
	/* primary (blue) */
	.btn__tr.btn-primary {
		color: var(--tr-color-white);
		background-color: var(--tr-color-blue-500);
	}

		.btn__tr.btn-primary.hover,
		.btn__tr.btn-primary:hover,
		.btn__tr.btn-primary.focus,
		.btn__tr.btn-primary:focus,
		.btn__tr.btn-primary.active,
		.btn__tr.btn-primary:active {
			color: var(--tr-color-white);
			background-color: var(--tr-color-blue-600);
		}

		.btn__tr.btn-primary.disabled,
		.btn__tr.btn-primary:disabled,
		.btn__tr.btn-primary[disabled] {
			color: var(--tr-color-white);
			background-color: var(--tr-color-blue-200);
			border: none;
		}

	/* secondary (white) */
	.btn__tr.btn-secondary {
		color: var(--tr-color-black);
		background-color: var(--tr-color-white);
		border-color: var(--tr-color-grey-500);
	}

		.btn__tr.btn-secondary.hover,
		.btn__tr.btn-secondary:hover,
		.btn__tr.btn-secondary.focus,
		.btn__tr.btn-secondary:focus,
		.btn__tr.btn-secondary.active,
		.btn__tr.btn-secondary:active {
			color: var(--tr-color-black);
			background-color: var(--tr-color-grey-200);
			border-color: var(--tr-color-grey-500);
		}

		.btn__tr.btn-secondary.disabled,
		.btn__tr.btn-secondary:disabled,
		.btn__tr.btn-secondary[disabled] {
			color: var(--tr-color-grey-500);
			background-color: var(--tr-color-white);
		}

	/* tertiary (grey) */
	.btn__tr.btn-tertiary {
		color: var(--tr-color-black);
		background-color: var(--tr-color-grey-300);
		border-color: var(--tr-color-grey-500);
	}

		.btn__tr.btn-tertiary.hover,
		.btn__tr.btn-tertiary:hover,
		.btn__tr.btn-tertiary.focus,
		.btn__tr.btn-tertiary:focus,
		.btn__tr.btn-tertiary.active,
		.btn__tr.btn-tertiary:active {
			color: var(--tr-color-black);
			background-color: var(--tr-color-grey-500);
			border-color: var(--tr-color-grey-500);
		}

		.btn__tr.btn-tertiary.disabled,
		.btn__tr.btn-tertiary:disabled,
		.btn__tr.btn-tertiary[disabled] {
			color: var(--tr-color-grey-500);
			background-color: var(--tr-color-grey-200);
		}

	/* danger (red) */
	.btn__tr.btn-danger {
		color: var(--tr-color-white);
		background-color: var(--tr-color-red-500);
	}

		.btn__tr.btn-danger.hover,
		.btn__tr.btn-danger:hover,
		.btn__tr.btn-danger.focus,
		.btn__tr.btn-danger:focus,
		.btn__tr.btn-danger.active,
		.btn__tr.btn-danger:active {
			color: var(--tr-color-white);
			background-color: var(--tr-color-red-600);
		}

		.btn__tr.btn-danger.disabled,
		.btn__tr.btn-danger:disabled,
		.btn__tr.btn-danger[disabled] {
			background-color: var(--tr-color-red-200);
			border: none;
		}

	/* ghost (no background) */
	.btn__tr.btn__tr--ghost {
		color: var(--tr-color-black);
		background: none;
		border: none;
	}

		.btn__tr.btn__tr--ghost.hover,
		.btn__tr.btn__tr--ghost:hover,
		.btn__tr.btn__tr--ghost.focus,
		.btn__tr.btn__tr--ghost:focus,
		.btn__tr.btn__tr--ghost.active,
		.btn__tr.btn__tr--ghost:active {
			color: var(--tr-color-black);
			background-color: var(--tr-color-grey-200);
			border: none;
		}

		.btn__tr.btn__tr--ghost.disabled,
		.btn__tr.btn__tr--ghost:disabled,
		.btn__tr.btn__tr--ghost[disabled] {
			color: var(--tr-color-grey-500);
			background: none;
		}

		.btn__tr.btn__tr--ghost.disabled,
		.btn__tr.btn__tr--ghost:disabled,
		.btn__tr.btn__tr--ghost[disabled] {
			filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(102%) contrast(83%);
		}

	/* utility */
	.btn__tr.btn__tr--utility_green {
		color: var(--tr-color-white);
		background-color: var(--tr-color-green-300);
	}

		.btn__tr.btn__tr--utility_green.hover,
		.btn__tr.btn__tr--utility_green:hover,
		.btn__tr.btn__tr--utility_green.focus,
		.btn__tr.btn__tr--utility_green:focus,
		.btn__tr.btn__tr--utility_green.active,
		.btn__tr.btn__tr--utility_green:active {
			color: var(--tr-color-white);
			background-color: var(--tr-color-green-400);
		}

	.btn__tr.btn__tr--utility_orange {
		color: var(--tr-color-white);
		background-color: var(--tr-color-orange-500);
	}

		.btn__tr.btn__tr--utility_orange.hover,
		.btn__tr.btn__tr--utility_orange:hover,
		.btn__tr.btn__tr--utility_orange.focus,
		.btn__tr.btn__tr--utility_orange:focus,
		.btn__tr.btn__tr--utility_orange.active,
		.btn__tr.btn__tr--utility_orange:active {
			color: var(--tr-color-white);
			background-color: var(--tr-color-orange-600);
		}

	.btn__tr.btn__tr--utility_grey {
		color: var(--tr-color-black);
		background-color: var(--tr-color-grey-400);
	}

		.btn__tr.btn__tr--utility_grey.hover,
		.btn__tr.btn__tr--utility_grey:hover,
		.btn__tr.btn__tr--utility_grey.focus,
		.btn__tr.btn__tr--utility_grey:focus,
		.btn__tr.btn__tr--utility_grey.active,
		.btn__tr.btn__tr--utility_grey:active {
			color: var(--tr-color-black);
			background-color: var(--tr-color-grey-500);
			border-color: var(--tr-color-grey-500);
		}

	.btn__tr.btn__tr--approval {
		width: 260px;
	}

	/* link
        - TLDR: If your choice is an <a> tag with href="javascript:..." or a <button> tag with an OnClick, use the latter with THIS class applied
            - makes the button render like a hyperlink
            - Should be used ONLY in situations where an actual <a> tag doesn't make sense i.e. the functionality is driven by a JS code rather than href="{link}"
    */
	.btn__tr.btn__tr--link {
		margin: 0 !important;
		padding: 0 !important;
		background: none;
		border: none;
		outline: none;
		display: inline;
		color: var(--bs-link-color);
		text-decoration: var(--tr-anchor-decoration);
	}

		.btn__tr.btn__tr--link.hover,
		.btn__tr.btn__tr--link:hover,
		.btn__tr.btn__tr--link.focus,
		.btn__tr.btn__tr--link:focus,
		.btn__tr.btn__tr--link.active,
		.btn__tr.btn__tr--link:active {
			margin: 0 !important;
			padding: 0 !important;
			background: none;
			border: none;
			outline: none;
			display: inline;
			color: var(--bs-link-hover-color);
			text-decoration: var(--bs-link-decoration);
		}

		.btn__tr.btn__tr--link .tr__icon {
			filter: var(--tr-anchor-filter);
		}

		.btn__tr.btn__tr--link.hover .tr__icon,
		.btn__tr.btn__tr--link:hover .tr__icon,
		.btn__tr.btn__tr--link.focus .tr__icon,
		.btn__tr.btn__tr--link:focus .tr__icon,
		.btn__tr.btn__tr--link.active .tr__icon,
		.btn__tr.btn__tr--link:active .tr__icon {
			filter: var(--tr-anchor-hover-filter);
		}

	/* ----- shape ----- */
	.btn__tr.btn__tr--circular {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		background: none;
		border: none;
		border-radius: 50%;
		width: 32px;
		height: 32px;
	}

		.btn__tr.btn__tr--circular i {
			margin: 0 !important;
		}

	.btn__tr.btn__tr--pill {
		border-radius: 20px;
	}

	.btn__tr.btn__tr--tab {
		font-size: 16px;
		font-weight: normal;
		padding: 8px 16px;
		background-color: var(--tr-color-grey-200);
		margin: 0;
		flex-grow: 1;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid var(--tr-color-grey-500);
		transition: none !important; /* ignore Bootstrap's default button transitions */
	}

		.btn__tr.btn__tr--tab:hover,
		.btn__tr.btn__tr--tab:focus,
		.btn__tr.btn__tr--tab:active {
			background-color: var(--tr-color-blue-100);
			border: none;
			border-bottom: 1px solid var(--tr-color-grey-500);
		}

		.btn__tr.btn__tr--tab.selected {
			cursor: default;
			font-weight: bold;
			background-color: var(--tr-color-white);
			border-bottom: none;
		}

		.btn__tr.btn__tr--tab:not(:last-of-type) {
			border-right: 1px solid var(--tr-color-grey-500);
		}

/* Bespoke */
/* Card */
.card__tr .card-heading .btn__tr.btn__tr--circular {
	background: none;
}

	.card__tr .card-heading .btn__tr.btn__tr--circular:hover,
	.card__tr .card-heading .btn__tr.btn__tr--circular:focus {
		background-color: var(--tr-card-heading-button-bg-hover-color);
	}

/* Site Header */
.navbar__tr.navbar__tr--site-header .nav-item > .nav-link > .btn__tr.btn__tr--circular {
	background: none;
}

	.navbar__tr.navbar__tr--site-header .nav-item > .nav-link > .btn__tr.btn__tr--circular:hover,
	.navbar__tr.navbar__tr--site-header .nav-item > .nav-link > .btn__tr.btn__tr--circular:focus {
		background-color: var(--tr-color-white);
	}

/* Table */
.table__tr .btn__tr {
	margin: 0 4px;
}

/* Button Group */
.btn-group__tr {
	color: var(--tr-color-black);
	font-size: 13px;
	display: inline-flex;
	flex-wrap: wrap;
}

	.btn-group__tr > .btn__tr {
		margin: 0;
		border-left: none;
		border-right: none;
	}

		.btn-group__tr > .btn__tr + .btn__tr,
		.btn-group__tr > .btn__tr + .btn-group__tr,
		.btn-group__tr > .btn-group__tr + .btn__tr,
		.btn-group__tr > .btn-group__tr + .btn-group__tr {
			margin-left: 0px;
		}

	.btn-group__tr .btn__tr:first-child {
		border-left: solid 1px var(--tr-color-grey-500);
	}

	.btn-group__tr .btn__tr:last-child {
		border-right: solid 1px var(--tr-color-grey-500);
	}

	.btn-group__tr .btn__tr:hover {
		background-color: var(--tr-color-grey-200);
	}

	.btn-group__tr .btn__tr.active {
		background-color: var(--tr-color-blue-500);
		color: var(--tr-color-white);
		-webkit-box-shadow: none;
		box-shadow: none;
		cursor: default;
	}

	.btn-group__tr.btn-group__tr--borderless .btn__tr {
		border: none;
		border-radius: 0;
	}

@media screen and (max-width: 500px) {
	.btn-group__tr .btn__tr {
		margin: 0 !important;
	}
}

/* Icons */
.btn__tr:has(>.fa) {
	padding: 4px 8px;
}

.btn__tr img {
	margin-right: 4px;
	margin-bottom: 3px;
	object-fit: none;
}

.btn__tr i:not(.tr__icon) {
	font-size: 15px;
	margin-right: 5px;
	display: inherit;
}

.btn__tr.btn__tr--entity-type-edit_edit {
	display: none;
	max-height: 30px !important;
	float: right !important;
}

.btn__tr .tr__icon {
	top: 0 !important; /* overriding btn i (font-awesome.min.css) */
	margin-top: -1px;
}

.btn__tr.btn-primary .tr__icon,
.btn__tr.btn-danger .tr__icon {
	filter: brightness(0) invert(1); /* white */
}

.btn__tr.btn-primary.disabled .tr__icon,
.btn__tr.btn-primary:disabled .tr__icon,
.btn__tr.btn-primary[disabled] .tr__icon {
	filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(7426%) hue-rotate(179deg) brightness(109%) contrast(95%);
}

.btn__tr.btn-secondary.disabled .tr__icon,
.btn__tr.btn-secondary:disabled .tr__icon,
.btn__tr.btn-secondary[disabled] .tr__icon {
	filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(102%) contrast(83%);
}

.btn__tr.btn-tertiary.disabled .tr__icon,
.btn__tr.btn-tertiary:disabled .tr__icon,
.btn__tr.btn-tertiary[disabled] .tr__icon {
	filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(102%) contrast(83%);
}

/* Search Panel */
.tr__drawer-container--search-panel .tr__drawer-content_header .tr__button-group .btn__tr { /* overriding - .btn (style.css) */
	width: fit-content;
	margin: 0px !important;
	flex-grow: 1;
}
/* End - Button */

/* Pagination */
.pagination {
	margin: 0;
}

	.pagination > li > a {
		font-size: 13px;
		color: var(--tr-color-blue-500);
		height: 30px;
		min-width: 30px;
		border-radius: 2px;
		border: 1px solid var(--tr-color-grey-500);
	}

		.pagination > li > a:hover,
		.pagination > li > a:focus {
			color: var(--tr-color-blue-500);
			background-color: var(--tr-color-blue-100);
			border: 1px solid var(--tr-color-grey-500);
		}

	.pagination > .active > a {
		color: var(--tr-color-white);
		background-color: var(--tr-color-blue-500);
		border: 1px solid var(--tr-color-grey-500);
		z-index: unset;
	}

		.pagination > .active > a:hover,
		.pagination > .active > a:focus {
			background-color: var(--tr-color-blue-500);
			border: 1px solid var(--tr-color-grey-500);
		}

	.pagination > li {
		cursor: pointer;
	}

		.pagination > li > a {
			margin: 4px;
		}

.pagination-sm > li:first-child > a,
.pagination-sm > li:last-child > a {
	border-radius: 2px;
	z-index: 1;
}

.pagination > li > a.nostyle {
	color: var(--tr-color-black);
	border: none;
	padding-left: 8px;
	padding-right: 8px;
}

	.pagination > li > a.nostyle:hover,
	.pagination > li > a.nostyle:focus {
		background-color: var(--tr-color-white);
		color: var(--tr-color-black);
		cursor: default;
	}

/* Start - Card */
/* Variables */
.card__tr {
	--bs-card-border-width: 0;
	--bs-card-border-radius: 4px;
}

/* Default */
/* card */
.card__tr {
	padding: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 24px;
}

	/* heading */
	.card__tr .card-heading {
		min-height: 40px;
		background-color: var(--tr-card-heading-expanded-bg-color);
		border: 1px solid var(--tr-card-border-color);
		border-bottom: none;
		border-radius: 4px 4px 0px 0px;
		padding: var(--tr-card-heading-padding-y) var(--tr-card-heading-padding-x);
		padding-right: 16px;
		padding-bottom: calc(var(--tr-card-heading-padding-y) + 1px); /* to account for 1px offset caused by moving border when opened */
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.card__tr .card-heading h3 {
			text-overflow: ellipsis;
			overflow-x: hidden !important;
			white-space: nowrap;
		}

			.card__tr .card-heading h3 sup {
				top: -0.3rem;
			}

	/* body */
	.card__tr .card-body {
		padding: 0;
		overflow: hidden;
	}

		.card__tr .card-body div {
			white-space: normal;
		}

	.card__tr .card-body {
		border: 1px solid var(--tr-card-border-color);
		border-radius: 4px;
		overflow-x: auto;
	}

	.card__tr .card-heading + .card-body {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	/* title */
	.card__tr .card-title {
		padding: 19px 15px;
		font-size: 20px;
		font-weight: 300;
	}

		.card__tr .card-title a {
			color: var(--tr-color-blue-700);
		}

			.card__tr .card-title a:hover {
				color: var(--tr-color-blue-800);
				text-decoration: none;
			}

	.card__tr .card-title__tr--small {
		margin: 0;
		font-size: 18px;
		font-weight: 300;
		overflow: visible !important; /* to prevent sup text from being cutoff */
	}

	/* table */
	.card__tr .card-body .table__tr {
		margin: 0;
	}

	.card__tr .table__tr tbody tr td:first-of-type {
		border-left: none;
	}

/* icon */
.card-heading i.tr__icon {
	top: -1px;
}

/* link */
a:hover:has(>.card),
a:focus:has(>.card) {
	text-decoration: none;
}

.card__tr .card-body a {
	position: relative;
}

/* button container */
.card__tr .card-heading .tr__button-group {
	margin: 0;
	padding: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/* variants*/
/* Body Height Capped */
.card__tr.card__tr--body-height-capped .card-body {
	overflow: auto;
	max-height: 242px;
}

/* No Toggle */
.card__tr:not(.card__tr--no-toggle) .card-heading {
	cursor: pointer;
}

.card__tr:not(.card__tr--no-toggle, .card__tr--alternating-stripes) .card-heading:hover {
	background-color: var(--tr-card-heading-bg-hover-color) !important;
}

/* Closed */
.card__tr.card__tr--closed .card-heading {
	border-radius: 4px;
	border-bottom: 1px solid var(--tr-card-border-color);
	background-color: var(--tr-card-heading-collapsed-bg-color);
}

.card__tr.card__tr--closed .card-heading {
	padding-bottom: var(--tr-card-heading-padding-y);
}

.card__tr.card__tr--closed h3 .tr__icon {
	top: -1px; /* to account for offset caused by moving bottom border when opened */
}

/* 
    Alternating Stripes
    Similar to the list page tables with a grey, white, grey alternating background colour
*/
.card__tr.card__tr--alternating-stripes {
	margin-bottom: 0;
}

	.card__tr.card__tr--alternating-stripes,
	.card__tr.card__tr--alternating-stripes > .card-heading,
	.card__tr.card__tr--alternating-stripes > .card-body {
		border: none;
		border-radius: 0;
	}

		.card__tr.card__tr--alternating-stripes > .card-body {
			max-height: 550px;
			overflow-y: auto;
		}

			.card__tr.card__tr--alternating-stripes > .card-body .tr__scroll-message {
				bottom: -24px;
			}

		.card__tr.card__tr--alternating-stripes:nth-of-type(even),
		.card__tr.card__tr--alternating-stripes:nth-of-type(even) > .card-heading,
		.card__tr.card__tr--alternating-stripes:nth-of-type(even) > .card-heading:hover,
		.card__tr.card__tr--alternating-stripes:nth-of-type(even) > .card-body,
		.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd),
		.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd) > .card-heading,
		.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd) > .card-heading:hover,
		.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd) > .card-body {
			background-color: var(--tr-color-grey-200);
		}

			.card__tr.card__tr--alternating-stripes:nth-of-type(even) > .card-body.tr__scrollbar,
			.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd) > .card-body.tr__scrollbar {
				/* Firefox */
				scrollbar-color: var(--tr-color-grey-500) var(--tr-color-grey-200);
			}

				/* Chrome, Edge, and Safari */
				.card__tr.card__tr--alternating-stripes:nth-of-type(even) > .card-body.tr__scrollbar::-webkit-scrollbar-track,
				.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd) > .card-body.tr__scrollbar::-webkit-scrollbar-track {
					background: var(--tr-color-grey-200);
				}

				.card__tr.card__tr--alternating-stripes:nth-of-type(even) > .card-body.tr__scrollbar::-webkit-scrollbar-thumb,
				.card__tr.card__tr--alternating-stripes_even:nth-of-type(odd) > .card-body.tr__scrollbar::-webkit-scrollbar-thumb {
					border: 3px solid var(--tr-color-grey-200);
				}

		.card__tr.card__tr--alternating-stripes:nth-of-type(odd),
		.card__tr.card__tr--alternating-stripes:nth-of-type(odd) > .card-heading,
		.card__tr.card__tr--alternating-stripes:nth-of-type(odd) > .card-heading:hover,
		.card__tr.card__tr--alternating-stripes:nth-of-type(odd) > .card-body,
		.card__tr.card__tr--alternating-stripes_odd:nth-of-type(even),
		.card__tr.card__tr--alternating-stripes_odd:nth-of-type(even) > .card-heading,
		.card__tr.card__tr--alternating-stripes_odd:nth-of-type(even) > .card-heading:hover,
		.card__tr.card__tr--alternating-stripes_odd:nth-of-type(even) > .card-body {
			background-color: var(--tr-color-white);
		}

		.card__tr.card__tr--alternating-stripes:last-of-type {
			border-bottom: 1px solid var(--tr-color-grey-500);
			margin-bottom: 32px;
		}


		.card__tr.card__tr--alternating-stripes > .card-heading {
			justify-content: flex-start;
			padding: 14px 8px 14px 24px;
		}

			.card__tr.card__tr--alternating-stripes > .card-heading h3 {
				width: 179px;
			}

			.card__tr.card__tr--alternating-stripes > .card-heading:hover h3,
			.card__tr.card__tr--alternating-stripes > .card-heading:focus h3 {
				color: var(--tr-color-blue-500);
			}

/* Duplicate Check */
.card__tr.card__tr--duplicate-check th {
	white-space: nowrap;
}

.card__tr.card__tr--duplicate-check .card-body {
	overflow: auto !important;
}

/* Borderless */
.card__tr.card__tr--borderless,
.card__tr.card__tr--borderless .card-heading,
.card__tr.card__tr--borderless .card-body {
	border: none;
}

/* Bespoke */
/* Taskboard */
.tr__drawer-container--taskboard .card__tr .card-heading {
	cursor: pointer;
}

	.tr__drawer-container--taskboard .card__tr .card-heading:hover {
		background-color: var(--tr-card-heading-bg-hover-color);
	}

/* TR Popup */
.tr__popup .card__tr .card-body {
	border: none;
	padding: 0;
}

.tr__popup .card__tr .card-title,
.tr__popup .card__tr .card-title__tr--small {
	margin: 0;
	padding: 0;
	padding-bottom: 16px;
}

/* Search Panel*/
.tr__drawer-container--search-panel .card__tr .card-heading {
	padding-left: calc(var(--tr-card-heading-padding-x) + 8px);
}

	.tr__drawer-container--search-panel .card__tr .card-heading.tr__theme--border_left {
		padding-left: var(--tr-card-heading-padding-x);
	}

/* End - Card */

/* Start - Navbar */
.navbar__tr.navbar__tr--site-header {
	padding: 0;
}

	.navbar__tr.navbar__tr--site-header .nav-item,
	.navbar__tr.navbar__tr--site-header .nav-item > *:first-child {
		color: var(--tr-color-black);
		font-size: 14px;
		font-weight: bold;
	}

		.navbar__tr.navbar__tr--site-header .nav-item > a,
		.navbar__tr.navbar__tr--site-header .nav-item > a:hover,
		.navbar__tr.navbar__tr--site-header .nav-item > a:focus {
			color: var(--tr-color-black);
			text-decoration: none;
		}

		.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) > *:first-child:hover,
		.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) > *:first-child:focus-visible {
			background-color: var(--tr-color-blue-100);
		}

	.navbar__tr.navbar__tr--site-header .navbar-brand {
		height: 60px;
	}

	.navbar__tr.navbar__tr--site-header .navbar-toggler {
		--bs-navbar-toggler-padding-x: 10px;
		--bs-navbar-toggler-padding-y: 9px;
	}

@media screen and (max-width: 991px) {
	.navbar__tr.navbar__tr--site-header .navbar-brand img {
		margin: auto;
	}

	.navbar__tr.navbar__tr--site-header .navbar-toggler {
		margin-top: 9px; /* aligns vertical center with menu items */
	}
}

.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) {
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.navbar__tr.navbar__tr--site-header .nav-item > .nav-link.show {
	color: var(--tr-color-black);
	background-color: var(--tr-color-white);
}

.navbar__tr.navbar__tr--site-header .nav-item > .nav-link {
	height: 60px;
	padding: 0 14px;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	background-color: transparent;
}

	.navbar__tr.navbar__tr--site-header .nav-item > .nav-link:focus {
		outline: none;
	}

@media (max-width: 1199px) {
	.navbar__tr.navbar__tr--site-header .nav-item > .nav-link {
		padding: 0 10px;
	}
}

@media (max-width: 991px) {
	.navbar__tr.navbar__tr--site-header .nav-item > .nav-link {
		padding: 0 16px;
	}
}

.navbar__tr.navbar__tr--site-header .nav-item > .nav-link:has(.btn__tr--ghost) {
	padding: 0 4px;
}

.navbar__tr.navbar__tr--site-header.navbar-collapse.collapse.in {
	padding-right: 0;
}
/* End - Navbar */

/* Start - Nav */
.nav__tr > li > a {
	padding: 5px 15px;
}
/* End - Nav */

/* Start - Table */
.table__tr {
	font-size: 13px;
	margin-bottom: 0px;
}

	.table__tr th,
	.table__tr td {
		border: none;
	}

	.table__tr thead {
		background-color: var(--tr-color-white);
	}

	.table__tr > th {
		padding: 8px;
		height: 36px;
		color: var(--tr-color-black);
		font-weight: bold;
		background-color: var(--tr-color-white);
	}

	.table__tr th.tr__th--sortable-column {
		background-color: var(--tr-color-white);
		transition: ease-out 0.2s;
	}

		.table__tr th.tr__th--sortable-column:hover {
			background-color: var(--tr-color-grey-200);
		}

		.table__tr th.tr__th--sortable-column:active {
			background-color: var(--tr-color-grey-300);
		}

	.table__tr > thead > tr > th {
		border-bottom: 1px solid var(--tr-color-grey-400);
	}

	.table__tr > tbody > tr > td,
	.table__tr > tbody > tr > th,
	.table__tr > tfoot > tr > td,
	.table__tr > tfoot > tr > th,
	.table__tr > thead > tr > td,
	.table__tr > thead > tr > th {
		padding: 10px 16px;
		border-top: 1px solid transparent;
	}

	.table__tr.table-borderless,
	.table__tr.table-borderless thead,
	.table__tr.table-borderless tbody,
	.table__tr.table-borderless tr,
	.table__tr.table-borderless th,
	.table__tr.table-borderless td {
		border: none !important;
	}

	.table__tr.table-hover {
		--bs-table-hover-bg: var(--tr-color-blue-100);
	}

		.table__tr.table-hover tr {
			cursor: pointer;
		}

			.table__tr.table-hover tr:hover {
				transition: background-color 0.2s linear;
			}

	.table__tr.table-responsive {
		padding: 0;
	}

	.table__tr.table-striped {
		--bs-table-striped-bg: var(--tr-color-grey-200);
	}

	.table__tr.table__tr--add th,
	.table__tr.table__tr--add td {
		padding: 16px !important;
	}

	.table__tr.table__tr--add th {
		padding-bottom: 8px !important;
	}

	.table__tr.table__tr--add td {
		padding-top: 0 !important;
	}

	.table__tr.table__tr--rowlines tr:not(:first-child) > th,
	.table__tr.table__tr--rowlines tr:not(:first-child) > td {
		border-top: 1px solid var(--tr-color-grey-300);
	}

	.table__tr.table__tr--rowlines-bottom tr > th,
	.table__tr.table__tr--rowlines-bottom tr > td {
		border-bottom: 1px solid var(--tr-color-grey-300);
	}

	.table__tr.table__tr--rowlines-header-top tr:not(:first-child) > th {
		border-top: 1px solid var(--tr-color-grey-300) !important;
	}

	.table__tr.table__tr--bordered-bottom tr:last-child td,
	.table__tr.table__tr--bordered-bottom tr:last-child th {
		border-bottom: 1px solid var(--tr-color-grey-400);
	}

	.table__tr.table__tr--bordered-top tr:first-child td,
	.table__tr.table__tr--bordered-top tr:first-child th {
		border-top: 1px solid var(--tr-color-grey-400);
	}

	.table__tr.table__tr--year-planner {
		width: 100%;
		max-width: 100%;
	}

		.table__tr.table__tr--year-planner .ddupload {
			min-width: 36px;
			min-height: 36px;
		}

		.table__tr.table__tr--year-planner .empty {
			background-color: var(--tr-color-grey-200);
			cursor: not-allowed;
		}

		.table__tr.table__tr--year-planner .highlight {
			background-color: var(--tr-color-blue-100);
		}

		.table__tr.table__tr--year-planner .ddupload.highlight > a:hover,
		.table__tr.table__tr--year-planner .ddupload.highlight > a:focus,
		.table__tr.table__tr--year-planner .ddupload.highlight > button:hover,
		.table__tr.table__tr--year-planner .ddupload.highlight > button:focus {
			background-color: var(--tr-color-blue-grey-200);
			outline: none;
		}

		.table__tr.table__tr--year-planner .highlight-empty {
			background-color: var(--tr-color-red-100);
		}

		.table__tr.table__tr--year-planner .ddupload.highlight-empty:hover {
			background-color: var(--tr-color-red-grey-200);
		}

		.table__tr.table__tr--year-planner thead tr th {
			padding: 3px;
			font-size: 13px;
			text-align: center;
		}

			.table__tr.table__tr--year-planner thead tr th select {
				margin-right: 10px;
			}

		.table__tr.table__tr--year-planner tbody tr th {
			padding: 10px;
			width: 35%;
			vertical-align: middle;
			border: solid var(--tr-color-grey-400) 1px;
		}

		.table__tr.table__tr--year-planner tbody tr {
			border-bottom: solid var(--tr-color-grey-400) 1px;
		}

			.table__tr.table__tr--year-planner tbody tr td {
				line-height: 19px;
				border-bottom: solid var(--tr-color-grey-400) 1px;
				border-top: solid var(--tr-color-grey-400) 1px;
				border-left: solid var(--tr-color-grey-400) 1px;
				vertical-align: middle;
			}

				.table__tr.table__tr--year-planner tbody tr td i {
					font-size: 20px;
				}

				.table__tr.table__tr--year-planner tbody tr td a:hover {
					text-decoration: none;
				}

	.table__tr .table__map--draw-order tbody tr {
		transition: opacity .1s ease !important;
	}

.table__drag-ghost {
	opacity: 0 !important;
}

.table__dragging {
	background-color: var(--tr-color-grey-200) !important;
	border: 2px solid var(--tr-color-grey-500) !important;
}

	.table__dragging a {
		color: var(--tr-color-black) !important;
	}

#dg_table.table__tr.table__tr--year-planner th {
	padding-left: 12px;
	padding-right: 12px;
}

#dg_table.table__tr.table__tr--year-planner tbody td:nth-child(1) {
	border-right: none;
	width: 20px;
}

#dg_table.table__tr.table__tr--year-planner tbody td:nth-child(2) {
	border-left: none;
}

#dg_table.table__tr.table__tr--year-planner .fa-arrow-left,
#dg_table.table__tr.table__tr--year-planner .fa-arrow-right {
	cursor: pointer;
}

.table__tr.table__tr--v-align_middle tbody td,
.table__tr.table__tr--v-align_middle tbody tr {
	vertical-align: middle !important;
}

.table__tr.table__tr--search {
	border-color: var(--tr-color-blue-grey-600);
}

.table__tr.table__tr--search_border {
	border: 1px solid var(--tr-color-white);
}

.table__tr.table__tr_col1_w--160 tr:first-child > *:first-child {
	width: 160px;
}

.table__tr.table__tr_col1_w--200 tr:first-child > *:first-child {
	width: 200px;
}

.table__tr.table__tr_col1_w--240 tr:first-child > *:first-child {
	width: 240px;
}

@media (min-width: 576px) {
	.table__tr.table__tr_col1_w--160_sm tr:first-child > *:first-child {
		width: 160px;
	}

	.table__tr.table__tr_col1_w--200_sm tr:first-child > *:first-child {
		width: 200px;
	}

	.table__tr.table__tr_col1_w--240_sm tr:first-child > *:first-child {
		width: 240px;
	}
}

@media (min-width: 768px) {
	.table__tr.table__tr_col1_w--160_md tr:first-child > *:first-child {
		width: 160px;
	}

	.table__tr.table__tr_col1_w--200_md tr:first-child > *:first-child {
		width: 200px;
	}

	.table__tr.table__tr_col1_w--240_md tr:first-child > *:first-child {
		width: 240px;
	}
}

@media (min-width: 992px) {
	.table__tr.table__tr_col1_w--160_lg tr:first-child > *:first-child {
		width: 160px;
	}

	.table__tr.table__tr_col1_w--200_lg tr:first-child > *:first-child {
		width: 200px;
	}

	.table__tr.table__tr_col1_w--240_lg tr:first-child > *:first-child {
		width: 240px;
	}
}

@media (min-width: 1200px) {
	.table__tr.table__tr_col1_w--160_xl tr:first-child > *:first-child {
		width: 160px;
	}

	.table__tr.table__tr_col1_w--200_xl tr:first-child > *:first-child {
		width: 200px;
	}

	.table__tr.table__tr_col1_w--240_xl tr:first-child > *:first-child {
		width: 240px;
	}
}

@media (min-width: 1400px) {
	.table__tr.table__tr_col1_w--160_xxl tr:first-child > *:first-child {
		width: 160px;
	}

	.table__tr.table__tr_col1_w--200_xxl tr:first-child > *:first-child {
		width: 200px;
	}

	.table__tr.table__tr_col1_w--240_xxl tr:first-child > *:first-child {
		width: 240px;
	}
}
/* End - Table */

/* Start - Tooltip */
/* variables */
.tooltip {
	--bs-tooltip-zindex: 9999;
	--bs-tooltip-padding-x: 8px;
	--bs-tooltip-padding-y: 4px;
	--bs-tooltip-font-size: 10px;
	--bs-tooltip-bg: var(--tr-color-black);
	--bs-tooltip-border-radius: 2px;
	--bs-tooltip-opacity: 1;
	--bs-tooltip-arrow-width: 0;
	--bs-tooltip-arrow-height: 0;
}

/* default */
@media print {
	.tooltip {
		display: none !important;
	}
}

.tooltip-inner {
	text-align: left;
	min-height: 24px;
	line-height: 15px;
}

.tooltip-arrow {
	display: none !important;
}

/* specific */
.table__tr.table__tr--year-planner .ddupload .tooltip-inner {
	max-width: unset;
	line-height: 2.5;
}

.tr__search-result .tooltip-inner .tr__color--blue {
	text-decoration: underline;
}
/* End - Tooltip */

/* Start - Modal */
.modal__tr .modal-dialog .modal-content .checkbox label,
.modal__tr .modal-dialog .modal-content .radio label {
	padding-left: 0;
}

.modal__tr .modal-dialog .modal-content {
	border-radius: 4px;
}

	.modal__tr .modal-dialog .modal-content .modal-header {
		padding: 16px;
		height: 50px;
		border-bottom: none;
	}

	.modal__tr .modal-dialog .modal-content .modal-body {
		padding: 16px 0;
		margin: 0 16px;
		border-top: 1px solid var(--tr-color-grey-300);
		border-bottom: 1px solid var(--tr-color-grey-300);
	}

	.modal__tr .modal-dialog .modal-content .modal-footer {
		padding: 16px;
		height: 70px;
		border-top: none;
	}

		.modal__tr .modal-dialog .modal-content .modal-footer button {
			margin: 0;
		}

.modal__tr.modal__tr--absolute .modal-dialog {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

	.modal__tr.modal__tr--absolute .modal-dialog .modal-content {
		height: 100%;
	}

		.modal__tr.modal__tr--absolute .modal-dialog .modal-content .modal-body {
			overflow-y: scroll;
			height: calc(100% - 50px - 70px);
		}

.modal-open {
	overflow: inherit !important; /* stop from hiding body's vertical scrollbar */
}

	.modal-open:has(>.modal__tr--absolute) {
		overflow: unset;
		padding-right: 0 !important;
	}

.modal__tr ~ .modal-backdrop {
	--bs-backdrop-zindex: 999; /* 1 less than site header's z-index */
	background-color: var(--tr-color-white);
}

	.modal__tr ~ .modal-backdrop.in {
		filter: alpha(opacity=40);
		opacity: .4;
	}

/* Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
	.modal__tr.modal__tr--column-options {
		top: 58px;
		background: rgba(255, 255, 255, 0.4);
		z-index: var(--tr-modal-backdrop-z-index);
	}

		.modal__tr.modal__tr--column-options.modal__tr--absolute .modal-dialog {
			width: 400px;
			position: absolute;
			top: 16px;
			right: 49px;
			left: unset;
			bottom: unset;
			height: calc(100% - 74px - 16px);
			margin: 0;
			margin-left: 17px;
			border-radius: 4px;
			-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
			box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		}
}
/* End - Modal */

/* Input Group */
.input-group {
	align-items: center;
	width: fit-content;
}

.input-group-text {
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 14px;
	border-radius: 2px;
	background-color: var(--tr-color-white);
	width: auto;
}

	.input-group-text .fa {
		top: 2px;
	}

/* Start - Dropdown Toggle */
/* custom */
.dropdown-toggle__tr.dropdown-toggle__tr--no-caret::after {
	display: none !important;
}

/* bespoke */
.btn-group__tr .btn__tr.dropdown-toggle__tr {
	border-right: 1px solid rgb(200, 200, 200) !important;
}

.dropdown-toggle__tr.btn__tr.dropdown-toggle__tr--page-select {
	margin-right: 1px !important;
}

.btn-group__tr .btn__tr__entity-type-edit__formula {
	border: 1px solid rgb(200, 200, 200) !important;
}

/* End - Dropdown Toggle */

/* Start - Dropdown Menu */
/* general */
.dropdown-menu__tr {
	--bs-dropdown-font-size: 14px;
	--bs-dropdown-bg: var(--tr-color-white);
	--bs-dropdown-border-width: 0;
	--bs-dropdown-item-padding-x: 16px;
	--bs-dropdown-item-padding-y: 9.5px; /* adjust as needed to make height 40px */
	--bs-dropdown-link-color: var(--tr-color-black);
	--bs-dropdown-link-hover-color: var(--tr-color-black);
	--bs-dropdown-link-hover-bg: var(--tr-color-blue-100);
	--bs-dropdown-link-active-color: var(--tr-color-white);
	--bs-dropdown-link-active-bg: var(--tr-color-blue-500);
}

	.dropdown-menu__tr li a {
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 8px;
	}

		.dropdown-menu__tr li a > .tr__icon {
			flex-shrink: 0;
		}

		.dropdown-menu__tr li a:hover,
		.dropdown-menu__tr li a:focus {
			text-decoration: none;
			outline: none;
		}

	/* custom */
	/* start - Fixed */
	.dropdown-menu__tr.dropdown-menu__tr--fixed {
		max-height: 329px;
		overflow-y: auto;
		padding-top: 0px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	/* end - Fixed */

	/* start - Pager */
	.dropdown-menu__tr.dropdown-menu__tr--pager {
		min-width: 80px;
		max-width: 110px;
	}

		.dropdown-menu__tr.dropdown-menu__tr--pager li a {
			text-align: right;
		}

		.dropdown-menu__tr.dropdown-menu__tr--pager .active a {
			color: var(--tr-color-black);
			background-color: var(--tr-color-white);
		}

			.dropdown-menu__tr.dropdown-menu__tr--pager .active a:hover {
				color: var(--tr-color-black);
				background-color: var(--tr-color-blue-100);
			}
/* end - Pager */

/* start - Entity Type */
.dropdown-menu__tr--entity-type {
	--bs-dropdown-padding-y: 0;
}

.dropdown-menu__tr.dropdown-menu__tr--entity-type {
	max-width: calc(100vw - 12px - 12px);
	max-height: 800px;
	overflow-y: auto;
}

@media(min-width: 992px) {
	.dropdown-menu__tr.dropdown-menu__tr--entity-type {
		max-width: 400px;
	}
}

@media (max-width: 991px) {
	.dropdown-menu__tr.dropdown-menu__tr--entity-type {
		max-height: 400px;
	}
}

.dropdown-menu__tr.dropdown-menu__tr--entity-type li a > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dropdown-menu__tr.dropdown-menu__tr--entity-type .tr__icon--child-node {
	margin-top: -9.5px; /* must mirror --bs-dropdown-padding-y on line 1718 */
	margin-bottom: -9.5px; /* must mirror --bs-dropdown-padding-y on line 1718 */
}
/* end - Entity Type */

/* start - Arrow */
/* divider */
.dropdown-menu__tr.dropdown-menu__tr--arrow .divider {
	height: 1px;
	margin: 8px 18px;
	background-color: var(--tr-color-grey-500);
}

/* All Dropdown Menus */
.dropdown-menu__tr.dropdown-menu__tr--arrow,
.dropdown-menu__tr.dropdown-menu__tr--arrow ul {
	border-radius: 4px;
	background-color: white;
	list-style-type: none;
	margin: 0px;
	padding: 8px 0;
	min-width: fit-content;
	max-width: 300px;
	z-index: var(--tr-arrow-menu-z-index);
	-webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
	box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
}

	.dropdown-menu__tr.dropdown-menu__tr--arrow li {
		position: relative;
	}

		.dropdown-menu__tr.dropdown-menu__tr--arrow li a {
			font-size: 13px;
			color: var(--tr-color-black);
			text-decoration: none;
			width: 100%;
			margin: 0px;
			padding: 8px 16px;
			cursor: pointer;
			display: inline-flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			gap: 10px;
		}

		/* Direct Descendant Links */
		.dropdown-menu__tr.dropdown-menu__tr--arrow li > a:hover {
			background-color: var(--tr-color-blue-100);
		}

		.dropdown-menu__tr.dropdown-menu__tr--arrow li.dropdown > a::after {
			content: ">";
		}

.dropdown-menu__tr.dropdown-menu__tr--arrow_right li.dropdown > a::after {
	content: ">";
}

/* First Dropdown Menu */
.dropdown-menu__tr.dropdown-menu__tr--arrow {
	white-space: nowrap;
}

	.dropdown-menu__tr.dropdown-menu__tr--arrow.dropdown-menu__tr--arrow_left::after { /* Up Arrow */
		content: "";
		width: 0px;
		height: 0px;
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		position: absolute;
		top: -10px;
		right: 20px;
	}

	.dropdown-menu__tr.dropdown-menu__tr--arrow.dropdown-menu__tr--arrow_right::after { /* Up Arrow */
		content: "";
		width: 0px;
		height: 0px;
		border-right: 12.5px solid transparent;
		border-left: 12.5px solid transparent;
		border-bottom: 10px solid white;
		position: absolute;
		top: -10px;
		left: 8px;
	}

	/* Subsequent Dropdown Menus */
	.dropdown-menu__tr.dropdown-menu__tr--arrow.dropdown-menu__tr--arrow_left ul {
		position: absolute;
		top: -10px;
		bottom: auto;
		margin-right: 10px;
		right: 100%;
		left: auto;
		display: none;
	}

	.dropdown-menu__tr.dropdown-menu__tr--arrow.dropdown-menu__tr--arrow_right ul {
		position: absolute;
		top: -10px;
		bottom: auto;
		margin-left: 10px;
		left: 100%;
		right: auto;
		display: none;
	}

	.dropdown-menu__tr.dropdown-menu__tr--arrow.dropdown-menu__tr--arrow_left ul::after { /* Right Arrow */
		content: "";
		width: 0px;
		height: 0px;
		border-top: 12.5px solid transparent;
		border-left: 10px solid white;
		border-bottom: 12.5px solid transparent;
		position: absolute;
		right: -10px;
		top: 15px;
	}

	.dropdown-menu__tr.dropdown-menu__tr--arrow.dropdown-menu__tr--arrow_right ul::after { /* left Arrow */
		content: "";
		width: 0px;
		height: 0px;
		border-top: 12.5px solid transparent;
		border-right: 10px solid white;
		border-bottom: 12.5px solid transparent;
		position: absolute;
		left: -10px;
		top: 15px;
	}

	.dropdown-menu__tr.dropdown-menu__tr--arrow li.open > ul {
		display: block;
	}
/* end - Arrow */

/* bespoke */
.navbar__tr.navbar__tr--site-header .dropdown-menu__tr {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

@media(min-width: 992px) {
	.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) .dropdown-menu__tr {
		background-color: var(--tr-color-white);
	}

		.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) .dropdown-menu__tr li a {
			color: var(--tr-color-black);
		}

			.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) .dropdown-menu__tr li a:hover,
			.navbar__tr.navbar__tr--site-header .nav-item:has(.nav-link.show) .dropdown-menu__tr li a:focus {
				background-color: var(--tr-color-blue-100);
				outline: none;
			}
}

.navbar__tr.navbar__tr--site-header .dropdown-menu__tr > li.tr__theme--border_left > a {
	padding-left: 12px;
}
/* End - Dropdown Menu */
/* END - Bootstrap */

/* START - introjs style overrides */
.introjs-tooltip {
	padding: 16px;
}

.introjs-tooltiptext {
	margin: 0;
}

	.introjs-tooltiptext > * {
		margin: 0;
		margin-bottom: 24px;
	}

	.introjs-tooltiptext h3 {
		font-weight: bold;
		font-size: 16px;
	}

	.introjs-tooltiptext p {
		font-size: 13px;
	}

	.introjs-tooltiptext ul {
		font-size: 13px;
		list-style-position: inside;
		padding-left: 12px;
	}

.introjs-progress {
	margin: 0;
	margin-bottom: 16px;
	background-color: var(--tr-color-grey-500);
}

.introjs-progressbar {
	background-color: var(--tr-color-blue-500);
}

.introjs-button {
	margin: 0;
	padding: 8px 12px;
	font-size: 13px;
	line-height: 16px;
	color: var(--tr-color-black);
	text-decoration: none;
	text-shadow: none;
	border-radius: 2px;
	border: 1px solid var(--tr-color-grey-500);
	background-color: var(--tr-color-white);
	background-image: none !important;
	box-shadow: none;
}

	.introjs-button:focus,
	.introjs-button:hover {
		color: var(--tr-color-black);
		text-decoration: none;
		text-shadow: none;
		box-shadow: none;
	}

	.introjs-button:focus {
		background-color: var(--tr-color-white);
	}

	.introjs-button:hover {
		background-color: var(--tr-color-grey-200);
	}

	.introjs-button.introjs-disabled {
		color: var(--tr-color-grey-500);
		background-color: var(--tr-color-white);
		cursor: not-allowed;
	}

		.introjs-button.introjs-disabled .tr__icon--arrow_left {
			background-image: url("jacobs/icons/icon-arrow-left-disabled.svg") !important;
		}

		.introjs-button.introjs-disabled .tr__icon--arrow_right {
			background-image: url("jacobs/icons/icon-arrow-left-disabled.svg") !important;
		}

		.introjs-button.introjs-disabled:focus,
		.introjs-button.introjs-disabled:hover {
			color: var(--tr-color-grey-500);
			background-color: var(--tr-color-white);
			outline: none;
		}

.introjs-prevbutton {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.introjs-nextbutton {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.introjs-skipbutton {
	float: left;
}

	.introjs-skipbutton.final {
		color: var(--tr-color-white);
		background-color: var(--tr-color-blue-500);
	}

		.introjs-skipbutton.final:hover {
			background-color: var(--tr-color-blue-600);
		}
/* END - introjs style overrides */

/* START - Open Layers */
.ol-map .ol-control button,
.ol-map .ol-scale-line {
	font-weight: normal;
	color: var(--tr-color-black);
	background-color: var(--tr-color-white);
	border: 1px solid var(--tr-color-grey-500);
	border-radius: 2px;
	min-width: 32px;
	min-height: 32px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	margin: 0;
}

	.ol-map .ol-control button:focus,
	.ol-map .ol-control button:hover {
		background-color: var(--tr-color-grey-200);
	}

.ol-map .ol-rotate,
.ol-map .ol-rotate:hover,
.ol-map .ol-zoom,
.ol-map .ol-zoom:hover,
.ol-map .ol-full-screen,
.ol-map .ol-full-screen:hover {
	background: none;
}

.ol-map .ol-rotate {
	top: auto;
	right: 68px;
	bottom: 160px;
	left: auto;
}

.ol-map .ol-zoom {
	top: auto;
	right: 0.5em;
	bottom: 32px;
	left: auto;
}

.ol-map .ol-full-screen {
	top: auto;
	right: 0.5em;
	bottom: 113px;
	left: auto;
}

.ol-map .ol-scale-line {
	z-index: 1;
	top: auto;
	right: 4em;
	bottom: 34px;
	left: auto;
	padding: 5px 10px;
}

.ol-map .ol-scale-line-inner {
	color: var(--tr-color-black);
	border-color: var(--tr-color-black);
}

.ol-map .ol-attribution.ol-uncollapsible {
	right: 0px;
	margin-left: 52px;
}

.ol-map .ol-attribution.ol-collapsed {
	display: none !important;
}

.ol-map .ol-attribution .tr__icon--logo_no-text {
	display: none;
}

.ol-map .scaleSelect {
	margin-bottom: 0px !important;
	width: auto !important;
	-webkit-appearance: none;
}

.ol-map .btn-selected {
	background-color: var(--tr-color-blue-500) !important;
}

.ol-popup {
	position: absolute;
	background-color: white;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid var(--tr-color-grey-500);
	bottom: 12px;
	left: -50px;
	min-width: 280px;
}

	.ol-popup:after,
	.ol-popup:before {
		top: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.ol-popup:after {
		border-top-color: white;
		border-width: 10px;
		left: 48px;
		margin-left: -10px;
	}

	.ol-popup:before {
		border-top-color: var(--tr-color-grey-500);
		border-width: 11px;
		left: 48px;
		margin-left: -11px;
	}

.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}

	.ol-popup-closer:after {
		content: "X";
	}
/* END - Open Layers */

/* START - Font Awesome */
.fa {
	font-size: 13px;
	top: 3px;
}

	.fa:before {
		width: 20px;
	}

.fa-position-unset {
	position: static;
}

.fa-center {
	margin: auto;
	display: table;
}
/* END - Font Awesome */

/* START - plupload */
.plupload_button {
	cursor: pointer;
	display: inline-block;
	padding: 5px 12px;
	margin: 8px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

	.plupload_button.focus,
	.plupload_button:focus,
	.plupload_button.hover,
	.plupload_button:hover,
	.plupload_disabled {
		text-decoration: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none;
	}

.plupload_disabled {
	cursor: not-allowed;
	/* buttons.less overrides */
	filter: none;
	opacity: 1;
}

.plupload_add,
.plupload_start {
	color: var(--tr-color-white);
	background-color: var(--tr-color-blue-500);
}

	.plupload_add.focus,
	.plupload_add:focus,
	.plupload_add.hover,
	.plupload_add:hover,
	.plupload_start.focus,
	.plupload_start:focus,
	.plupload_start.hover,
	.plupload_start:hover {
		color: var(--tr-color-white);
		background-color: var(--tr-color-blue-600);
	}

	.plupload_add.plupload_disabled,
	.plupload_add.plupload_disabled.hover,
	.plupload_add.plupload_disabled:hover,
	.plupload_start.plupload_disabled,
	.plupload_start.plupload_disabled.hover,
	.plupload_start.plupload_disabled:hover {
		color: var(--tr-color-white);
		background-color: var(--tr-color-blue-200);
		border: none;
	}

		.plupload_add.plupload_disabled .tr__icon,
		.plupload_add.plupload_disabled.hover .tr__icon,
		.plupload_add.plupload_disabled:hover .tr__icon,
		.plupload_start.plupload_disabled .tr__icon,
		.plupload_start.plupload_disabled.hover .tr__icon,
		.plupload_start.plupload_disabled:hover .tr__icon {
			filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(7426%) hue-rotate(179deg) brightness(109%) contrast(95%);
		}

.plupload_header_text {
	font-family: "Helvetica", "Arial", sans-serif;
	color: var(--tr-color-black);
}

.plupload_header_content {
	background: none;
	padding: 7px;
	min-height: unset;
}

.plupload_header {
	background: none;
}

.plupload_header_title {
	display: none;
}

.plupload_wrapper {
	font: unset;
}

.plupload_buttons {
	margin-bottom: 15px;
}

	.plupload_buttons a {
		padding: 6px 12px;
	}

.plupload_scroll .plupload_filelist {
	height: auto;
	min-height: 100px;
	background-color: var(--tr-color-white);
	overflow-y: auto;
}

li.plupload_droptext {
	line-height: 80px;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
}

.plupload_filelist_footer {
	height: unset;
	line-height: 40px;
}

.plupload_filelist_header {
	font-weight: bold;
}

.plupload_file_name {
	width: auto !important;
}

.plupload_disabled,
a.plupload_disabled:hover {
	cursor: not-allowed;
	color: var(--tr-color-grey-500);
	background: unset;
	border: 1px solid var(--tr-color-grey-500);
}

.plupload_filelist_header, .plupload_filelist_footer {
	background: none;
}

.plupload_filelist_header {
	border-top: none;
}

li.plupload_delete a, li.plupload_failed a {
	background: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: auto;
	font: normal normal normal 20px/1 FontAwesome;
	margin-top: -3px;
	color: var(--tr-color-red-500);
}

	li.plupload_delete a:before {
		content: url('../images/icons/F44336/png/16/times.png');
	}

	li.plupload_failed a:before {
		content: "\f071";
	}

.plupload_filelist li {
	background: var(--tr-color-white);
}

.plupload_total_status, .plupload_total_file_size {
	font-weight: bold;
}
/* END - plupload */

/* START - jQuery */
/* Date Picker */
.hasDatepicker.form-control__tr {
	width: 238px;
}

	.hasDatepicker.form-control__tr[readonly] {
		cursor: pointer;
		background-color: var(--tr-color-white);
	}

	.hasDatepicker.form-control__tr.disabled,
	.hasDatepicker.form-control__tr:disabled,
	.hasDatepicker.form-control__tr[disabled] {
		cursor: not-allowed;
		background-color: var(--tr-color-grey-200);
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

#ui-datepicker-div {
	z-index: var(--tr-datepicker-z-index) !important;
}

.ui-front #ui-datepicker-div {
	position: absolute !important; /* keeps the datepicker positioned correctly within scrollable parent */
}

td input.hasDatepicker,
td input.hasDatepicker + span + input[placeholder="HH"],
td input.hasDatepicker + span + input[placeholder="HH"] + span + input[placeholder="mm"] {
	display: inline-block;
}

	td input.hasDatepicker + span + input[placeholder="HH"],
	td input.hasDatepicker + span + input[placeholder="HH"] + span + input[placeholder="mm"] {
		width: 50px;
	}

/* autocomplete */
.ui-autocomplete-input {
	width: 100%;
	display: inline;
}

.ui-autocomplete {
	font-size: 14px !important;
}

	.ui-autocomplete .info .ui-menu-item-wrapper {
		cursor: default;
	}

		.ui-autocomplete .info .ui-menu-item-wrapper.ui-state-active {
			color: var(--tr-color-black);
			background: none;
			border: none;
			margin: 0;
		}

/* error */
.error {
	background-color: var(--tr-color-red-200) !important;
	border: solid 1px var(--tr-color-red-400) !important;
}

select.error {
	background-color: var(--tr-color-red-200) !important;
	border: solid 1px var(--tr-color-red-400);
}

/* freezeheader */
#dg_table thead td:first-of-type {
	z-index: var(--tr-planner-freezeheader-first-column-z-index) !important;
}
/* END - jQuery */

/* ----- TR Classes ----- */
/* ---- Components ---- */
/* --- Reusable --- */
/* START - Top Nav */
.tr__top-nav--sticky-header {
	position: sticky;
	z-index: 95;
	background-color: var(--tr-color-white);
	top: 10px !important;
}
/* END - Nav */
/* START - Form Group */
.tr__form-group {
	margin-bottom: 16px;
}
/* END - Form Group */

/* START - Image */
.tr__img--compliance {
	max-width: 1000px;
	width: 100%;
}
/* END - Image */

/* START - Static Arrow */
.tr__static-arrow {
	z-index: var(--tr-static-arrow-z-index);
	display: block;
	max-width: 276px;
	padding: 0;
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid var(--tr-color-grey-500);
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-bottom-color: transparent;
	border-bottom-color: rgba(0,0,0,.25);
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 11px;
	border-top-width: 0px;
	left: 50%;
	border-bottom-color: rgba(0, 0, 0, 0.25);
}

	.tr__static-arrow::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		content: "";
		border-width: 10px;
		top: 1px;
		margin-left: -10px;
		content: " ";
		border-top-width: 0;
		border-bottom-color: var(--tr-color-white);
	}
/* END - Static Arrow */

/* START - HR */
hr.tr__hr--min {
	margin-top: 32px;
	margin-bottom: 32px;
}
/* END - HR */

/* START - No Duplicate Entities */
.tr__no-duplicate-entities {
	padding: 10px 20px;
}
/* END - No Duplicate Entities */

/* START - Table Cell */
.tr__td--entity-type-edit_context-info {
	width: 37% !important;
	line-height: 32px !important;
}

.tr__td--entity-type-edit_formula {
	width: 6% !important;
	line-height: 32px !important;
	white-space: nowrap;
}

.tr__td--entity-type-edit_validation {
	width: 9% !important;
	line-height: 32px !important;
	white-space: nowrap;
}
/* END - Table Cell*/

/* START - Input */
.tr__input--appear-disabled {
	background: var(--tr-color-grey-200) !important;
	border-color: var(--tr-color-grey-400) !important;
	cursor: not-allowed !important;
	color: var(--tr-color-grey-800) !important;
}
/* END - Input */

/*  START - Loading Square */
.tr__loading-square_container--dynamic-fields {
	display: none;
	position: fixed;
	top: 47%;
	left: 47%;
	z-index: var(--tr-loading-square-z-index);
}

.tr__loading-square_container--main {
	position: relative;
	display: inline-block;
	line-height: 16px;
}

.tr__loading-square_big-square {
	position: initial;
	display: inline-block;
	width: 60px;
	height: 60px;
}

.tr__loading-square_little-square {
	position: absolute;
	width: 40px;
	height: 40px;
	background: var(--tr-color-white);
}

/* colours */
.tr__loading-square_little-square--blue0 {
	background: var(--tr-color-blue-500);
}

.tr__loading-square_little-square--blue1 {
	background: var(--tr-color-blue-500);
	opacity: 0.85;
}

.tr__loading-square_little-square--blue2 {
	background: var(--tr-color-blue-500);
	opacity: 0.7;
}

.tr__loading-square_little-square--blue3 {
	background: var(--tr-color-blue-500);
	opacity: 0.55;
}

.tr__loading-square_little-square--blue4 {
	background: var(--tr-color-blue-500);
	opacity: 0.4;
}

/* positions */
.tr__loading-square_little-square--first {
	left: 0px;
	top: 40px;
	-webkit-animation: drop1 3s linear infinite;
	animation: drop1 3s linear infinite;
}

.tr__loading-square_little-square--second {
	left: 40px;
	top: 40px;
	-webkit-animation: drop2 3s linear infinite;
	animation: drop2 3s linear infinite;
}

.tr__loading-square_little-square--third {
	left: 0px;
	top: 0px;
	-webkit-animation: drop3 3s linear infinite;
	animation: drop3 3s linear infinite;
}

.tr__loading-square_little-square--fourth {
	left: 40px;
	top: 0px;
	-webkit-animation: drop4 3s linear infinite;
	animation: drop4 3s linear infinite;
}

.tr__loading-square_little-square--fifth {
	left: 40px;
	top: -40px;
	-webkit-animation: drop5 3s linear infinite;
	animation: drop5 3s linear infinite;
}

.tr__loading-square_little-square--sixth {
	left: 0px;
	top: -40px;
	-webkit-animation: drop6 3s linear infinite;
	animation: drop6 3s linear infinite;
}

.tr__loading-square_little-square--seventh {
	left: 80px;
	top: 40px;
	-webkit-animation: drop7 3s linear infinite;
	animation: drop7 3s linear infinite;
}

.tr__loading-square_little-square--eighth {
	left: 80px;
	top: 0px;
	-webkit-animation: drop8 3s linear infinite;
	animation: drop8 3s linear infinite;
}

.tr__loading-square_little-square--ninth {
	left: 80px;
	top: -40px;
	-webkit-animation: drop9 3s linear infinite;
	animation: drop9 3s linear infinite;
}

@keyframes drop1 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	19% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	62% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	71% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes drop2 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	17% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	58% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	69% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes drop3 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	25% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	64% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	73% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes drop4 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	23% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	62% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	71% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}


@keyframes drop5 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	29% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	64% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	73% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}


@keyframes drop6 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	31% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	68% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	74% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes drop7 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	15% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	54% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	67% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes drop8 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	21% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	58% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	69% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes drop9 {
	0% {
		-webkit-transform: translate(-120px, -120px) scale(0);
		transform: translate(-120px, -120px) scale(0);
	}

	27% {
		-webkit-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	62% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	71% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}
/*  END - Loading Square */

/* START - Gap Analysis Report */
.tr__gap-analysis-report table {
	border-color: var(--tr-color-grey-400);
}

	.tr__gap-analysis-report table th,
	.tr__gap-analysis-report table td {
		padding: 5px;
	}

		.tr__gap-analysis-report table th:first-of-type,
		.tr__gap-analysis-report table td:first-of-type {
			text-align: left;
			padding-left: 10px;
		}

		.tr__gap-analysis-report table th img:hover,
		.tr__gap-analysis-report table td img:hover {
			border-right: 1px solid var(--tr-color-blue-700);
		}

		.tr__gap-analysis-report table th:first-of-type img:hover,
		.tr__gap-analysis-report table td:first-of-type img:hover {
			border-right: none;
		}
/* END - Gap Analysis Report */

/* START - Global Search */
/* container */
.tr__global-search_container {
	position: relative;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 16px;
}

.tr__global-search_container--mobile {
	position: relative;
	width: 100%;
	padding: 8px 16px;
}

	/* search icon */
	.tr__global-search_container .tr__icon--search,
	.tr__global-search_container--mobile .tr__icon--search {
		position: absolute;
		top: 50%;
	}

.tr__global-search_container .tr__icon--search {
	margin-top: -8px;
	left: 24px;
}

.tr__global-search_container--mobile .tr__icon--search {
	margin-top: -7px;
	left: 24px;
}

/* red cross */
.tr__global-search_container .clear-search,
.tr__global-search_container--mobile .clear-search {
	position: absolute;
	top: 50%;
}

.tr__global-search_container .clear-search {
	margin-top: -11px;
	right: 4px;
}

.tr__global-search_container--mobile .clear-search {
	margin-top: -11px;
	right: 19px;
}

/* text input */
.tr__global-search_container .form-control__tr,
.tr__global-search_container--mobile .form-control__tr {
	color: var(--tr-color-black);
	font-weight: normal;
	font-size: 13px;
	border: solid 1px var(--tr-color-grey-500);
	border-radius: 2px;
	padding-left: 32px;
	padding-right: 25px;
}

	.tr__global-search_container .form-control__tr::placeholder,
	.tr__global-search_container--mobile .form-control__tr::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: var(--tr-color-black);
		opacity: 1; /* Firefox */
	}

	.tr__global-search_container .form-control__tr:-ms-input-placeholder,
	.tr__global-search_container--mobile .form-control__tr:-ms-input-placeholder { /* IE 10-11 */
		color: var(--tr-color-black);
	}

	.tr__global-search_container .form-control__tr::-ms-input-placeholder,
	.tr__global-search_container--mobile .form-control__tr::-ms-input-placeholder { /* Edge */
		color: var(--tr-color-black);
	}

	.tr__global-search_container .form-control__tr:focus,
	.tr__global-search_container--mobile .form-control__tr:focus {
		border-bottom-color: var(--tr-color-blue-500);
		-webkit-box-shadow: none;
		box-shadow: none;
	}
/* END - Global Search */

/* START - Multi Textbox */
.tr__multi-textbox {
	display: inline-block;
	border-radius: 2px;
}

.tr__multi-textbox_value {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border-radius: 2px;
	background-color: var(--tr-color-blue-500);
	color: var(--tr-color-white);
	white-space: nowrap;
	max-width: 90% !important;
	width: auto;
	margin: 4px 1px;
	padding: 2px;
	padding-left: 5px;
}

	.tr__multi-textbox_value i {
		cursor: pointer;
		color: var(--tr-color-white) !important;
		display: flex;
	}
/* END - Multi Textbox */

/* START - Multi Category */
.tr__multi-category--entity,
.tr__multi-category--report {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 1px;
	padding: 2px 4px;
	border-radius: 2px;
	background-color: var(--tr-color-blue-500);
	color: var(--tr-color-white);
	vertical-align: middle;
	white-space: nowrap;
}

	.tr__multi-category--entity span,
	.tr__multi-category--report span {
		cursor: pointer;
	}

.tr__multi-category--entity_list {
	padding: 0px;
	padding-left: 16px;
	margin-bottom: 0px;
}
/* END - Multi Category */

/* START - Link */
.tr__link_underline--none:hover {
	text-decoration: none;
}

.tr__link_underline--none:matches(:hover) {
	text-decoration: none;
}

.tr__link_underline--none {
	text-decoration: none;
}
/* END - Link */

/* START - Planner Tooltip */
.tr__planner-tooltip--compliant {
	height: 20px;
	width: 20px;
	background-color: var(--tr-color-green-500);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.tr__planner-tooltip--non-compliant {
	height: 20px;
	width: 20px;
	background-color: var(--tr-color-red-500);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.tr__planner-tooltip--suspend {
	height: 20px;
	width: 20px;
	border: var(--tr-color-blue-grey-300) 2px solid;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
/* END - Planner Tooltip */

/* START - Custom Map Controls */
.tr__custom-map-controls {
	top: 16px;
	left: 16px;
	background: none;
}

.tr__custom-map-controls--edit {
	top: 192px;
	left: 16px;
	background: none;
}

.tr__custom-map-controls--list-view {
	top: 16px;
	right: 16px;
	background: none;
}

@media (max-width: 768px) {
	.tr__custom-map-controls {
		top: 16px;
		left: .5em;
	}

	.tr__custom-map-controls--edit {
		top: 192px;
		left: .5em;
	}

	.tr__custom-map-controls--list-view {
		top: 16px;
		right: .5em;
	}
}
/* END - Custom Map Controls */

/* START - Popup */
/* Generic */
.tr__popup {
	position: fixed;
	display: none;
	background-color: var(--tr-color-white);
	border: solid silver 1px;
	border-radius: 4px;
	padding: 0.8em;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	font-size: 13px;
	text-align: left;
	padding: 16px;
	z-index: var(--tr-popup-z-index);
}

	/* Modifiers */
	.tr__popup.tr__popup_offset--search-panel {
		right: calc(var(--tr-drawer-toggle-width-search-panel) + 1px);
		z-index: var(--tr-popup-offset-search-panel-z-index);
	}

@media(min-width: 576px) {
	.tr__popup.tr__popup_offset--search-panel {
		right: calc(var(--tr-drawer-toggle-closed-width-search-panel-tablet-up) + 1px);
	}
}

.tr__popup.with-top-static-arrow {
	margin-top: 5px;
}

/* Bespoke */
/* form */
.tr__popup--form {
	overflow-y: auto;
	max-width: 767px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

@media (max-width: 822px) {
	.tr__popup--form {
		margin-left: 15px;
		margin-right: 15px;
	}
}

/* maps */
/* - mobile */
.tr__popup--maps {
	position: initial;
	width: 100%;
	max-width: 320px;
	overflow-x: hidden;
	max-height: 100%;
}

/* - tablet */
@media (min-width: 768px) {
	.tr__popup--maps {
		max-width: 500px;
	}
}

/* - desktop */
@media (min-width: 992px) {
	.tr__popup--maps {
		max-width: 1000px;
	}
}

/* planner */
.tr__popup--planner {
	overflow-y: auto;
	width: 400px !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	margin: auto !important;
	height: fit-content !important;
	min-height: 130px;
	align-content: center !important;
}

.tr__popup--planner_header {
	text-align: center !important;
}

.tr__popup--planner_buttons {
	text-align: center !important;
	justify-content: center !important;
}

/* entity type edit */
.tr__popup--entity-type-edit {
	overflow-y: auto;
	width: 700px !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	margin: auto !important;
	height: fit-content !important;
	min-height: 255px;
}

.tr__popup--entity-type-edit_content {
	height: 100% !important;
	margin: 0 auto 40px !important;
}

.tr__popup--entity-type-edit_footer {
	text-align: end !important;
	top: auto;
	bottom: 16px !important;
	position: absolute !important;
	left: 16px !important;
	right: 16px !important;
}

.tr__popup--entity-type-edit_formula-container {
	background-color: var(--tr-color-grey-200) !important;
}

.tr__popup--entity-type-edit_formula-buttons-top {
	width: 25% !important;
}

.tr__popup--entity-type-edit_formula-buttons-middle {
	width: 25% !important;
}

.tr__popup--entity-type-edit_formula-buttons-bottom {
	width: 50% !important;
}

.tr__popup--entity-type-edit_entity-fields-option {
	text-indent: -300px !important;
}

.tr__popup--entity-type-edit_hdr-visible {
	display: none !important;
}

@media (max-width: 769px) {
	.tr__popup--entity-type-edit {
		max-width: 443px !important;
	}

	.tr__popup--entity-type-edit_close-button {
		display: none !important;
	}

	.tr__popup--entity-type-edit_formula-buttons-top {
		width: 50% !important;
	}

	.tr__popup--entity-type-edit_formula-buttons-middle {
		width: 50% !important;
		margin-top: -1px !important;
	}

		.tr__popup--entity-type-edit_formula-buttons-middle.tr__popup--entity-type-edit_formula-buttons-middle_r {
			margin-left: -1px !important;
		}

		.tr__popup--entity-type-edit_formula-buttons-middle.tr__popup--entity-type-edit_formula-buttons-middle_l {
			margin-left: 0px !important;
		}

	.tr__popup--entity-type-edit_entity-fields-option {
		display: none !important;
	}

	.tr__popup--entity-type-edit_hdr-hidden-value {
		display: inline-block !important;
	}

	.tr__popup--entity-type-edit_hdr-hidden {
		display: none !important;
	}

	.tr__popup--entity-type-edit_hdr-visible {
		display: block !important;
		font-weight: bold !important;
	}
}

@media (max-width: 576px) {
	.tr__popup--entity-type-edit {
		max-width: 343px !important;
		min-height: 282px !important;
	}
}

@media (max-width: 374px) {
	.tr__popup--entity-type-edit {
		max-width: 262px !important;
		min-height: 302px !important;
	}
}
/* END - Popup */

/* START - Tile Card */
.tr__tile-card {
	text-align: center;
}

	.tr__tile-card a:hover {
		text-decoration: none;
	}

.tr__tile-card_body {
	border: 1px solid var(--tr-color-grey-500);
	border-radius: 4px;
	box-shadow: none;
	margin: 0;
}

/* icon container */
.tr__tile-card_icon-container {
	border: none;
	padding-top: 15px;
	height: 100px;
	color: var(--tr-color-blue-500);
	background-color: var(--tr-color-white);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

	.tr__tile-card_icon-container i.text {
		font-size: 65px;
	}

	.tr__tile-card_icon-container .tr__icon {
		width: 60px;
		height: 60px;
		filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(7133%) hue-rotate(203deg) brightness(99%) contrast(101%); /* blue */
	}

.tr__tile-card_icon-img {
	padding-top: 11px;
	margin: 0;
	max-width: 90%;
	height: auto;
	max-height: 90%;
}

.tr__tile-card_text {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: var(--tr-color-grey-200);
	color: var(--tr-color-black);
	font-size: var(--tr-tile-card-text-size) !important;
	border-top: 1px solid var(--tr-color-grey-500);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0 4px;
	height: 52px;
}

	.tr__tile-card_text a {
		color: var(--tr-color-blue-700);
	}

		.tr__tile-card_text a:hover {
			color: var(--tr-color-blue-800);
			text-decoration: none;
		}

.tr__tile-card_body:hover > .tr__tile-card_text {
	background-color: var(--tr-color-blue-100);
}

.tr__tile-card_info-icon {
	position: absolute !important;
	top: 8px !important;
	right: 8px;
	float: right;
}
/* END - Tile Card */

/* START - Button Group */
/* generic */
.tr__button-group {
	margin: 0;
	padding: 10px;
	display: flex;
	align-items: center; /* secondary */
	gap: 8px;
}

@media (min-width: 768px) { /* md and above */
	.tr__button-group {
		gap: 16px;
	}
}

.tr__button-group .btn__tr {
	margin: 0;
}

/* bespoke */
.tr__button-group--dropdown {
	/*margin: 0;*/
	padding: 0;
	position: relative;
	display: inline-block;
}

	.tr__button-group--dropdown .dropdown-pill {
		/* overriding - !important rules required to override default @media (max-width :768px) { .tr__popup } styles (style.css) */
		display: none;
		position: absolute;
		top: 100%;
		margin-top: 5px;
		left: -50% !important;
		right: 0 !important; /* overriding - default .tr__popup style (style.css) */
		margin-left: 16px;
		padding: 8px;
		width: 300px !important;
		border-radius: 10px;
	}

@media screen and (max-width: 500px) {
	.tr__button-group--dropdown .dropdown-pill {
		margin-top: 7px;
		margin-left: 5px;
	}
}

.card__tr .card-heading .tr__button-group {
	gap: 4px;
}
/* END - Button Group */

/* START - WKT */
.tr__wkt_text-input {
	width: 100%;
	font-size: smaller;
	resize: vertical;
	min-height: 100px;
}
/* END - WKT */

/* START - Loader */
.tr__loader {
	border: 16px solid var(--tr-color-grey-300);
	border-top: 16px solid var(--tr-color-blue-500);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	animation: loader-spin 2s linear infinite;
	margin: auto;
}

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

	100% {
		transform: rotate(360deg);
	}
}
/* END - Loader */

/* START - Map Identify */
.tr__map-identify_content {
	height: 200px;
	width: auto;
	overflow: auto;
}

.tr__map-identify_close {
	margin-left: 100%;
}
/* END - Map Identify */

/* START - Panel Containers */
/* login */
.tr__panel-container--login {
	width: 100%;
	max-width: 420px;
	font-size: 15px;
}

	.tr__panel-container--login input[type=text],
	.tr__panel-container--login input[type=password] {
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, .12);
		border-radius: unset;
		box-shadow: none;
		font-size: 16px;
		margin-bottom: 16px;
	}

	.tr__panel-container--login a {
		margin-bottom: 5px;
	}

@media screen and (max-width: 1005px) {
	.tr__panel-container--login {
		margin-top: 20px;
		display: block;
		min-height: 0;
	}
}
/* END - Panel Containers */

/* START - Chevron */
.tr__chevron {
	width: 22px;
	height: 21px;
	border-radius: 3px;
	overflow: hidden;
	flex-shrink: 0;
}

	.tr__chevron div {
		position: relative;
		margin: 3px 0 0 3px;
		height: 2px;
		width: 10px;
		background-color: var(--tr-color-blue-500);
		border-radius: 0px;
	}

.tr__chevron_half-1 {
	-ms-transform: rotate(225deg); /* IE 9 */
	-webkit-transform: rotate(225deg); /* Safari */
	transform: rotate(225deg);
	top: 5px;
	left: 6px;
}

.tr__chevron_half-2 {
	-ms-transform: rotate(315deg); /* IE 9 */
	-webkit-transform: rotate(315deg); /* Safari */
	transform: rotate(315deg);
	top: 0px;
	left: 0px;
}

.tr__chevron--up .tr__chevron_half-1 {
	animation: chevron-half-1-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__chevron--up .tr__chevron_half-2 {
	animation: chevron-half-2-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__chevron--down .tr__chevron_half-1 {
	animation: chevron-half-1-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__chevron--down .tr__chevron_half-2 {
	animation: chevron-half-2-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

@keyframes chevron-half-1-animation {
	100% {
		-ms-transform: rotate(495deg); /* IE 9 */
		-webkit-transform: rotate(495deg); /* Safari */
		transform: rotate(495deg);
		top: 6px;
	}
}

@keyframes chevron-half-2-animation {
	100% {
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari */
		transform: rotate(45deg);
		top: 1px;
	}
}


@keyframes chevron-half-1-deanimation {
	0% {
		-ms-transform: rotate(495deg); /* IE 9 */
		-webkit-transform: rotate(495deg); /* Safari */
		transform: rotate(495deg);
		top: 6px;
	}

	100% {
		-ms-transform: rotate(225deg); /* IE 9 */
		-webkit-transform: rotate(225deg); /* Safari */
		transform: rotate(225deg);
		top: 5px;
	}
}

@keyframes chevron-half-2-deanimation {
	0% {
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari */
		transform: rotate(45deg);
		top: 1px;
	}

	100% {
		-ms-transform: rotate(315deg); /* IE 9 */
		-webkit-transform: rotate(315deg); /* Safari */
		transform: rotate(315deg);
		top: 0px;
	}
}
/* END - Chevron */

/* START - Hamburger */
.tr__hamburger {
	width: 22px;
	height: 21px;
	border-radius: 3px;
	overflow: hidden;
}

.tr__hamburger_bar {
	position: relative;
	top: 9.5%;
	margin: 2px 0 0 3px;
	height: 3px;
	width: 16px;
	background-color: var(--tr-color-black);
	border-radius: 2px;
}

.tr__js--selected.tr__hamburger_bar1 {
	-moz-animation: bar-1-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* IE 9 */
	-webkit-animation: bar-1-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* Safari */
	animation: bar-1-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__js--selected.tr__hamburger_bar2 {
	-moz-animation: bar-2-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* IE 9 */
	-webkit-animation: bar-2-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* Safari */
	animation: bar-2-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__js--selected.tr__hamburger_bar3 {
	-moz-animation: bar-3-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* IE 9 */
	-webkit-animation: bar-3-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* Safari */
	animation: bar-3-animation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__js--deselected.tr__hamburger_bar1 {
	-moz-animation: bar-1-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* IE 9 */
	-webkit-animation: bar-1-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* Safari */
	animation: bar-1-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__js--deselected.tr__hamburger_bar2 {
	-moz-animation: bar-2-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* IE 9 */
	-webkit-animation: bar-2-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* Safari */
	animation: bar-2-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.tr__js--deselected.tr__hamburger_bar3 {
	-moz-animation: bar-3-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* IE 9 */
	-webkit-animation: bar-3-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards; /* Safari */
	animation: bar-3-deanimation 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

@keyframes bar-1-animation {
	100% {
		-moz-transform: rotate(-45deg) translate(-3px, 4px); /* IE 9 */
		-webkit-transform: rotate(-45deg) translate(-3px, 4px); /* Safari */
		-ms-transform: rotate(-45deg) translate(-3px, 4px);
		transform: rotate(-45deg) translate(-3px, 4px);
	}
}

@keyframes bar-2-animation {
	100% {
		-moz-transform: translate(50px, 0px); /* IE 9 */
		-webkit-transform: translate(50px, 0px); /* Safari */
		-ms-transform: translate(50px, 0px);
		transform: translate(50px, 0px);
	}
}

@keyframes bar-3-animation {
	100% {
		-moz-transform: rotate(45deg) translate(-3px, -4px); /* IE 9 */
		-webkit-transform: rotate(45deg) translate(-3px, -4px); /* Safari */
		-ms-transform: rotate(45deg) translate(-3px, -4px);
		transform: rotate(45deg) translate(-3px, -4px);
	}
}

@keyframes bar-1-deanimation {
	0% {
		-moz-transform: rotate(45deg) translate(4px, 3px); /* IE 9 */
		-webkit-transform: rotate(45deg) translate(4px, 3px); /* Safari */
		-ms-transform: rotate(45deg) translate(4px, 3px);
		transform: rotate(45deg) translate(4px, 3px);
	}

	100% {
		-moz-transform: none; /* IE 9 */
		-webkit-transform: none; /* Safari */
		-ms-transform: none;
		transform: none;
	}
}

@keyframes bar-2-deanimation {
	0% {
		-moz-transform: translate(-50px, 0px); /* IE 9 */
		-webkit-transform: translate(-50px, 0px); /* Safari */
		-ms-transform: translate(-50px, 0px);
		transform: translate(-50px, 0px);
	}

	100% {
		-moz-transform: none; /* IE 9 */
		-webkit-transform: none; /* Safari */
		-ms-transform: none;
		transform: none;
	}
}

@keyframes bar-3-deanimation {
	0% {
		-moz-transform: rotate(-45deg) translate(4px, -3px); /* IE 9 */
		-webkit-transform: rotate(-45deg) translate(4px, -3px); /* Safari */
		-ms-transform: rotate(-45deg) translate(4px, -3px);
		transform: rotate(-45deg) translate(4px, -3px);
	}

	100% {
		-moz-transform: none; /* IE 9 */
		-webkit-transform: none; /* Safari */
		-ms-transform: none;
		transform: none;
	}
}
/* END - Hamburger */

/* START - Content */
.tr__content {
	padding-bottom: 120px;
	display: flow-root;
}
/* END - Content */

/* START - Loading Ellipsis */
.tr__loading-ellipsis > * {
	display: inline-block;
	font-weight: bold;
}

	.tr__loading-ellipsis > *:first-child {
		animation-name: bounce-once;
		animation-duration: 1.2s;
		animation-iteration-count: infinite;
		animation-delay: 0s;
	}

	.tr__loading-ellipsis > *:nth-child(2) {
		animation-name: bounce-once;
		animation-duration: 1.2s;
		animation-iteration-count: infinite;
		animation-delay: 0.2s;
	}

	.tr__loading-ellipsis > *:nth-child(3) {
		animation-name: bounce-once;
		animation-duration: 1.2s;
		animation-iteration-count: infinite;
		animation-delay: 0.4s;
	}

@keyframes bounce-once {
	0% {
		transform: translateY(0);
	}

	10% {
		transform: translateY(-5px);
	}

	50% {
		transform: translateY(1px);
	}

	60% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}
/* END - Loading Ellipsis */

/* START - List */
.tr__list {
	font-size: 13px;
	font-weight: 500;
	list-style: none;
	padding: 0;
	margin: 0;
	border-radius: 4px;
}

	.tr__list li > span {
		padding: 8px 16px;
		display: list-item;
	}

	.tr__list li > a,
	.tr__list li > button {
		border: none;
		text-align: left;
		padding: 8px 16px;
		display: list-item;
		cursor: pointer;
		color: var(--tr-color-black);
		text-decoration: none;
		transition: background-color 0.2s linear;
		min-height: 40px;
	}

		.tr__list li > a:hover,
		.tr__list li > a:focus-visible,
		.tr__list li > button:hover,
		.tr__list li > button:focus-visible {
			background-color: var(--tr-color-blue-100) !important;
		}

	.tr__list i {
		margin-right: 10px;
		position: relative;
		top: 5px;
	}

	.tr__list span i {
		margin-right: 0px;
	}

	.tr__list p {
		margin: 0;
		padding: 8px 16px;
		display: list-item;
		color: var(--tr-color-black);
	}

	/* Entity Type Dropdown */
	.tr__list.tr__list--entity-type-dropdown {
		text-transform: revert !important;
		font-size: 14px;
	}

	/*  Expandable */
	.tr__list.tr__list--expandable li > a,
	.tr__list.tr__list--expandable li > button {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		background-color: var(--tr-list-expandable-item-bg-color);
	}

	.tr__list.tr__list--expandable li.expandable > a,
	.tr__list.tr__list--expandable li.expandable > button {
		justify-content: flex-start;
	}

		.tr__list.tr__list--expandable li.expandable > a::before,
		.tr__list.tr__list--expandable li.expandable > button::before {
			content: url("jacobs/icons/icon-folder-arrow-collapsed.svg");
			display: inline-block;
			width: 12px;
			height: 15px;
		}

	.tr__list.tr__list--expandable li.expandable.open > a::before,
	.tr__list.tr__list--expandable li.expandable.open > button::before {
		content: url("jacobs/icons/icon-folder-arrow-expanded.svg");
	}

	.tr__list.tr__list--expandable li > ul {
		list-style-type: none;
		padding-left: 0;
	}

	.tr__list.tr__list--expandable .tr__button-group {
		padding: 0;
	}

		.tr__list.tr__list--expandable .tr__button-group .tr__icon {
			margin: 0;
			width: 16px;
			height: 16px;
		}

	.tr__list.tr__list--expandable li > *:first-child {
		min-height: 40px;
	}

	/* Bespoke */
	/* ----- taskboard ----- */
	.tr__list.tr__list--expandable_taskboard li > a,
	.tr__list.tr__list--expandable_taskboard li > button {
		padding-right: 40px;
	}

	/* first indent */
	.tr__list.tr__list--expandable_taskboard > li > *:first-child {
		padding-left: 22px;
	}

	/* second indent */
	.tr__list.tr__list--expandable_taskboard > li > ul > li > *:first-child {
		padding-left: 62px;
	}

	.tr__list.tr__list--expandable_taskboard li.expandable.open > a,
	.tr__list.tr__list--expandable_taskboard li.expandable.open > button {
		background-color: var(--tr-color-grey-100);
	}

	/* ---- search panel ----- */
	.tr__list.tr__list--expandable_search-panel_filter-section > li.open > *:first-child {
		font-weight: bold;
		background-color: var(--tr-color-grey-200);
	}

	.tr__list.tr__list--expandable_search-panel_filter-section li > *:first-child:has(input[type=checkbox]) {
		min-height: auto;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.tr__list.tr__list--expandable_search-panel_filter-section li > *:first-child:has(input[type=radio]) {
		min-height: 24px;
		padding-left: 12px;
		padding-right: 12px;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.tr__list.tr__list--expandable_search-panel_filter-section li:first-child > *:first-child:has(input[type=radio]) {
		margin-top: 8px;
	}

	.tr__list.tr__list--expandable_search-panel_filter-section li:last-child > *:first-child:has(input[type=radio]) {
		margin-bottom: 8px;
	}

	/* first indent */
	.tr__list.tr__list--expandable_search-panel_filter-section li > *:first-child {
		padding-top: 0;
		padding-right: 8px;
		padding-bottom: 0;
		padding-left: 12px;
		min-height: 32px;
	}

	/* second indent */
	.tr__list.tr__list--expandable_search-panel_filter-section li.expandable > ul > li > *:first-child:has(select),
	.tr__list.tr__list--expandable_search-panel_filter-section li.expandable > ul > li > *:first-child:has(input[type=text]) {
		padding: 12px;
	}

	/* ----- map layers ----- */
	/* start - indentation */
	/* first indent */
	.tr__list.tr__list--expandable_map-layers > li > *:first-child {
		padding-left: 16px;
	}

	.tr__list.tr__list--expandable_map-layers > li > a.activelayer,
	.tr__list.tr__list--expandable_map-layers > li:has(.activelayer) > a,
	.tr__list.tr__list--expandable_map-layers > li > button.activelayer,
	.tr__list.tr__list--expandable_map-layers > li:has(.activelayer) > button {
		padding-left: 12px; /* 4px less than above to account for blue left border */
	}

	.tr__list.tr__list--expandable_map-layers > li.open > *:first-child {
		background-color: var(--tr-color-grey-500);
	}

	/* second indent */
	/* dropdown */
	.tr__list.tr__list--expandable_map-layers > li > ul > li.expandable > *:first-child {
		padding-left: 24px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li.expandable:has(.activelayer) > a {
		padding-left: 20px; /* 4px less than above to account for blue left border */
	}

	/* layer */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > *:first-child {
		padding-left: 48px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > a.activelayer,
	, tr__list.tr__list--expandable_map-layers > li > ul > li > button.activelayer {
		padding-left: 44px; /* 4px less than above to account for blue left border */
	}

	/* both */
	.tr__list.tr__list--expandable_map-layers > li.open > ul > li > *:first-child {
		background-color: var(--tr-color-grey-300);
	}

	/* third indent */
	/* dropdown */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li.expandable > *:first-child {
		padding-left: 32px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li.expandable:has(.activelayer) > a,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li.expandable:has(.activelayer) > button {
		padding-left: 28px; /* 4px less than above to account for blue left border */
	}

	/* layer */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > *:first-child {
		padding-left: 56px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > a.activelayer,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > button.activelayer {
		padding-left: 52px; /* 4px less than above to account for blue left border */
	}

	/* both */
	.tr__list.tr__list--expandable_map-layers > li.open > ul > li > ul li > *:first-child {
		background-color: var(--tr-color-grey-200);
	}

	/* forth indent */
	/* dropdown */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li.expandable > *:first-child {
		padding-left: 40px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li.expandable:has(.activelayer) > a,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li.expandable:has(.activelayer) > button {
		padding-left: 36px; /* 4px less than above to account for blue left border */
	}

	/* layer */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > *:first-child {
		padding-left: 64px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > a.activelayer,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > button.activelayer {
		padding-left: 60px; /* 4px less than above to account for blue left border */
	}

	/* fifth indent */
	/* dropdown */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li.expandable > *:first-child {
		padding-left: 48px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li.expandable:has(.activelayer) > a,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li.expandable:has(.activelayer) > button {
		padding-left: 44px; /* 4px less than above to account for blue left border */
	}

	/* layer */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > *:first-child {
		padding-left: 72px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > a.activelayer,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > button.activelayer {
		padding-left: 68px; /* 4px less than above to account for blue left border */
	}

	/* sixth (and beyond) indent */
	/* dropdown */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > ul li.expandable > *:first-child {
		padding-left: 56px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > ul li.expandable:has(.activelayer) > a,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > ul li.expandable:has(.activelayer) > button {
		padding-left: 52px; /* 4px less than above to account for blue left border */
	}

	/* layer */
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > ul li > *:first-child {
		padding-left: 80px;
	}

	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > ul li > a.activelayer,
	.tr__list.tr__list--expandable_map-layers > li > ul > li > ul > li > ul > li > ul > li > ul li > button.activelayer {
		padding-left: 76px; /* 4px less than above to account for blue left border */
	}
	/* end - indentation */

	.tr__list.tr__list--expandable_map-layers li > a.activelayer,
	.tr__list.tr__list--expandable_map-layers li:has(.activelayer) > a,
	.tr__list.tr__list--expandable_map-layers li > button.activelayer,
	.tr__list.tr__list--expandable_map-layers li:has(.activelayer) > button {
		border-left: 4px solid var(--tr-color-blue-500);
		font-weight: bold;
	}

	/* ----- Active Layers ----- */
	/* start - indentation */
	/* first indent */
	.tr__list.tr__list--expandable_active-layers > li > *:first-child {
		padding-left: 24px;
	}

	.tr__list.tr__list--expandable_active-layers > li.open > *:first-child {
		background-color: var(--tr-color-grey-200);
	}

	/* second indent */
	.tr__list.tr__list--expandable_active-layers > li > ul > li > *:first-child {
		padding-left: 36px;
		background-color: var(--tr-color-grey-100);
	}
/* end - indentation */
/* END - List */

/* START - Bulk Email Upload - Adjust upload container styles. */
.tr__email-upload-container {
}

	.tr__email-upload-container .plupload_header_text {
		font-size: 13px;
	}

	.tr__email-upload-container .plupload_container,
	.tr__email-upload-container .plupload_header_content {
		padding: 0;
	}

	.tr__email-upload-container .plupload_scroll .plupload_filelist {
		min-height: auto;
	}

	.tr__email-upload-container .plupload_filelist_header {
		padding-left: 0px;
	}

	.tr__email-upload-container .plupload_delete,
	.tr__email-upload-container .plupload_uploading,
	.tr__email-upload-container .plupload_done {
		padding-left: 0;
		padding-right: 24px;
	}

	.tr__email-upload-container .plupload_file_action {
		padding-top: 2px;
	}

	.tr__email-upload-container .plupload_button {
		margin-left: 0;
		margin-right: 16px;
	}

	.tr__email-upload-container .plupload_add {
		background-color: var(--tr-color-grey-300);
		color: var(--tr-color-black);
	}

	.tr__email-upload-container .plupload_start {
		background-color: var(--tr-color-blue-500);
		color: var(--tr-color-white);
	}

		.tr__email-upload-container .plupload_add.plupload_disabled,
		.tr__email-upload-container .plupload_start.plupload_disabled {
			background-color: var(--tr-color-white);
			color: var(--tr-color-black);
		}

	.tr__email-upload-container .plupload_filelist_footer,
	.tr__email-upload-container .plupload_buttons {
		padding: 0;
		margin: 0;
	}

		.tr__email-upload-container .plupload_filelist_footer .plupload_file_action {
			margin-right: 24px;
		}

	.tr__email-upload-container .plupload_progress_container {
		margin-top: 16px;
	}

	.tr__email-upload-container #fileuploadingspinner {
		top: 8px;
	}
/* END - Bulk Email Upload - Adjust upload container styles. */

/* START - Underlay */
.tr__underlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* END - Underlay */

/* START - Mapview */
.tr__map-view_underlay {
	position: fixed;
	z-index: var(--tr-map-view-underlay-z-index);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.4);
}

.tr__map-view_modal {
	z-index: var(--tr-map-view-modal-z-index);
}
/* END - Mapview */

/* START - Search */
.tr__search_checkbox {
	position: absolute;
}
/* END - Search */

/* START - Search Panel */
.tr__search-panel_list-box-item {
	white-space: normal;
	border-bottom: 1px solid var(--tr-color-grey-300);
}
/* END - Search Panel */

/* START - Search Result */
.tr__search-result {
	display: none;
	position: absolute;
	top: 43px;
	right: 144px;
	background-color: var(--tr-color-white);
	width: 700px;
	max-height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

	.tr__search-result .tr__search-result_header {
		padding: 6px 16px 16px 16px;
	}

	.tr__search-result .go-to-advanced-search {
		position: sticky;
		bottom: 0;
		left: 0;
		width: 100%;
		background: var(--tr-color-white);
		height: 40px;
		border-top: 1px solid var(--tr-color-grey-400);
	}

		.tr__search-result .go-to-advanced-search a {
			color: var(--tr-color-black);
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			line-height: 38px;
		}

			.tr__search-result .go-to-advanced-search a:hover,
			.tr__search-result .go-to-advanced-search a:active,
			.tr__search-result .go-to-advanced-search a:focus {
				background: var(--tr-color-blue-100);
				text-decoration: none;
			}

			.tr__search-result .go-to-advanced-search a span {
				vertical-align: middle;
			}

	.tr__search-result label {
		font-size: 13px;
	}
/* END - Search Result */

/* START - Searchbar */
.tr__search-bar .tr__side-bar_search {
	padding: 15px;
}

.tr__search-bar ul li {
	border-bottom: 0px solid var(--tr-color-grey-300);
}

	.tr__search-bar ul li a.active {
		background-color: var(--tr-color-grey-300);
	}

.tr__search-bar .arrow {
	float: right;
}

.tr__search-bar .fa.arrow:before {
	content: "\f104";
}

.tr__search-bar .active > a > .fa.arrow:before {
	content: "\f107";
}

.tr__search-bar .arrow {
	float: right;
}

.tr__search-bar .fa.arrow:before {
	content: "\f104";
}

.tr__search-bar .active > a > .fa.arrow:before {
	content: "\f107";
}

.tr__search-bar_nav-container {
	border-top: none; /* overriding - .navbar-collapse mobile border-top (bootstrap.css)  */
	padding-right: 0px;
	padding-left: 0px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

	.tr__search-bar_nav-container.in {
		overflow-y: auto;
	}
/* END - Searchbar */

/* START - Image Button */
/* Button */
.tr__image-button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	color: var(--tr-color-black);
	font-size: 13px;
	padding: 0px;
	border: none;
	background-color: transparent;
	vertical-align: middle;
}

	.tr__image-button.disabled,
	.tr__image-button:disabled,
	.tr__image-button[disabled],
	.tr__image-button.disabled:hover,
	.tr__image-button:disabled:hover,
	.tr__image-button[disabled]:hover {
		color: var(--tr-color-grey-500) !important;
		cursor: not-allowed;
	}

		.tr__image-button.disabled:hover .icon-container,
		.tr__image-button:disabled:hover .icon-container,
		.tr__image-button[disabled]:hover .icon-container {
			background: none !important;
		}

			.tr__image-button.disabled .icon-container .tr__icon,
			.tr__image-button:disabled .icon-container .tr__icon,
			.tr__image-button[disabled] .icon-container .tr__icon,
			.tr__image-button.disabled:hover .icon-container .tr__icon,
			.tr__image-button:disabled:hover .icon-container .tr__icon,
			.tr__image-button[disabled]:hover .icon-container .tr__icon {
				filter: brightness(0) saturate(100%) invert(77%) sepia(2%) saturate(13%) hue-rotate(6deg) brightness(109%) contrast(82%) !important;
			}

	.tr__image-button:hover, .tr__image-button:focus {
		color: var(--tr-color-blue-500);
		text-decoration: none;
	}

	/* Text */
	.tr__image-button .button-text {
		display: block;
		margin: 0;
		margin-top: 8px;
	}

	/* Icons */
	.tr__image-button .icon-container {
		display: inline-block;
	}

	.tr__image-button .icon-container {
		border-radius: 18px;
	}

	.tr__image-button:hover .icon-container,
	.tr__image-button:active:focus .icon-container,
	.tr__image-button.open .icon-container {
		background-color: var(--tr-color-grey-200);
	}
/* END - Image Button */

/* START - Menu Button */
.tr__menu-button {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
/* END - Menu Button */

/* START - Button Divider */
.tr__button-divider {
	display: inline-block;
	margin: 8px;
	margin-top: 0;
	height: 36px;
	border-right: solid 1px var(--tr-color-grey-500);
	vertical-align: middle;
}
/* END - Button Divider */

/* START - Content Header */
.tr__content-header {
	background-color: var(--tr-color-white);
	margin-bottom: 24px;
	background-color: var(--tr-color-white);
}

/* Sticky Behaviour */
@media (min-width: 768px) {
	.tr__content-header.sticky {
		position: sticky;
		z-index: var(--tr-sticky-content-header-z-index);
		top: 0;
	}
}

/* Bottom Border */
.tr__content-header hr {
	opacity: 1;
	margin: 0;
	border: none;
	height: 16px;
	border-bottom: 1px solid var(--tr-color-grey-500);
	position: relative;
	overflow: visible;
}

	.tr__content-header hr::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0px;
		right: 0;
		bottom: 0;
		height: 8px;
	}

/* Breadcrumb Section */
.tr__content-header .breadcrumbs {
	font-size: 13px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
	padding: 8px 0;
}

	.tr__content-header .breadcrumbs a {
		cursor: pointer;
		white-space: nowrap;
	}

/* Main Section */
.tr__content-header .main {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}

	.tr__content-header .main > * {
		flex-grow: 1;
	}

@media (max-width: 768px) {
	.tr__content-header .main {
		flex-wrap: wrap;
		gap: 8px;
	}

		.tr__content-header .main > * {
			flex-basis: 100%;
		}
}

/* Title Section */
.tr__content-header .main .titles {
	margin-top: 8px; /* to center align with buttons */
	padding-top: 2px;
	padding-bottom: 2px;
}

	.tr__content-header .main .titles > :last-child {
		margin-bottom: 0;
	}
/* END - Content Header */

/* START - Page Favourites */
.tr__page-favourites {
	display: inline-block;
}
/* END - Page Favourites */

/* START - Input Overlays */
.tr__icon.tr__input-overlay--left {
	top: -2px;
	right: -21px;
}

.tr__icon.tr__input-overlay--right {
	top: -2px;
	left: -21px;
}

.btn.btn__tr.btn__tr--ghost.btn__tr--circular.tr__size--24.tr__input-overlay--left {
	position: relative;
	top: -1px;
	right: -28px;
}

.btn.btn__tr.btn__tr--ghost.btn__tr--circular.tr__size--24.tr__input-overlay--right {
	position: relative;
	top: -1px;
	left: -28px;
}
/* END - Input Overlays */

/* START - Icons */
/* Sizing/Positioning */
/* ----- general ----- */
i.tr__icon {
	display: inline-block;
	position: relative;
	top: 0;
	vertical-align: middle;
	margin: 0;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
	user-select: none; /* prevent adjacent text elements from being highlighted when double-clicked */
	flex-shrink: 0;
}

/* ----- bespoke (page/area specific) ----- */
/* site header icons */
.navbar__tr.navbar__tr--site-header .nav-item .tr__icon {
	height: 20px;
	width: 20px;
}

.navbar__tr.navbar__tr--site-header .nav-item ul .tr__icon {
	height: 16px;
	width: 16px;
}

/* tr__list icons */
.tr__list > li > * > .tr__icon:first-child {
	width: 18px;
	height: 18px;
	margin-right: 8px;
}

/* year planner icons */
.table__tr.table__tr--year-planner .tr__icon {
	width: 18px;
	height: 18px;
}

/* global search popup icons */
.tr__search-result_list .tr__icon {
	width: 18px;
	height: 18px;
	margin-right: 8px !important; /* overriding table i (style.css) */
}

/* multi-category icons */
.tr__multi-category--entity .tr__icon,
.tr__multi-category--report .tr__icon {
	filter: brightness(0) invert(1);
	cursor: pointer;
	width: 13px;
	height: 13px;
}

/* card table icons */
.card__tr .table__tr .tr__icon {
	top: -1px;
}

/* Colours */
.tr__icon.tr__color--black {
	filter: brightness(0) saturate(100%) invert(16%) sepia(7%) saturate(8%) hue-rotate(359deg) brightness(96%) contrast(87%);
}

.tr__icon.tr__color--white {
	filter: brightness(0) invert(1);
}

.tr__icon.tr__color--green {
	filter: brightness(0) saturate(100%) invert(80%) sepia(29%) saturate(854%) hue-rotate(37deg) brightness(86%) contrast(86%);
}

.tr__icon.tr__color--red,
.tr__color--red .tr__icon,
.tr__icon.tr__color--red_hover:hover,
.tr__icon.tr__color--red_hover:focus,
.tr__color--red_hover:hover .tr__icon,
.tr__color--red_hover:focus .tr__icon {
	filter: var(--tr-filter-red-500) !important;
}

.tr__icon.tr__color--blue {
	filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(7133%) hue-rotate(203deg) brightness(99%) contrast(101%) !important;
}

.tr__icon.tr__color--gold {
	filter: brightness(0) saturate(100%) invert(94%) sepia(21%) saturate(5460%) hue-rotate(326deg) brightness(105%) contrast(101%) !important;
}

/* Icons */
/* ----- tr logo icons ----- */
i.tr__icon--logo_no-text {
	background-image: url("jacobs/icons/icon-tr-logo-no-text.svg") !important;
	width: 32px;
	height: 32px;
}

i.tr__icon--logo_text {
	background-image: url("jacobs/icons/icon-tr-logo-text.svg") !important;
	width: 186px;
	height: 32px;
}

/* ----- buildings icon ----- */
i.tr__icon--buildings {
	background-image: url("jacobs/icons/icon-buildings.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- date icons ----- */
i.tr__icon--date_cross {
	background-image: url("jacobs/icons/icon-date-cross.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--date_tick {
	background-image: url("jacobs/icons/icon-date-tick.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- semantic icons ----- */
i.tr__icon--track-record {
	background-image: url("jacobs/icons/icon-trackrecord.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--track-record_color {
	background-image: url("jacobs/icons/icon-trackrecord-color.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--track-record-maps_color {
	background-image: url("jacobs/icons/icon-trackrecordmaps-color.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--safety-web {
	background-image: url("jacobs/icons/icon-safetyweb.svg") !important;
	width: 16px;
	height: 16px;
}

/* -----  status icons ----- */
i.tr__icon--deactivate {
	background-image: url("jacobs/icons/icon-deactivate.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--archive {
	background-image: url("jacobs/icons/icon-archive.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- eLibrary icons ----- */
i.tr__icon--up-one-level {
	background-image: url("jacobs/icons/icon-one-level-up_1.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--down-one-level {
	background-image: url("jacobs/icons/icon-one-level-down_1.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--gallery {
	background-image: url("jacobs/icons/icon-gallery.svg") !important;
	width: 16px;
	height: 16px;
}


/* ----- misc icons ----- */
i.tr__icon--ai {
	background-image: url("jacobs/icons/icon-ai.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--client-list {
	background-image: url("jacobs/icons/icon-client-list.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--policies {
	background-image: url("jacobs/icons/icon-policies.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--t-and-c {
	background-image: url("jacobs/icons/icon-t-and-c.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--tutorial {
	background-image: url("jacobs/icons/icon-tutorial.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--import {
	background-image: url("jacobs/icons/icon-import.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--export {
	background-image: url("jacobs/icons/icon-export.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--statistics {
	background-image: url("jacobs/icons/icon-show-statistics.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--hamburger {
	background-image: url("jacobs/icons/icon-hamburger.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--upload {
	background-image: url("jacobs/icons/icon-upload.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--download {
	background-image: url("jacobs/icons/icon-download.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--update {
	background-image: url("jacobs/icons/icon-update.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--configure {
	background-image: url("jacobs/icons/icon-configure.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--zoom-to-extents {
	background-image: url("jacobs/icons/icon-zoom-to-extents.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--metadata {
	background-image: url("jacobs/icons/icon-metadata.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--filter {
	background-image: url("jacobs/icons/icon-filter-16.svg") !important;
	width: 16px;
	height: 16px;
}

	i.tr__icon--filter.tr__size--12 {
		background-image: url("jacobs/icons/icon-filter-12.svg") !important;
	}

i.tr__icon--filter_filled {
	background-image: url("jacobs/icons/icon-filter-filled.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--historic {
	background-image: url("jacobs/icons/icon-historic.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--home {
	background-image: url("jacobs/icons/icon-home.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--logout {
	background-image: url("jacobs/icons/icon-logout_1.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--2d-3d {
	background-image: url("jacobs/icons/icon-2d-3d.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--map-layers {
	background-image: url("jacobs/icons/icon-map-layers.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--map-layer {
	background-image: url("jacobs/icons/icon-map-layer.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--map-layer-groups {
	background-image: url("jacobs/icons/icon-layers-group.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--map-layer-categories {
	background-image: url("jacobs/icons/icon-layers-category.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--map-layer-import {
	background-image: url("jacobs/icons/icon-layer-import.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--module-security {
	background-image: url("jacobs/icons/icon-module-security.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--survey-tool {
	background-image: url("jacobs/icons/icon-survey-tool.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--legend {
	background-image: url("jacobs/icons/icon-legend.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--identify {
	background-image: url("jacobs/icons/icon-identify.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--geolocate {
	background-image: url("jacobs/icons/icon-geolocate.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--markup {
	background-image: url("jacobs/icons/icon-markup.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--measure {
	background-image: url("jacobs/icons/icon-measure.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--action-compliance {
	background-image: url("jacobs/icons/icon-action-compliance.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--approvals {
	background-image: url("jacobs/icons/icon-approvals.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--activity-stream {
	background-image: url("jacobs/icons/icon-activity-stream.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--user {
	background-image: url("jacobs/icons/icon-user.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--user-archived {
	background-image: url("jacobs/icons/icon-user-archived.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--user-logins {
	background-image: url("jacobs/icons/icon-user-logins.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--team {
	background-image: url("jacobs/icons/icon-team.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-groups {
	background-image: url("jacobs/icons/icon-entity-groups.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--link_external {
	background-image: url("jacobs/icons/icon-external-link.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--link_internal {
	background-image: url("jacobs/icons/icon-internal-link.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--compliance {
	background-image: url("jacobs/icons/icon-compliance_1.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--matrix {
	background-image: url("jacobs/icons/icon-matrix.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--percent {
	background-image: url("jacobs/icons/icon-percentage.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--planner {
	background-image: url("jacobs/icons/icon-planner.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--search {
	background-image: url("jacobs/icons/icon-search.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--search_advanced {
	background-image: url("jacobs/icons/icon-advanced-search.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--search-results {
	background-image: url("jacobs/icons/icon-search-results.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--phone {
	background-image: url("jacobs/icons/icon-telephone.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--summary {
	background-image: url("jacobs/icons/icon-summary.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--map {
	background-image: url("jacobs/icons/icon-map-view.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--edit-map-style {
	background-image: url("jacobs/icons/icon-edit-map-style_1.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--email {
	background-image: url("jacobs/icons/icon-email.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--cross {
	background-image: url("jacobs/icons/icon-cross.svg") !important;
	width: 12px;
	height: 12px;
}

i.tr__icon--cross-lg {
	background-image: url("jacobs/icons/icon-cross.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--tick {
	background-image: url("jacobs/icons/icon-tick.svg") !important;
	width: 12px;
	height: 12px;
}

i.tr__icon--tick-lg {
	background-image: url("jacobs/icons/icon-tick.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--add {
	background-image: url("jacobs/icons/icon-add.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--details {
	background-image: url("jacobs/icons/icon-details.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--edit {
	background-image: url("jacobs/icons/icon-edit.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--info {
	background-image: url("jacobs/icons/icon-info.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--book_open {
	background-image: url("jacobs/icons/icon-book-open.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--book_in {
	background-image: url("jacobs/icons/icon-book-in.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--book_out {
	background-image: url("jacobs/icons/icon-book-out.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--book_undo-book-out {
	background-image: url("jacobs/icons/icon-undo-book-out.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--pending {
	background-image: url("jacobs/icons/icon-pending.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--restore {
	background-image: url("jacobs/icons/icon-restore.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--triangle_up {
	background-image: url("jacobs/icons/icon-triangle-up.svg") !important;
	width: 12px;
	height: 6px;
}

i.tr__icon--triangle_down {
	background-image: url("jacobs/icons/icon-triangle-down.svg") !important;
	width: 12px;
	height: 6px;
}

i.tr__icon--triangle_warning {
	background-image: url("jacobs/icons/icon-warning-triangle.svg") !important;
	width: 18px;
	height: 17px;
	filter: brightness(0) saturate(100%) invert(33%) sepia(62%) saturate(4145%) hue-rotate(345deg) brightness(107%) contrast(91%); /* red */
}

i.tr__icon--star {
	background-image: url("jacobs/icons/icon-star.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--clock {
	background-image: url("jacobs/icons/icon-clock.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--padlock {
	background-image: url("jacobs/icons/icon-padlock.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--lock {
	background-image: url("jacobs/icons/icon-lock.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--unlock {
	background-image: url("jacobs/icons/icon-unlock.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--move {
	background-image: url("jacobs/icons/icon-move.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--copy {
	background-image: url("jacobs/icons/icon-copy.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--copy-report {
	background-image: url("jacobs/icons/icon-copy-report.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--config {
	background-image: url("jacobs/icons/icon-config.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--admin {
	background-image: url("jacobs/icons/icon-admin.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--options {
	background-image: url("jacobs/icons/icon-options.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--tools {
	background-image: url("jacobs/icons/icon-tools.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--print {
	background-image: url("jacobs/icons/icon-print.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--database {
	background-image: url("jacobs/icons/icon-database.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--database_export {
	background-image: url("jacobs/icons/icon-database-export.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--announcements {
	background-image: url("jacobs/icons/icon-announcements.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--news {
	background-image: url("jacobs/icons/icon-news.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--system {
	background-image: url("jacobs/icons/icon-system.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--pinned {
	background-image: url("jacobs/icons/icon-pinned.svg") !important;
	width: 24px;
	height: 24px;
}

i.tr__icon--unpinned {
	background-image: url("jacobs/icons/icon-unpinned.svg") !important;
	width: 24px;
	height: 24px;
}

i.tr__icon--opacity {
	background-image: url("jacobs/icons/icon-opacity.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report-gen {
	background-image: url("jacobs/icons/icon-report-gen.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--contacts {
	background-image: url("jacobs/icons/icon-contacts.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--gap-analysis {
	background-image: url("jacobs/icons/icon-gap-analysis.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report-builder {
	background-image: url("jacobs/icons/icon-report-builder.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--social-media {
	background-image: url("jacobs/icons/icon-social-media.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--play {
	background-image: url("jacobs/icons/icon-play.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- eye icons ----- */
i.tr__icon--eye_open {
	background-image: url("jacobs/icons/icon-eye-open.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--eye_closed {
	background-image: url("jacobs/icons/icon-eye-closed.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- circular icons ----- */
i.tr__icon--help_circular {
	background-image: url("jacobs/icons/icon-help-circular.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--user_circular {
	background-image: url("jacobs/icons/icon-user-circular.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--cancel_circular {
	background-image: url("jacobs/icons/icon-cancel-circular.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--complete_circular {
	background-image: url("jacobs/icons/icon-complete-circular.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- arrow icons ----- */
.tr__icon--caret_left {
	background-image: url("jacobs/icons/icon-caret-down.svg") !important;
	transform: rotate(90deg);
	width: 4px;
	height: 8px;
}

.tr__icon--caret_right {
	background-image: url("jacobs/icons/icon-caret-down.svg") !important;
	transform: rotate(-90deg);
	width: 4px;
	height: 8px;
}

.tr__icon--caret_up {
	background-image: url("jacobs/icons/icon-caret-down.svg") !important;
	transform: rotate(180deg);
	width: 8px;
	height: 4px;
}

.tr__icon--caret_down {
	background-image: url("jacobs/icons/icon-caret-down.svg") !important;
	width: 8px;
	height: 4px;
}

i.tr__icon--arrowhead_left {
	background-image: url("jacobs/icons/icon-arrowhead-left.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--arrowhead_right {
	background-image: url("jacobs/icons/icon-arrowhead-left.svg") !important;
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--arrowhead_up {
	background-image: url("jacobs/icons/icon-arrowhead-left.svg") !important;
	transform: rotate(90deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--arrowhead_down {
	background-image: url("jacobs/icons/icon-arrowhead-left.svg") !important;
	transform: rotate(-90deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--arrow_left {
	background-image: url("jacobs/icons/icon-arrow-left.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--arrow_right {
	background-image: url("jacobs/icons/icon-arrow-left.svg") !important;
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--arrow_up {
	background-image: url("jacobs/icons/icon-arrow-left.svg") !important;
	transform: rotate(90deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--arrow_down {
	background-image: url("jacobs/icons/icon-arrow-left.svg") !important;
	transform: rotate(-90deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--chevron_left {
	background-image: url("jacobs/icons/icon-chevron-left.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--chevron_right {
	background-image: url("jacobs/icons/icon-chevron-left.svg") !important;
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

i.tr__icon--chevron_up {
	background-image: url("jacobs/icons/icon-chevron-up.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--chevron_down {
	background-image: url("jacobs/icons/icon-chevron-up.svg") !important;
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

/* ----- social media icons ----- */
i.tr__icon--facebook {
	background-image: url("jacobs/icons/icon-facebook.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--linkedin {
	background-image: url("jacobs/icons/icon-linkedin.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--twitter {
	background-image: url("jacobs/icons/icon-x.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--vimeo {
	background-image: url("jacobs/icons/icon-vimeo.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--youtube {
	background-image: url("jacobs/icons/icon-youtube.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- compliant icons ----- */
i.tr__icon--compliant {
	background-image: url("jacobs/icons/icon-compliant.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--compliant_partial {
	background-image: url("jacobs/icons/icon-compliant-partial.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--compliant_non {
	background-image: url("jacobs/icons/icon-non-compliant.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--compliant_na {
	background-image: url("jacobs/icons/icon-compliance-not-applicable.svg") !important;
	width: 18px;
	height: 18px;
}

/* ----- general status icons ----- */
i.tr__icon--inactive {
	background-image: url("jacobs/icons/icon-inactive.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--readonly {
	background-image: url("jacobs/icons/icon-read-only.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--expired {
	background-image: url("jacobs/icons/icon-warning-triangle.svg") !important;
	width: 18px;
	height: 17px;
	filter: brightness(0) saturate(100%) invert(33%) sepia(62%) saturate(4145%) hue-rotate(345deg) brightness(107%) contrast(91%); /* red */
}

/* ----- action status icons ----- */
i.tr__icon--action_complete {
	background-image: url("jacobs/icons/icon-action-complete.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--action_rejected {
	background-image: url("jacobs/icons/icon-action-rejected.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--action_in-progress {
	background-image: url("jacobs/icons/icon-action-in-progress.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--action_outstanding {
	background-image: url("jacobs/icons/icon-action-outstanding.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--action_overdue {
	background-image: url("jacobs/icons/icon-action-overdue.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--action_approval-required {
	background-image: url("jacobs/icons/icon-action-approval-required.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_approval-required {
	background-image: url("jacobs/icons/icon-report-approval.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_approval-required_multi {
	background-image: url("jacobs/icons/icon-report-approval-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- report status icons ----- */
i.tr__icon--report_missing {
	background-image: url("jacobs/icons/icon-report-missing.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_missing_multi {
	background-image: url("jacobs/icons/icon-report-missing-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete {
	background-image: url("jacobs/icons/icon-report-complete.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete_multi {
	background-image: url("jacobs/icons/icon-report-complete-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_scheduled {
	background-image: url("jacobs/icons/icon-report-scheduled.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_scheduled_multi {
	background-image: url("jacobs/icons/icon-report-scheduled-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_scheduled-overdue {
	background-image: url("jacobs/icons/icon-report-scheduled-overdue.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_scheduled-overdue_multi {
	background-image: url("jacobs/icons/icon-report-scheduled-overdue-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_incomplete {
	background-image: url("jacobs/icons/icon-report-incomplete.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_incomplete_multi {
	background-image: url("jacobs/icons/icon-report-incomplete-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-with-complete-actions {
	background-image: url("jacobs/icons/icon-report-complete-with-complete-actions.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-with-complete-actions_multi {
	background-image: url("jacobs/icons/icon-report-complete-with-complete-actions-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-with-overdue-actions {
	background-image: url("jacobs/icons/icon-report-complete-with-overdue-actions.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-with-overdue-actions_multi {
	background-image: url("jacobs/icons/icon-report-complete-with-overdue-actions-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-with-incomplete-actions {
	background-image: url("jacobs/icons/icon-report-complete-with-incomplete-actions.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-with-incomplete-actions_multi {
	background-image: url("jacobs/icons/icon-report-complete-with-incomplete-actions-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-but-not-reviewed {
	background-image: url("jacobs/icons/icon-report-complete-but-not-reviewed.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--report_complete-but-not-reviewed_multi {
	background-image: url("jacobs/icons/icon-report-complete-but-not-reviewed-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

/* ---- START - Entity Type Edit Formula Icons ---- */
i.tr__icon--entity-type-edit-formula_add {
	background-image: url("jacobs/icons/icon-add.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_formula {
	filter: brightness(0) saturate(100%) invert(29%) sepia(61%) saturate(5123%) hue-rotate(202deg) brightness(92%) contrast(101%);
	background-image: url("jacobs/icons/icon-formula.svg") !important;
	width: 16px;
	height: 16px;
}

.tr__td--entity-type-edit-formula_link:hover > i.tr__icon--entity-type-edit-formula_formula {
	filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(3474%) hue-rotate(222deg) brightness(93%) contrast(111%);
	background-image: url("jacobs/icons/icon-formula-hover.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_minus {
	background-image: url("jacobs/icons/icon-minus.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_multiply {
	background-image: url("jacobs/icons/icon-multiple.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_divide {
	background-image: url("jacobs/icons/icon-divide.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_open-bracket {
	background-image: url("jacobs/icons/icon-brackets-open.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_close-bracket {
	background-image: url("jacobs/icons/icon-brackets-close.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--entity-type-edit-formula_equals {
	background-image: url("jacobs/icons/icon-equals.svg") !important;
	width: 12px;
	height: 12px;
}

/* ---- END - Entity Type Edit Formula Icons ---- */

/* ----- status tracker icons ----- */
/* positioning/styling */
i.tr__icon--status-tracker {
	width: 250px;
	height: 51px;
}

/* action icons */
i.tr__icon--status-tracker_action-approvals_approval {
	background-image: url("jacobs/icons/status-tracker-action-approvals-approval.svg") !important;
}

i.tr__icon--status-tracker_action-approvals_closed {
	background-image: url("jacobs/icons/status-tracker-action-approvals-closed.svg") !important;
}

i.tr__icon--status-tracker_action-approvals_outstanding {
	background-image: url("jacobs/icons/status-tracker-action-approvals-outstanding.svg") !important;
}

i.tr__icon--status-tracker_action-approvals_overdue {
	background-image: url("jacobs/icons/status-tracker-action-approvals-overdue.svg") !important;
}

i.tr__icon--status-tracker_action-approvals_rejected {
	background-image: url("jacobs/icons/status-tracker-action-approvals-rejected.svg") !important;
}

i.tr__icon--status-tracker_action_closed {
	background-image: url("jacobs/icons/status-tracker-action-closed.svg") !important;
}

i.tr__icon--status-tracker_action_outstanding {
	background-image: url("jacobs/icons/status-tracker-action-outstanding.svg") !important;
}

i.tr__icon--status-tracker_action_overdue {
	background-image: url("jacobs/icons/status-tracker-action-overdue.svg") !important;
}

/* report icons */
i.tr__icon--status-tracker_report_completed {
	background-image: url("jacobs/icons/status-tracker-report-completed.svg") !important;
}

i.tr__icon--status-tracker_report_incomplete {
	background-image: url("jacobs/icons/status-tracker-report-incomplete.svg") !important;
}

i.tr__icon--status-tracker_report_overdue {
	background-image: url("jacobs/icons/status-tracker-report-overdue.svg") !important;
}

i.tr__icon--status-tracker_report_scheduled {
	background-image: url("jacobs/icons/status-tracker-report-scheduled.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_completed {
	background-image: url("jacobs/icons/status-tracker-report-approvals-completed.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_incomplete {
	background-image: url("jacobs/icons/status-tracker-report-approvals-incomplete.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_approval {
	background-image: url("jacobs/icons/status-tracker-report-approvals-approval.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_overdue {
	background-image: url("jacobs/icons/status-tracker-report-approvals-overdue.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_scheduled {
	background-image: url("jacobs/icons/status-tracker-report-approvals-scheduled.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_rejected {
	background-image: url("jacobs/icons/status-tracker-report-approvals-rejected.svg") !important;
}

i.tr__icon--status-tracker_report_approvals_unapproved {
	background-image: url("jacobs/icons/status-tracker-report-completed-unapproved.svg") !important;
}

/* ----- call status icons ----- */
i.tr__icon--call_complete {
	background-image: url("jacobs/icons/icon-call-complete.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--call_incomplete {
	background-image: url("jacobs/icons/icon-call-incomplete.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--call_overdue {
	background-image: url("jacobs/icons/icon-call-overdue.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- approval status icons ----- */
i.tr__icon--approval_approved {
	background-image: url("jacobs/icons/icon-approval-approved.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--approval_unapproved {
	background-image: url("jacobs/icons/icon-approval-unapproved.svg") !important;
	width: 12px;
	height: 12px;
}

i.tr__icon--approval_rejected {
	background-image: url("jacobs/icons/icon-approval-rejected.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- taskboard icons ----- */
i.tr__icon--taskboard {
	background-image: url("jacobs/icons/icon-taskboard.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- file icons ----- */
/* default (if no filetype-specific icon exists) */
i.tr__icon--file:not( .tr__size--8, .tr__size--10, .tr__size--12, .tr__size--16, .tr__size--18) {
	background-image: url("jacobs/icons/icon-file.svg") !important;
	min-width: 20px;
	min-height: 20px;
}

i.tr__icon--file.tr__size--16 {
	background-image: url("jacobs/icons/icon-file.svg") !important;
}

/* dwg */
i.tr__icon--file.tr__icon--file_dwg {
	background-image: url("jacobs/icons/icon-file-dwg.svg") !important;
}

/* eLibrary */
i.tr__icon--file.tr__icon--file_elibrary {
	background-image: url("jacobs/icons/icon-file-elibrary.svg") !important;
}

/* eml */
i.tr__icon--file.tr__icon--file_eml {
	background-image: url("jacobs/icons/icon-file-eml.svg") !important;
}

/* excel (xls) */
i.tr__icon--file.tr__icon--file_excel,
i.tr__icon--file.tr__icon--file_xls,
i.tr__icon--file.tr__icon--file_xlsb,
i.tr__icon--file.tr__icon--file_xlsm,
i.tr__icon--file.tr__icon--file_xlsx {
	background-image: url("jacobs/icons/icon-file-excel.svg") !important;
}

/* gif */
i.tr__icon--file.tr__icon--file_gif {
	background-image: url("jacobs/icons/icon-file-gif.svg") !important;
}

/* html */
i.tr__icon--file.tr__icon--file_htm,
i.tr__icon--file.tr__icon--file_html {
	background-image: url("jacobs/icons/icon-file-htm.svg") !important;
}

/* jpg */
i.tr__icon--file.tr__icon--file_jpeg,
i.tr__icon--file.tr__icon--file_jpg {
	background-image: url("jacobs/icons/icon-file-jpg.svg") !important;
}

/* json */
i.tr__icon--file.tr__icon--file_json {
	background-image: url("jacobs/icons/icon-file-json.svg") !important;
}

/* mdi */
i.tr__icon--file.tr__icon--file_mdi {
	background-image: url("jacobs/icons/icon-file-mdi.svg") !important;
}

/* mht */
i.tr__icon--file.tr__icon--file_mht {
	background-image: url("jacobs/icons/icon-file-mht.svg") !important;
}

/* mp4 */
i.tr__icon--file.tr__icon--file_mp4 {
	background-image: url("jacobs/icons/icon-file-mp4.svg") !important;
}

/* msg */
i.tr__icon--file.tr__icon--file_msg {
	background-image: url("jacobs/icons/icon-file-msg.svg") !important;
}

/* pbix */
i.tr__icon--file.tr__icon--file_pbix {
	background-image: url("jacobs/icons/icon-file-pbix.svg") !important;
}

/* pdf */
i.tr__icon--file.tr__icon--file_pdf {
	background-image: url("jacobs/icons/icon-file-pdf.svg") !important;
}

/* phone (call logging) */
i.tr__icon--file.tr__icon--file_phone {
	background-image: url("jacobs/icons/icon-file-phone.svg") !important;
}

/* png */
i.tr__icon--file.tr__icon--file_png {
	background-image: url("jacobs/icons/icon-file-png.svg") !important;
}

/* powerpoint (ppt) */
i.tr__icon--file.tr__icon--file_powerpoint,
i.tr__icon--file.tr__icon--file_pps,
i.tr__icon--file.tr__icon--file_ppt,
i.tr__icon--file.tr__icon--file_pptx {
	background-image: url("jacobs/icons/icon-file-powerpoint.svg") !important;
}

/* tif */
i.tr__icon--file.tr__icon--file_tif,
i.tr__icon--file.tr__icon--file_tiff {
	background-image: url("jacobs/icons/icon-file-tif.svg") !important;
}

/* txt */
i.tr__icon--file.tr__icon--file_txt {
	background-image: url("jacobs/icons/icon-file-txt.svg") !important;
}


/* visio (vsd) */
i.tr__icon--file.tr__icon--file_visio,
i.tr__icon--file.tr__icon--file_vsd,
i.tr__icon--file.tr__icon--file_vsdx {
	background-image: url("jacobs/icons/icon-file-visio.svg") !important;
}

/* word (doc) */
i.tr__icon--file.tr__icon--file_word,
i.tr__icon--file.tr__icon--file_doc,
i.tr__icon--file.tr__icon--file_docx {
	background-image: url("jacobs/icons/icon-file-word.svg") !important;
}

/* xml */
i.tr__icon--file.tr__icon--file_xml {
	background-image: url("jacobs/icons/icon-file-xml.svg") !important;
}

/* zip */
i.tr__icon--file.tr__icon--file_zip {
	background-image: url("jacobs/icons/icon-file-zip.svg") !important;
}

/* ----- folder icons ----- */
i.tr__icon--folder {
	background-image: url("jacobs/icons/icon-folder.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--folder_open {
	background-image: url("jacobs/icons/icon-folder-open.svg");
	width: 16px;
	height: 16px;
}

i.tr__icon--folder_arrow_collapsed {
	background-image: url("jacobs/icons/icon-folder-arrow-collapsed.svg") !important;
	width: 12px;
	height: 12px;
}

i.tr__icon--folder_arrow_expanded {
	background-image: url("jacobs/icons/icon-folder-arrow-expanded.svg") !important;
	width: 12px;
	height: 12px;
}

/* ----- paging datagrid - ellipsis menu icons ----- */
i.tr__icon--ellipsis {
	background-image: url("jacobs/icons/icon-ellipsis.svg") !important;
	width: 18px;
	height: 16px;
}

/* ----- paging datagrid - column-options icons ----- */
i.tr__icon--column-options {
	background-image: url("jacobs/icons/icon-column-options.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- paging datagrid - page selector icons ----- */
.disabled > i.tr__icon--arrow_left {
	background-image: url("jacobs/icons/icon-arrow-left-disabled.svg") !important;
	width: 16px;
	height: 16px;
}

.disabled > i.tr__icon--arrow_right {
	background-image: url("jacobs/icons/icon-arrow-left-disabled.svg") !important;
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

.disabled > i.tr__icon--chevron_left {
	background-image: url("jacobs/icons/icon-chevron-left-disabled.svg") !important;
	width: 16px;
	height: 16px;
}

.disabled > i.tr__icon--chevron_right {
	background-image: url("jacobs/icons/icon-chevron-left-disabled.svg") !important;
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

/* ----- paging datagrid - sort icons ----- */
/* positioning/styling */
i.tr__icon--sorting {
	width: 12px;
	height: 18px;
	margin-left: 8px !important; /* overwrite table i style */
}

/* icons */
i.tr__icon--sorting_descending {
	background-image: url("jacobs/icons/icon-sorting-descending_1.svg") !important;
}

i.tr__icon--sorting_ascending {
	background-image: url("jacobs/icons/icon-sorting-ascending_1.svg") !important;
}

i.tr__icon--sorting_no-sort {
	background-image: url("jacobs/icons/icon-sorting-no-sort_1.svg") !important;
}

/* ----- parent/child hierarchy icons ----- */
/* positioning/styling */
i.tr__icon--child-node {
	width: 12px;
	height: 40px;
	top: 0;
	margin-right: 7px;
}

/* icons */
i.tr__icon--child-node_middle {
	background-image: url("jacobs/icons/icon-child-node-middle.svg") !important;
}

i.tr__icon--child-node_end {
	background-image: url("jacobs/icons/icon-child-node-end.svg") !important;
}

/* ----- checkbox icons ----- */
/* positioning/styling */
i.tr__icon.tr__icon--checkbox {
	cursor: pointer;
	width: 18px !important;
	height: 18px !important;
}

input.disabled + i.tr__icon--checkbox,
input:disabled + i.tr__icon--checkbox,
input[disabled] + i.tr__icon--checkbox {
	cursor: not-allowed;
}

/* icons */
i.tr__icon--checkbox_empty {
	background-image: url("jacobs/icons/icon-checkbox-empty.svg") !important;
}

input.disabled + i.tr__icon--checkbox_empty,
input:disabled + i.tr__icon--checkbox_empty,
input[disabled] + i.tr__icon--checkbox_empty {
	background-image: url("jacobs/icons/icon-checkbox-empty-disabled.svg") !important;
}

i.tr__icon--checkbox_ticked {
	background-image: url("jacobs/icons/icon-checkbox-ticked.svg") !important;
}

input.disabled + i.tr__icon--checkbox_ticked,
input:disabled + i.tr__icon--checkbox_ticked,
input[disabled] + i.tr__icon--checkbox_ticked {
	background-image: url("jacobs/icons/icon-checkbox-ticked-disabled.svg") !important;
}

i.tr__icon--checkbox_minus {
	background-image: url("jacobs/icons/icon-checkbox-minus.svg") !important;
}

/* ----- radio button icons ----- */
/* positioning/styling */
i.tr__icon.tr__icon--radio {
	cursor: pointer;
	width: 16px !important;
	height: 16px !important;
}

/* icons */
input.disabled + i.tr__icon--radio,
input:disabled + i.tr__icon--radio,
input[disabled] + i.tr__icon--radio {
	cursor: not-allowed;
}

i.tr__icon--radio_on {
	background-image: url("jacobs/icons/icon-radio-button-on.svg") !important;
}

input.disabled + i.tr__icon--radio_on,
input:disabled + i.tr__icon--radio_on,
input[disabled] + i.tr__icon--radio_on {
	background-image: url("jacobs/icons/icon-radio-button-on-disabled.svg") !important;
}

i.tr__icon--radio_off {
	background-image: url("jacobs/icons/icon-radio-button-off.svg") !important;
}

input.disabled + i.tr__icon--radio_off,
input:disabled + i.tr__icon--radio_off,
input[disabled] + i.tr__icon--radio_off {
	background-image: url("jacobs/icons/icon-radio-button-off-disabled.svg") !important;
}

/* ----- favourites icon ----- */
i.tr__icon--favourites {
	background-image: url("jacobs/icons/icon-favourites.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- entity/report/action icons ----- */
i.tr__icon--entities {
	background-image: url("jacobs/icons/icon-entities.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--reports {
	background-image: url("jacobs/icons/icon-reports.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--actions {
	background-image: url("jacobs/icons/icon-actions.svg") !important;
	width: 16px;
	height: 16px;
}

/* ----- nav icons ----- */
i.tr__icon--pan {
	background-image: url("jacobs/icons/icon-pan.svg") !important;
	width: 50px;
	height: 50px;
}

i.tr__icon--tilt_up {
	background-image: url("jacobs/icons/icon-tilt-up.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--tilt_down {
	background-image: url("jacobs/icons/icon-tilt-down.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--zoom_in {
	background-image: url("jacobs/icons/icon-zoom-in.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--zoom_out {
	background-image: url("jacobs/icons/icon-zoom-out.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--rotate_left {
	background-image: url("jacobs/icons/icon-rotate-left.svg") !important;
	width: 18px;
	height: 18px;
}

i.tr__icon--rotate_right {
	background-image: url("jacobs/icons/icon-rotate-right.svg") !important;
	width: 18px;
	height: 18px;
}

/* ----- imagebutton icons ----- */
/* positioning/styling */
i.tr__icon--ib {
	width: 36px;
	height: 36px;
}

/* icons */
i.tr__icon--ib_action_complete {
	background-image: url("jacobs/icons/icon-ib-action-complete.svg") !important;
}

.tr__image-button:hover i.tr__icon--ib_action_complete,
.tr__image-button:focus i.tr__icon--ib_action_complete {
	background-image: url("jacobs/icons/icon-ib-action-complete-hover.svg") !important;
}

i.tr__icon--ib_add {
	background-image: url("jacobs/icons/icon-ib-add.svg") !important;
}

i.tr__icon--ib_approve {
	background-image: url("jacobs/icons/icon-ib-send-for-approval.svg") !important;
}

i.tr__icon--ib_cancel {
	background-image: url("jacobs/icons/icon-ib-cancel.svg") !important;
}

i.tr__icon--ib_complete {
	background-image: url("jacobs/icons/icon-ib-complete.svg") !important;
}

i.tr__icon--ib_copy {
	background-image: url("jacobs/icons/icon-ib-copy.svg") !important;
}

i.tr__icon--ib_delete {
	background-image: url("jacobs/icons/icon-ib-delete.svg") !important;
}

i.tr__icon--ib_edit {
	background-image: url("jacobs/icons/icon-ib-edit.svg") !important;
}

i.tr__icon--ib_export {
	background-image: url("jacobs/icons/icon-ib-export.svg") !important;
}

i.tr__icon--ib_key_hide {
	background-image: url("jacobs/icons/icon-ib-key-hide.svg") !important;
}

i.tr__icon--ib_key_show {
	background-image: url("jacobs/icons/icon-ib-key-show.svg") !important;
}

i.tr__icon--ib_lock {
	background-image: url("jacobs/icons/icon-ib-lock.svg") !important;
}

i.tr__icon--ib_more {
	background-image: url("jacobs/icons/icon-ib-more.svg") !important;
}

i.tr__icon--ib_move {
	background-image: url("jacobs/icons/icon-ib-move.svg") !important;
}

i.tr__icon--ib_planner {
	background-image: url("jacobs/icons/icon-ib-planner.svg") !important;
}

i.tr__icon--ib_report_authorise {
	background-image: url("jacobs/icons/icon-ib-authorise.svg") !important;
}

i.tr__icon--ib_report_continue {
	background-image: url("jacobs/icons/icon-ib-report-continue.svg") !important;
}

i.tr__icon--ib_report_complete {
	background-image: url("jacobs/icons/icon-ib-report-complete.svg") !important;
}

.tr__image-button:hover i.tr__icon--ib_report_authorise,
.tr__image-button:focus i.tr__icon--ib_report_authorise {
	background-image: url("jacobs/icons/icon-ib-authorise-hover.svg") !important;
}

.tr__image-button:hover i.tr__icon--ib_report_complete,
.tr__image-button:focus i.tr__icon--ib_report_complete {
	background-image: url("jacobs/icons/icon-ib-report-complete-hover.svg") !important;
}

i.tr__icon--ib_report_upload {
	background-image: url("jacobs/icons/icon-ib-report-upload.svg") !important;
}

i.tr__icon--ib_revert {
	background-image: url("jacobs/icons/icon-ib-revert.svg") !important;
}

i.tr__icon--ib_save {
	background-image: url("jacobs/icons/icon-ib-save.svg") !important;
}

i.tr__icon--ib_select {
	background-image: url("jacobs/icons/icon-ib-select.svg") !important;
}

i.tr__icon--ib_summary {
	background-image: url("jacobs/icons/icon-ib-summary.svg") !important;
}

i.tr__icon--ib_upload {
	background-image: url("jacobs/icons/icon-ib-upload.svg") !important;
}

/* ----- mouse icons ----- */
i.tr__icon--mouse_left-click {
	background-image: url("jacobs/icons/icon-mouse-left-click.svg") !important;
	width: 52px;
	height: 60px;
}

i.tr__icon--mouse_middle-click {
	background-image: url("jacobs/icons/icon-mouse-middle-click.svg") !important;
	width: 52px;
	height: 60px;
}

i.tr__icon--mouse_right-click {
	background-image: url("jacobs/icons/icon-mouse-right-click.svg") !important;
	width: 52px;
	height: 60px;
}

/* ----- touch icons ----- */
i.tr__icon--touch_move {
	background-image: url("jacobs/icons/icon-touch-move.svg") !important;
	width: 58px;
	height: 73px;
}

i.tr__icon--touch_zoom {
	background-image: url("jacobs/icons/icon-touch-zoom.svg") !important;
	width: 58px;
	height: 73px;
}

i.tr__icon--touch_rotate {
	background-image: url("jacobs/icons/icon-touch-rotate.svg") !important;
	width: 58px;
	height: 73px;
}

i.tr__icon--touch_tilt {
	background-image: url("jacobs/icons/icon-touch-tilt.svg") !important;
	width: 58px;
	height: 73px;
}

/* ----- drawer icons ----- */
i.tr__icon--mandatory-field {
	background-image: url("jacobs/icons/icon-mandatory-field.svg") !important;
	width: 16px;
	height: 16px;
}

i.tr__icon--mandatory-field_header {
	background-image: url("jacobs/icons/icon-mandatory-field.svg") !important;
	width: 16px;
	height: 16px;
	margin: 4px 8px 0px auto !important;
}

/* Survey Tool Button Icons */
i.tr__icon--map_delete_single {
	background-image: url("jacobs/icons/icon-delete-single.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_delete {
	background-image: url("jacobs/icons/icon-delete.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_draw_line {
	background-image: url("jacobs/icons/icon-draw-line.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_draw_polygon {
	background-image: url("jacobs/icons/icon-draw-polygon.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_draw_rectangle {
	background-image: url("jacobs/icons/icon-draw-rectangle.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_navigate-hand {
	background-image: url("jacobs/icons/icon-navigate-hand.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_point {
	background-image: url("jacobs/icons/icon-point.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_identify {
	background-image: url("jacobs/icons/icon-info.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--map_wkt {
	background-image: url("jacobs/icons/icon-view-edit.svg") !important;
	width: 20px;
	height: 20px;
}

i.tr__icon--swap {
	background-image: url("jacobs/icons/icon-swap.svg") !important;
	width: 20px;
	height: 20px;
}
/* END - Icons */

/* START - Input Container (used to overlay icons over input fields) */
.tr__input-container {
	position: relative;
	width: fit-content;
}

	.tr__input-container i {
		z-index: 1;
	}

	.tr__input-container input {
		z-index: 0;
	}

	.tr__input-container.tr__input-container_with-overlay--left i.tr__icon.left {
		position: absolute !important;
		top: calc(50% - 8px) !important; /* works for most icons i.e. 16px height */
		left: 8px;
	}

	.tr__input-container.tr__input-container_with-overlay--left:has(input.error) i.tr__icon.left {
		top: calc(50% - 8px - 10px);
	}

	.tr__input-container.tr__input-container_with-overlay--left input {
		padding-left: 32px;
	}

	.tr__input-container.tr__input-container_with-overlay--right input {
		padding-right: 32px;
	}

	.tr__input-container.tr__input-container_with-overlay--left .left,
	.tr__input-container.tr__input-container_with-overlay--right .right {
		position: absolute !important;
	}

	.tr__input-container.tr__input-container_with-overlay--right i.tr__icon.right {
		top: calc(50% - 8px); /* works for most icons i.e. 16px height */
		right: 8px;
	}

	.tr__input-container.tr__input-container_with-overlay--right:has(input.error) i.tr__icon.right {
		top: calc(50% - 8px - 10px);
	}

	.tr__input-container.tr__input-container_with-overlay--right i.tr__icon--cross.right {
		top: calc(50% - 6px);
		right: 8px;
	}

	.tr__input-container.tr__input-container_with-overlay--right:has(input.error) i.tr__icon.right {
		top: calc(50% - 6px - 10px);
	}

	.tr__input-container.tr__input-container_with-overlay--right .tr__size--24.right {
		margin: 0;
		top: calc(50% - 12px);
		right: 4px;
	}

	.tr__input-container.tr__input-container_with-overlay--right:has(input.error) .tr__size--24.right {
		top: calc(50% - 12px - 10px);
	}
/* END - Input Container */

/* START - Drawer */
/* Generic */
.tr__drawer-container {
	position: fixed;
	top: 0;
	bottom: 0;
	margin-top: 60px; /* default site header offset */
	z-index: var(--tr-drawer-z-index);
	max-width: 100vw;
	display: flex;
	justify-content: center;
	align-items: stretch;
	background-color: var(--tr-color-white);
	height: 100%;
}

@media screen and (max-width: 1005px) {
	.tr__drawer-container {
		margin-top: 95px; /* default tablet/mobile site header offset */
	}
}

.tr__drawer-container.open .tr__hidden--open {
	display: none;
}

.tr__drawer-container.animating .tr__hidden--closed,
.tr__drawer-container.animating .tr__hidden--open {
	display: none !important;
}

.tr__drawer-container:not(.open) .tr__hidden--closed {
	display: none !important;
}

.tr__drawer-container--left {
	border-right: solid 1px var(--tr-color-grey-500);
	left: 0;
}

	.tr__drawer-container--left.open {
		border-right: solid 1px var(--tr-color-blue-500);
		box-shadow: -3px 0 6px 6px rgba(0,105,224,0.5);
	}

.tr__drawer-container--right {
	border-left: solid 1px var(--tr-color-grey-500);
	right: 0;
}

	.tr__drawer-container--right.open {
		border-left: solid 1px var(--tr-color-blue-500);
		box-shadow: 3px 0 6px 6px rgba(0,105,224,0.5);
	}

.tr__drawer-content {
	display: flex;
	flex-direction: column;
}

	.tr__drawer-content .tr__drawer-content_body {
		position: relative;
		overflow-y: auto;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 8px;
	}

		.tr__drawer-content .tr__drawer-content_body .ui-autocomplete.ui-menu {
			left: 0 !important;
			width: 100% !important;
		}

	.tr__drawer-content .tr__drawer-content_header {
		border-bottom: solid 1px var(--tr-color-grey-500);
	}

	.tr__drawer-content .tr__drawer-content_footer {
		border-top: solid 1px var(--tr-color-grey-500);
	}

.tr__drawer-toggle {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	cursor: pointer;
	transition: background-color 0.2s linear;
}

	.tr__drawer-toggle:hover {
		background-color: var(--tr-color-grey-200);
	}

.tr__drawer-ribbon {
	width: 52px;
	overflow-x: hidden;
}

	.tr__drawer-ribbon > * {
		flex-shrink: 0;
	}

.tr__drawer-ribbon_btn {
	border: none;
	border-radius: 0;
	height: 40px;
	width: 100%;
	margin: 0;
}

.tr__drawer-ribbon_btn--tall {
	height: 56px;
}

.tr__drawer-ribbon_btn .tr__icon {
	margin: 0;
	width: 20px;
	height: 20px;
}

.tr__drawer-ribbon_btn.active {
	border-left: 4px solid var(--tr-color-blue-500) !important;
	padding-left: 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: var(--tr-color-grey-200);
}

	.tr__drawer-ribbon_btn.active .tr__icon {
		filter: brightness(0) saturate(100%) invert(29%) sepia(61%) saturate(5123%) hue-rotate(202deg) brightness(92%) contrast(101%);
	}

/* Taskboard */
.tr__drawer-container--taskboard {
	width: 510px;
	overflow: hidden;
	z-index: var(--tr-taskboard-drawer-z-index);
}

	.tr__drawer-container--taskboard .tr__drawer-content {
		width: 100%;
	}

.tr__taskboard-link {
	color: var(--tr-color-black);
}

	.tr__taskboard-link:hover,
	.tr__taskboard-link:focus {
		color: var(--tr-color-black);
		text-decoration: none;
	}

/* Search Panel */
/* autocomplete */
.tr__drawer-container--search-panel .tr__drawer-content_body .ui-autocomplete.ui-menu {
	left: 13px !important;
	width: calc(100% - 30px) !important;
}
/* container */
.tr__drawer-container--search-panel .tr__drawer-content {
	position: relative;
	width: calc(var(--tr-drawer-width-search-panel) - 1px);
	padding-right: 16px;
	margin-right: calc(-1 * (var(--tr-drawer-width-search-panel) - 1px));
	transition: margin-right 0.3s;
}

.tr__drawer-container--search-panel .tr__drawer-toggle {
	width: var(--tr-drawer-toggle-width-search-panel);
}

.tr__drawer-container--search-panel.open .tr__drawer-content {
	margin-right: 0;
}

@media (min-width: 576px) {
	.tr__drawer-container--search-panel .tr__drawer-content {
		width: calc(var(--tr-drawer-width-search-panel-tablet-up) - 1px);
		padding-right: 16px;
		margin-right: calc(-1 * (var(--tr-drawer-width-search-panel-tablet-up) - 1px));
	}

	.tr__drawer-container--search-panel .tr__drawer-toggle {
		width: var(--tr-drawer-toggle-closed-width-search-panel-tablet-up);
	}

	.tr__drawer-container--search-panel.open .tr__drawer-toggle {
		width: var(--tr-drawer-toggle-open-width-search-panel-tablet-up);
	}
}

/* content header */
#divActiveFiltersBody {
	max-height: var(--tr-drawer-header-active-filters-content-max-height-search-panel);
}

.tr__drawer-container--search-panel .tr__drawer-content_header .tr__button-group {
	flex-flow: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 16px 0;
}

/* content body */
.tr__drawer-container--search-panel .tr__drawer-content_body {
	padding-top: 0;
	padding-bottom: 16px;
	padding-right: 0;
}

	.tr__drawer-container--search-panel .tr__drawer-content_body .card__tr {
		margin-bottom: 16px;
	}

		.tr__drawer-container--search-panel .tr__drawer-content_body .card__tr:last-of-type {
			margin-bottom: 0;
		}

/* Dynamic Fields Panel */
/* container */
.tr__drawer-container--dynamic-fields-panel .tr__drawer-content {
	position: relative;
	width: 650px;
	overflow: hidden;
	padding-right: 8px;
	margin-right: -650px;
	transition: margin-right 0.5s;
}

.tr__drawer-container--dynamic-fields-panel.open .tr__drawer-content {
	margin-right: 0;
}

@media (max-width: 720px) {
	.tr__drawer-container--dynamic-fields-panel {
		max-width: 580px;
	}
}

@media (max-width: 620px) {
	.tr__drawer-container--dynamic-fields-panel {
		max-width: 480px;
	}
}

@media (max-width: 520px) {
	.tr__drawer-container--dynamic-fields-panel {
		max-width: 380px;
	}
}

@media (max-width: 420px) {
	.tr__drawer-container--dynamic-fields-panel {
		max-width: 350px;
	}
}

/* content body */
.tr__drawer-container--dynamic-fields-panel .tr__drawer-content_body .tr__table-container {
	overflow-y: auto;
}

.dynamic-fields-alert-neutral {
	padding: 8px;
	vertical-align: middle !important;
	background: var(--tr-color-grey-200);
	border: 1px solid var(--tr-color-grey-500);
	border-radius: 4px;
	color: var(--tr-color-black);
}

/* Map Layers */
.tr__drawer-container--map-layers {
	overflow: hidden;
	width: 52px;
	justify-content: start;
}

	.tr__drawer-container--map-layers.open {
		z-index: var(--tr-open-map-layers-drawer-z-index);
	}

	.tr__drawer-container--map-layers .tr__drawer-content {
		width: 100%;
	}

	.tr__drawer-container--map-layers.open .tr__drawer-content {
		min-width: 270px;
	}

	.tr__drawer-container--map-layers .tr__drawer-content_header {
		border-bottom: none;
	}

		.tr__drawer-container--map-layers .tr__drawer-content_header h3 {
			font-size: 18px;
		}

	.tr__drawer-container--map-layers.open .tr__drawer-content_header {
		border-bottom: 1px solid var(--tr-color-grey-500);
	}

	.tr__drawer-container--map-layers.animating .tr__drawer-content_header {
		border-bottom: none;
	}

	.tr__drawer-container--map-layers .tr__drawer-content_footer {
		border-top: none;
	}

	.tr__drawer-container--map-layers.open .tr__drawer-content_footer {
		border-top: 1px solid var(--tr-color-grey-500);
	}

	.tr__drawer-container--map-layers.animating .tr__drawer-content_footer {
		border-top: none;
	}

	.tr__drawer-container--map-layers.open:has(#btnMapLayersDrawer:hover),
	.tr__drawer-container--map-layers.open:has(#btnMapLayersDrawer:focus),
	.tr__drawer-container--map-layers.animating:has(#btnMapLayersDrawer:hover),
	.tr__drawer-container--map-layers.animating:has(#btnMapLayersDrawer:hover) {
		background-color: var(--tr-color-white);
	}

	.tr__drawer-container--map-layers:has(#btnMapLayersDrawer:hover),
	.tr__drawer-container--map-layers:has(#btnMapLayersDrawer:focus) {
		background-color: var(--tr-color-grey-200);
	}

/* Map Tools */
.tr__drawer-container--map-tools {
	overflow: hidden;
}

	.tr__drawer-container--map-tools.open {
		z-index: var(--tr-open-map-tools-drawer-z-index);
	}

	.tr__drawer-container--map-tools .tr__drawer-content {
		width: 100%;
		max-width: 320px;
		border-right: 1px solid var(--tr-color-grey-500);
		overflow-y: auto;
		padding: 16px;
		padding-top: 12px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

		.tr__drawer-container--map-tools .tr__drawer-content > div {
			display: none;
			width: 100%;
			min-width: 235px;
			flex-shrink: 0;
		}

			.tr__drawer-container--map-tools .tr__drawer-content > div.active {
				display: block;
			}

	.tr__drawer-container--map-tools .tr__drawer-content_header h3 {
		font-size: 18px;
	}

		.tr__drawer-container--map-tools .tr__drawer-content_header h3 .tr__icon {
			top: -1px;
		}
/* END - Drawer */

/* START - Dividers */
.tr__divider--h {
	height: 1px;
	background-color: var(--tr-color-grey-500);
}
/* END - Dividers */

/* START - Scroll Message */
.tr__scroll-message {
	position: sticky;
	text-align: center;
	bottom: 0;
	margin: 0;
	padding: 10px;
	background-color: inherit;
}

.tr__js--has-scroll-message {
	position: relative;
}
/* END - Scroll Message*/

/* START - Toggle Switch */
.tr__toggle-switch_container {
	border: 0;
	width: auto;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 0 !important;
}

	.tr__toggle-switch_container.small-slider {
		margin-top: 2px !important;
	}

.tr__toggle-switch_title-text {
	font-size: 13px !important;
}

	.tr__toggle-switch_title-text:has(+ .tr__toggle-switch > input.tr__toggle-switch_slider[readonly]) {
		color: var(--tr-tog-label-disabled-color);
	}

.tr__toggle-switch {
	position: relative;
	display: inline-flex;
	width: var(--tr-tog-width);
	height: 20px;
	flex-shrink: 0;
	vertical-align: middle;
	float: right;
	margin-right: 12px;
}

	.tr__toggle-switch.small-slider {
		height: 16px;
		margin-right: 0;
	}

	.tr__toggle-switch input {
		display: none;
	}

.tr__toggle-switch_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--tr-tog-off-bg-color);
	-webkit-transition: .4s;
	transition: .4s;
}

input.tr__toggle-switch_slider[readonly] + .tr__toggle-switch_slider {
	background-color: var(--tr-tog-disabled-bg-color);
	cursor: not-allowed !important;
}

.tr__toggle-switch_slider:before {
	position: absolute;
	content: '';
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.tr__toggle-switch_slider.small-slider:before {
	height: 12px;
	width: 12px;
}

.tr__toggle-switch_slider:after {
	content: var(--tr-tog-off);
	color: var(--tr-tog-off-color);
	display: block;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 65%;
	font-size: 11px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: 600;
}

.tr__toggle-switch_slider.small-slider:after {
	top: 57%;
	font-size: 9px;
	font-weight: 600;
}

input:checked + .tr__toggle-switch_slider:before {
	left: unset;
	right: 32px;
}

input:checked + .tr__toggle-switch_slider.small-slider:before {
	right: 26px;
}

input:checked + .tr__toggle-switch_slider:after {
	content: var(--tr-tog-on);
	color: var(--tr-tog-on-color);
	left: 35%;
}

input:checked + .tr__toggle-switch_slider {
	background-color: var(--tr-tog-on-bg-color);
}

input:focus + .tr__toggle-switch_slider {
	box-shadow: 0 0 1px var(--tr-tog-on-bg-color);
}

input:checked + .tr__toggle-switch_slider:before {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

input:checked + .tr__toggle-switch_slider.small-slider:before {
	-webkit-transform: translateX(24px);
	-ms-transform: translateX(24px);
	transform: translateX(24px);
}

.tr__toggle-switch_slider.round {
	border-radius: 16px;
}

	.tr__toggle-switch_slider.round.small-slider {
		border-radius: 12px;
	}

	.tr__toggle-switch_slider.round:before {
		border-radius: 50%;
	}
/* END - Toggle Switch */

/* START - Toggle Switch Button */
.tr__toggle-switch-button_container {
	display: inline-flex !important;
	text-align: center;
	height: 32px;
	cursor: pointer;
}

.tr__toggle-switch-button_icon {
	margin-top: 2px !important;
}

.tr__toggle-switch-button_text {
	cursor: pointer;
}
/* END - Toggle Switch Button */

/* START - Arrow Menu */
.tr__arrow-menu {
	display: none;
	position: absolute;
	background-color: var(--tr-color-white);
	border-radius: 4px;
	margin: 0;
	padding: 8px 0;
	min-width: fit-content;
	max-width: 300px;
	z-index: var(--tr-arrow-menu-z-index);
	-webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
	box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
}

	.tr__arrow-menu.open {
		display: block;
	}

	.tr__arrow-menu > * {
		margin: 0;
		padding: 0;
	}

	.tr__arrow-menu ul {
		list-style-type: none;
	}

	.tr__arrow-menu li > span,
	.tr__arrow-menu li > a,
	.tr__arrow-menu li > a:not([href]):not([class]), /* Bootstrap 5 */
	.tr__arrow-menu li > button {
		font-size: 13px;
		color: var(--tr-color-black);
		text-decoration: none;
		background: none;
		border: none;
		outline: none;
		width: 100%;
		margin: 0;
		padding: 8px 16px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 10px;
	}

		.tr__arrow-menu li > a,
		.tr__arrow-menu li > a:not([href]):not([class]), /* Bootstrap 5 */
		.tr__arrow-menu li > button {
			cursor: pointer;
		}

			.tr__arrow-menu li > a:hover,
			.tr__arrow-menu li > a:not([href]):not([class]):hover, /* Bootstrap 5 */
			.tr__arrow-menu li > a:focus,
			.tr__arrow-menu li > a:not([href]):not([class]):focus, /* Bootstrap 5 */
			.tr__arrow-menu li > a.open,
			.tr__arrow-menu li > button:hover,
			.tr__arrow-menu li > button:focus {
				background-color: var(--tr-color-blue-100);
			}

	/* arrows */
	.tr__arrow-menu::after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
	}

.tr__arrow-menu_anchor--right-top::after {
	border-top: 12.5px solid transparent;
	border-bottom: 12.5px solid transparent;
	border-left: 10px solid white;
	top: 20px;
	left: 100%;
}

.tr__arrow-menu_anchor--right-center::after {
	border-top: 12.5px solid transparent;
	border-bottom: 12.5px solid transparent;
	border-left: 10px solid white;
	top: calc(50% - 12.5px);
	left: 100%;
}

.tr__arrow-menu_anchor--right-bottom::after {
	border-top: 12.5px solid transparent;
	border-bottom: 12.5px solid transparent;
	border-left: 10px solid white;
	top: calc(100% - 25px - 20px);
	left: 100%;
}

.tr__arrow-menu_anchor--top-left::after {
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-bottom: 10px solid white;
	top: -10px;
	left: 20px;
}

.tr__arrow-menu_anchor--top-center::after {
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-bottom: 10px solid white;
	top: -10px;
	left: calc(50% - 12.5px);
}

.tr__arrow-menu_anchor--top-right::after {
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-bottom: 10px solid white;
	top: -10px;
	left: calc(100% - 25px - 20px);
}

.tr__arrow-menu_anchor--left-top::after {
	border-top: 12.5px solid transparent;
	border-bottom: 12.5px solid transparent;
	border-right: 10px solid white;
	top: 20px;
	left: -10px;
}

.tr__arrow-menu_anchor--left-center::after {
	border-top: 12.5px solid transparent;
	border-bottom: 12.5px solid transparent;
	border-right: 10px solid white;
	top: calc(50% - 12.5px);
	left: -10px;
}

.tr__arrow-menu_anchor--left-bottom::after {
	border-top: 12.5px solid transparent;
	border-bottom: 12.5px solid transparent;
	border-right: 10px solid white;
	top: calc(100% - 25px - 20px);
	left: -10px;
}

.tr__arrow-menu_anchor--bottom-left::after {
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-top: 10px solid white;
	top: 100%;
	left: 20px;
}

.tr__arrow-menu_anchor--bottom-center::after {
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-top: 10px solid white;
	top: 100%;
	left: calc(50% - 12.5px);
}

.tr__arrow-menu_anchor--bottom-right::after {
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-top: 10px solid white;
	top: 100%;
	left: calc(100% - 25px - 20px);
}

@media (min-width: 576px) {
	.tr__arrow-menu_anchor--right-top_sm::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: 20px;
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-center_sm::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(50% - 12.5px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-bottom_sm::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--top-left_sm::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: 20px;
	}

	.tr__arrow-menu_anchor--top-center_sm::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--top-right_sm::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(100% - 25px - 20px);
	}

	.tr__arrow-menu_anchor--left-top_sm::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: 20px;
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-center_sm::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(50% - 12.5px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-bottom_sm::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--bottom-left_sm::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: 20px;
	}

	.tr__arrow-menu_anchor--bottom-center_sm::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--bottom-right_sm::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(100% - 25px - 20px);
	}
}

@media (min-width: 768px) {
	.tr__arrow-menu_anchor--right-top_md::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: 20px;
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-center_md::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(50% - 12.5px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-bottom_md::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--top-left_md::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: 20px;
	}

	.tr__arrow-menu_anchor--top-center_md::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--top-right_md::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(100% - 25px - 20px);
	}

	.tr__arrow-menu_anchor--left-top_md::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: 20px;
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-center_md::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(50% - 12.5px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-bottom_md::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--bottom-left_md::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: 20px;
	}

	.tr__arrow-menu_anchor--bottom-center_md::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--bottom-right_md::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(100% - 25px - 20px);
	}
}

@media (min-width: 992px) {
	.tr__arrow-menu_anchor--right-top_lg::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: 20px;
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-center_lg::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(50% - 12.5px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-bottom_lg::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--top-left_lg::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: 20px;
	}

	.tr__arrow-menu_anchor--top-center_lg::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--top-right_lg::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(100% - 25px - 20px);
	}

	.tr__arrow-menu_anchor--left-top_lg::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: 20px;
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-center_lg::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(50% - 12.5px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-bottom_lg::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--bottom-left_lg::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: 20px;
	}

	.tr__arrow-menu_anchor--bottom-center_lg::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--bottom-right_lg::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(100% - 25px - 20px);
	}
}

@media (min-width: 1200px) {
	.tr__arrow-menu_anchor--right-top_xl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: 20px;
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-center_xl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(50% - 12.5px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-bottom_xl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--top-left_xl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: 20px;
	}

	.tr__arrow-menu_anchor--top-center_xl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--top-right_xl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(100% - 25px - 20px);
	}

	.tr__arrow-menu_anchor--left-top_xl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: 20px;
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-center_xl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(50% - 12.5px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-bottom_xl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--bottom-left_xl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: 20px;
	}

	.tr__arrow-menu_anchor--bottom-center_xl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--bottom-right_xl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(100% - 25px - 20px);
	}
}

@media (min-width: 1400px) {
	.tr__arrow-menu_anchor--right-top_xxl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: 20px;
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-center_xxl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(50% - 12.5px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--right-bottom_xxl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: 100%;
	}

	.tr__arrow-menu_anchor--top-left_xxl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: 20px;
	}

	.tr__arrow-menu_anchor--top-center_xxl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--top-right_xxl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-bottom: 10px solid white;
		top: -10px;
		left: calc(100% - 25px - 20px);
	}

	.tr__arrow-menu_anchor--left-top_xxl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: 20px;
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-center_xxl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(50% - 12.5px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--left-bottom_xxl::after {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-right: 10px solid white;
		top: calc(100% - 25px - 20px);
		left: -10px;
	}

	.tr__arrow-menu_anchor--bottom-left_xxl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: 20px;
	}

	.tr__arrow-menu_anchor--bottom-center_xxl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(50% - 12.5px);
	}

	.tr__arrow-menu_anchor--bottom-right_xxl::after {
		border-left: 12.5px solid transparent;
		border-right: 12.5px solid transparent;
		border-top: 10px solid white;
		top: 100%;
		left: calc(100% - 25px - 20px);
	}
}

.tr__arrow-menu_item--danger > a,
.tr__arrow-menu_item--danger > button {
	color: var(--tr-color-red-500) !important;
}

	.tr__arrow-menu_item--danger > a:hover,
	.tr__arrow-menu_item--danger > a:focus,
	.tr__arrow-menu_item--danger > button:hover,
	.tr__arrow-menu_item--danger > button:focus {
		background-color: var(--tr-color-red-100) !important;
	}

	.tr__arrow-menu_item--danger > a .tr__icon,
	.tr__arrow-menu_item--danger > a .tr__icon,
	.tr__arrow-menu_item--danger > button .tr__icon,
	.tr__arrow-menu_item--danger > button .tr__icon {
		filter: var(--tr-filter-red-500) !important;
	}

/* divider */
.tr__arrow-menu .divider {
	height: 1px;
	margin: 8px 16px;
	background-color: var(--tr-color-grey-500);
}
/* END - Arrow Menu */

/* START - Carousel */
.tr__carousel_container {
	border: 1px solid var(--tr-color-grey-500);
}

	.tr__carousel_container .disabled,
	.tr__carousel_container .disabled .tr__icon {
		cursor: not-allowed !important;
	}

		.tr__carousel_container .disabled .tr__icon {
			filter: brightness(0) saturate(100%) invert(77%) sepia(2%) saturate(13%) hue-rotate(6deg) brightness(109%) contrast(82%) !important;
		}

.tr__carousel_header {
	border-bottom: 1px solid var(--tr-color-grey-500);
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 4px 8px;
}

	.tr__carousel_header .tr__carousel_previous,
	.tr__carousel_header .tr__carousel_next {
		width: 32px;
		height: 32px;
	}

.tr__carousel_body {
	position: relative;
	width: 100%;
	overflow: hidden;
	/* note: padding-top: calc(img.width / img.height * 100%); should be set as per the aspect ratio of the images being used in the carousel (see #divPopupHelpContent below as an example) */
}

	.tr__carousel_body img {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

		.tr__carousel_body img.active {
			display: block;
		}
/* END - Carousel */

/* START - Associated Entity Controls */
.tr__associated-entity_container {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-shrink: 0;
	vertical-align: top;
	width: 100%;
}
/* END - Associated Entity Controls */

/* START - Curtains */
.tr__curtains_container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

	.tr__curtains_container + * {
		scroll-behavior: smooth;
	}

.tr__curtains_curtain {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tr__curtains_curtain--horizontal {
	top: 0;
	bottom: 0;
	width: 64px;
}

.tr__curtains_curtain--vertical {
	left: 0;
	right: 0;
	height: 64px;
}

.tr__curtains_curtain button i {
	filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(7133%) hue-rotate(203deg) brightness(99%) contrast(101%);
}

.tr__curtains_curtain:hover button {
	background-color: var(--tr-color-blue-500);
}

.tr__curtains_curtain button:hover {
	background-color: var(--tr-color-blue-600);
}

.tr__curtains_curtain:hover button i {
	filter: brightness(0) invert(1);
}

.tr__curtains_curtain--left {
	left: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
}

.tr__curtains_container .tr__curtains_curtain--left button i {
	margin-left: -2px !important;
}

.tr__curtains_curtain--right {
	right: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
}

.tr__curtains_container .tr__curtains_curtain--right button i {
	margin-left: 2px !important;
}

.tr__curtains_curtain--top {
	top: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
}

.tr__curtains_container .tr__curtains_curtain--top button i {
	margin-top: -2px !important;
}

.tr__curtains_curtain--bottom {
	bottom: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
}

.tr__curtains_container .tr__curtains_curtain--bottom button i {
	margin-top: 2px !important;
}
/* END - Curtains */

/* START - Mini Menu */
.tr__mini-menu {
	background-color: var(--tr-color-white);
	list-style-type: none;
	margin: 0;
	padding: 8px 0;
	min-width: fit-content;
	max-width: 300px;
}

	.tr__mini-menu li > a,
	.tr__mini-menu li > button {
		font-size: 13px;
		color: var(--tr-color-black);
		text-decoration: none;
		background: none;
		border: none;
		outline: none;
		width: 100%;
		margin: 0;
		padding: 8px 16px;
		cursor: pointer;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 10px;
	}

		.tr__mini-menu li > a:hover,
		.tr__mini-menu li > a:focus,
		.tr__mini-menu li > button:hover,
		.tr__mini-menu li > button:focus {
			background-color: var(--tr-color-blue-100);
		}

	/* divider */
	.tr__mini-menu .divider {
		height: 1px;
		margin: 8px 16px;
		background-color: var(--tr-color-grey-500);
	}
/* END - Mini Menu */

/* START - Help Guide */
.tr__help-guide {
	max-width: 940px;
}
/* END - Help Guide */

/* --- Singletons --- */
/* START - Active Custom Report */
#divRunCustomReport {
	scroll-margin-top: 123px;
}
/* END - Active Custom Report */

/* START - Site Header */
.tr__site-header {
	position: relative;
	z-index: var(--tr-site-header-z-index);
	background-color: var(--tr-color-grey-200);
	color: var(--tr-color-black);
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 1px solid var(--tr-color-grey-500);
	margin-bottom: 20px;
}
/* END - Site Header */

/* START - Search */
#search {
	width: 150px;
}
/* END - Search */

/* START - File Uploading Spinner */
#fileuploadingspinner {
	position: relative;
	top: -4px;
	left: 10px;
}
/* END - File Uploading Spinner */

/* START - Session Timeout */
#SessionTimeout {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0px;
	z-index: var(--tr-session-timeout-z-index);
	display: none;
}
/* END - Session Timeout */

/* START - Carousel */
#divPopupHelpContent .tr__carousel_body {
	max-height: 69vh;
	padding-top: calc(530 / 964 * 100%);
}
/* END - Carousel */

/* START - Year Planner */
#divKeyContainer tr:first-of-type,
#divKeyContainer tr:first-of-type td {
	border-top: none;
}

#divKeyContainer tr:last-of-type,
#divKeyContainer tr:last-of-type td {
	border-bottom: none;
}

#divKeyContainer td {
	padding: 10px 8px;
}

#divSettingsContainer th,
#divSettingsContainer td {
	padding-top: 9.75px;
	padding-bottom: 9.75px;
}
/* END - Year Planner */

/* START - Mini Nav Menu */
#MiniNavMenu {
	position: fixed;
	z-index: var(--tr-mini-nav-menu-z-index);
	bottom: 24px;
	right: 24px;
}
/* END - Mini Nav Menu*/

/* ---- Utilities ---- */
/* START - Errors */
.tr__error_heading {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 10px;
}

.tr__error_heading--1 {
	color: var(--tr-color-blue-300);
	font-size: 60px;
}

.tr__error_heading--2 {
	color: var(--tr-color-blue-500);
	font-size: 40px;
}
/* END - Errors */

/* START - Add Link */
.tr__add-link::after {
	content: attr(href);
}
/* END - Add Link */

/* START - Underline */
.tr__underlined {
	margin-bottom: 0 !important;
}

	.tr__underlined:not(:read-only):focus + .tr__underline {
		transform: scale(1);
		-webkit-transform: scale(1);
	}

.tr__underline {
	display: block;
	position: relative;
	height: 2px;
	background-color: var(--tr-color-blue-500);
	transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
/* END - Underline */

/* START - Padding Utility Classes */
/* all sides */
.tr__p--0 {
	padding: 0 !important;
}

.tr__p--4 {
	padding: 4px !important;
}

.tr__p--6 {
	padding: 6px !important;
}

.tr__p--8 {
	padding: 8px !important;
}

.tr__p--10 {
	padding: 10px !important;
}

.tr__p--12 {
	padding: 12px !important;
}

.tr__p--16 {
	padding: 16px !important;
}

.tr__p--20 {
	padding: 20px !important;
}

.tr__p--24 {
	padding: 24px !important;
}

.tr__p--32 {
	padding: 32px !important;
}

.tr__p--48 {
	padding: 48px !important;
}

.tr__p--64 {
	padding: 64px !important;
}

@media (min-width: 576px) {
	.tr__p--0_sm {
		padding: 0 !important;
	}

	.tr__p--4_sm {
		padding: 4px !important;
	}

	.tr__p--6_sm {
		padding: 6px !important;
	}

	.tr__p--8_sm {
		padding: 8px !important;
	}

	.tr__p--10_sm {
		padding: 10px !important;
	}

	.tr__p--12_sm {
		padding: 12px !important;
	}

	.tr__p--16_sm {
		padding: 16px !important;
	}

	.tr__p--20_sm {
		padding: 20px !important;
	}

	.tr__p--24_sm {
		padding: 24px !important;
	}

	.tr__p--32_sm {
		padding: 32px !important;
	}

	.tr__p--48_sm {
		padding: 48px !important;
	}

	.tr__p--64_sm {
		padding: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p--0_md {
		padding: 0 !important;
	}

	.tr__p--4_md {
		padding: 4px !important;
	}

	.tr__p--6_md {
		padding: 6px !important;
	}

	.tr__p--8_md {
		padding: 8px !important;
	}

	.tr__p--10_md {
		padding: 10px !important;
	}

	.tr__p--12_md {
		padding: 12px !important;
	}

	.tr__p--16_md {
		padding: 16px !important;
	}

	.tr__p--20_md {
		padding: 20px !important;
	}

	.tr__p--24_md {
		padding: 24px !important;
	}

	.tr__p--32_md {
		padding: 32px !important;
	}

	.tr__p--48_md {
		padding: 48px !important;
	}

	.tr__p--64_md {
		padding: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p--0_lg {
		padding: 0 !important;
	}

	.tr__p--4_lg {
		padding: 4px !important;
	}

	.tr__p--6_lg {
		padding: 6px !important;
	}

	.tr__p--8_lg {
		padding: 8px !important;
	}

	.tr__p--10_lg {
		padding: 10px !important;
	}

	.tr__p--12_lg {
		padding: 12px !important;
	}

	.tr__p--16_lg {
		padding: 16px !important;
	}

	.tr__p--20_lg {
		padding: 20px !important;
	}

	.tr__p--24_lg {
		padding: 24px !important;
	}

	.tr__p--32_lg {
		padding: 32px !important;
	}

	.tr__p--48_lg {
		padding: 48px !important;
	}

	.tr__p--64_lg {
		padding: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p--0_xl {
		padding: 0 !important;
	}

	.tr__p--4_xl {
		padding: 4px !important;
	}

	.tr__p--6_xl {
		padding: 6px !important;
	}

	.tr__p--8_xl {
		padding: 8px !important;
	}

	.tr__p--10_xl {
		padding: 10px !important;
	}

	.tr__p--12_xl {
		padding: 12px !important;
	}

	.tr__p--16_xl {
		padding: 16px !important;
	}

	.tr__p--20_xl {
		padding: 20px !important;
	}

	.tr__p--24_xl {
		padding: 24px !important;
	}

	.tr__p--32_xl {
		padding: 32px !important;
	}

	.tr__p--48_xl {
		padding: 48px !important;
	}

	.tr__p--64_xl {
		padding: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p--0_xxl {
		padding: 0 !important;
	}

	.tr__p--4_xxl {
		padding: 4px !important;
	}

	.tr__p--6_xxl {
		padding: 6px !important;
	}

	.tr__p--8_xxl {
		padding: 8px !important;
	}

	.tr__p--10_xxl {
		padding: 10px !important;
	}

	.tr__p--12_xxl {
		padding: 12px !important;
	}

	.tr__p--16_xxl {
		padding: 16px !important;
	}

	.tr__p--20_xxl {
		padding: 20px !important;
	}

	.tr__p--24_xxl {
		padding: 24px !important;
	}

	.tr__p--32_xxl {
		padding: 32px !important;
	}

	.tr__p--48_xxl {
		padding: 48px !important;
	}

	.tr__p--64_xxl {
		padding: 64px !important;
	}
}

/* horizontal */
.tr__p_x--0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.tr__p_x--4 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.tr__p_x--6 {
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.tr__p_x--8 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.tr__p_x--10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.tr__p_x--12 {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.tr__p_x--16 {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.tr__p_x--20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.tr__p_x--24 {
	padding-left: 24px !important;
	padding-right: 24px !important;
}

.tr__p_x--32 {
	padding-left: 32px !important;
	padding-right: 32px !important;
}

.tr__p_x--48 {
	padding-left: 48px !important;
	padding-right: 48px !important;
}

.tr__p_x--64 {
	padding-left: 64px !important;
	padding-right: 64px !important;
}

@media (min-width: 576px) {
	.tr__p_x--0_sm {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.tr__p_x--4_sm {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.tr__p_x--6_sm {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.tr__p_x--8_sm {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.tr__p_x--10_sm {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.tr__p_x--12_sm {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.tr__p_x--16_sm {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.tr__p_x--20_sm {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.tr__p_x--24_sm {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.tr__p_x--32_sm {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.tr__p_x--48_sm {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}

	.tr__p_x--64_sm {
		padding-left: 64px !important;
		padding-right: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p_x--0_md {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.tr__p_x--4_md {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.tr__p_x--6_md {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.tr__p_x--8_md {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.tr__p_x--10_md {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.tr__p_x--12_md {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.tr__p_x--16_md {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.tr__p_x--20_md {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.tr__p_x--24_md {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.tr__p_x--32_md {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.tr__p_x--48_md {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}

	.tr__p_x--64_md {
		padding-left: 64px !important;
		padding-right: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p_x--0_lg {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.tr__p_x--4_lg {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.tr__p_x--6_lg {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.tr__p_x--8_lg {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.tr__p_x--10_lg {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.tr__p_x--12_lg {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.tr__p_x--16_lg {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.tr__p_x--20_lg {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.tr__p_x--24_lg {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.tr__p_x--32_lg {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.tr__p_x--48_lg {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}

	.tr__p_x--64_lg {
		padding-left: 64px !important;
		padding-right: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p_x--0_xl {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.tr__p_x--4_xl {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.tr__p_x--6_xl {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.tr__p_x--8_xl {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.tr__p_x--10_xl {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.tr__p_x--12_xl {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.tr__p_x--16_xl {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.tr__p_x--20_xl {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.tr__p_x--24_xl {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.tr__p_x--32_xl {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.tr__p_x--48_xl {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}

	.tr__p_x--64_xl {
		padding-left: 64px !important;
		padding-right: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p_x--0_xxl {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.tr__p_x--4_xxl {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.tr__p_x--6_xxl {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.tr__p_x--8_xxl {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.tr__p_x--10_xxl {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.tr__p_x--12_xxl {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.tr__p_x--16_xxl {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.tr__p_x--20_xxl {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.tr__p_x--24_xxl {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.tr__p_x--32_xxl {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.tr__p_x--48_xxl {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}

	.tr__p_x--64_xxl {
		padding-left: 64px !important;
		padding-right: 64px !important;
	}
}

/* left */
.tr__p_l--0 {
	padding-left: 0 !important;
}

.tr__p_l--4 {
	padding-left: 4px !important;
}

.tr__p_l--6 {
	padding-left: 6px !important;
}

.tr__p_l--8 {
	padding-left: 8px !important;
}

.tr__p_l--10 {
	padding-left: 10px !important;
}

.tr__p_l--12 {
	padding-left: 12px !important;
}

.tr__p_l--16 {
	padding-left: 16px !important;
}

.tr__p_l--20 {
	padding-left: 20px !important;
}

.tr__p_l--24 {
	padding-left: 24px !important;
}

.tr__p_l--28 {
	padding-left: 28px !important;
}

.tr__p_l--32 {
	padding-left: 32px !important;
}

.tr__p_l--48 {
	padding-left: 48px !important;
}

.tr__p_l--64 {
	padding-left: 64px !important;
}

@media (min-width: 576px) {
	.tr__p_l--0_sm {
		padding-left: 0 !important;
	}

	.tr__p_l--4_sm {
		padding-left: 4px !important;
	}

	.tr__p_l--6_sm {
		padding-left: 6px !important;
	}

	.tr__p_l--8_sm {
		padding-left: 8px !important;
	}

	.tr__p_l--10_sm {
		padding-left: 10px !important;
	}

	.tr__p_l--12_sm {
		padding-left: 12px !important;
	}

	.tr__p_l--16_sm {
		padding-left: 16px !important;
	}

	.tr__p_l--20_sm {
		padding-left: 20px !important;
	}

	.tr__p_l--24_sm {
		padding-left: 24px !important;
	}

	.tr__p_l--32_sm {
		padding-left: 32px !important;
	}

	.tr__p_l--48_sm {
		padding-left: 48px !important;
	}

	.tr__p_l--64_sm {
		padding-left: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p_l--0_md {
		padding-left: 0 !important;
	}

	.tr__p_l--4_md {
		padding-left: 4px !important;
	}

	.tr__p_l--6_md {
		padding-left: 6px !important;
	}

	.tr__p_l--8_md {
		padding-left: 8px !important;
	}

	.tr__p_l--10_md {
		padding-left: 10px !important;
	}

	.tr__p_l--12_md {
		padding-left: 12px !important;
	}

	.tr__p_l--16_md {
		padding-left: 16px !important;
	}

	.tr__p_l--20_md {
		padding-left: 20px !important;
	}

	.tr__p_l--24_md {
		padding-left: 24px !important;
	}

	.tr__p_l--32_md {
		padding-left: 32px !important;
	}

	.tr__p_l--48_md {
		padding-left: 48px !important;
	}

	.tr__p_l--64_md {
		padding-left: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p_l--0_lg {
		padding-left: 0 !important;
	}

	.tr__p_l--4_lg {
		padding-left: 4px !important;
	}

	.tr__p_l--6_lg {
		padding-left: 6px !important;
	}

	.tr__p_l--8_lg {
		padding-left: 8px !important;
	}

	.tr__p_l--10_lg {
		padding-left: 10px !important;
	}

	.tr__p_l--12_lg {
		padding-left: 12px !important;
	}

	.tr__p_l--16_lg {
		padding-left: 16px !important;
	}

	.tr__p_l--20_lg {
		padding-left: 20px !important;
	}

	.tr__p_l--24_lg {
		padding-left: 24px !important;
	}

	.tr__p_l--32_lg {
		padding-left: 32px !important;
	}

	.tr__p_l--48_lg {
		padding-left: 48px !important;
	}

	.tr__p_l--64_lg {
		padding-left: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p_l--0_xl {
		padding-left: 0 !important;
	}

	.tr__p_l--4_xl {
		padding-left: 4px !important;
	}

	.tr__p_l--6_xl {
		padding-left: 6px !important;
	}

	.tr__p_l--8_xl {
		padding-left: 8px !important;
	}

	.tr__p_l--10_xl {
		padding-left: 10px !important;
	}

	.tr__p_l--12_xl {
		padding-left: 12px !important;
	}

	.tr__p_l--16_xl {
		padding-left: 16px !important;
	}

	.tr__p_l--20_xl {
		padding-left: 20px !important;
	}

	.tr__p_l--24_xl {
		padding-left: 24px !important;
	}

	.tr__p_l--32_xl {
		padding-left: 32px !important;
	}

	.tr__p_l--48_xl {
		padding-left: 48px !important;
	}

	.tr__p_l--64_xl {
		padding-left: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p_l--0_xxl {
		padding-left: 0 !important;
	}

	.tr__p_l--4_xxl {
		padding-left: 4px !important;
	}

	.tr__p_l--6_xxl {
		padding-left: 6px !important;
	}

	.tr__p_l--8_xxl {
		padding-left: 8px !important;
	}

	.tr__p_l--10_xxl {
		padding-left: 10px !important;
	}

	.tr__p_l--12_xxl {
		padding-left: 12px !important;
	}

	.tr__p_l--16_xxl {
		padding-left: 16px !important;
	}

	.tr__p_l--20_xxl {
		padding-left: 20px !important;
	}

	.tr__p_l--24_xxl {
		padding-left: 24px !important;
	}

	.tr__p_l--32_xxl {
		padding-left: 32px !important;
	}

	.tr__p_l--48_xxl {
		padding-left: 48px !important;
	}

	.tr__p_l--64_xxl {
		padding-left: 64px !important;
	}
}

/* right */
.tr__p_r--0 {
	padding-right: 0 !important;
}

.tr__p_r--4 {
	padding-right: 4px !important;
}

.tr__p_r--6 {
	padding-right: 6px !important;
}

.tr__p_r--8 {
	padding-right: 8px !important;
}

.tr__p_r--10 {
	padding-right: 10px !important;
}

.tr__p_r--12 {
	padding-right: 12px !important;
}

.tr__p_r--16 {
	padding-right: 16px !important;
}

.tr__p_r--20 {
	padding-right: 20px !important;
}

.tr__p_r--24 {
	padding-right: 24px !important;
}

.tr__p_r--32 {
	padding-right: 32px !important;
}

.tr__p_r--48 {
	padding-right: 48px !important;
}

.tr__p_r--64 {
	padding-right: 64px !important;
}

@media (min-width: 576px) {
	.tr__p_r--0_sm {
		padding-right: 0 !important;
	}

	.tr__p_r--4_sm {
		padding-right: 4px !important;
	}

	.tr__p_r--6_sm {
		padding-right: 6px !important;
	}

	.tr__p_r--8_sm {
		padding-right: 8px !important;
	}

	.tr__p_r--10_sm {
		padding-right: 10px !important;
	}

	.tr__p_r--12_sm {
		padding-right: 12px !important;
	}

	.tr__p_r--16_sm {
		padding-right: 16px !important;
	}

	.tr__p_r--20_sm {
		padding-right: 20px !important;
	}

	.tr__p_r--24_sm {
		padding-right: 24px !important;
	}

	.tr__p_r--32_sm {
		padding-right: 32px !important;
	}

	.tr__p_r--48_sm {
		padding-right: 48px !important;
	}

	.tr__p_r--64_sm {
		padding-right: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p_r--0_md {
		padding-right: 0 !important;
	}

	.tr__p_r--4_md {
		padding-right: 4px !important;
	}

	.tr__p_r--6_md {
		padding-right: 6px !important;
	}

	.tr__p_r--8_md {
		padding-right: 8px !important;
	}

	.tr__p_r--10_md {
		padding-right: 10px !important;
	}

	.tr__p_r--12_md {
		padding-right: 12px !important;
	}

	.tr__p_r--16_md {
		padding-right: 16px !important;
	}

	.tr__p_r--20_md {
		padding-right: 20px !important;
	}

	.tr__p_r--24_md {
		padding-right: 24px !important;
	}

	.tr__p_r--32_md {
		padding-right: 32px !important;
	}

	.tr__p_r--48_md {
		padding-right: 48px !important;
	}

	.tr__p_r--64_md {
		padding-right: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p_r--0_lg {
		padding-right: 0 !important;
	}

	.tr__p_r--4_lg {
		padding-right: 4px !important;
	}

	.tr__p_r--6_lg {
		padding-right: 6px !important;
	}

	.tr__p_r--8_lg {
		padding-right: 8px !important;
	}

	.tr__p_r--10_lg {
		padding-right: 10px !important;
	}

	.tr__p_r--12_lg {
		padding-right: 12px !important;
	}

	.tr__p_r--16_lg {
		padding-right: 16px !important;
	}

	.tr__p_r--20_lg {
		padding-right: 20px !important;
	}

	.tr__p_r--24_lg {
		padding-right: 24px !important;
	}

	.tr__p_r--32_lg {
		padding-right: 32px !important;
	}

	.tr__p_r--48_lg {
		padding-right: 48px !important;
	}

	.tr__p_r--64_lg {
		padding-right: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p_r--0_xl {
		padding-right: 0 !important;
	}

	.tr__p_r--4_xl {
		padding-right: 4px !important;
	}

	.tr__p_r--6_xl {
		padding-right: 6px !important;
	}

	.tr__p_r--8_xl {
		padding-right: 8px !important;
	}

	.tr__p_r--10_xl {
		padding-right: 10px !important;
	}

	.tr__p_r--12_xl {
		padding-right: 12px !important;
	}

	.tr__p_r--16_xl {
		padding-right: 16px !important;
	}

	.tr__p_r--20_xl {
		padding-right: 20px !important;
	}

	.tr__p_r--24_xl {
		padding-right: 24px !important;
	}

	.tr__p_r--32_xl {
		padding-right: 32px !important;
	}

	.tr__p_r--48_xl {
		padding-right: 48px !important;
	}

	.tr__p_r--64_xl {
		padding-right: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p_r--0_xxl {
		padding-right: 0 !important;
	}

	.tr__p_r--4_xxl {
		padding-right: 4px !important;
	}

	.tr__p_r--6_xxl {
		padding-right: 6px !important;
	}

	.tr__p_r--8_xxl {
		padding-right: 8px !important;
	}

	.tr__p_r--10_xxl {
		padding-right: 10px !important;
	}

	.tr__p_r--12_xxl {
		padding-right: 12px !important;
	}

	.tr__p_r--16_xxl {
		padding-right: 16px !important;
	}

	.tr__p_r--20_xxl {
		padding-right: 20px !important;
	}

	.tr__p_r--24_xxl {
		padding-right: 24px !important;
	}

	.tr__p_r--32_xxl {
		padding-right: 32px !important;
	}

	.tr__p_r--48_xxl {
		padding-right: 48px !important;
	}

	.tr__p_r--64_xxl {
		padding-right: 64px !important;
	}
}

/* vertical */
.tr__p_y--0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.tr__p_y--4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.tr__p_y--8 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.tr__p_y--10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.tr__p_y--12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.tr__p_y--16 {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.tr__p_y--20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.tr__p_y--24 {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

.tr__p_y--32 {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}

.tr__p_y--48 {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

.tr__p_y--64 {
	padding-top: 64px !important;
	padding-bottom: 64px !important;
}

@media (min-width: 576px) {
	.tr__p_y--0_sm {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.tr__p_y--4_sm {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

	.tr__p_y--8_sm {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.tr__p_y--10_sm {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.tr__p_y--12_sm {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.tr__p_y--16_sm {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.tr__p_y--20_sm {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.tr__p_y--24_sm {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.tr__p_y--32_sm {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.tr__p_y--48_sm {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.tr__p_y--64_sm {
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p_y--0_md {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.tr__p_y--4_md {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

	.tr__p_y--8_md {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.tr__p_y--10_md {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.tr__p_y--12_md {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.tr__p_y--16_md {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.tr__p_y--20_md {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.tr__p_y--24_md {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.tr__p_y--32_md {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.tr__p_y--48_md {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.tr__p_y--64_md {
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p_y--0_lg {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.tr__p_y--4_lg {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

	.tr__p_y--8_lg {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.tr__p_y--10_lg {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.tr__p_y--12_lg {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.tr__p_y--16_lg {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.tr__p_y--20_lg {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.tr__p_y--24_lg {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.tr__p_y--32_lg {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.tr__p_y--48_lg {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.tr__p_y--64_lg {
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p_y--0_xl {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.tr__p_y--4_xl {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

	.tr__p_y--8_xl {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.tr__p_y--10_xl {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.tr__p_y--12_xl {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.tr__p_y--16_xl {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.tr__p_y--20_xl {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.tr__p_y--24_xl {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.tr__p_y--32_xl {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.tr__p_y--48_xl {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.tr__p_y--64_xl {
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p_y--0_xxl {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.tr__p_y--4_xxl {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

	.tr__p_y--8_xxl {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.tr__p_y--10_xxl {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.tr__p_y--12_xxl {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.tr__p_y--16_xxl {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.tr__p_y--20_xxl {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.tr__p_y--24_xxl {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.tr__p_y--32_xxl {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.tr__p_y--48_xxl {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.tr__p_y--64_xxl {
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}
}

/* top */
.tr__p_t--0 {
	padding-top: 0 !important;
}

.tr__p_t--2 {
	padding-top: 2px !important;
}

.tr__p_t--4 {
	padding-top: 4px !important;
}

.tr__p_t--6 {
	padding-top: 6px !important;
}

.tr__p_t--8 {
	padding-top: 8px !important;
}

.tr__p_t--10 {
	padding-top: 10px !important;
}

.tr__p_t--12 {
	padding-top: 12px !important;
}

.tr__p_t--16 {
	padding-top: 16px !important;
}

.tr__p_t--20 {
	padding-top: 20px !important;
}

.tr__p_t--24 {
	padding-top: 24px !important;
}

.tr__p_t--32 {
	padding-top: 32px !important;
}

.tr__p_t--48 {
	padding-top: 48px !important;
}

.tr__p_t--64 {
	padding-top: 64px !important;
}

@media (min-width: 576px) {
	.tr__p_t--0_sm {
		padding-top: 0 !important;
	}

	.tr__p_t--2_sm {
		padding-top: 2px !important;
	}

	.tr__p_t--4_sm {
		padding-top: 4px !important;
	}

	.tr__p_t--6_sm {
		padding-top: 6px !important;
	}

	.tr__p_t--8_sm {
		padding-top: 8px !important;
	}

	.tr__p_t--10_sm {
		padding-top: 10px !important;
	}

	.tr__p_t--12_sm {
		padding-top: 12px !important;
	}

	.tr__p_t--16_sm {
		padding-top: 16px !important;
	}

	.tr__p_t--20_sm {
		padding-top: 20px !important;
	}

	.tr__p_t--24_sm {
		padding-top: 24px !important;
	}

	.tr__p_t--32_sm {
		padding-top: 32px !important;
	}

	.tr__p_t--48_sm {
		padding-top: 48px !important;
	}

	.tr__p_t--64_sm {
		padding-top: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p_t--0_md {
		padding-top: 0 !important;
	}

	.tr__p_t--2_md {
		padding-top: 2px !important;
	}

	.tr__p_t--4_md {
		padding-top: 4px !important;
	}

	.tr__p_t--6_md {
		padding-top: 6px !important;
	}

	.tr__p_t--8_md {
		padding-top: 8px !important;
	}

	.tr__p_t--10_md {
		padding-top: 10px !important;
	}

	.tr__p_t--12_md {
		padding-top: 12px !important;
	}

	.tr__p_t--16_md {
		padding-top: 16px !important;
	}

	.tr__p_t--20_md {
		padding-top: 20px !important;
	}

	.tr__p_t--24_md {
		padding-top: 24px !important;
	}

	.tr__p_t--32_md {
		padding-top: 32px !important;
	}

	.tr__p_t--48_md {
		padding-top: 48px !important;
	}

	.tr__p_t--64_md {
		padding-top: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p_t--0_lg {
		padding-top: 0 !important;
	}

	.tr__p_t--2_lg {
		padding-top: 2px !important;
	}

	.tr__p_t--4_lg {
		padding-top: 4px !important;
	}

	.tr__p_t--6_lg {
		padding-top: 6px !important;
	}

	.tr__p_t--8_lg {
		padding-top: 8px !important;
	}

	.tr__p_t--10_lg {
		padding-top: 10px !important;
	}

	.tr__p_t--12_lg {
		padding-top: 12px !important;
	}

	.tr__p_t--16_lg {
		padding-top: 16px !important;
	}

	.tr__p_t--20_lg {
		padding-top: 20px !important;
	}

	.tr__p_t--24_lg {
		padding-top: 24px !important;
	}

	.tr__p_t--32_lg {
		padding-top: 32px !important;
	}

	.tr__p_t--48_lg {
		padding-top: 48px !important;
	}

	.tr__p_t--64_lg {
		padding-top: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p_t--0_xl {
		padding-top: 0 !important;
	}

	.tr__p_t--2_xl {
		padding-top: 2px !important;
	}

	.tr__p_t--4_xl {
		padding-top: 4px !important;
	}

	.tr__p_t--6_xl {
		padding-top: 6px !important;
	}

	.tr__p_t--8_xl {
		padding-top: 8px !important;
	}

	.tr__p_t--10_xl {
		padding-top: 10px !important;
	}

	.tr__p_t--12_xl {
		padding-top: 12px !important;
	}

	.tr__p_t--16_xl {
		padding-top: 16px !important;
	}

	.tr__p_t--20_xl {
		padding-top: 20px !important;
	}

	.tr__p_t--24_xl {
		padding-top: 24px !important;
	}

	.tr__p_t--32_xl {
		padding-top: 32px !important;
	}

	.tr__p_t--48_xl {
		padding-top: 48px !important;
	}

	.tr__p_t--64_xl {
		padding-top: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p_t--0_xxl {
		padding-top: 0 !important;
	}

	.tr__p_t--2_xxl {
		padding-top: 2px !important;
	}

	.tr__p_t--4_xxl {
		padding-top: 4px !important;
	}

	.tr__p_t--6_xxl {
		padding-top: 6px !important;
	}

	.tr__p_t--8_xxl {
		padding-top: 8px !important;
	}

	.tr__p_t--10_xxl {
		padding-top: 10px !important;
	}

	.tr__p_t--12_xxl {
		padding-top: 12px !important;
	}

	.tr__p_t--16_xxl {
		padding-top: 16px !important;
	}

	.tr__p_t--20_xxl {
		padding-top: 20px !important;
	}

	.tr__p_t--24_xxl {
		padding-top: 24px !important;
	}

	.tr__p_t--32_xxl {
		padding-top: 32px !important;
	}

	.tr__p_t--48_xxl {
		padding-top: 48px !important;
	}

	.tr__p_t--64_xxl {
		padding-top: 64px !important;
	}
}

/* bottom */
.tr__p_b--0 {
	padding-bottom: 0 !important;
}

.tr__p_b--4 {
	padding-bottom: 4px !important;
}

.tr__p_b--6 {
	padding-bottom: 6px !important;
}

.tr__p_b--8 {
	padding-bottom: 8px !important;
}

.tr__p_b--10 {
	padding-bottom: 10px !important;
}

.tr__p_b--12 {
	padding-bottom: 12px !important;
}

.tr__p_b--16 {
	padding-bottom: 16px !important;
}

.tr__p_b--20 {
	padding-bottom: 20px !important;
}

.tr__p_b--24 {
	padding-bottom: 24px !important;
}

.tr__p_b--32 {
	padding-bottom: 32px !important;
}

.tr__p_b--48 {
	padding-bottom: 48px !important;
}

.tr__p_b--64 {
	padding-bottom: 64px !important;
}

@media (min-width: 576px) {
	.tr__p_b--0_sm {
		padding-bottom: 0 !important;
	}

	.tr__p_b--4_sm {
		padding-bottom: 4px !important;
	}

	.tr__p_b--6_sm {
		padding-bottom: 6px !important;
	}

	.tr__p_b--8_sm {
		padding-bottom: 8px !important;
	}

	.tr__p_b--10_sm {
		padding-bottom: 10px !important;
	}

	.tr__p_b--12_sm {
		padding-bottom: 12px !important;
	}

	.tr__p_b--16_sm {
		padding-bottom: 16px !important;
	}

	.tr__p_b--20_sm {
		padding-bottom: 20px !important;
	}

	.tr__p_b--24_sm {
		padding-bottom: 24px !important;
	}

	.tr__p_b--32_sm {
		padding-bottom: 32px !important;
	}

	.tr__p_b--48_sm {
		padding-bottom: 48px !important;
	}

	.tr__p_b--64_sm {
		padding-bottom: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__p_b--0_md {
		padding-bottom: 0 !important;
	}

	.tr__p_b--4_md {
		padding-bottom: 4px !important;
	}

	.tr__p_b--6_md {
		padding-bottom: 6px !important;
	}

	.tr__p_b--8_md {
		padding-bottom: 8px !important;
	}

	.tr__p_b--10_md {
		padding-bottom: 10px !important;
	}

	.tr__p_b--12_md {
		padding-bottom: 12px !important;
	}

	.tr__p_b--16_md {
		padding-bottom: 16px !important;
	}

	.tr__p_b--20_md {
		padding-bottom: 20px !important;
	}

	.tr__p_b--24_md {
		padding-bottom: 24px !important;
	}

	.tr__p_b--32_md {
		padding-bottom: 32px !important;
	}

	.tr__p_b--48_md {
		padding-bottom: 48px !important;
	}

	.tr__p_b--64_md {
		padding-bottom: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__p_b--0_lg {
		padding-bottom: 0 !important;
	}

	.tr__p_b--4_lg {
		padding-bottom: 4px !important;
	}

	.tr__p_b--6_lg {
		padding-bottom: 6px !important;
	}

	.tr__p_b--8_lg {
		padding-bottom: 8px !important;
	}

	.tr__p_b--10_lg {
		padding-bottom: 10px !important;
	}

	.tr__p_b--12_lg {
		padding-bottom: 12px !important;
	}

	.tr__p_b--16_lg {
		padding-bottom: 16px !important;
	}

	.tr__p_b--20_lg {
		padding-bottom: 20px !important;
	}

	.tr__p_b--24_lg {
		padding-bottom: 24px !important;
	}

	.tr__p_b--32_lg {
		padding-bottom: 32px !important;
	}

	.tr__p_b--48_lg {
		padding-bottom: 48px !important;
	}

	.tr__p_b--64_lg {
		padding-bottom: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__p_b--0_xl {
		padding-bottom: 0 !important;
	}

	.tr__p_b--4_xl {
		padding-bottom: 4px !important;
	}

	.tr__p_b--6_xl {
		padding-bottom: 6px !important;
	}

	.tr__p_b--8_xl {
		padding-bottom: 8px !important;
	}

	.tr__p_b--10_xl {
		padding-bottom: 10px !important;
	}

	.tr__p_b--12_xl {
		padding-bottom: 12px !important;
	}

	.tr__p_b--16_xl {
		padding-bottom: 16px !important;
	}

	.tr__p_b--20_xl {
		padding-bottom: 20px !important;
	}

	.tr__p_b--24_xl {
		padding-bottom: 24px !important;
	}

	.tr__p_b--32_xl {
		padding-bottom: 32px !important;
	}

	.tr__p_b--48_xl {
		padding-bottom: 48px !important;
	}

	.tr__p_b--64_xl {
		padding-bottom: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__p_b--0_xxl {
		padding-bottom: 0 !important;
	}

	.tr__p_b--4_xxl {
		padding-bottom: 4px !important;
	}

	.tr__p_b--6_xxl {
		padding-bottom: 6px !important;
	}

	.tr__p_b--8_xxl {
		padding-bottom: 8px !important;
	}

	.tr__p_b--10_xxl {
		padding-bottom: 10px !important;
	}

	.tr__p_b--12_xxl {
		padding-bottom: 12px !important;
	}

	.tr__p_b--16_xxl {
		padding-bottom: 16px !important;
	}

	.tr__p_b--20_xxl {
		padding-bottom: 20px !important;
	}

	.tr__p_b--24_xxl {
		padding-bottom: 24px !important;
	}

	.tr__p_b--32_xxl {
		padding-bottom: 32px !important;
	}

	.tr__p_b--48_xxl {
		padding-bottom: 48px !important;
	}

	.tr__p_b--64_xxl {
		padding-bottom: 64px !important;
	}
}
/* END - Padding Utility Classes */

/* START - Margin Utility Classes */
/* all sides */
.tr__m--auto {
	margin: auto !important;
}

.tr__m--0 {
	margin: 0 !important;
}

.tr__m--2 {
	margin: 2px !important;
}

.tr__m--4 {
	margin: 4px !important;
}

.tr__m--6 {
	margin: 6px !important;
}

.tr__m--7 {
	margin: 7px !important;
}

.tr__m--8 {
	margin: 8px !important;
}

.tr__m--10 {
	margin: 10px !important;
}

.tr__m--12 {
	margin: 12px !important;
}

.tr__m--16 {
	margin: 16px !important;
}

.tr__m--20 {
	margin: 20px !important;
}

.tr__m--24 {
	margin: 24px !important;
}

.tr__m--32 {
	margin: 32px !important;
}

.tr__m--48 {
	margin: 48px !important;
}

.tr__m--64 {
	margin: 64px !important;
}

@media (min-width: 576px) {
	.tr__m--0_sm {
		margin: 0 !important;
	}

	.tr__m--2_sm {
		margin: 2px !important;
	}

	.tr__m--4_sm {
		margin: 4px !important;
	}

	.tr__m--6_sm {
		margin: 6px !important;
	}

	.tr__m--7_sm {
		margin: 7px !important;
	}

	.tr__m--8_sm {
		margin: 8px !important;
	}

	.tr__m--10_sm {
		margin: 10px !important;
	}

	.tr__m--12_sm {
		margin: 12px !important;
	}

	.tr__m--16_sm {
		margin: 16px !important;
	}

	.tr__m--20_sm {
		margin: 20px !important;
	}

	.tr__m--24_sm {
		margin: 24px !important;
	}

	.tr__m--32_sm {
		margin: 32px !important;
	}

	.tr__m--48_sm {
		margin: 48px !important;
	}

	.tr__m--64_sm {
		margin: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m--0_md {
		margin: 0 !important;
	}

	.tr__m--2_md {
		margin: 2px !important;
	}

	.tr__m--4_md {
		margin: 4px !important;
	}

	.tr__m--6_md {
		margin: 6px !important;
	}

	.tr__m--7_md {
		margin: 7px !important;
	}

	.tr__m--8_md {
		margin: 8px !important;
	}

	.tr__m--10_md {
		margin: 10px !important;
	}

	.tr__m--12_md {
		margin: 12px !important;
	}

	.tr__m--16_md {
		margin: 16px !important;
	}

	.tr__m--20_md {
		margin: 20px !important;
	}

	.tr__m--24_md {
		margin: 24px !important;
	}

	.tr__m--32_md {
		margin: 32px !important;
	}

	.tr__m--48_md {
		margin: 48px !important;
	}

	.tr__m--64_md {
		margin: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m--0_lg {
		margin: 0 !important;
	}

	.tr__m--2_lg {
		margin: 2px !important;
	}

	.tr__m--4_lg {
		margin: 4px !important;
	}

	.tr__m--6_lg {
		margin: 6px !important;
	}

	.tr__m--7_lg {
		margin: 7px !important;
	}

	.tr__m--8_lg {
		margin: 8px !important;
	}

	.tr__m--10_lg {
		margin: 10px !important;
	}

	.tr__m--12_lg {
		margin: 12px !important;
	}

	.tr__m--16_lg {
		margin: 16px !important;
	}

	.tr__m--20_lg {
		margin: 20px !important;
	}

	.tr__m--24_lg {
		margin: 24px !important;
	}

	.tr__m--32_lg {
		margin: 32px !important;
	}

	.tr__m--48_lg {
		margin: 48px !important;
	}

	.tr__m--64_lg {
		margin: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m--0_xl {
		margin: 0 !important;
	}

	.tr__m--2_xl {
		margin: 2px !important;
	}

	.tr__m--4_xl {
		margin: 4px !important;
	}

	.tr__m--6_xl {
		margin: 6px !important;
	}

	.tr__m--7_xl {
		margin: 7px !important;
	}

	.tr__m--8_xl {
		margin: 8px !important;
	}

	.tr__m--10_xl {
		margin: 10px !important;
	}

	.tr__m--12_xl {
		margin: 12px !important;
	}

	.tr__m--16_xl {
		margin: 16px !important;
	}

	.tr__m--20_xl {
		margin: 20px !important;
	}

	.tr__m--24_xl {
		margin: 24px !important;
	}

	.tr__m--32_xl {
		margin: 32px !important;
	}

	.tr__m--48_xl {
		margin: 48px !important;
	}

	.tr__m--64_xl {
		margin: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m--0_xxl {
		margin: 0 !important;
	}

	.tr__m--2_xxl {
		margin: 2px !important;
	}

	.tr__m--4_xxl {
		margin: 4px !important;
	}

	.tr__m--6_xxl {
		margin: 6px !important;
	}

	.tr__m--7_xxl {
		margin: 7px !important;
	}

	.tr__m--8_xxl {
		margin: 8px !important;
	}

	.tr__m--10_xxl {
		margin: 10px !important;
	}

	.tr__m--12_xxl {
		margin: 12px !important;
	}

	.tr__m--16_xxl {
		margin: 16px !important;
	}

	.tr__m--20_xxl {
		margin: 20px !important;
	}

	.tr__m--24_xxl {
		margin: 24px !important;
	}

	.tr__m--32_xxl {
		margin: 32px !important;
	}

	.tr__m--48_xxl {
		margin: 48px !important;
	}

	.tr__m--64_xxl {
		margin: 64px !important;
	}
}

/* horizontal */
.tr__m_x--auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.tr__m_x--0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.tr__m_x--2 {
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.tr__m_x--4 {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.tr__m_x--6 {
	margin-left: 6px !important;
	margin-right: 6px !important;
}

.tr__m_x--7 {
	margin-left: 7px !important;
	margin-right: 7px !important;
}

.tr__m_x--8 {
	margin-left: 8px !important;
	margin-right: 8px !important;
}

.tr__m_x--10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.tr__m_x--12 {
	margin-left: 12px !important;
	margin-right: 12px !important;
}

.tr__m_x--16 {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.tr__m_x--20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.tr__m_x--24 {
	margin-left: 24px !important;
	margin-right: 24px !important;
}

.tr__m_x--32 {
	margin-left: 32px !important;
	margin-right: 32px !important;
}

.tr__m_x--48 {
	margin-left: 48px !important;
	margin-right: 48px !important;
}

.tr__m_x--64 {
	margin-left: 64px !important;
	margin-right: 64px !important;
}

@media (min-width: 576px) {
	.tr__m_x--auto_sm {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tr__m_x--0_sm {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.tr__m_x--2_sm {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	.tr__m_x--4_sm {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}

	.tr__m_x--6_sm {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	.tr__m_x--7_sm {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}

	.tr__m_x--8_sm {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	.tr__m_x--10_sm {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.tr__m_x--12_sm {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	.tr__m_x--16_sm {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.tr__m_x--20_sm {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.tr__m_x--24_sm {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	.tr__m_x--32_sm {
		margin-left: 32px !important;
		margin-right: 32px !important;
	}

	.tr__m_x--48_sm {
		margin-left: 48px !important;
		margin-right: 48px !important;
	}

	.tr__m_x--64_sm {
		margin-left: 64px !important;
		margin-right: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m_x--auto_md {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tr__m_x--0_md {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.tr__m_x--2_md {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	.tr__m_x--4_md {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}

	.tr__m_x--6_md {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	.tr__m_x--7_md {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}

	.tr__m_x--8_md {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	.tr__m_x--10_md {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.tr__m_x--12_md {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	.tr__m_x--16_md {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.tr__m_x--20_md {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.tr__m_x--24_md {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	.tr__m_x--32_md {
		margin-left: 32px !important;
		margin-right: 32px !important;
	}

	.tr__m_x--48_md {
		margin-left: 48px !important;
		margin-right: 48px !important;
	}

	.tr__m_x--64_md {
		margin-left: 64px !important;
		margin-right: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m_x--auto_lg {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tr__m_x--0_lg {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.tr__m_x--2_lg {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	.tr__m_x--4_lg {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}

	.tr__m_x--6_lg {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	.tr__m_x--7_lg {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}

	.tr__m_x--8_lg {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	.tr__m_x--10_lg {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.tr__m_x--12_lg {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	.tr__m_x--16_lg {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.tr__m_x--20_lg {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.tr__m_x--24_lg {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	.tr__m_x--32_lg {
		margin-left: 32px !important;
		margin-right: 32px !important;
	}

	.tr__m_x--48_lg {
		margin-left: 48px !important;
		margin-right: 48px !important;
	}

	.tr__m_x--64_lg {
		margin-left: 64px !important;
		margin-right: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m_x--auto_xl {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tr__m_x--0_xl {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.tr__m_x--2_xl {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	.tr__m_x--4_xl {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}

	.tr__m_x--6_xl {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	.tr__m_x--7_xl {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}

	.tr__m_x--8_xl {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	.tr__m_x--10_xl {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.tr__m_x--12_xl {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	.tr__m_x--16_xl {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.tr__m_x--20_xl {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.tr__m_x--24_xl {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	.tr__m_x--32_xl {
		margin-left: 32px !important;
		margin-right: 32px !important;
	}

	.tr__m_x--48_xl {
		margin-left: 48px !important;
		margin-right: 48px !important;
	}

	.tr__m_x--64_xl {
		margin-left: 64px !important;
		margin-right: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m_x--auto_xxl {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tr__m_x--0_xxl {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.tr__m_x--2_xxl {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	.tr__m_x--4_xxl {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}

	.tr__m_x--6_xxl {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	.tr__m_x--7_xxl {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}

	.tr__m_x--8_xxl {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	.tr__m_x--10_xxl {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.tr__m_x--12_xxl {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	.tr__m_x--16_xxl {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.tr__m_x--20_xxl {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.tr__m_x--24_xxl {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	.tr__m_x--32_xxl {
		margin-left: 32px !important;
		margin-right: 32px !important;
	}

	.tr__m_x--48_xxl {
		margin-left: 48px !important;
		margin-right: 48px !important;
	}

	.tr__m_x--64_xxl {
		margin-left: 64px !important;
		margin-right: 64px !important;
	}
}

/* left */
.tr__m_l--8_minus {
	margin-left: -8px !important;
}

.tr__m_l--28_minus {
	margin-left: -28px !important;
}

.tr__m_l--auto {
	margin-left: auto !important;
}

.tr__m_l--0 {
	margin-left: 0 !important;
}

.tr__m_l--2 {
	margin-left: 2px !important;
}

.tr__m_l--4 {
	margin-left: 4px !important;
}

.tr__m_l--6 {
	margin-left: 6px !important;
}

.tr__m_l--7 {
	margin-left: 7px !important;
}

.tr__m_l--8 {
	margin-left: 8px !important;
}

.tr__m_l--10 {
	margin-left: 10px !important;
}

.tr__m_l--12 {
	margin-left: 12px !important;
}

.tr__m_l--16 {
	margin-left: 16px !important;
}

.tr__m_l--20 {
	margin-left: 20px !important;
}

.tr__m_l--24 {
	margin-left: 24px !important;
}

.tr__m_l--32 {
	margin-left: 32px !important;
}

.tr__m_l--48 {
	margin-left: 48px !important;
}

.tr__m_l--64 {
	margin-left: 64px !important;
}

@media (min-width: 576px) {
	.tr__m_l--0_sm {
		margin-left: 0 !important;
	}

	.tr__m_l--2_sm {
		margin-left: 2px !important;
	}

	.tr__m_l--4_sm {
		margin-left: 4px !important;
	}

	.tr__m_l--6_sm {
		margin-left: 6px !important;
	}

	.tr__m_l--7_sm {
		margin-left: 7px !important;
	}

	.tr__m_l--8_sm {
		margin-left: 8px !important;
	}

	.tr__m_l--10_sm {
		margin-left: 10px !important;
	}

	.tr__m_l--12_sm {
		margin-left: 12px !important;
	}

	.tr__m_l--16_sm {
		margin-left: 16px !important;
	}

	.tr__m_l--20_sm {
		margin-left: 20px !important;
	}

	.tr__m_l--24_sm {
		margin-left: 24px !important;
	}

	.tr__m_l--32_sm {
		margin-left: 32px !important;
	}

	.tr__m_l--48_sm {
		margin-left: 48px !important;
	}

	.tr__m_l--64_sm {
		margin-left: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m_l--0_md {
		margin-left: 0 !important;
	}

	.tr__m_l--2_md {
		margin-left: 2px !important;
	}

	.tr__m_l--4_md {
		margin-left: 4px !important;
	}

	.tr__m_l--6_md {
		margin-left: 6px !important;
	}

	.tr__m_l--7_md {
		margin-left: 7px !important;
	}

	.tr__m_l--8_md {
		margin-left: 8px !important;
	}

	.tr__m_l--10_md {
		margin-left: 10px !important;
	}

	.tr__m_l--12_md {
		margin-left: 12px !important;
	}

	.tr__m_l--16_md {
		margin-left: 16px !important;
	}

	.tr__m_l--20_md {
		margin-left: 20px !important;
	}

	.tr__m_l--24_md {
		margin-left: 24px !important;
	}

	.tr__m_l--32_md {
		margin-left: 32px !important;
	}

	.tr__m_l--48_md {
		margin-left: 48px !important;
	}

	.tr__m_l--64_md {
		margin-left: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m_l--0_lg {
		margin-left: 0 !important;
	}

	.tr__m_l--2_lg {
		margin-left: 2px !important;
	}

	.tr__m_l--4_lg {
		margin-left: 4px !important;
	}

	.tr__m_l--6_lg {
		margin-left: 6px !important;
	}

	.tr__m_l--7_lg {
		margin-left: 7px !important;
	}

	.tr__m_l--8_lg {
		margin-left: 8px !important;
	}

	.tr__m_l--10_lg {
		margin-left: 10px !important;
	}

	.tr__m_l--12_lg {
		margin-left: 12px !important;
	}

	.tr__m_l--16_lg {
		margin-left: 16px !important;
	}

	.tr__m_l--20_lg {
		margin-left: 20px !important;
	}

	.tr__m_l--24_lg {
		margin-left: 24px !important;
	}

	.tr__m_l--32_lg {
		margin-left: 32px !important;
	}

	.tr__m_l--48_lg {
		margin-left: 48px !important;
	}

	.tr__m_l--64_lg {
		margin-left: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m_l--0_xl {
		margin-left: 0 !important;
	}

	.tr__m_l--2_xl {
		margin-left: 2px !important;
	}

	.tr__m_l--4_xl {
		margin-left: 4px !important;
	}

	.tr__m_l--6_xl {
		margin-left: 6px !important;
	}

	.tr__m_l--7_xl {
		margin-left: 7px !important;
	}

	.tr__m_l--8_xl {
		margin-left: 8px !important;
	}

	.tr__m_l--10_xl {
		margin-left: 10px !important;
	}

	.tr__m_l--12_xl {
		margin-left: 12px !important;
	}

	.tr__m_l--16_xl {
		margin-left: 16px !important;
	}

	.tr__m_l--20_xl {
		margin-left: 20px !important;
	}

	.tr__m_l--24_xl {
		margin-left: 24px !important;
	}

	.tr__m_l--32_xl {
		margin-left: 32px !important;
	}

	.tr__m_l--48_xl {
		margin-left: 48px !important;
	}

	.tr__m_l--64_xl {
		margin-left: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m_l--0_xxl {
		margin-left: 0 !important;
	}

	.tr__m_l--2_xxl {
		margin-left: 2px !important;
	}

	.tr__m_l--4_xxl {
		margin-left: 4px !important;
	}

	.tr__m_l--6_xxl {
		margin-left: 6px !important;
	}

	.tr__m_l--7_xxl {
		margin-left: 7px !important;
	}

	.tr__m_l--8_xxl {
		margin-left: 8px !important;
	}

	.tr__m_l--10_xxl {
		margin-left: 10px !important;
	}

	.tr__m_l--12_xxl {
		margin-left: 12px !important;
	}

	.tr__m_l--16_xxl {
		margin-left: 16px !important;
	}

	.tr__m_l--20_xxl {
		margin-left: 20px !important;
	}

	.tr__m_l--24_xxl {
		margin-left: 24px !important;
	}

	.tr__m_l--32_xxl {
		margin-left: 32px !important;
	}

	.tr__m_l--48_xxl {
		margin-left: 48px !important;
	}

	.tr__m_l--64_xxl {
		margin-left: 64px !important;
	}
}

/* right */
.tr__m_r--0 {
	margin-right: 0 !important;
}

.tr__m_r--2 {
	margin-right: 2px !important;
}

.tr__m_r--4 {
	margin-right: 4px !important;
}

.tr__m_r--6 {
	margin-right: 6px !important;
}

.tr__m_r--7 {
	margin-right: 7px !important;
}

.tr__m_r--8 {
	margin-right: 8px !important;
}

.tr__m_r--10 {
	margin-right: 10px !important;
}

.tr__m_r--12 {
	margin-right: 12px !important;
}

.tr__m_r--16 {
	margin-right: 16px !important;
}

.tr__m_r--20 {
	margin-right: 20px !important;
}

.tr__m_r--24 {
	margin-right: 24px !important;
}

.tr__m_r--32 {
	margin-right: 32px !important;
}

.tr__m_r--48 {
	margin-right: 48px !important;
}

.tr__m_r--64 {
	margin-right: 64px !important;
}

@media (min-width: 576px) {
	.tr__m_r--0_sm {
		margin-right: 0 !important;
	}

	.tr__m_r--2_sm {
		margin-right: 2px !important;
	}

	.tr__m_r--4_sm {
		margin-right: 4px !important;
	}

	.tr__m_r--6_sm {
		margin-right: 6px !important;
	}

	.tr__m_r--7_sm {
		margin-right: 7px !important;
	}

	.tr__m_r--8_sm {
		margin-right: 8px !important;
	}

	.tr__m_r--10_sm {
		margin-right: 10px !important;
	}

	.tr__m_r--12_sm {
		margin-right: 12px !important;
	}

	.tr__m_r--16_sm {
		margin-right: 16px !important;
	}

	.tr__m_r--20_sm {
		margin-right: 20px !important;
	}

	.tr__m_r--24_sm {
		margin-right: 24px !important;
	}

	.tr__m_r--32_sm {
		margin-right: 32px !important;
	}

	.tr__m_r--48_sm {
		margin-right: 48px !important;
	}

	.tr__m_r--64_sm {
		margin-right: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m_r--0_md {
		margin-right: 0 !important;
	}

	.tr__m_r--2_md {
		margin-right: 2px !important;
	}

	.tr__m_r--4_md {
		margin-right: 4px !important;
	}

	.tr__m_r--6_md {
		margin-right: 6px !important;
	}

	.tr__m_r--7_md {
		margin-right: 7px !important;
	}

	.tr__m_r--8_md {
		margin-right: 8px !important;
	}

	.tr__m_r--10_md {
		margin-right: 10px !important;
	}

	.tr__m_r--12_md {
		margin-right: 12px !important;
	}

	.tr__m_r--16_md {
		margin-right: 16px !important;
	}

	.tr__m_r--20_md {
		margin-right: 20px !important;
	}

	.tr__m_r--24_md {
		margin-right: 24px !important;
	}

	.tr__m_r--32_md {
		margin-right: 32px !important;
	}

	.tr__m_r--48_md {
		margin-right: 48px !important;
	}

	.tr__m_r--64_md {
		margin-right: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m_r--0_lg {
		margin-right: 0 !important;
	}

	.tr__m_r--2_lg {
		margin-right: 2px !important;
	}

	.tr__m_r--4_lg {
		margin-right: 4px !important;
	}

	.tr__m_r--6_lg {
		margin-right: 6px !important;
	}

	.tr__m_r--7_lg {
		margin-right: 7px !important;
	}

	.tr__m_r--8_lg {
		margin-right: 8px !important;
	}

	.tr__m_r--10_lg {
		margin-right: 10px !important;
	}

	.tr__m_r--12_lg {
		margin-right: 12px !important;
	}

	.tr__m_r--16_lg {
		margin-right: 16px !important;
	}

	.tr__m_r--20_lg {
		margin-right: 20px !important;
	}

	.tr__m_r--24_lg {
		margin-right: 24px !important;
	}

	.tr__m_r--32_lg {
		margin-right: 32px !important;
	}

	.tr__m_r--48_lg {
		margin-right: 48px !important;
	}

	.tr__m_r--64_lg {
		margin-right: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m_r--0_xl {
		margin-right: 0 !important;
	}

	.tr__m_r--2_xl {
		margin-right: 2px !important;
	}

	.tr__m_r--4_xl {
		margin-right: 4px !important;
	}

	.tr__m_r--6_xl {
		margin-right: 6px !important;
	}

	.tr__m_r--7_xl {
		margin-right: 7px !important;
	}

	.tr__m_r--8_xl {
		margin-right: 8px !important;
	}

	.tr__m_r--10_xl {
		margin-right: 10px !important;
	}

	.tr__m_r--12_xl {
		margin-right: 12px !important;
	}

	.tr__m_r--16_xl {
		margin-right: 16px !important;
	}

	.tr__m_r--20_xl {
		margin-right: 20px !important;
	}

	.tr__m_r--24_xl {
		margin-right: 24px !important;
	}

	.tr__m_r--32_xl {
		margin-right: 32px !important;
	}

	.tr__m_r--48_xl {
		margin-right: 48px !important;
	}

	.tr__m_r--64_xl {
		margin-right: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m_r--0_xxl {
		margin-right: 0 !important;
	}

	.tr__m_r--2_xxl {
		margin-right: 2px !important;
	}

	.tr__m_r--4_xxl {
		margin-right: 4px !important;
	}

	.tr__m_r--6_xxl {
		margin-right: 6px !important;
	}

	.tr__m_r--7_xxl {
		margin-right: 7px !important;
	}

	.tr__m_r--8_xxl {
		margin-right: 8px !important;
	}

	.tr__m_r--10_xxl {
		margin-right: 10px !important;
	}

	.tr__m_r--12_xxl {
		margin-right: 12px !important;
	}

	.tr__m_r--16_xxl {
		margin-right: 16px !important;
	}

	.tr__m_r--20_xxl {
		margin-right: 20px !important;
	}

	.tr__m_r--24_xxl {
		margin-right: 24px !important;
	}

	.tr__m_r--32_xxl {
		margin-right: 32px !important;
	}

	.tr__m_r--48_xxl {
		margin-right: 48px !important;
	}

	.tr__m_r--64_xxl {
		margin-right: 64px !important;
	}
}

/* vertical */
.tr__m_y--0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.tr__m_y--2 {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.tr__m_y--4 {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.tr__m_y--6 {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}

.tr__m_y--7 {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

.tr__m_y--8 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.tr__m_y--10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.tr__m_y--12 {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}

.tr__m_y--16 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.tr__m_y--20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.tr__m_y--24 {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.tr__m_y--32 {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.tr__m_y--48 {
	margin-top: 48px !important;
	margin-bottom: 48px !important;
}

.tr__m_y--64 {
	margin-top: 64px !important;
	margin-bottom: 64px !important;
}

@media (min-width: 576px) {
	.tr__m_y--0_sm {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.tr__m_y--2_sm {
		margin-top: 2px !important;
		margin-bottom: 2px !important;
	}

	.tr__m_y--4_sm {
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}

	.tr__m_y--6_sm {
		margin-top: 6px !important;
		margin-bottom: 6px !important;
	}

	.tr__m_y--7_sm {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}

	.tr__m_y--8_sm {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	.tr__m_y--10_sm {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.tr__m_y--12_sm {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}

	.tr__m_y--16_sm {
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}

	.tr__m_y--20_sm {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.tr__m_y--24_sm {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.tr__m_y--32_sm {
		margin-top: 32px !important;
		margin-bottom: 32px !important;
	}

	.tr__m_y--48_sm {
		margin-top: 48px !important;
		margin-bottom: 48px !important;
	}

	.tr__m_y--64_sm {
		margin-top: 64px !important;
		margin-bottom: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m_y--0_md {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.tr__m_y--2_md {
		margin-top: 2px !important;
		margin-bottom: 2px !important;
	}

	.tr__m_y--4_md {
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}

	.tr__m_y--6_md {
		margin-top: 6px !important;
		margin-bottom: 6px !important;
	}

	.tr__m_y--7_md {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}

	.tr__m_y--8_md {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	.tr__m_y--10_md {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.tr__m_y--12_md {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}

	.tr__m_y--16_md {
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}

	.tr__m_y--20_md {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.tr__m_y--24_md {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.tr__m_y--32_md {
		margin-top: 32px !important;
		margin-bottom: 32px !important;
	}

	.tr__m_y--48_md {
		margin-top: 48px !important;
		margin-bottom: 48px !important;
	}

	.tr__m_y--64_md {
		margin-top: 64px !important;
		margin-bottom: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m_y--0_lg {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.tr__m_y--2_lg {
		margin-top: 2px !important;
		margin-bottom: 2px !important;
	}

	.tr__m_y--4_lg {
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}

	.tr__m_y--6_lg {
		margin-top: 6px !important;
		margin-bottom: 6px !important;
	}

	.tr__m_y--7_lg {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}

	.tr__m_y--8_lg {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	.tr__m_y--10_lg {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.tr__m_y--12_lg {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}

	.tr__m_y--16_lg {
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}

	.tr__m_y--20_lg {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.tr__m_y--24_lg {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.tr__m_y--32_lg {
		margin-top: 32px !important;
		margin-bottom: 32px !important;
	}

	.tr__m_y--48_lg {
		margin-top: 48px !important;
		margin-bottom: 48px !important;
	}

	.tr__m_y--64_lg {
		margin-top: 64px !important;
		margin-bottom: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m_y--0_xl {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.tr__m_y--2_xl {
		margin-top: 2px !important;
		margin-bottom: 2px !important;
	}

	.tr__m_y--4_xl {
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}

	.tr__m_y--6_xl {
		margin-top: 6px !important;
		margin-bottom: 6px !important;
	}

	.tr__m_y--7_xl {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}

	.tr__m_y--8_xl {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	.tr__m_y--10_xl {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.tr__m_y--12_xl {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}

	.tr__m_y--16_xl {
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}

	.tr__m_y--20_xl {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.tr__m_y--24_xl {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.tr__m_y--32_xl {
		margin-top: 32px !important;
		margin-bottom: 32px !important;
	}

	.tr__m_y--48_xl {
		margin-top: 48px !important;
		margin-bottom: 48px !important;
	}

	.tr__m_y--64_xl {
		margin-top: 64px !important;
		margin-bottom: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m_y--0_xxl {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.tr__m_y--2_xxl {
		margin-top: 2px !important;
		margin-bottom: 2px !important;
	}

	.tr__m_y--4_xxl {
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}

	.tr__m_y--6_xxl {
		margin-top: 6px !important;
		margin-bottom: 6px !important;
	}

	.tr__m_y--7_xxl {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}

	.tr__m_y--8_xxl {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	.tr__m_y--10_xxl {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.tr__m_y--12_xxl {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}

	.tr__m_y--16_xxl {
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}

	.tr__m_y--20_xxl {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.tr__m_y--24_xxl {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.tr__m_y--32_xxl {
		margin-top: 32px !important;
		margin-bottom: 32px !important;
	}

	.tr__m_y--48_xxl {
		margin-top: 48px !important;
		margin-bottom: 48px !important;
	}

	.tr__m_y--64_xxl {
		margin-top: 64px !important;
		margin-bottom: 64px !important;
	}
}

/* top */
.tr__m_t--0 {
	margin-top: 0 !important;
}

.tr__m_t--2 {
	margin-top: 2px !important;
}

.tr__m_t--3 {
	margin-top: 3px !important;
}

.tr__m_t--4 {
	margin-top: 4px !important;
}

.tr__m_t--6 {
	margin-top: 6px !important;
}

.tr__m_t--7 {
	margin-top: 7px !important;
}

.tr__m_t--8 {
	margin-top: 8px !important;
}

.tr__m_t--10 {
	margin-top: 10px !important;
}

.tr__m_t--12 {
	margin-top: 12px !important;
}

.tr__m_t--16 {
	margin-top: 16px !important;
}

.tr__m_t--20 {
	margin-top: 20px !important;
}

.tr__m_t--24 {
	margin-top: 24px !important;
}

.tr__m_t--32 {
	margin-top: 32px !important;
}

.tr__m_t--48 {
	margin-top: 48px !important;
}

.tr__m_t--64 {
	margin-top: 64px !important;
}

@media (min-width: 576px) {
	.tr__m_t--0_sm {
		margin-top: 0 !important;
	}

	.tr__m_t--2_sm {
		margin-top: 2px !important;
	}

	.tr__m_t--4_sm {
		margin-top: 4px !important;
	}

	.tr__m_t--6_sm {
		margin-top: 6px !important;
	}

	.tr__m_t--7_sm {
		margin-top: 7px !important;
	}

	.tr__m_t--8_sm {
		margin-top: 8px !important;
	}

	.tr__m_t--10_sm {
		margin-top: 10px !important;
	}

	.tr__m_t--12_sm {
		margin-top: 12px !important;
	}

	.tr__m_t--16_sm {
		margin-top: 16px !important;
	}

	.tr__m_t--20_sm {
		margin-top: 20px !important;
	}

	.tr__m_t--24_sm {
		margin-top: 24px !important;
	}

	.tr__m_t--32_sm {
		margin-top: 32px !important;
	}

	.tr__m_t--48_sm {
		margin-top: 48px !important;
	}

	.tr__m_t--64_sm {
		margin-top: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m_t--0_md {
		margin-top: 0 !important;
	}

	.tr__m_t--2_md {
		margin-top: 2px !important;
	}

	.tr__m_t--4_md {
		margin-top: 4px !important;
	}

	.tr__m_t--6_md {
		margin-top: 6px !important;
	}

	.tr__m_t--7_md {
		margin-top: 7px !important;
	}

	.tr__m_t--8_md {
		margin-top: 8px !important;
	}

	.tr__m_t--10_md {
		margin-top: 10px !important;
	}

	.tr__m_t--12_md {
		margin-top: 12px !important;
	}

	.tr__m_t--16_md {
		margin-top: 16px !important;
	}

	.tr__m_t--20_md {
		margin-top: 20px !important;
	}

	.tr__m_t--24_md {
		margin-top: 24px !important;
	}

	.tr__m_t--32_md {
		margin-top: 32px !important;
	}

	.tr__m_t--48_md {
		margin-top: 48px !important;
	}

	.tr__m_t--64_md {
		margin-top: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m_t--0_lg {
		margin-top: 0 !important;
	}

	.tr__m_t--2_lg {
		margin-top: 2px !important;
	}

	.tr__m_t--4_lg {
		margin-top: 4px !important;
	}

	.tr__m_t--6_lg {
		margin-top: 6px !important;
	}

	.tr__m_t--7_lg {
		margin-top: 7px !important;
	}

	.tr__m_t--8_lg {
		margin-top: 8px !important;
	}

	.tr__m_t--10_lg {
		margin-top: 10px !important;
	}

	.tr__m_t--12_lg {
		margin-top: 12px !important;
	}

	.tr__m_t--16_lg {
		margin-top: 16px !important;
	}

	.tr__m_t--20_lg {
		margin-top: 20px !important;
	}

	.tr__m_t--24_lg {
		margin-top: 24px !important;
	}

	.tr__m_t--32_lg {
		margin-top: 32px !important;
	}

	.tr__m_t--48_lg {
		margin-top: 48px !important;
	}

	.tr__m_t--64_lg {
		margin-top: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m_t--0_xl {
		margin-top: 0 !important;
	}

	.tr__m_t--2_xl {
		margin-top: 2px !important;
	}

	.tr__m_t--4_xl {
		margin-top: 4px !important;
	}

	.tr__m_t--6_xl {
		margin-top: 6px !important;
	}

	.tr__m_t--7_xl {
		margin-top: 7px !important;
	}

	.tr__m_t--8_xl {
		margin-top: 8px !important;
	}

	.tr__m_t--10_xl {
		margin-top: 10px !important;
	}

	.tr__m_t--12_xl {
		margin-top: 12px !important;
	}

	.tr__m_t--16_xl {
		margin-top: 16px !important;
	}

	.tr__m_t--20_xl {
		margin-top: 20px !important;
	}

	.tr__m_t--24_xl {
		margin-top: 24px !important;
	}

	.tr__m_t--32_xl {
		margin-top: 32px !important;
	}

	.tr__m_t--48_xl {
		margin-top: 48px !important;
	}

	.tr__m_t--64_xl {
		margin-top: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m_t--0_xxl {
		margin-top: 0 !important;
	}

	.tr__m_t--2_xxl {
		margin-top: 2px !important;
	}

	.tr__m_t--4_xxl {
		margin-top: 4px !important;
	}

	.tr__m_t--6_xxl {
		margin-top: 6px !important;
	}

	.tr__m_t--7_xxl {
		margin-top: 7px !important;
	}

	.tr__m_t--8_xxl {
		margin-top: 8px !important;
	}

	.tr__m_t--10_xxl {
		margin-top: 10px !important;
	}

	.tr__m_t--12_xxl {
		margin-top: 12px !important;
	}

	.tr__m_t--16_xxl {
		margin-top: 16px !important;
	}

	.tr__m_t--20_xxl {
		margin-top: 20px !important;
	}

	.tr__m_t--24_xxl {
		margin-top: 24px !important;
	}

	.tr__m_t--32_xxl {
		margin-top: 32px !important;
	}

	.tr__m_t--48_xxl {
		margin-top: 48px !important;
	}

	.tr__m_t--64_xxl {
		margin-top: 64px !important;
	}
}

/* bottom */
.tr__m_b--0 {
	margin-bottom: 0 !important;
}

.tr__m_b--2 {
	margin-bottom: 2px !important;
}

.tr__m_b--4 {
	margin-bottom: 4px !important;
}

.tr__m_b--6 {
	margin-bottom: 6px !important;
}

.tr__m_b--7 {
	margin-bottom: 7px !important;
}

.tr__m_b--8 {
	margin-bottom: 8px !important;
}

.tr__m_b--10 {
	margin-bottom: 10px !important;
}

.tr__m_b--12 {
	margin-bottom: 12px !important;
}

.tr__m_b--16 {
	margin-bottom: 16px !important;
}

.tr__m_b--20 {
	margin-bottom: 20px !important;
}

.tr__m_b--24 {
	margin-bottom: 24px !important;
}

.tr__m_b--32 {
	margin-bottom: 32px !important;
}

.tr__m_b--48 {
	margin-bottom: 48px !important;
}

.tr__m_b--64 {
	margin-bottom: 64px !important;
}

@media (min-width: 576px) {
	.tr__m_b--0_sm {
		margin-bottom: 0 !important;
	}

	.tr__m_b--2_sm {
		margin-bottom: 2px !important;
	}

	.tr__m_b--4_sm {
		margin-bottom: 4px !important;
	}

	.tr__m_b--6_sm {
		margin-bottom: 6px !important;
	}

	.tr__m_b--7_sm {
		margin-bottom: 7px !important;
	}

	.tr__m_b--8_sm {
		margin-bottom: 8px !important;
	}

	.tr__m_b--10_sm {
		margin-bottom: 10px !important;
	}

	.tr__m_b--12_sm {
		margin-bottom: 12px !important;
	}

	.tr__m_b--16_sm {
		margin-bottom: 16px !important;
	}

	.tr__m_b--20_sm {
		margin-bottom: 20px !important;
	}

	.tr__m_b--24_sm {
		margin-bottom: 24px !important;
	}

	.tr__m_b--32_sm {
		margin-bottom: 32px !important;
	}

	.tr__m_b--48_sm {
		margin-bottom: 48px !important;
	}

	.tr__m_b--64_sm {
		margin-bottom: 64px !important;
	}
}

@media (min-width: 768px) {
	.tr__m_b--0_md {
		margin-bottom: 0 !important;
	}

	.tr__m_b--2_md {
		margin-bottom: 2px !important;
	}

	.tr__m_b--4_md {
		margin-bottom: 4px !important;
	}

	.tr__m_b--6_md {
		margin-bottom: 6px !important;
	}

	.tr__m_b--7_md {
		margin-bottom: 7px !important;
	}

	.tr__m_b--8_md {
		margin-bottom: 8px !important;
	}

	.tr__m_b--10_md {
		margin-bottom: 10px !important;
	}

	.tr__m_b--12_md {
		margin-bottom: 12px !important;
	}

	.tr__m_b--16_md {
		margin-bottom: 16px !important;
	}

	.tr__m_b--20_md {
		margin-bottom: 20px !important;
	}

	.tr__m_b--24_md {
		margin-bottom: 24px !important;
	}

	.tr__m_b--32_md {
		margin-bottom: 32px !important;
	}

	.tr__m_b--48_md {
		margin-bottom: 48px !important;
	}

	.tr__m_b--64_md {
		margin-bottom: 64px !important;
	}
}

@media (min-width: 992px) {
	.tr__m_b--0_lg {
		margin-bottom: 0 !important;
	}

	.tr__m_b--2_lg {
		margin-bottom: 2px !important;
	}

	.tr__m_b--4_lg {
		margin-bottom: 4px !important;
	}

	.tr__m_b--6_lg {
		margin-bottom: 6px !important;
	}

	.tr__m_b--7_lg {
		margin-bottom: 7px !important;
	}

	.tr__m_b--8_lg {
		margin-bottom: 8px !important;
	}

	.tr__m_b--10_lg {
		margin-bottom: 10px !important;
	}

	.tr__m_b--12_lg {
		margin-bottom: 12px !important;
	}

	.tr__m_b--16_lg {
		margin-bottom: 16px !important;
	}

	.tr__m_b--20_lg {
		margin-bottom: 20px !important;
	}

	.tr__m_b--24_lg {
		margin-bottom: 24px !important;
	}

	.tr__m_b--32_lg {
		margin-bottom: 32px !important;
	}

	.tr__m_b--48_lg {
		margin-bottom: 48px !important;
	}

	.tr__m_b--64_lg {
		margin-bottom: 64px !important;
	}
}

@media (min-width: 1200px) {
	.tr__m_b--0_xl {
		margin-bottom: 0 !important;
	}

	.tr__m_b--2_xl {
		margin-bottom: 2px !important;
	}

	.tr__m_b--4_xl {
		margin-bottom: 4px !important;
	}

	.tr__m_b--6_xl {
		margin-bottom: 6px !important;
	}

	.tr__m_b--7_xl {
		margin-bottom: 7px !important;
	}

	.tr__m_b--8_xl {
		margin-bottom: 8px !important;
	}

	.tr__m_b--10_xl {
		margin-bottom: 10px !important;
	}

	.tr__m_b--12_xl {
		margin-bottom: 12px !important;
	}

	.tr__m_b--16_xl {
		margin-bottom: 16px !important;
	}

	.tr__m_b--20_xl {
		margin-bottom: 20px !important;
	}

	.tr__m_b--24_xl {
		margin-bottom: 24px !important;
	}

	.tr__m_b--32_xl {
		margin-bottom: 32px !important;
	}

	.tr__m_b--48_xl {
		margin-bottom: 48px !important;
	}

	.tr__m_b--64_xl {
		margin-bottom: 64px !important;
	}
}

@media (min-width: 1400px) {
	.tr__m_b--0_xxl {
		margin-bottom: 0 !important;
	}

	.tr__m_b--2_xxl {
		margin-bottom: 2px !important;
	}

	.tr__m_b--4_xxl {
		margin-bottom: 4px !important;
	}

	.tr__m_b--6_xxl {
		margin-bottom: 6px !important;
	}

	.tr__m_b--7_xxl {
		margin-bottom: 7px !important;
	}

	.tr__m_b--8_xxl {
		margin-bottom: 8px !important;
	}

	.tr__m_b--10_xxl {
		margin-bottom: 10px !important;
	}

	.tr__m_b--12_xxl {
		margin-bottom: 12px !important;
	}

	.tr__m_b--16_xxl {
		margin-bottom: 16px !important;
	}

	.tr__m_b--20_xxl {
		margin-bottom: 20px !important;
	}

	.tr__m_b--24_xxl {
		margin-bottom: 24px !important;
	}

	.tr__m_b--32_xxl {
		margin-bottom: 32px !important;
	}

	.tr__m_b--48_xxl {
		margin-bottom: 48px !important;
	}

	.tr__m_b--64_xxl {
		margin-bottom: 64px !important;
	}
}
/* END - Margin Utility Classes */

/* START - Float Utility Classes */
.tr__float--none {
	float: none !important;
}

.tr__float--left {
	float: left !important;
}

.tr__float--center {
	float: none !important;
}

.tr__float--right {
	float: right !important;
}
/* END - Float Utility Classes */

/* START - Entity/Report/Action Colouration */
/* generic styles */
/* border-left */
.tr__theme--border_left {
	border-left-style: solid !important;
	border-left-width: 8px !important;
}

.tr__theme--border_left_entity {
	border-left-color: var(--tr-color-entity) !important;
}

.tr__theme--border_left_report {
	border-left-color: var(--tr-color-report) !important;
}

.tr__theme--border_left_action {
	border-left-color: var(--tr-color-action) !important;
}

/* border-bottom */
.tr__theme--border_bottom,
.tr__theme--border_bottom_hover:hover,
.tr__theme--border_bottom_hover:focus,
.tr__theme--border_bottom_hover:has(*:hover),
.tr__theme--border_bottom_hover:has(*:focus) {
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: var(--tr-color-black);
}

.tr__theme--border_bottom_entity {
	border-bottom-color: var(--tr-color-entity) !important;
}

.tr__theme--border_bottom_report {
	border-bottom-color: var(--tr-color-report) !important;
}

.tr__theme--border_bottom_action {
	border-bottom-color: var(--tr-color-action) !important;
}

/* icons */
.tr__theme--hover_icon:hover i.tr__icon:not(.tr__icon--ignore-parent-hover-color),
.tr__theme--hover_icon:focus-within i.tr__icon:not(.tr__icon--ignore-parent-hover-color) {
	filter: brightness(0) saturate(100%);
}

.tr__theme--hover_icon:hover ul i.tr__icon:not(.tr__icon--ignore-parent-hover-color),
.tr__theme--hover_icon:focus-within ul i.tr__icon:not(.tr__icon--ignore-parent-hover-color) {
	filter: none;
}

.tr__theme--hover_icon_entity:hover i.tr__icon:not(.tr__icon--ignore-parent-hover-color),
.tr__theme--hover_icon_entity:focus-within i.tr__icon:not(.tr__icon--ignore-parent-hover-color) {
	filter: var(--tr-filter-entity);
}

.tr__theme--hover_icon_report:hover i.tr__icon:not(.tr__icon--ignore-parent-hover-color),
.tr__theme--hover_icon_report:focus-within i.tr__icon:not(.tr__icon--ignore-parent-hover-color) {
	filter: var(--tr-filter-report);
}

.tr__theme--hover_icon_action:hover i.tr__icon:not(.tr__icon--ignore-parent-hover-color),
.tr__theme--hover_icon_action:focus-within i.tr__icon:not(.tr__icon--ignore-parent-hover-color) {
	filter: var(--tr-filter-action);
}

/* bespoke styles */
/* Content Header */
.tr__content-header .tr__theme--border_left {
	padding-left: 8px;
}

/* Checkboxes */
li > label.tr__theme--border_left {
	margin-left: -8px;
}

/* Site Header Navbar */
.navbar__tr.navbar__tr--site-header .nav-item.tr__theme--border_bottom_hover:has(.nav-link.show) {
	border-bottom: none;
}

.navbar__tr.navbar__tr--site-header .nav-item.tr__theme--border_bottom_hover > .nav-link:not(.show):hover,
.navbar__tr.navbar__tr--site-header .nav-item.tr__theme--border_bottom_hover > .nav-link:not(.show):focus {
	margin-bottom: -4px;
}

/* Lists */
.card__tr > .card-body > .tr__list > li.tr__theme--border_left > a,
.card__tr > .card-body > .tr__list > li.tr__theme--border_left > button {
	padding-left: 8px !important;
}

.tr__list.tr__list--expandable *.tr__theme--border_left {
	padding-left: 14px !important;
}

.card__tr > .card-body.tr__theme--border_left > .tr__list > li > a,
.card__tr > .card-body.tr__theme--border_left > .tr__list > li > button {
	padding-left: 8px !important;
}

/* Menus */
.dropdown-menu__tr.dropdown-menu__tr--arrow .tr__theme--border_left,
.tr__mini-menu .tr__theme--border_left {
	border-left-width: 8px !important;
	padding-left: 0;
}

	.dropdown-menu__tr.dropdown-menu__tr--arrow .tr__theme--border_left > a,
	.dropdown-menu__tr.dropdown-menu__tr--arrow .tr__theme--border_left > button,
	.tr__mini-menu .tr__theme--border_left > a,
	.tr__mini-menu .tr__theme--border_left > button {
		padding-left: 8px;
	}
/* END - Entity/Report/Action Colouration */

/* START - Scrollbar */
/* Firefox */
@-moz-document url-prefix() {
	.tr__scrollbar {
		scrollbar-width: thin;
		scrollbar-color: var(--tr-color-grey-500) var(--tr-color-white);
	}
}

/* Chrome, Edge, and Safari */
.tr__scrollbar::-webkit-scrollbar {
	width: 12px;
}

.tr__scrollbar::-webkit-scrollbar-track {
	background: var(--tr-color-white);
}

.tr__scrollbar::-webkit-scrollbar-thumb {
	background-color: var(--tr-color-grey-500);
	border-radius: 6px;
	border: 3px solid var(--tr-color-white);
}
/* END - Scrollbar */

/* START - Flexbox Utility Classes */
/* ----- Flex Container ----- */
.tr__flex {
	display: flex !important;
}

.tr__flex--inline {
	display: inline-flex !important;
}

/* Direction */
.tr__flex_direction--lr {
	flex-direction: row;
}

.tr__flex_direction--rl {
	flex-direction: row-reverse;
}

.tr__flex_direction--ud {
	flex-direction: column;
}

.tr__flex_direction--du {
	flex-direction: column-reverse;
}

@media (min-width: 576px) {
	.tr__flex_direction--lr_sm {
		flex-direction: row;
	}

	.tr__flex_direction--rl_sm {
		flex-direction: row-reverse;
	}

	.tr__flex_direction--ud_sm {
		flex-direction: column;
	}

	.tr__flex_direction--du_sm {
		flex-direction: column-reverse;
	}
}

@media (min-width: 768px) {
	.tr__flex_direction--lr_md {
		flex-direction: row;
	}

	.tr__flex_direction--rl_md {
		flex-direction: row-reverse;
	}

	.tr__flex_direction--ud_md {
		flex-direction: column;
	}

	.tr__flex_direction--du_md {
		flex-direction: column-reverse;
	}
}

@media (min-width: 992px) {
	.tr__flex_direction--lr_lg {
		flex-direction: row;
	}

	.tr__flex_direction--rl_lg {
		flex-direction: row-reverse;
	}

	.tr__flex_direction--ud_lg {
		flex-direction: column;
	}

	.tr__flex_direction--du_lg {
		flex-direction: column-reverse;
	}
}

@media (min-width: 1200px) {
	.tr__flex_direction--lr_xl {
		flex-direction: row;
	}

	.tr__flex_direction--rl_xl {
		flex-direction: row-reverse;
	}

	.tr__flex_direction--ud_xl {
		flex-direction: column;
	}

	.tr__flex_direction--du_xl {
		flex-direction: column-reverse;
	}
}

@media (min-width: 1400px) {
	.tr__flex_direction--lr_xxl {
		flex-direction: row;
	}

	.tr__flex_direction--rl_xxl {
		flex-direction: row-reverse;
	}

	.tr__flex_direction--ud_xxl {
		flex-direction: column;
	}

	.tr__flex_direction--du_xxl {
		flex-direction: column-reverse;
	}
}

/* Wrapping */
.tr__flex_wrap--wrap {
	flex-wrap: wrap;
}

.tr__flex_wrap--nowrap {
	flex-wrap: nowrap;
}

/* Primary Axis */
.tr__flex_primary--start {
	justify-content: flex-start;
}

.tr__flex_primary--end {
	justify-content: flex-end;
}

.tr__flex_primary--center {
	justify-content: center;
}

.tr__flex_primary--space-between {
	justify-content: space-between;
}

.tr__flex_primary--space-around {
	justify-content: space-around;
}

.tr__flex_primary--space-evenly {
	justify-content: space-evenly;
}

@media (min-width: 576px) {
	.tr__flex_primary--start_sm {
		justify-content: flex-start;
	}

	.tr__flex_primary--end_sm {
		justify-content: flex-end;
	}

	.tr__flex_primary--center_sm {
		justify-content: center;
	}

	.tr__flex_primary--space-between_sm {
		justify-content: space-between;
	}

	.tr__flex_primary--space-around_sm {
		justify-content: space-around;
	}

	.tr__flex_primary--space-evenly_sm {
		justify-content: space-evenly;
	}
}

@media (min-width: 768px) {
	.tr__flex_primary--start_md {
		justify-content: flex-start;
	}

	.tr__flex_primary--end_md {
		justify-content: flex-end;
	}

	.tr__flex_primary--center_md {
		justify-content: center;
	}

	.tr__flex_primary--space-between_md {
		justify-content: space-between;
	}

	.tr__flex_primary--space-around_md {
		justify-content: space-around;
	}

	.tr__flex_primary--space-evenly_md {
		justify-content: space-evenly;
	}
}

@media (min-width: 992px) {
	.tr__flex_primary--start_lg {
		justify-content: flex-start;
	}

	.tr__flex_primary--end_lg {
		justify-content: flex-end;
	}

	.tr__flex_primary--center_lg {
		justify-content: center;
	}

	.tr__flex_primary--space-between_lg {
		justify-content: space-between;
	}

	.tr__flex_primary--space-around_lg {
		justify-content: space-around;
	}

	.tr__flex_primary--space-evenly_lg {
		justify-content: space-evenly;
	}
}

@media (min-width: 1200px) {
	.tr__flex_primary--start_xl {
		justify-content: flex-start;
	}

	.tr__flex_primary--end_xl {
		justify-content: flex-end;
	}

	.tr__flex_primary--center_xl {
		justify-content: center;
	}

	.tr__flex_primary--space-between_xl {
		justify-content: space-between;
	}

	.tr__flex_primary--space-around_xl {
		justify-content: space-around;
	}

	.tr__flex_primary--space-evenly_xl {
		justify-content: space-evenly;
	}
}

@media (min-width: 1400px) {
	.tr__flex_primary--start_xxl {
		justify-content: flex-start;
	}

	.tr__flex_primary--end_xxl {
		justify-content: flex-end;
	}

	.tr__flex_primary--center_xxl {
		justify-content: center;
	}

	.tr__flex_primary--space-between_xxl {
		justify-content: space-between;
	}

	.tr__flex_primary--space-around_xxl {
		justify-content: space-around;
	}

	.tr__flex_primary--space-evenly_xxl {
		justify-content: space-evenly;
	}
}

/* Secondary Axis */
.tr__flex_secondary--start {
	align-items: flex-start;
}

.tr__flex_secondary--end {
	align-items: flex-end;
}

.tr__flex_secondary--center {
	align-items: center;
}

.tr__flex_secondary--stretch {
	align-items: stretch;
}

.tr__flex_secondary--baseline {
	align-items: baseline;
}

@media (min-width: 576px) {
	.tr__flex_secondary--start_sm {
		align-items: flex-start;
	}

	.tr__flex_secondary--end_sm {
		align-items: flex-end;
	}

	.tr__flex_secondary--center_sm {
		align-items: center;
	}

	.tr__flex_secondary--stretch_sm {
		align-items: stretch;
	}

	.tr__flex_secondary--baseline_sm {
		align-items: baseline;
	}
}

@media (min-width: 768px) {
	.tr__flex_secondary--start_md {
		align-items: flex-start;
	}

	.tr__flex_secondary--end_md {
		align-items: flex-end;
	}

	.tr__flex_secondary--center_md {
		align-items: center;
	}

	.tr__flex_secondary--stretch_md {
		align-items: stretch;
	}

	.tr__flex_secondary--baseline_md {
		align-items: baseline;
	}
}

@media (min-width: 992px) {
	.tr__flex_secondary--start_lg {
		align-items: flex-start;
	}

	.tr__flex_secondary--end_lg {
		align-items: flex-end;
	}

	.tr__flex_secondary--center_lg {
		align-items: center;
	}

	.tr__flex_secondary--stretch_lg {
		align-items: stretch;
	}

	.tr__flex_secondary--baseline_lg {
		align-items: baseline;
	}
}

@media (min-width: 1200px) {
	.tr__flex_secondary--start_xl {
		align-items: flex-start;
	}

	.tr__flex_secondary--end_xl {
		align-items: flex-end;
	}

	.tr__flex_secondary--center_xl {
		align-items: center;
	}

	.tr__flex_secondary--stretch_xl {
		align-items: stretch;
	}

	.tr__flex_secondary--baseline_xl {
		align-items: baseline;
	}
}

@media (min-width: 1400px) {
	.tr__flex_secondary--start_xxl {
		align-items: flex-start;
	}

	.tr__flex_secondary--end_xxl {
		align-items: flex-end;
	}

	.tr__flex_secondary--center_xxl {
		align-items: center;
	}

	.tr__flex_secondary--stretch_xxl {
		align-items: stretch;
	}

	.tr__flex_secondary--baseline_xxl {
		align-items: baseline;
	}
}

/* Gap */
.tr__flex_gap--0 {
	gap: 0;
}

.tr__flex_gap--4 {
	gap: 4px;
}

.tr__flex_gap--8 {
	gap: 8px;
}

.tr__flex_gap--12 {
	gap: 12px;
}

.tr__flex_gap--16 {
	gap: 16px;
}

.tr__flex_gap--32 {
	gap: 32px;
}

@media (min-width: 576px) {
	.tr__flex_gap--0_sm {
		gap: 0;
	}

	.tr__flex_gap--4_sm {
		gap: 4px;
	}

	.tr__flex_gap--8_sm {
		gap: 8px;
	}

	.tr__flex_gap--12_sm {
		gap: 12px;
	}

	.tr__flex_gap--16_sm {
		gap: 16px;
	}

	.tr__flex_gap--32_sm {
		gap: 32px;
	}
}

@media (min-width: 768px) {
	.tr__flex_gap--0_md {
		gap: 0;
	}

	.tr__flex_gap--4_md {
		gap: 4px;
	}

	.tr__flex_gap--8_md {
		gap: 8px;
	}

	.tr__flex_gap--12_md {
		gap: 12px;
	}

	.tr__flex_gap--16_md {
		gap: 16px;
	}

	.tr__flex_gap--32_md {
		gap: 32px;
	}
}

@media (min-width: 992px) {
	.tr__flex_gap--0_lg {
		gap: 0;
	}

	.tr__flex_gap--4_lg {
		gap: 4px;
	}

	.tr__flex_gap--8_lg {
		gap: 8px;
	}

	.tr__flex_gap--12_lg {
		gap: 12px;
	}

	.tr__flex_gap--16_lg {
		gap: 16px;
	}

	.tr__flex_gap--32_lg {
		gap: 32px;
	}
}

@media (min-width: 1200px) {
	.tr__flex_gap--0_xl {
		gap: 0;
	}

	.tr__flex_gap--4_xl {
		gap: 4px;
	}

	.tr__flex_gap--8_xl {
		gap: 8px;
	}

	.tr__flex_gap--12_xl {
		gap: 12px;
	}

	.tr__flex_gap--16_xl {
		gap: 16px;
	}

	.tr__flex_gap--32_xl {
		gap: 32px;
	}
}

@media (min-width: 1400px) {
	.tr__flex_gap--0_xxl {
		gap: 0;
	}

	.tr__flex_gap--4_xxl {
		gap: 4px;
	}

	.tr__flex_gap--8_xxl {
		gap: 8px;
	}

	.tr__flex_gap--12_xxl {
		gap: 12px;
	}

	.tr__flex_gap--16_xxl {
		gap: 16px;
	}

	.tr__flex_gap--32_xxl {
		gap: 32px;
	}
}

/* ----- Flex Items ----- */
/* Width */
.tr__flex-item_w--full {
	flex-basis: 100%;
}

/* Grow */
.tr__flex-item_grow--1 {
	flex-grow: 1;
}

/* Shrink */
.tr__flex-item_shrink--0 {
	flex-shrink: 0;
}
/* END - Flexbox Utility Classes */

/* START - Grid Utility Classes */
.tr__grid {
	display: grid;
}

	.tr__grid > * {
		margin: 0 !important;
	}

/* Columns */
.tr__grid_cols--1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tr__grid_cols--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tr__grid_cols--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tr__grid_cols--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tr__grid_cols--5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tr__grid_cols--6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (min-width: 576px) {
	.tr__grid_cols--1_sm {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.tr__grid_cols--2_sm {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tr__grid_cols--3_sm {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.tr__grid_cols--4_sm {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tr__grid_cols--5_sm {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.tr__grid_cols--6_sm {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.tr__grid_cols--1_md {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.tr__grid_cols--2_md {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tr__grid_cols--3_md {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.tr__grid_cols--4_md {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tr__grid_cols--5_md {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.tr__grid_cols--6_md {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.tr__grid_cols--1_lg {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.tr__grid_cols--2_lg {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tr__grid_cols--3_lg {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.tr__grid_cols--4_lg {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tr__grid_cols--5_lg {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.tr__grid_cols--6_lg {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.tr__grid_cols--1_xl {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.tr__grid_cols--2_xl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tr__grid_cols--3_xl {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.tr__grid_cols--4_xl {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tr__grid_cols--5_xl {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.tr__grid_cols--6_xl {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (min-width: 1400px) {
	.tr__grid_cols--1_xxl {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.tr__grid_cols--2_xxl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tr__grid_cols--3_xxl {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.tr__grid_cols--4_xxl {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tr__grid_cols--5_xxl {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.tr__grid_cols--6_xxl {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* Row Gap */
.tr__grid_row-gap--4 {
	grid-row-gap: 4px;
}

.tr__grid_row-gap--8 {
	grid-row-gap: 8px;
}

.tr__grid_row-gap--16 {
	grid-row-gap: 16px;
}

.tr__grid_row-gap--24 {
	grid-row-gap: 24px;
}

.tr__grid_row-gap--32 {
	grid-row-gap: 32px;
}

@media (min-width: 576px) {
	.tr__grid_row-gap--4_sm {
		grid-row-gap: 4px;
	}

	.tr__grid_row-gap--8_sm {
		grid-row-gap: 8px;
	}

	.tr__grid_row-gap--16_sm {
		grid-row-gap: 16px;
	}

	.tr__grid_row-gap--24_sm {
		grid-row-gap: 24px;
	}

	.tr__grid_row-gap--32_sm {
		grid-row-gap: 32px;
	}
}

@media (min-width: 768px) {
	.tr__grid_row-gap--4_md {
		grid-row-gap: 4px;
	}

	.tr__grid_row-gap--8_md {
		grid-row-gap: 8px;
	}

	.tr__grid_row-gap--16_md {
		grid-row-gap: 16px;
	}

	.tr__grid_row-gap--24_md {
		grid-row-gap: 24px;
	}

	.tr__grid_row-gap--32_md {
		grid-row-gap: 32px;
	}
}

@media (min-width: 992px) {
	.tr__grid_row-gap--4_lg {
		grid-row-gap: 4px;
	}

	.tr__grid_row-gap--8_lg {
		grid-row-gap: 8px;
	}

	.tr__grid_row-gap--16_lg {
		grid-row-gap: 16px;
	}

	.tr__grid_row-gap--24_lg {
		grid-row-gap: 24px;
	}

	.tr__grid_row-gap--32_lg {
		grid-row-gap: 32px;
	}
}

@media (min-width: 1200px) {
	.tr__grid_row-gap--4_xl {
		grid-row-gap: 4px;
	}

	.tr__grid_row-gap--8_xl {
		grid-row-gap: 8px;
	}

	.tr__grid_row-gap--16_xl {
		grid-row-gap: 16px;
	}

	.tr__grid_row-gap--24_xl {
		grid-row-gap: 24px;
	}

	.tr__grid_row-gap--32_xl {
		grid-row-gap: 32px;
	}
}

@media (min-width: 1400px) {
	.tr__grid_row-gap--4_xxl {
		grid-row-gap: 4px;
	}

	.tr__grid_row-gap--8_xxl {
		grid-row-gap: 8px;
	}

	.tr__grid_row-gap--16_xxl {
		grid-row-gap: 16px;
	}

	.tr__grid_row-gap--24_xxl {
		grid-row-gap: 24px;
	}

	.tr__grid_row-gap--32_xxl {
		grid-row-gap: 32px;
	}
}

/* Col Gap*/
.tr__grid_col-gap--4 {
	grid-column-gap: 4px;
}

.tr__grid_col-gap--8 {
	grid-column-gap: 8px;
}

.tr__grid_col-gap--16 {
	grid-column-gap: 16px;
}

.tr__grid_col-gap--24 {
	grid-column-gap: 24px;
}

.tr__grid_col-gap--32 {
	grid-column-gap: 32px;
}

@media (min-width: 576px) {
	.tr__grid_col-gap--4_sm {
		grid-column-gap: 4px;
	}

	.tr__grid_col-gap--8_sm {
		grid-column-gap: 8px;
	}

	.tr__grid_col-gap--16_sm {
		grid-column-gap: 16px;
	}

	.tr__grid_col-gap--24_sm {
		grid-column-gap: 24px;
	}

	.tr__grid_col-gap--32_sm {
		grid-column-gap: 32px;
	}
}

@media (min-width: 768px) {
	.tr__grid_col-gap--4_md {
		grid-column-gap: 4px;
	}

	.tr__grid_col-gap--8_md {
		grid-column-gap: 8px;
	}

	.tr__grid_col-gap--16_md {
		grid-column-gap: 16px;
	}

	.tr__grid_col-gap--24_md {
		grid-column-gap: 24px;
	}

	.tr__grid_col-gap--32_md {
		grid-column-gap: 32px;
	}
}

@media (min-width: 992px) {
	.tr__grid_col-gap--4_lg {
		grid-column-gap: 4px;
	}

	.tr__grid_col-gap--8_lg {
		grid-column-gap: 8px;
	}

	.tr__grid_col-gap--16_lg {
		grid-column-gap: 16px;
	}

	.tr__grid_col-gap--24_lg {
		grid-column-gap: 24px;
	}

	.tr__grid_col-gap--32_lg {
		grid-column-gap: 32px;
	}
}

@media (min-width: 1200px) {
	.tr__grid_col-gap--4_xl {
		grid-column-gap: 4px;
	}

	.tr__grid_col-gap--8_xl {
		grid-column-gap: 8px;
	}

	.tr__grid_col-gap--16_xl {
		grid-column-gap: 16px;
	}

	.tr__grid_col-gap--24_xl {
		grid-column-gap: 24px;
	}

	.tr__grid_col-gap--32_xl {
		grid-column-gap: 32px;
	}
}

@media (min-width: 1400px) {
	.tr__grid_col-gap--4_xxl {
		grid-column-gap: 4px;
	}

	.tr__grid_col-gap--8_xxl {
		grid-column-gap: 8px;
	}

	.tr__grid_col-gap--16_xxl {
		grid-column-gap: 16px;
	}

	.tr__grid_col-gap--24_xxl {
		grid-column-gap: 24px;
	}

	.tr__grid_col-gap--32_xxl {
		grid-column-gap: 32px;
	}
}
/* END - Grid Utility Classes */

/* START - Sizing Utility Classes */
/*  ----- width ----- */
/* ---- percentage ---- */
.tr__w_p--6 {
	width: 6% !important;
}

.tr__w_p--7 {
	width: 7% !important;
}

.tr__w_p--8 {
	width: 8% !important;
}

.tr__w_p--10 {
	width: 10% !important;
}

.tr__w_p--18 {
	width: 18% !important;
}

.tr__w_p--20 {
	width: 20% !important;
}

.tr__w_p--23 {
	width: 23% !important;
}

.tr__w_p--25 {
	width: 25% !important;
}

.tr__w_p--26 {
	width: 26% !important;
}

.tr__w_p--30 {
	width: 30% !important;
}

.tr__w_p--40 {
	width: 40% !important;
}

.tr__w_p--50 {
	width: 50% !important;
}

.tr__w_p--60 {
	width: 60% !important;
}

.tr__w_p--70 {
	width: 70% !important;
}

.tr__w_p--75 {
	width: 75% !important;
}

.tr__w_p--80 {
	width: 80% !important;
}

.tr__w_p--85 {
	width: 85% !important;
}

.tr__w_p--90 {
	width: 90% !important;
}

.tr__w_p--100 {
	width: 100% !important;
}

@media (min-width: 576px) {
	.tr__w_p--10_sm {
		width: 10% !important;
	}

	.tr__w_p--20_sm {
		width: 20% !important;
	}

	.tr__w_p--25_sm {
		width: 25% !important;
	}

	.tr__w_p--30_sm {
		width: 30% !important;
	}

	.tr__w_p--40_sm {
		width: 40% !important;
	}

	.tr__w_p--50_sm {
		width: 50% !important;
	}

	.tr__w_p--60_sm {
		width: 60% !important;
	}

	.tr__w_p--70_sm {
		width: 70% !important;
	}

	.tr__w_p--75_sm {
		width: 75% !important;
	}

	.tr__w_p--80_sm {
		width: 80% !important;
	}

	.tr__w_p--90_sm {
		width: 90% !important;
	}

	.tr__w_p--100_sm {
		width: 100% !important;
	}
}

@media (min-width: 768px) {
	.tr__w_p--10_md {
		width: 10% !important;
	}

	.tr__w_p--20_md {
		width: 20% !important;
	}

	.tr__w_p--25_md {
		width: 25% !important;
	}

	.tr__w_p--30_md {
		width: 30% !important;
	}

	.tr__w_p--40_md {
		width: 40% !important;
	}

	.tr__w_p--50_md {
		width: 50% !important;
	}

	.tr__w_p--60_md {
		width: 60% !important;
	}

	.tr__w_p--70_md {
		width: 70% !important;
	}

	.tr__w_p--75_md {
		width: 75% !important;
	}

	.tr__w_p--80_md {
		width: 80% !important;
	}

	.tr__w_p--90_md {
		width: 90% !important;
	}

	.tr__w_p--100_md {
		width: 100% !important;
	}
}

@media (min-width: 992px) {
	.tr__w_p--10_lg {
		width: 10% !important;
	}

	.tr__w_p--20_lg {
		width: 20% !important;
	}

	.tr__w_p--25_lg {
		width: 25% !important;
	}

	.tr__w_p--30_lg {
		width: 30% !important;
	}

	.tr__w_p--40_lg {
		width: 40% !important;
	}

	.tr__w_p--50_lg {
		width: 50% !important;
	}

	.tr__w_p--60_lg {
		width: 60% !important;
	}

	.tr__w_p--70_lg {
		width: 70% !important;
	}

	.tr__w_p--75_lg {
		width: 75% !important;
	}

	.tr__w_p--80_lg {
		width: 80% !important;
	}

	.tr__w_p--90_lg {
		width: 90% !important;
	}

	.tr__w_p--100_lg {
		width: 100% !important;
	}
}

@media (min-width: 1200px) {
	.tr__w_p--10_xl {
		width: 10% !important;
	}

	.tr__w_p--20_xl {
		width: 20% !important;
	}

	.tr__w_p--25_xl {
		width: 25% !important;
	}

	.tr__w_p--30_xl {
		width: 30% !important;
	}

	.tr__w_p--40_xl {
		width: 40% !important;
	}

	.tr__w_p--50_xl {
		width: 50% !important;
	}

	.tr__w_p--60_xl {
		width: 60% !important;
	}

	.tr__w_p--70_xl {
		width: 70% !important;
	}

	.tr__w_p--75_xl {
		width: 75% !important;
	}

	.tr__w_p--80_xl {
		width: 80% !important;
	}

	.tr__w_p--90_xl {
		width: 90% !important;
	}

	.tr__w_p--100_xl {
		width: 100% !important;
	}
}

@media (min-width: 1400px) {
	.tr__w_p--10_xxl {
		width: 10% !important;
	}

	.tr__w_p--20_xxl {
		width: 20% !important;
	}

	.tr__w_p--25_xxl {
		width: 25% !important;
	}

	.tr__w_p--30_xxl {
		width: 30% !important;
	}

	.tr__w_p--40_xxl {
		width: 40% !important;
	}

	.tr__w_p--50_xxl {
		width: 50% !important;
	}

	.tr__w_p--60_xxl {
		width: 60% !important;
	}

	.tr__w_p--70_xxl {
		width: 70% !important;
	}

	.tr__w_p--75_xxl {
		width: 75% !important;
	}

	.tr__w_p--80_xxl {
		width: 80% !important;
	}

	.tr__w_p--90_xxl {
		width: 90% !important;
	}

	.tr__w_p--100_xxl {
		width: 100% !important;
	}
}

/* ---- name ---- */
.tr__w--fit-content {
	width: fit-content !important;
}

.tr__w--auto {
	width: auto !important;
}

@media (min-width: 576px) {
	.tr__w--fit-content_sm {
		width: fit-content !important;
	}

	.tr__w--auto_sm {
		width: auto !important;
	}
}

@media (min-width: 768px) {
	.tr__w--fit-content_md {
		width: fit-content !important;
	}

	.tr__w--auto_md {
		width: auto !important;
	}
}

@media (min-width: 992px) {
	.tr__w--fit-content_lg {
		width: fit-content !important;
	}

	.tr__w--auto_lg {
		width: auto !important;
	}
}

@media (min-width: 1200px) {
	.tr__w--fit-content_xl {
		width: fit-content !important;
	}

	.tr__w--auto_xl {
		width: auto !important;
	}
}

@media (min-width: 1400px) {
	.tr__w--fit-content_xxl {
		width: fit-content !important;
	}

	.tr__w--auto_xxl {
		width: auto !important;
	}
}

/* ----- height ----- */
/* ---- name ---- */
.tr__h_p--10 {
	height: 10% !important;
}

.tr__h_p--30 {
	height: 30% !important;
}

.tr__h_p--90 {
	height: 90% !important;
}

.tr__h_p--100 {
	height: 100% !important;
}

.tr__h--fit-content {
	height: fit-content !important;
}

.tr__h--auto {
	height: auto !important;
}

/* ----- size ----- */
/* ---- name ---- */
.tr__size--fit-content {
	width: fit-content !important;
	height: fit-content !important;
}

.tr__size--cover {
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ---- px ---- */
.tr__size--8 {
	width: 8px !important;
	height: 8px !important;
}

.tr__size--10 {
	width: 10px !important;
	height: 10px !important;
}

.tr__size--12 {
	width: 12px !important;
	height: 12px !important;
}

.tr__size--16 {
	width: 16px !important;
	height: 16px !important;
}

.tr__size--18 {
	width: 18px !important;
	height: 18px !important;
}

.tr__size--20 {
	width: 20px !important;
	height: 20px !important;
}

.tr__size--24 {
	width: 24px !important;
	height: 24px !important;
}

.tr__size--30 {
	width: 30px !important;
	height: 30px !important;
}

.tr__size--32 {
	width: 32px !important;
	height: 32px !important;
}

.tr__size--48 {
	width: 48px !important;
	height: 48px !important;
}

.tr__size--60 {
	width: 60px !important;
	height: 60px !important;
}

.tr__size--64 {
	width: 64px !important;
	height: 64px !important;
}
/* END - Sizing Utility Classes */

/* START - Cursor Utility Classes */
.tr__cursor--default {
	cursor: default !important;
}

.tr__cursor--pointer {
	cursor: pointer !important;
}
/* END - Cursor Utility Classes */

/* START - Sticky Header Utility Classes */
.tr__sticky-header {
	position: sticky;
	z-index: var(--tr-sticky-header-z-index);
	background-color: var(--tr-color-white);
	padding-top: 10px !important;
	top: -20px !important;
	padding-bottom: 20px !important;
}

.tr__sticky-header--layer {
	position: sticky;
	z-index: var(--tr-sticky-header-z-index);
	background-color: var(--tr-color-white);
	padding-top: 0px !important;
	top: -10px !important;
	padding-bottom: 20px !important;
}
/* END - Sticky Header Utility Classes */

/* START - Text Utility Classes */
/* themes */
.tr__text--title {
	font-size: 24px;
	color: var(--tr-color-black);
	word-wrap: break-word;
	margin-top: 0;
}

	.tr__text--title sup {
		font-size: 16px;
	}

.tr__text--title_small {
	font-size: 18px;
	color: var(--tr-color-black);
	word-wrap: break-word;
	margin-top: 3px;
	margin-bottom: 8px;
}

.tr__text--subtitle {
	font-size: 18px;
	color: var(--tr-color-grey-800);
	font-style: italic;
	word-wrap: break-word;
	margin-top: 3px;
}

	.tr__text--subtitle.with-icon {
		margin-top: 0px;
	}

		.tr__text--subtitle.with-icon .icon {
			object-fit: contain;
		}

.tr__text--subtitle_archived-inactive {
	color: var(--tr-color-red-500);
}

.tr__text--info {
	font-style: italic;
	font-size: 13px;
	color: var(--tr-color-grey-800);
}

.tr__text--client {
	font-weight: bold;
	color: var(--tr-color-blue-500);
}

.tr__text--search_bold {
	font-weight: 700;
	font-size: inherit;
}

.tr__text--loading {
	line-height: 16px;
	font-family: "Helvetica", "Roboto", Arial, sans-serif;
	font-weight: 400;
	font-size: 26px;
	color: var(--tr-color-blue-500);
	display: block;
	margin: 30px auto;
	padding: 3px;
	text-align: center;
}

.tr__text--context-info {
	color: var(--tr-color-black);
	font-size: 12px;
}

.tr__text--placeholder {
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color: var(--tr-color-grey-900);
	display: block;
}

.tr__text--required {
	color: var(--tr-color-red-500) !important;
	font-size: 20px;
	vertical-align: text-bottom;
}

/* align */
.tr__align_self--center {
	align-self: center !important;
}

/* position */
.tr__text_h--left {
	text-align: left !important;
}

.tr__text_h--center {
	text-align: center !important;
}

.tr__text_h--right {
	text-align: right !important;
}

.tr__text_h--justify {
	text-align: justify !important;
}

.tr__text_v--top {
	vertical-align: top !important;
}

.tr__text_v--center {
	vertical-align: middle !important;
}

.tr__text_v--bottom {
	vertical-align: bottom !important;
}

/* ellipses */
.tr__text--ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tr__text--ellipsis_2-lines {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tr__text--ellipsis_3-lines {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* wrapping */
.tr__text_wrap--normal {
	white-space: normal;
}

.tr__text_wrap--nowrap {
	white-space: nowrap;
}

.tr__text_wrap--pre-line {
	white-space: pre-line;
}

.tr__text_wrap--break-word {
	word-wrap: break-word;
}

.tr__text_wrap--break-all {
	word-break: break-all;
}

/* modifiers */
.tr__text--capitalise {
	text-transform: capitalize !important;
}

/* sizes */
.tr__text_size--13 {
	font-size: 13px !important;
}

.tr__text_size--15 {
	font-size: 15px !important;
}

.tr__text_size--14 {
	font-size: 14px !important;
}

.tr__text_size--16 {
	font-size: 16px !important;
}

.tr__text_size--18 {
	font-size: 18px !important;
}

.tr__text_size--24 {
	font-size: 24px !important;
}

/* weights */
.tr__text_weight--lighter {
	font-weight: lighter !important;
}

.tr__text_weight--normal {
	font-weight: normal !important;
}

.tr__text_weight--bold {
	font-weight: bold !important;
}

.tr__text_weight--bolder {
	font-weight: bolder !important;
}
/* END - Text Utility Classes */

/* START - Shadows */
.tr__shadow {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.tr__shadow--none {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* END - Shadows */

/* START - Rotate Utility Classes */
.tr__rotate_r--90 {
	transform: rotate(90deg);
}
/* END - Rotate Utility Classes */

/* START - Color Utility Classes */
.tr__color--red,
.tr__color--red_hover:hover,
.tr__color--red_hover:focus {
	color: var(--tr-color-red-500) !important;
}

	.tr__color--red.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--red .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--red_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--red_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--red_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--red_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-red-500) !important;
	}

.tr__color--green,
.tr__color--green_hover:hover,
.tr__color--green_hover:focus {
	color: var(--tr-color-green-300) !important;
}

	.tr__color--green.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--green .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--green_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--green_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--green_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--green_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-green-300) !important;
	}

.tr__color--white,
.tr__color--white_hover:hover,
.tr__color--white_hover:focus {
	color: var(--tr-color-white) !important;
}

	.tr__color--white.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--white .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--white_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--white_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--white_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--white_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-white) !important;
	}

.tr__color--grey,
.tr__color--grey_hover:hover,
.tr__color--grey_hover:focus {
	color: var(--tr-color-blue-grey-600) !important;
}

	.tr__color--grey.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--grey .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--grey_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-blue-grey-600) !important;
	}

.tr__color--black,
.tr__color--black_hover:hover,
.tr__color--black_hover:focus {
	color: var(--tr-color-black) !important;
}

	.tr__color--black.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--black .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--black_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--black_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--black_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--black_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-black) !important;
	}

.tr__color--grey_light,
.tr__color--grey_light,
.tr__color--grey_light {
	color: var(--tr-color-grey-300) !important;
}

	.tr__color--grey_light.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--grey_light .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--grey_light_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_light_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_light_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_light_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-grey-300) !important;
	}

.tr__color--grey_dark,
.tr__color--grey_dark_hover:hover,
.tr__color--grey_dark_hover:focus {
	color: var(--tr-color-grey-800) !important;
}

	.tr__color--grey_dark.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--grey_dark .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--grey_dark_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_dark_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_dark_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--grey_dark_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-grey-800) !important;
	}

.tr__color--blue,
.tr__color--blue_hover:hover,
.tr__color--blue_hover:focus {
	color: var(--tr-color-blue-500) !important;
}

	.tr__color--blue.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--blue .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--blue_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--blue_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--blue_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--blue_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-blue-500) !important;
	}

.tr__color--orange,
.tr__color--orange_hover:hover,
.tr__color--orange_hover:focus {
	color: var(--tr-color-orange-400) !important;
}

	.tr__color--orange.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--orange .tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--orange_hover:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--orange_hover:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--orange_hover:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--orange_hover:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-filter-orange-400) !important;
	}

.tr__color--link {
	color: var(--tr-anchor-color) !important;
}

	.tr__color--link:hover,
	.tr__color--link:focus {
		color: var(--tr-anchor-hover-color) !important;
	}

	.tr__color--link.tr__icon:not(.tr__icon--ignore-parent-color),
	.tr__color--link .tr__icon:not(.tr__icon--ignore-parent-color) {
		filter: var(--tr-anchor-filter) !important;
	}

	.tr__color--link:hover.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--link:hover .tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--link:focus.tr__icon:not(.tr__icon--ignore-parent-hover-color),
	.tr__color--link:focus .tr__icon:not(.tr__icon--ignore-parent-hover-color) {
		filter: var(--tr-anchor-hover-filter) !important;
	}
/* END - Color Utility Classes */

/* START - Background Utility Classes */
/* bg */
.tr__bg_color--white {
	background-color: var(--tr-color-white) !important;
}

.tr__bg_color--entity {
	background-color: var(--tr-color-entity) !important;
}

.tr__bg_color--report {
	background-color: var(--tr-color-report) !important;
}

.tr__bg_color--action {
	background-color: var(--tr-color-action) !important;
}

.tr__bg_color--blue-100 {
	background-color: var(--tr-color-blue-100) !important;
}

.tr__bg_color--blue-400 {
	background-color: var(--tr-color-blue-400) !important;
}

.tr__bg_color--red-100 {
	background-color: var(--tr-color-red-100) !important;
}

.tr__bg_color--grey-100 {
	background-color: var(--tr-color-grey-100) !important;
}

.tr__bg_color--grey-200 {
	background-color: var(--tr-color-grey-200) !important;
}

.tr__bg_color--grey-300 {
	background-color: var(--tr-color-grey-300) !important;
}

/* bg hover */
.tr__bg_hover-color--white:hover,
.tr__bg_hover-color--white:focus {
	background-color: var(--tr-color-white) !important;
}

.tr__bg_hover-color--entity:hover,
.tr__bg_hover-color--entity:focus {
	background-color: var(--tr-color-entity) !important;
}

.tr__bg_hover-color--report:hover,
.tr__bg_hover-color--report:focus {
	background-color: var(--tr-color-report) !important;
}

.tr__bg_hover-color--action:hover,
.tr__bg_hover-color--action:focus {
	background-color: var(--tr-color-action) !important;
}

.tr__bg_hover-color--blue-100:hover,
.tr__bg_hover-color--blue-100:focus {
	background-color: var(--tr-color-blue-100) !important;
}

.tr__bg_hover-color--blue-400:hover,
.tr__bg_hover-color--blue-400:focus {
	background-color: var(--tr-color-blue-400) !important;
}

.tr__bg_hover-color--red-100:hover,
.tr__bg_hover-color--red-100:focus {
	background-color: var(--tr-color-red-100) !important;
}

.tr__bg_hover-color--grey-100:hover,
.tr__bg_hover-color--grey-100:focus {
	background-color: var(--tr-color-grey-100) !important;
}

.tr__bg_hover-color--grey-200:hover,
.tr__bg_hover-color--grey-200:focus {
	background-color: var(--tr-color-grey-200) !important;
}

.tr__bg_hover-color--grey-300:hover,
.tr__bg_hover-color--grey-300:focus {
	background-color: var(--tr-color-grey-300) !important;
}
/* END - Background Utility Classes */

/* START - Border Utility Classes */
/* Variants */
.tr__border--circular {
	border-radius: 50% !important;
}

/* Width */
.tr__border--none {
	border-style: solid !important;
	border-width: 0 !important;
}

.tr__border--1 {
	border-style: solid !important;
	border-width: 1px !important;
}

.tr__border--2 {
	border-style: solid !important;
	border-width: 2px !important;
}

.tr__border_dashed--1 {
	border-style: dashed !important;
	border-width: 1px !important;
}

/* top */
.tr__border_top--none {
	border-top-style: solid !important;
	border-top-width: 0 !important;
}

.tr__border_top--1 {
	border-top-style: solid !important;
	border-top-width: 1px !important;
}

.tr__border_top--2 {
	border-top-style: solid !important;
	border-top-width: 2px !important;
}

/* right */
.tr__border_right--none {
	border-right-style: solid !important;
	border-right-width: 0 !important;
}

.tr__border_right--1 {
	border-right-style: solid !important;
	border-right-width: 1px !important;
}

.tr__border_right--2 {
	border-right-style: solid !important;
	border-right-width: 2px !important;
}

/* bottom */
.tr__border_bottom--none {
	border-bottom-style: solid !important;
	border-bottom-width: 0 !important;
}

.tr__border_bottom--1 {
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
}

.tr__border_bottom--2 {
	border-bottom-style: solid !important;
	border-bottom-width: 2px !important;
}

/* left */
.tr__border_left--none {
	border-left-style: solid !important;
	border-left-width: 0 !important;
}

.tr__border_left--1 {
	border-left-style: solid !important;
	border-left-width: 1px !important;
}

.tr__border_left--2 {
	border-left-style: solid !important;
	border-left-width: 2px !important;
}

.tr__border_left--8 {
	border-left-style: solid !important;
	border-left-width: 8px !important;
}

/* Colour */
.tr__border_color--white {
	border-color: var(--tr-color-white) !important;
}

.tr__border_color--red {
	border-color: var(--tr-color-red-500) !important;
}

.tr__border_color--grey-300 {
	border-color: var(--tr-color-grey-500) !important;
}

.tr__border_color--blue-300 {
	border-color: var(--tr-color-blue-300) !important;
}

.tr__border_color--blue-400 {
	border-color: var(--tr-color-blue-400) !important;
}

.tr__border_color--blue-500 {
	border-color: var(--tr-color-blue-500) !important;
}

.tr__border_color--entity {
	border-color: var(--tr-color-entity);
}

.tr__border_color--report {
	border-color: var(--tr-color-report);
}

.tr__border_color--action {
	border-color: var(--tr-color-action);
}

/* Radius */
.tr__border_radius--2 {
	border-radius: 2px !important;
}

.tr__border_radius--4 {
	border-radius: 4px !important;
}

.tr__border_radius--20 {
	border-radius: 20px !important;
}

/* top-left */
.tr__border_radius_top-left--0 {
	border-top-left-radius: 0 !important;
}

/* top-right */
.tr__border_radius_top-right--0 {
	border-top-right-radius: 0 !important;
}

/* bottom-left */
.tr__border_radius_bottom-left--0 {
	border-bottom-left-radius: 0 !important;
}

/* bottom-right */
.tr__border_radius_bottom-right--0 {
	border-bottom-right-radius: 0 !important;
}
/* END - Border Utility Classes */

/* START - Position Utility Classes */
.tr__pos--relative {
	position: relative !important;
}

.tr__pos--absolute {
	position: absolute !important;
}

.tr__pos--absolute_fill {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* END - Position Utility Classes */

/* START - Pointer Events Utility Classes */
.tr__pointer-events--none {
	pointer-events: none;
}

.tr__pointer-events--all {
	pointer-events: all;
}
/* END - Pointer Events Utility Classes */

/* START - Scroll Classes */
.tr__scroll {
	overflow: auto !important;
}

.tr__scroll--h {
	overflow-y: hidden !important;
}

.tr__scroll--v {
	overflow-x: hidden !important;
}

.tr__scroll_visible--h {
	overflow-y: visible !important;
}
/* END - Scroll Classes */

/* START - Help Guide */
.tr__help-guide {
	max-width: 940px;
}
/* END - Help Guide */

/* START - Display Classes */
.tr__d--inline {
	display: inline;
}

.tr__d--block {
	display: block;
}

.tr__d--inline-block {
	display: inline-block;
}

.tr__d--contents {
	display: contents;
}

.tr__d--table {
	display: table;
}

.tr__d--flow-root {
	display: flow-root;
}
/* END - Display Classes */

/* START - Animations */
@keyframes scan {
	0% {
		transform: translateY(calc((var(--tr-ppc-outer-radius) * -1) - 16px));
	}

	100% {
		transform: translateY(calc(var(--tr-ppc-outer-radius) + 16px));
	}
}
/* END - Animations */

/* START - Hidden Classes */
/* keep at bottom so that it has priority over all other !important rules affecting display */
.tr__hidden {
	display: none !important;
}
/* END - Hidden Classes */