/*----------------------------------------*/
/*---------ORIGINAL CPA STYLING-----------*/
/*----------------------------------------*/
	/*-----Fonts-----*/
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Regular.ttf);
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Bold.ttf);
		font-weight: bold;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Italic.ttf);
		font-style: italic;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-BoldItalic.ttf);
		font-weight: bold;
		font-style: italic;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Thin.ttf);
		font-weight: 100;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Light.ttf);
		font-weight: 300;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Regular.ttf);
		font-weight: 400;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Medium.ttf);
		font-weight: 500;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Bold.ttf);
		font-weight: 700;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Black.ttf);
		font-weight: 900;
	}
	@font-face {
    font-family: "Helvetica Neue Thin";
    src: url(HelveticaNeue-Thin.otf) format('opentype');
	}

	@font-face {
		font-family: Geist;
		src: url("fonts/GeistVariableVF.woff2") format("woff2");
	}
/*----------------------------------------*/
	@font-face {
		font-family: 'FontAwesome';
		src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
		src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.fa-sitemap:before {
		content: "\f0e8";
	}
	.fa-folder-open:before {
		content: "\f07c";
	}
	.fa-chevron-down:before {
		content: "\f078";
	}
/*----------------------------------------*/
	html {
		width: 100%;
		height: 100%;
		min-height: 100%;
		font-size: 16px;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}
	
	/*-----Divs-----*/
	.bgwebs-prompt {
		margin: -2px 0px 0px 0px;
	}
	.rsmenulabel {
		background-color: #ffffff;
		font-weight: normal;
		font-size: 12px !important;
		height: auto;
		color: #dc7633;
	}
	.clearbr {
		clear:both;
	}
	.vspacer {
		margin: 10px 0 20px 0;
	}
	/*-----Field/Label classes-----*/
	#googleSearch {
		height: 20px;
	}
	.tabgrp {
		padding: 0px;
		margin: 0px;
	}
	.subtot {
		margin: 1px 0px;
		color: #4e4e4e;
		padding: 1px 4px 2px 0px;
		height: 15px;
		background-color: #d1d3d4;
		border-style: none;
		font-family: inherit;
		font-size: inherit;
	}
	/*label:after { content:"\00a0"; }*/
	.combo {
		margin: 1px 0px;
		color: #2e2e2e;
		padding: 1px 4px 2px 0px;
		height: 15px;
		background-color: #ffffff;
		border-style: none;
		font-family: inherit;
		font-size: inherit;
	}
	.lookup {
		margin: 1px 0px;
		color: #2e2e2e;
		padding: 1px 4px 2px 0px;
		height: 15px;
		background-color: #ffffff;
		border-style: none;
		font-family: inherit;
		font-size: inherit;
	}
	.cpacolor {
		margin:2px;
		padding: 2px;
	}
	/*-----Tabs------*/
	.tab {
    list-style: none;
    margin: 0px;
    padding: 2px;
	}
	.tab li {
		margin: 0px 0px;
		padding: 1px 2px 2px 2px;
		border: 1px solid #AAA;
		background: #ffffff;
		display: inline-block;
		cursor: pointer;
		color: #ff0000;
	}
	.tab li:focus {
		height: 15px;
		font-weight: bold;
		outline:none;
	}
	.tabbox {
		border: 2px solid #bdc5df;
		border-radius: 0px;
	}
	#CPA .labelfocus {
		background: #eeffff;
		border: 1px solid #0000ff;
		border-radius: 0px;
		font-weight: 700;
	}
	/*-----JQXgrid-----------------------*/
	.jqx-grid-column-header {
		font-weight: bold;
	}
	.jqx-widget-content {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
		font-style: normal;
	}
	.jqx-fill-state-normal {
    background: #efefef none repeat scroll 0 0;
    border-color: #aaa;
    box-sizing: content-box;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
    font-size: 12px;
    font-style: normal;
	}
	/*-----Panels-----*/
	.rsmenu {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 10px;
		padding: 0px !important;
		border-radius: 0px !important;
	}
	.cpamsgbox {
		padding: 20px !important;
	}
	.lowlight {
		opacity: 0.75;
	}
	

	.largebut {						/* Class added to HOFUNC for large buttons */
		font-size: 14px;
		padding: 3px 6px 3px 6px;
		margin: 3px 0px 3px 0px;
	}
	/*-----CPA list drop-down styles--------*/
	.cpaldd {
		height: 11px;
		width:10px;
		position:absolute;
		right:35px;
		color:black;
		margin:-11px 0px 0px 0px;
		font-weight:bold;
	}
	.cpalddtr {
		margin:0px;
		padding:0px;
		display:inline-block;
	}
	.cpalddul {
		position:absolute;
		right:25px;
		margin:0px;
		padding:0px;
		text-align:right;
		outline:1px solid black;
		border-radius: 4px;
		background-color: #dce9f4;
		box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	}
	.cpalddul a {
		color:black;
	}
	.cpalddul > li {
		padding:0px 10px;
	}
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		border: 1px solid #aaaaaa;
		font-weight: normal;
		background: #71a3ff;
		color: white;
	}
	.ui-slider {
		border: none;
	} 
	.ui-slider .ui-slider-handle { 
		background: var(--cpa-scrollbar-handle);
		width: var(--cpa-scrollbar-size);
		height: 37px;
		left: -1px;
		margin: 0px;
		border-radius: var(--cpa-scrollbar-handle-radius);
	}
		.ui-slider .ui-slider-handle:hover { 
			background: var(--cpa-scrollbar-handle-hover);
		}
	.cpaMenuD {
		color: #71a3ff !important;
	}
	.cpaMenuD:hover {
		color: #ffffff !important;
	}
	/*-----Causeway styling classes----------------*/
	/**:before, *:after { box-sizing: border-box; }*/
	.dropdown-menu {
		position: absolute;
		z-index: 999;
		right: 0px;			/* -18px; */
		border-top: 0;
		border-radius: 0;
		padding: 10px 1px 10px 1px;
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
		background-color: rgba(255, 255, 255, 1);
		list-style: none;
	}
	.dropdown-menu > li {
		line-height: 1.4285;
	}
	.dropdown-menu > li > a {
		padding: 0px 10px;
		text-decoration: none;
		color: #333;
		white-space: nowrap;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color: #71a3ff;
		color: #fff;
		display: block;
	}
	.dropdown-menu#glyphmenu>li:last-child {
		padding-top: 5px;
		margin-top: 5px;
		border-top: solid 1px #58595b;
		color: #58595b;
	}
/*----------------------------------------*/
/*---------NEW CPA STYLING----------------*/
/*----------------------------------------*/
/* Overall styles */
	#disp {
		display: none;
	}
	#CPA {
		height: 100%;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}
	#BGWEBS h1 {
		margin:0;
	}
	#cpabody {
		position: relative;
		flex: 1;
		overflow: auto;
	}
	#cpamain {
		height: 100%;
	}
	#cpatree {
		display: none;
		position: relative;
		overflow: auto;
		height: 100%;
	}
		#cpabody.showtree #cpatree {
			display: block;
		}
		#cpabody.showtree #cpamain {
			display: none;
		}
		#cpatree .favgrouphide {
			visibility: hidden;
		}

	.hidedialog {
		visibility: hidden;
	}
	/* Tree Search */
	.searchresults li {
		display: none;
	}
		.searchresults li.containsresult, .searchresults li.isresult {
			display: block;
		}
	.cpatable label, .cpatable input:not([type]), .cpatable input[type=text] {
		width: 100%;
	}
/*----------------------------------------*/
/*---------THEME 1------------------------*/
/*----------------------------------------*/
	.theme1 {
		/* Core Colours */
		--core-black: #2e2e2e;
		--core-white: #fff;
		--core-grey1: #e7e7e7;
		--core-grey2: #edf2f5;
		--core-grey3: #dbe3e7;
		--core-grey4: #969696;
		--core-darkgrey: #333;
		--core-darkgrey2: #58595b;
		--core-orange: #dc7633;
		--core-skyblue1: #6391e4;
		--core-skyblue2: #0870cf;
		--core-blue: #0000ff;
		--todo: #f00;
		/* Infographic Colours 040 */
		--ig-blue040: #9ac5eb;
		--ig-sky-blue040: #b1e1f5;
		--ig-green040: #a0d7c9;
		--ig-brown040: #d5c0ac;
		--ig-yellow040: #f5e1b4;
		--ig-orange040: #ffc29f;
		--ig-red040: #f799ac;
		--ig-mauve040: #d1b3dd;
		--ig-cool-grey040: #e4e6e8;
		/* Page margins */
		--margin-h: 0.7rem;
		--margin-v: 0.4rem;
		/* Element Colours */
		--body: var(--core-white);
		--h1: var(--core-orange);
		--h2: var(--core-black);
		--h3: var(--ig-orange);
		--text: var(--core-black);
		--a: var(--core-black);
		--a-hover: var(--todo);
		--th: var(--core-grey3);
		--td: var(--core-white);
		--td-alt: var(--core-grey2);
		--tr-hover: var(--core-grey1);
		--tr-hover-lighter: var(--core-grey1);
		--button: var(--core-skyblue1);
		--button-hover: var(--core-skyblue2);
		--button-text: var(--core-white);
		--button-sm-padding-v: 0.1rem;
		--button-sm-padding-h: 0.2rem;
		--button-lg-padding-v: 0.7rem;
		--button-lg-padding-h: 0.8rem;
		--button-border-radius: 0;
		--shadow-strong: 0px 0px 2px 0px #0000001e, 0px 2px 2px 0px #0000003d;
		--shadow-medium: 0px 0px 2px 0px #0000000c, 0px 2px 2px 0px #00000019;
		--shadow-light: 0px 4px 10px 0px #b7c9d33d;
		--shadow-nav: 0 1px 2px 0 #0000001a;
		/* Shadows */
		/*
			Strong:
				box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
				box-shadow: 0px 0px 2px 0px #0000001e, 0px 2px 2px 0px #0000003d;
			Medium:
				box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 0px 2px 0px #0000000c, 0px 2px 2px 0px #00000019;
			Light:
				box-shadow: 0px 4px 10px 0px rgba(183, 201, 211, 0.24);
				box-shadow: 0px 4px 10px 0px #b7c9d33d;
		*/
	}

	/*-----Main elements-----*/
	body.theme1, .theme1 * {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		box-sizing: border-box;
	}
	body.theme1 {
		background-color: var(--body);
		color: var(--text);
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
		.theme1 body.waiting {
			cursor: progress;
		}
	/* Elements which normally default to a different font */
	.theme1 button, .theme1 input, .theme1 select, .theme1 textarea {
		font-family: inherit;
	}
	/* Headings */
	.theme1 h1, .theme1 h2, .theme1 h3, .theme1 h4, .theme1 h5, .theme1 h6, .theme1 h7 {
		font-size: 1rem;
		font-weight: 500;
		margin: 0;
		padding: 0;
	}
		.theme1 h1 {
			font-size: 1.1rem;
			color: var(--h1);
			margin: 0.3rem 0;
		}
		.theme1 h2 {
			color: var(--h2);
			font-weight: 300;
		}
		.theme1 h3 {
			color: var(--h3);
			font-weight: 300;
		}
	/* Text & Inputs */
	.theme1 textarea, .theme1 pre {
		tab-size: 14px;
		-moz-tab-size: 14px;
		-o-tab-size: 14px;
	}
	.theme1 option {
		padding: 0;
	}
	.theme1 caption {
		color:#dc7633;	/* Orange: was d57300 */
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 2px;
		font-size: 14px;
	}
	.theme1 fieldset { 
		padding: 2px 0px 2px 2px;
		margin: 1px;
		/*display: inline-block;*/
		border-style: none !important;
		border-width: 2px;
		border-radius: 0px;
		border-color: #bdc5df;
		overflow: hidden;
		/*float: left;*/
		background-color: #ffffff;	/* General background: was dfe9f2; */
		width: auto;
	}
		.theme1 fieldset h4 {
			color:#2e2e2e;
			display: block;
			margin-bottom: 2px;
			line-height: 15px;
			border: none;
			border-bottom: none;
			text-align: inherit;
			font-size: inherit;
		}
	/* Lists */
	.theme1 ul, .theme1 li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	/* Links */
	.theme1 a    { color:var(--a); background-color:transparent; text-decoration:none; vertical-align: text-top; }
	.theme1 a:link    { color:#8f00b2; background-color:transparent; text-decoration:none; }
	.theme1 a:visited { color:#cc00ff; background-color:transparent; text-decoration:none; }
	.theme1 a:hover   { color:var(--a-hover); background-color:transparent; text-decoration:underline; }
	.theme1 a:active  { color:#ff0000; background-color:transparent; text-decoration:underline; }

	.theme1 .tdiv {										/* Standard text grouping */
		border: 2px ridge #bdc5df;
		border-radius: 3px;
		margin: 2px 0 2px 0;
		width: 100%;
		padding: 2px;
	}

	/* Fields */
	.theme1 .field {
		margin: 1px 0px;
		padding: 1px 2px;
		color: #0000ff;
		height: 15px;
		background-color: #edf2f5;		/* Was yellow ffffcc */
		border: 1px solid #bcbcbc;		/* was none */
		font-family: inherit;
		font-size: inherit;
		display: inline-block;
		width: -moz-available;
	}
	.theme1 .lfield {
		margin: 1px 0px;
		padding: 1px 2px;
		height: 15px;
		display: inline-block;
		font-weight: 400;
		font-family: inherit;
		font-size: inherit;
		border: 1px solid #bcbcbc;		/* was none */
	}
	.theme1 .fieldtbl {
		margin: 0px;
		padding: 2px;
		height: 15px;
		border: none;
		display: inline-block;
		font-weight: 400;
	}
	/* Labels */
	.theme1 label {
		font-weight: 500;
		white-space: nowrap;
		margin: 1px 0px;
		padding: 1px 1px 1px 1px;
		height: 15px;
		display: inline-block;
		line-height: 15px;
		border: solid 1px transparent;
		vertical-align: top;
	}
		.theme1 .label {
			margin: 1px 0px;
			color: #2e2e2e;
			padding: 1px 4px 1px 0px;
			height: 15px;
			background-color: #ffffff;	/* General background: was dfe9f2; */
			border-top: solid 1px transparent;
			border-bottom: solid 1px transparent;
			font-family: inherit;
			font-size: inherit;
			font-weight: inherit;
			display: inline-block;
			line-height: 15px;
		}
		.theme1 .ui-dialog-titlebar label {
			vertical-align: baseline;
		}
		.theme1 .bslabel {
			text-decoration: underline;
			cursor: pointer;
		}
			.theme1 .bslabel:hover {
				font-weight: 700;
			}
		.theme1 .lablkup {
			text-decoration: underline;
			cursor: pointer;
			border: solid 1px transparent;
			font-weight: bold;
		}
			.theme1 input.lablkup {
				width:97%;
			}
			.theme1 .lablkup:hover {
				font-weight: 700;
			}
	/* Dropdown */
	.theme1 .ddown {
		height: 17px;
		margin: 0px;
		padding: 0px 2px;
		color: #0000ff;
		background-color: #edf2f5;		/* Was yellow ffffcc */
		border: 1px solid #bcbcbc;		/* was none */
		font-family: inherit;
		font-size: inherit;
		display: inline-block;
		vertical-align: bottom;
	}
	/* Checkbox */
	.theme1 .checkbox, .theme1 .checkboxdsp {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0.8px 0px;
		/*transform: matrix(1.000,0.000,0.000,1.000,-0.500,2.500);*/
		height: 14px;
		width: 14px;
		display:inline-block;
		vertical-align: middle;
	}
	.theme1 .checkbox:focus {
		/*-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);*/
		/*-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);*/
		/*box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);*/
	}

	/* Tables */
	.theme1 table {
		border-bottom: solid 5px #dbe3e7;
	}
	.theme1 table tbody {
		overflow: auto;
		overflow-y: scroll;
	}
	.theme1 table td label {
		margin: 0px;
		padding: 0px 2px 0px 2px;	/* was padding: 2px; (see .list td) */
		height: 17px;
		display: inline-block;
		font-weight: 400;
		white-space: wrap;
		overflow: hidden;
		border: solid 1px transparent;
	}
	.theme1 table td label:empty {
		/*display:list-item;*/
	}
	/*.theme1 table tr:nth-child(odd) { background-color: #edf2f5; }*/
	/*.theme1 table tr:hover { background:#eee; }*/
		.theme1 table tr:not(.ovr) { background-color:#fff; }
		.theme1 table tr:nth-child(2n+1):not(.ovr) { background-color:#eee; }


		/* Row hover colour */
		.theme1 table tr:not(.emptyrow):not(.ovr):hover {
			background-color: #eee;
		}
		.theme1 table tr:nth-child(2n+1):not(.emptyrow):not(.ovr):hover {
			background-color: #eee;
		}
			.theme1 .cpalistdspo {
				background: aliceblue;
			}
			.theme1 .cpalistdspp {
				background: inherit;
			}
			.theme1 .cpalistent {
				background: inherit;
			}

	.theme1 table tr:focus, .theme1 table tr:active {
		/*color: #2e2e2e;*/
		outline:none;
	}
	.theme1 table tr.selected {
		background-color:#71a3f8 !important;
		border: 0px none;
	}
	.theme1 table tr.selected label {
		color: white;
	}
	
	/*-----Causeway tabs classes----------------*/
	.theme1 .nav {
		margin-bottom: 0;
		margin-top: 10px;
		padding-left: 0;
		list-style: none;
	}
	.theme1 .nav:before,
	.theme1 .nav:after {
		content: " ";
		display: table;
	}
	.theme1 .nav:after {
		clear: both;
	}
	.theme1 .nav:before,
	.theme1 .nav:after {
		content: " ";
		display: table;
	}
	.theme1 .nav:after {
		clear: both;
	}
	.theme1 .nav > li {
		position: relative;
		display: block;
	}
	.theme1 .nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.theme1 .nav > li > a:hover,
	.theme1 .nav > li > a:focus {
		text-decoration: none;
		background-color: #eeeeee;
	}
	.theme1 .nav > li.disabled > a {
		color: #999999;
	}
	.theme1 .nav > li.disabled > a:hover,
	.theme1 .nav > li.disabled > a:focus {
		color: #999999;
		text-decoration: none;
		background-color: transparent;
		cursor: not-allowed;
	}
	.theme1 .nav .open > a,
	.theme1 .nav .open > a:hover,
	.theme1 .nav .open > a:focus {
		background-color: #eeeeee;
		border-color: #428bca;
	}
	.theme1 .nav .nav-divider {
		height: 1px;
		margin: 7.5px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}
	.theme1 .nav > li > a > img {
		max-width: none;
	}
	.theme1 .nav-tabs {
		border-bottom: 1px solid #dddddd;
	}
	.theme1 .nav-tabs > li {
		float: left;
		margin-bottom: -1px;
	}
	.theme1 .nav-tabs > li > a {
		margin-right: 2px;
		line-height: 1.428571429;
		border: 1px solid transparent;
		border-radius: 4px 4px 0 0;
	}
	.theme1 .nav-tabs > li > a:hover {
		border-color: #eeeeee #eeeeee #dddddd;
	}
	.theme1 .nav-tabs > li.active > a,
	.theme1 .nav-tabs > li.active > a:hover,
	.theme1 .nav-tabs > li.active > a:focus {
		color: #555555;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		border-bottom-color: transparent;
		cursor: default;
	}
	.theme1 .nav-tabs > li {
		position: relative;
	}
	.theme1 .nav-tabs > li > a {
		border-radius: 7px 7px 0 0;
		display: block;
		font-weight: bold;
		line-height: 22px;	/* was 30 */
		margin-right: 5px;
		padding: 0 10px;		/* was 20 */
		vertical-align: middle;
		background-color: #e3e3e3;
		border: 1px solid #d2d2d2;
		color: #58595b;
	}
	.theme1 .nav-tabs > li > a:hover {
		background-color: #ffffff;
		border: 1px solid #d2d2d2;
		color: #58595b;
	}
	.theme1 .nav-tabs > li > a:hover:after {
		background-position: 0 0;
	}
	.theme1 .nav-tabs > li > a:focus {
		background-color: #ffffff;
		border: 1px solid #d2d2d2;
		color: #58595b;
		text-decoration: underline;
	}
	.theme1 .nav-tabs > li > a:after {
		background-image: url(../images/icons/tab-corner.png);
		background-repeat: no-repeat;
		background-position: 0 -8px;
		bottom: 0;
		content: '';
		display: block;
		height: 8px;
		position: absolute;
		right: -6px;
		width: 6px;
	}
	.theme1 .nav-tabs > li.active > a,
	.theme1 .nav-tabs > li.open > a,
	.theme1 .nav-tabs > li.active > a:link,
	.theme1 .nav-tabs > li.open > a:link,
	.theme1 .nav-tabs > li.active > a:visited,
	.theme1 .nav-tabs > li.open > a:visited,
	.theme1 .nav-tabs > li.active > a:active,
	.theme1 .nav-tabs > li.open > a:active {
		background-color: #ffffff;
		border: 1px solid #d2d2d2;
		border-bottom: 1px solid #ffffff;
		color: #58595b;
	}
	.theme1 .nav-tabs > li.active > a:after,
	.theme1 .nav-tabs > li.open > a:after,
	.theme1 .nav-tabs > li.active > a:link:after,
	.theme1 .nav-tabs > li.open > a:link:after,
	.theme1 .nav-tabs > li.active > a:visited:after,
	.theme1 .nav-tabs > li.open > a:visited:after,
	.theme1 .nav-tabs > li.active > a:active:after,
	.theme1 .nav-tabs > li.open > a:active:after {
		background-position: 0 0;
	}
	.theme1 .nav-tabs > li.disabled > a,
	.theme1 .nav-tabs > li.disabled > a:link,
	.theme1 .nav-tabs > li.disabled > a:visited,
	.theme1 .nav-tabs > li.disabled > a:hover,
	.theme1 .nav-tabs > li.disabled > a:active,
	.theme1 .nav-tabs > li.disabled > a:focus {
		background-color: #e3e3e3;
		border: 1px solid #d2d2d2;
		color: #ffffff;
	}
	.theme1 .buttonselected {			/* Class added to block select when executing f-key subfunct to highlight (eg. tab) */
		font-weight: bold;
		/*outline:none;*/
		text-decoration: underline;
		background-color: white;
	}
	.theme1 .ui-widget .buttonselected {
		font-weight: bold;
		outline: 1px solid blue;
		text-decoration: underline;
		/*background-color: white;*/
	}
	.theme1 .ui-widget .smallbut .buttonselected {
		font-weight: bold;
		outline: 1px solid blue;
		text-decoration: underline;
		/*background-color: white;*/
	}

	.theme1 div.symboliseHasDataY,
	.theme1 div.symboliseHasDataN,
	.theme1 div.symboliseWarningY,
	.theme1 div.symboliseWarningN,
	.theme1 div.symboliseActiveY,
	.theme1 div.symboliseActiveN {
		display: none;
	}

	/* Classes */
	.theme1 .cpadiv {
		overflow: visible;
		float: left;
		box-sizing: border-box;
	}
	.theme1 .surround {
		/*
		border: 1px solid #4e4e4e;
		border-radius: 0px;
		width: 100% !important;
		*/
		max-width: 100%;
		border: none !important;
	}
	
	.theme1 .lfg {										/* Larger label/data grouping */
		border: 1px none #bdc5df;	/* this was 2px none */
		margin: 0px 0px;						/* remove this */
		border-radius: 3px;
	}
	.theme1 .vert {
		padding: 0px;
		margin: 0px;
		background-color: #ffffff;
		width: 100%;
	}
	.theme1 .horiz {
		padding: 0px;
		margin: 0px;
		background-color: #ffffff;
		width: 100%;
	}
	.theme1 .bdiv {										/* Standard data grouping */
		border: 1px none #bdc5df;
		border-radius: 0px;
		padding: 2px;
	}
	.theme1 .bdivg {									/* Grid data grouping */
		border: 1px none #bdc5df;
		border-radius: 0px;
		padding: 2px;
		box-sizing: content-box;
	}
	.theme1 .bdivh {									/* Hidden data grouping */
		padding: 0px 0px 0px 2px;
		margin: 1px 0px;
	}
	.theme1 .ldiv {										/* Standard label grouping */
		border: 2px none #bdc5df;
		border-radius: 0px;
		text-align: right;
	}
	.theme1 .ldivh {									/* Hidden label grouping */
		padding: 0px 2px 0px 0px;
		margin: 1px 0px;
		text-align: right;
	}
	.theme1 .msgdiv {
		margin: 0px 0px 10px 2px;
	}
	.theme1 .fset {										/* Added to divs that require adjustment due to companion fieldset */
		margin:1px 0px;
		padding:20px 0px 2px 2px;
	}
	.theme1 .fset1 {									/* The grouping covers boxes with fieldsets that are already padded, so remove padding. */
		padding: 0px !important;
		margin: 1px 0px !important;
	}
	.theme1 .legendrj {
		padding: 0px 16px 0px 0px;
		margin: 0px 0px 2px -24px;
		text-align: right
	}
	.theme1 .font600 {
		font-weight: 600;
	}
	.theme1 .cpanum {
		text-align: right !important;
		padding-right: 0.45rem !important;
	}
	.theme1 .cpaneg {
		text-align: right !important;
	}
	.theme1 .topBanner { content: url('corporate.jpg'); }

	/* Buttons */
	.theme1 button, .theme1 a.button, .theme1 .buttons a {
		cursor: pointer;
		border-radius: 0;
		border: none;
		/*outline: none;*/
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		margin: 1px 2px 1px 2px;
		text-decoration: none;
		color: #ffffff;
		background-color: #6391e4;
		padding: 4px;
		text-align: left;
	}
		.theme1 button:hover, .theme1 a.button:hover, .theme1 .buttons a:hover {
			background: var(--button-hover);
			/*color: #0000ff;*/
		}
		.theme1 button:focus {
			border: 1px solid #0000ff; /* #005380; */
			padding: 4px;
			margin: 0px 1px 0px 1px;
			/*outline:none;*/
			background-color: blue;
		}
	/* Buttons: Outline */
	.theme1 button.outline, .theme1 .butdiv button {
		border: none;
		background: none;
		color: black;
		text-decoration: underline;
		font-weight: normal;
	}
		.theme1 button.outline:hover, .theme1 .butdiv button:hover {
			color: #0000ff;
			font-weight: bold;
		}

	/* Buttons: Outline 2 ?? */
	.theme1 .outline button, .theme1 .outline a.button, .theme1 .buttons .outline a {
		border: solid 1px var(--button);
		background: none;
		color: var(--button);
	}
		.theme1 .outline button:hover, .theme1 .outline a.button:hover, .theme1 .buttons .outline a:hover {
			border-color: var(--button-hover);
			color: var(--button-hover);
		}

	/* Buttons: Choice */
	.theme1 .choice {
		padding: 4px 0px 4px 0px;
		margin: 0px;
	}
		.theme1 .choice button {
			margin: 1px 0px 1px 0px;
		}
	
	/* vbuts and hbuts */
	.theme1 .vbuts, .theme1 .vbut, .theme1 .hbut {
		padding: 4px;
		margin: 1px 0px 1px 0px;
		text-decoration: underline;
		color: #2e2e2e;
		background: #ffffff;
	}
		.theme1 .vbuts:focus, .theme1 .vbut:focus, .theme1 .hbut:focus {
			color: #ffffff;
			/*outline:none;*/
			background-color: #6391e4;
		}
		.theme1 .vbuts:hover, .theme1 .vbut:hover, .theme1 .hbut:hover {
			color: #0000ff;
			font-weight: bold;
		}
	.theme1 .vbuts, .theme1 .vbut {
		width: 100%;
		text-decoration: underline;
		color: #2e2e2e;
		background-color: #ffffff;
	}
		.theme1 .vbuts:hover, .theme1 .vbut:hover {
			color: #0000ff;
			font-weight: bold;
		}
		.theme1 .vbuts:focus {
			color: #ffffff;
			border: 1px none #0000ff;
			padding: 0px;
			margin: 0px 1px 2px;
			/*outline:none;*/
			background: #6391e4;
		}
	.theme1 .vbuts {
		margin: 1px 0 1px 0;
		padding: 1px;
		height: 19px;
		line-height: inherit;
	}
		.theme1 .vbut:focus {
			color: #ffffff;
			/*outline:none;*/
			background: #6391e4;
		}
		
	/* butdivs */
	.theme1 .butdiv {
	}
	.theme1 .butdiv.tmarj {
		margin-top: 12px;
		padding-top: 4px;
	}
	
	/* smallbut */
	.theme1 .ui-widget .smallbut {
		background-color: #ebeff9;
		border: 1px solid #bcbcbc;
		border-radius: 0px;
		padding: 0px 1px 0px 1px;
		margin: 1px 0px 1px 0px;
		font-family: inherit;
		font-size: 12px;
		font-weight: 600;
		width: 98%;
		text-align: left;
		line-height: inherit;
		height: 19px;
	}
	.theme1 .ui-widget .smallbut:focus {
		color: #ffffff;
		background-color: #6391e4;
		border: 2px solid black;
		margin: 1px 0px 1px 0px;
		padding: 0px 1px 0px 1px;
		/*font-weight: 700;*/
		/*outline:none;*/
	}
	.theme1 .ui-widget .smallbut:hover {
		border-color: #4e4e4e;
	}

	/* Menus */
	.theme1 .dropmenu {
		position: relative;
	}
	.theme1 .dropbtn {
		cursor: pointer;
	}
	.theme1 .dropcontent {
		display: none;
		position: absolute;
		z-index: 10002;
	}
		.theme1 .dropcontent.show {
			display: block;
		}

/* ------------- */
/* Page Sections */
/* ------------- */
/* Header */
	/* CPA-11090: mutually exclusive headers.
	   Standalone (direct URL) → show #banner, hide #c1-ui-shell-header.
	   Embedded (CW1 iframe or ?IsPlatform=true) → hide #banner, show #c1-ui-shell-header. */
	html.cpa-embedded #banner {
		display: none;
	}
	html:not(.cpa-embedded) #c1-ui-shell-header {
		display: none;
	}

	.theme1 #banner {
		display: block;
		flex: none;
		background: var(--core-grey1);
		border-bottom: solid 1px var(--core-darkgrey);
		padding: 0;
		position: relative;
		z-index: 10001;
	}
		.theme1 #banner > ul {
			margin: 0;
			padding: 0;
			width: 100%;
			list-style: none;
			display: flex;
			align-items: center;
			height: 2.8rem;
		}
			.theme1 #banner > ul > li {
				display: block;
			}
				/* Logo */
				.theme1 #banner > ul > li.company {
					order: 1;
					margin: 0 0 0 var(--margin-h);
					height: 100%;
				}
					.theme1 #banner > ul > li.company * {
						display: block;
						margin: -0.1rem 0 0 0;
						padding: 0;
						height: 100%;
						width: 16rem;
						content: url(images/theme1/causeway-pa-landscape.svg);
					}
				/* Page Title */
				.theme1 #banner > ul > li.title {
					order: 2;
					flex: 1;
					margin: 0 0.4rem;
				}
					.theme1 #banner > ul > li.title * {
						font-size: 0.8rem;
						font-weight: 400;
						margin: 0 0 0 50px;
						padding: 0 0 2px 0;
						display: inline;
						color: var(--cpa-h2);
						vertical-align: middle;
					}
				/* User Menu */
				.theme1 #banner > ul > li.user {
					margin-left: auto;
					order: 3;
				}
					.theme1 #banner > ul > li.user button:before {
						content: '';
						display: inline-block;
						border-radius: 100%;
						margin-right: 0.5rem;
						width: 2rem;
						height: 2rem;
						background-image: url(images/theme1/image_placeholder.png);
						background-repeat: no-repeat;
						background-size: contain;
						background-position-x: left;
						background-position-y: center;
					}
					.theme1 #banner > ul > li.user button {
						display: inline-flex;
						align-items: center;
						margin-right: var(--margin-h);
						height: 2rem;
						padding: 0 0.6rem 0 0;
						background: none;
						font-size: 0.9rem;
						font-weight: 400;
						color: var(--core-darkgrey2);
						border: none;
						background-image: url(images/theme1/causeway-dropdown-icon.svg);
						background-repeat: no-repeat;
						background-size: 0.6rem;
						background-position: right 0.6rem center;
					}
						.theme1 #banner > ul > li.user button:after {
							content: '';
							display: inline-block;
							border-radius: 100%;
							height: 100%;
							width: 0.8rem;
							height: 0.8rem;
						}
						.theme1 #banner > ul > li.user button:hover {
												text-decoration: underline;
											}
						.theme1 #banner > ul > li.user button:hover, .theme1 #banner > ul > li.user button:focus {
							border-radius: 50%;
							background-color: var(--core-platinum040);
						}
					.theme1 #banner > ul > li.user div.dropcontent {
						right: calc(-1 * var(--margin-h) );
						width: 17rem;
						padding: 1rem;
						border: 0;
						background-color: var(--core-white);
						box-shadow: var(--shadow-light);
						text-align: left;
						font-size: 0.9rem;
					}
						.theme1 #banner > ul > li.user div.dropcontent div.user-details {
							display: inline-block;
							width: 17rem;
							vertical-align: top;
						}
							.theme1 #banner > ul > li.user div.dropcontent div.user-details img {
								display: inline-block;
								background-image: url(images/theme1/user-circle-icon.svg);
								background-size: 2.6rem;
								background-repeat: no-repeat;
								width: 1.3rem;
								height: 1.3rem;
								padding: 0.65rem;
								margin-right: 0.4rem;
								vertical-align: top;
							}
						.theme1 #banner > ul > li.user div.dropcontent div.user-details-text {
							display: inline-block;
							width: 13rem;
							padding: 0.1rem 0 0 0;
							color: var(--core-black050);
							vertical-align: top;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
							.theme1 #banner > ul > li.user div.dropcontent div.user-details-text b {
								display: block;
								font-weight: 500;
								color: var(--core-black080);
							}
						.theme1 #banner > ul > li.user div.dropcontent ul {
						}
							.theme1 #banner > ul > li.user div.dropcontent ul li {
								margin: 0.3rem 0;
								padding-left: 3.2rem;
								font-size: 0.9rem;
								color: var(--core-black040);
							}
								.theme1 #banner > ul > li.user div.dropcontent ul li:last-child {
									margin-bottom: 0;
								}
								.theme1 #banner > ul > li.user div.dropcontent ul li a {
									color: var(--core-blue090);
									text-decoration: none;
								}
									.theme1 #banner > ul > li.user div.dropcontent ul li a:hover {
										color: var(--core-blue);
									}
								.theme1 #banner > ul > li.user div.dropcontent ul li.logout {
									margin-top: 1rem;
									padding-left: 0;
								}
									.theme1 #banner > ul > li.user div.dropcontent ul li.logout a {
										display: block;
										text-align: center;
										background-color: var(--button);
										color: var(--button-text);
										padding: var(--button-lg-padding-v) var(--button-lg-padding-h);
										border-radius: var(--button-border-radius);
									}
										.theme1 #banner > ul > li.user div.dropcontent ul li.logout a:hover {
											background: var(--button-hover);
										}
										.theme1 #banner > ul > li.user div.dropcontent ul li.logout a:before {
											display: inline-block;
											height: 1rem;
											width: 1rem;
											content: '';
											background-image: url(images/theme1/sign-out-icon.svg);
											background-repeat: no-repeat;
											background-size: contain;
											background-position-x: center;
											background-position-y: center;
											margin: 0 0.5rem -0.2rem 0;
										}
	/* Nav Bar */
	.theme1 #cpanav {
		display: block;
		flex: none;
		padding: 0.1rem;
		position: relative;
		z-index: 10001;
	}
		.theme1 #cpanav > ul {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0.9rem;
			font-weight: 400;
		}
			.theme1 #cpanav > ul > li {
				display: inline-block;
				margin: 0;
				padding: 0;
			}
				.theme1 #cpanav > ul > li > a, .theme1 #cpanav > ul > li > button {
					display: inline-block;
					margin: 0;
					padding: 0.3rem var(--margin-h);
					text-decoration: none;
					background-color: transparent;
					border: solid 1px transparent;
					font-weight: inherit;
					font-size: inherit;
					color: inherit;
				}
				.theme1 #cpanav > ul > li > .dropbtn {
					/*
					background-image: url(../img/platform/causeway-dropdown-icon.svg);
					background-repeat: no-repeat;
					background-size: 0.6rem;
					background-position: right 0.6rem center;
					padding-right: calc(var(--margin-h) + 0.6rem);
					*/
				}
					.theme1 #cpanav > ul > li > a:hover, .theme1 #cpanav > ul > li > .dropbtn:hover, .theme1 #cpanav > ul > li > .dropbtn.dropped {
						background-color: var(--button);
						border-color: var(--core-darkgrey);
						color: var(--core-white);
					}
				/* Nav Bar: Menus */
				.theme1 #cpanav > ul > li > ul {
					background: var(--core-white);
					box-shadow: var(--shadow-strong);
					border-radius: var(--button-border-radius);
					font-weight: 400;
				}
					.theme1 #cpanav > ul > li > ul > li {
					}
						.theme1 #cpanav > ul > li > ul > li:first-child > * {
							border-radius: var(--button-border-radius) var(--button-border-radius) 0 0;
						}
						.theme1 #cpanav > ul > li > ul > li:last-child > * {
							border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
						}
						.theme1 #cpanav > ul > li > ul > li > * {
							display: block;
							margin: 0;
							padding: 0.2em var(--margin-h);
							text-decoration: none;
							width: 12rem;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							color: var(--core-black);
						}
						.theme1 #cpanav > ul > li > ul > li > a:hover {
							background: var(--button-hover);
							color: var(--core-white);
						}
				/* Nav Bar: Final Menu */
				.theme1 #cpanav > ul > li:last-child {
					float: right;
					margin-right: calc(var(--margin-h)/2);
				}
					.theme1 #cpanav > ul > li:last-child > button {
						background: url(images/theme1/burger-menu.png);
						background-repeat: no-repeat;
						background-size: 70%;
						background-position-x: center;
						background-position-y: center;
						text-indent: -9999px;
						height: 1.8rem;
						width: 2rem;
					}
						.theme1 #cpanav > ul > li:last-child > button:hover {
							background-image: url(images/theme1/burger-menu-white.png);
							background-color: var(--button);
							border-color: var(--core-grey4);
						}
					.theme1 #cpanav > ul > li:last-child .dropcontent {
						right: 0;
						background-color: var(--core-white);
						font-size: 0.8rem;
						padding: 0.3rem 0;
					}
						.theme1 #cpanav > ul > li:last-child .dropcontent, .theme1 #cpanav > ul > li:last-child .dropcontent a {
							color: var(--text);
						}
							.theme1 #cpanav > ul > li:last-child .dropcontent a:hover {
								color: var(--core-white);
								background-color: var(--button);
							}
					.theme1 #cpanav > ul > li:last-child > ul > li > p {
						color: var(--a);
						font-size: 0.8rem;
						padding-top: 0;
					}
					.theme1 #cpanav > ul > li:last-child > ul > li:last-child {
						margin-top: 0.2rem;
						padding-top: 0.5rem;
						padding-bottom: 0.2rem;
						border-top: solid 1px var(--core-black);
					}
/* Main content */
	.theme1 div.main {
		padding: 0 var(--margin-h) 5rem;
		border-top: solid 2px var(--core-grey4);
	}
	.theme1 .maindiv {
		border: 1px solid #ffffff;
		border-radius: 0px;
		width: 100% !important;
	}

/* Buttons and Prompt */
	.theme1 .prdiv {
		margin-bottom: 1rem;
	}
		.theme1 .prdiv div {
			display: inline-block;
		}
		.theme1 .prdiv .fkeys1 {
			border: none;
			padding: 0px;
			margin: 10px 30px 3px 3px;
		}
		.theme1 .prdiv .fkeys2 {
			display: none;
		}
		.theme1 .prdiv .prompt {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			border: none;
			font-size: 16px;
			font-style: italic;
			font-weight: 500;
			color: #0000ff;
		}

/* Footer */
	.theme1 #foot {
		display: block;
		flex: none;
		position: sticky;
		z-index: 2999;
		left: 0;
		bottom: 0;
		width: calc(100% - 2*var(--margin-h));
		padding: var(--margin-v) var(--margin-h);
		overflow: hidden;
		font-size: 0.8rem;
		background: var(--core-grey4);
		box-shadow: var(--shadow-nav);
		color: var(--core-white);
	}
		.theme1 #foot ul li {
			display: inline-block;
		}
			.theme1 #foot ul li a {
				color: var(--core-white);
				text-decoration: none;
			}
		.theme1 #foot ul.prompts {
			float: left;
		}
			.theme1 #foot ul.prompts li {
				padding-right: 0.1rem;
			}
				.theme1 #foot ul.prompts li:after {
					padding-left: 0.3rem;
					content: "\2022";
				}
				.theme1 #foot ul.prompts li:last-child:after {
					padding-left: 0;
					content: none;
				}
		.theme1 #foot ul.breadcrumbs {
			float: right;
		}
			.theme1 #foot ul.breadcrumbs li {
				padding-right: 0.1rem;
			}
				.theme1 #foot ul.breadcrumbs li:after {
					padding-left: 0.3rem;
					content: ":";
				}
				.theme1 #foot ul.breadcrumbs li:last-child:after {
					padding-left: 0;
					content: none;
				}
	/* -------------- */
	/* Content Styles */
	/* -------------- */
	/* Table */
	.theme1 table.data {
		width: 100%;
		border: solid 1px var(--th);
		border-spacing: 0;
		border-collapse: collapse;
		font-size: 0.9rem;
	}
		.theme1 table.data th {
			background-color: var(--th);
			text-align: left;
			font-weight: 500;
			padding: 0.1rem 0.2rem;
			font-size: 0.75rem;
		}
		.theme1 table.data tr td {
			background-color: var(--td);
			border-color: var(--th);
			border-width: 0 1px;
			border-style: solid;
			padding: 0.1rem 0.2rem;
			font-size: 0.75rem;
		}
			.theme1 table.data tr td:first-child {
				font-weight: 500;
				color: var(--core-skyblue2);
			}
			.theme1 table.data tr:nth-child(2n+1) td {
				background-color: var(--td-alt);
			}
		.theme1 table.data tr:hover td {
			background-color: var(--tr-hover);
		}
		.theme1 table.data.clickable tr {
			cursor: pointer;
		}
		.theme1 table.data.clickable tr.selected td {
			background-color: var(--core-skyblue1);
			color: var(--core-white);
		}
		.theme1 table.cpatable {
			table-layout: auto;
		}
			.theme1 .cpatable tr {
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			.theme1 table.cpatable tbody * {
				cursor: pointer;
			}
			.theme1 table.cpatable th {
				text-align: left;
			}
			.theme1 table.cpatable th.cpanum {
				padding-right: 0.3rem !important;
			}
			.theme1 table.cpatable td .cpanum {
				padding-right: 0.3rem !important;
			}
			.theme1 table.cpatable tr th:last-child, .theme1 table.cpatable tr td:last-child {
				padding-right: 0.3rem;
			}
			.theme1 table.cpatable td {
				position: relative;
			}
			.theme1 table.cpatable td input {
				margin: 0;
				height: 1rem;
			}
			.theme1 table.cpatable tr.selected td {
				background-color: var(--cpa-table-tr-selected);
				color: var(--cpa-table-tr-selected-text);
			}
				.theme1 table.cpatable tr.selected:hover td {
					background-color: var(--cpa-table-tr-selected-hover);
				}
				.theme1 table.cpatable tr.selected td label {
					color: var(--cpa-table-tr-selected-text);
				}
	 .theme1 table.cpatable tr button.trmenu {
				position: absolute;
				right: 0.1rem;
				top: 2px;
				border: solid 1px var(--core-grey4);
				background-color: var(--core-grey2);
				background-image: url(images/theme1/three-dots-v.svg);
				background-repeat: no-repeat;
				background-size: 70%;
				background-position-x: center;
				background-position-y: center;
				width: 1rem;
				height: 0.9rem;
				cursor: pointer;
				visibility: hidden;
				border-radius: var(--button-border-radius);
		}
		.theme1 table.cpatable tr:hover button.trmenu {
				visibility: visible;
		}
		.theme1 table.cpatable tr button.trmenu:hover {
				background-color: var(--core-white);
				color: var(--core-blue);
		}
		
	/*-----Grids-----*/
	.theme1 .tbldiv {
		display: inline-flex;
		margin-bottom: 1rem;
		flex-flow: row nowrap;
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
	}
	.theme1 .tbldiv.topmarg {
		margin-top: 0.1rem;
	}
	.theme1 .tbldiv table {
		flex: 1;
	}
	.theme1 .cpatable {
		border-collapse: collapse;
		background-color: #ffffff;
		font-family: inherit;
		font-size: inherit;
		width:100%;
		empty-cells: show;
		margin: 0px 0px 0px 0px;
		display: table;
		table-layout: fixed;
	}
	.theme1 .cpatable th {
		background-color: #dbe3e7;
		border-style: none;
		border-width: 3px;
		border-color: #bdc5df;
		padding: 0 10px 0 2px;
	}
	.theme1 .cpatable td {
		border-style: solid;
		border-width: 0 1px;
		border-color: #bdc5df;
		position: relative;
	}
	.theme1 .cpatable tr {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.theme1 .list tbody tr {
		padding: 0px;
		margin: 0px;
		height: 20px;
	}
	.theme1 .list tbody td {
		padding: 0px 6px 0px 0px; /* was padding: 0px 10px 0px 1px; (see td label) */
		margin: 0px;
		white-space: nowrap;
		max-width: none;
		overflow: hidden;
	}
	.theme1 table.grid1 {
		table-layout: auto;
	}
	.theme1 table.grid1 tr {
		height: 15px;
		padding: 0px;
		margin: 0px;
	}
	.theme1 table.grid1 td {
		height: 15px;
		padding: 1px 0px 0px 0px;		/* was 0px but changed to correct FFPDCNVS */
		margin: 0px;
		border-style: none;
		white-space: nowrap;
	}
	.theme1 .tablescroll {
		padding: 0px;
		margin: 0px;
		overflow:auto;
	}
	.theme1 .grid {
		border: 1px solid #bdc5df;
		padding: 2px;
		table-layout: auto;
	}
	.theme1 .grid tr {
		height: 21px !important;
		padding: 0px;
		margin: 0px;
	}
	.theme1 #INQ01-tbldiv thead th {
		min-width: 0 !important;
	}
	.theme1 #SMTC11-004020 {
		word-spacing: 0.6em;
		margin-left: 0.1rem;
	}

	/* Buttons */
	.theme1 ul.buttons {
		margin: 1rem 0 0;
		padding: var(--margin-v) 0;
		list-style: none;
		font-size: 0.8rem;
		font-weight: 500;
	}
		.theme1 ul.buttons li {
			display: inline;
			padding: 0 0.1rem 0 0;
		}
			.theme1 ul.buttons li a {
				background: var(--button);
				color: var(--button-text);
				padding: var(--button-sm-padding-v) var(--button-sm-padding-h);
				text-decoration: none;
				border-radius: var(--button-border-radius);
			}
				.theme1 ul.buttons li a:hover {
					background: var(--button-hover);
				}
			.theme1 ul.buttons li.outline a {
				border: none;
				background: none;
				color: var(--a);
				text-decoration: underline;
				font-weight: 400;
			}
				.theme1 ul.buttons li.outline a:hover {
					border-color: var(--button-hover);
					color: var(--button-hover);
				}
			.theme1 ul.buttons li.hint {
				margin-left: 1rem;
				color: var(--core-blue);
				font-style: italic;
				font-weight: 400;
				font-size: 0.9rem;
			}

	/* -------------- */
	/* Content Styles */
	/* -------------- */

	/* Panels, Popups, Widgets */
	.theme1 .ui-dialog {
		background: var(--core-white);
		/* box-shadow: var(--shadow-strong); */
		box-shadow: none;
		border-width: 0.15rem;
		border-color: var(--core-darkgrey2);
		overflow: auto;
		padding: 0;
		border-radius: 0;
		max-height: 100%;
	}
		.theme1 .ui-dialog:not(.ui-dialog.ui-resizable) {
			box-shadow: none;
		}
		.theme1 .ui-dialog .ui-dialog-content {
			overflow: visible; padding: 0; border-radius: 0;
		}
		.theme1 .ui-dialog.ui-resizable.cpapopup:where(:has(.ui-selectmenu-menu)) {
			overflow: visible;
		}
	.theme1 .ui-resizable-n {
		top: 0;
		left: 0;
	}
	.theme1 .ui-resizable-e {
		top: 0;
		right: 0;
	}
	.theme1 .ui-resizable-s {
		bottom: 0;
		left: 0;
	}
	.theme1 .ui-resizable-w {
		top: 0;
		left: 0;
	}
	.theme1 .ui-resizable-se {
		bottom: 0;
		right: 0;
	}
	.theme1 .ui-resizable-sw {
		bottom: 0;
		left: 0;
	}
	.theme1 .ui-resizable-ne {
		top: 0;
		right: 0;
	}
	.theme1 .ui-resizable-nw {
		top: 0;
		left: 0;
	}

	.theme1 .ui-widget-content {
		border: 2px solid #808080;
		background: var(--body);
		color: var(--text);
	}

	.theme1 .ui-widget-overlay {
		background: black;
		opacity: 0.1;
	}
		.theme1 .ui-widget-overlay:nth-child(2) {
			display: none;
		}
	.theme1 .ui-widget-visible {
		background: #2e2e2e;
		opacity: 0;
		top: auto;
	}
	.theme1 .ui-widget-lowlight {
		background: white;
		opacity: 1;
		top: auto;
	}
	.theme1 .ui-widget input, .theme1 .ui-widget select {
		font-family: inherit;
		text-align: inherit;
		max-width: 100%;
	}
	.theme1 .ui-widget textarea {
		font-family: inherit;
		text-align: inherit;
		display: inline-block;
		vertical-align: top;
		height: auto;
		line-height: 0.8rem;
	}
	.theme1 .ui-widget textarea[rows='1'] {
		overflow: hidden;
		resize: none;
		height: 15px;
	}
	.theme1 .ui-widget td textarea[rows='1'] {
		overflow: hidden;
		resize: none;
		padding: 0;
		height: 15px;
	}
	.theme1 .ui-widget textarea[rows='2'],
	.theme1 .ui-widget textarea[rows='3'] {
		overflow: hidden;
		resize: none;
		line-height: 15px;
	}
	.theme1 .ui-widget button {
		/*
		font-size: 12px;
		*/
		font-family: inherit
	}
	.theme1 .ui-datepicker {
		/*
		font-size: 10px;
		*/
	}


	/*-----Dropdowns-----*/
	.theme1 .ui-selectmenu-menu .ui-menu {
		border: 1px solid #bcbcbc;
	}
	.theme1 .ui-selectmenu-menu .ui-menu-item {
		margin: 1px 0px;
		padding-top: 1px;
		padding-bottom: 1px;
		font-size: 12px;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
	}
	.theme1 .ui-menu-item.ui-state-focus {
		background: #71a3ff !important;
		color: white;
	}
	.theme1 .ui-selectmenu-button {
		height: 16px;
		margin: 0px 0px 1px 0px;
		padding: 0px 0px;
		background: none;
		border: 1px solid #bcbcbc !important;
	}
	.theme1 .ui-selectmenu-button span.ui-selectmenu-icon {
		background-image: url(images/theme2/causeway-dropdown-icon-grey100.svg);
		background-repeat: no-repeat;
		background-size: 0.6rem;
		background-position: right 0 center;
	}
	.theme1 .ui-selectmenu-button span.ui-selectmenu-text {
		font-size: 12px;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		margin: 0px;
		padding: 0px 2px !important;
	}
	.theme1 .ui-selectmenu-button.ui-corner-top {
		border-radius: 0px !important;
	}


	.theme1 .cpapanel {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
	}
		.theme1 .cpapanel .ui-dialog-titlebar {
			/*
			padding: 1px 1px 1px 4px;
			font-weight: bold;
			color: #0000ff;
			*/
			border: none;
		}
		.theme1 .cpapanel .ui-dialog-titlebar-close { display: none; }
		.theme1 .cpapanel .ui-dialog-content { padding: 0px 10px 0px 10px; margin: 0px; background: #ffffff; }
		.theme1 .cpapanel .ui-widget-header {
			display:flex;
			padding: 0px 10px 0px 10px;
			background: #ffffff;
			color: #dc7633;
			border: 0px none;
		}
		.theme1 .cpapanel .ui-widget-header h3 {
		}
	.theme1 .cpapopup {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
		padding: 8px !important;
		border-radius: 5px !important;
	}
		.theme1 .cpapopup .ui-dialog-titlebar {
			padding: 1px 1px 1px 4px;
			/*
			font-weight: bold;
			color: #0000ff;
			*/
			border: none;
		}
		.theme1 .cpapopup .ui-dialog-titlebar-close { display: none; }
		.theme1 .cpapopup .ui-dialog-content { padding: 0px; margin: 0px; background: #ffffff; }
		/*.theme1 .cpapopup .ui-widget-header { display:flex; background: #ffffff; color: #dc7633; } */
		.theme1 .cpapopup .ui-widget-content {
			background: #ffffff;
			border: 0px solid #808080;
			color: #383838;
		}
	.theme1 .cpamodal {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
	}
		.theme1 .cpamodal .ui-dialog-titlebar {
			/*
			padding: 1px 1px 1px 4px;
			font-weight: bold;
			color: #0000ff;
			*/
			border: none;
		}
		.theme1 .cpamodal .ui-dialog-content { padding: 0px; margin: 0px; background: #ffffff; }
		.theme1 .cpamodal .ui-widget-header { background: #dddddd; color: #dc7633; border: 1px solid grey; }

	.theme1 .cpabg .ui-dialog-titlebar { display: none; }
	.theme1 .cpabg .ui-dialog-titlebar-close { display: none; }
	.theme1 .cpabg .ui-dialog-content { padding: 0px; margin: 0px; background: #ffffff; }
	.theme1 .cpabg .ui-widget-header { background: #ffffff; }

	/* ffhtmlpnl (progress panels) */
	.theme1 .ffhtmlpnl {
		overflow: scroll;
	}


	/*-------Panel headers: main--------*/
	.theme1 .ui-widget-header {
		color: var(--cpa-h3);
		margin: 0.5rem 0 0 0; 
		font-size: 0.9rem;
		font-weight: 400;
		display:flex;
		padding: 0;
		background: inherit;
	}
	.theme1 .ui-widget-header div, .theme1 .ui-widget-header ul {
		display: flex; 
		/* margin: 0; */ /* Margin required for widgets like DatePicker */
		padding: 0;
	}
		.theme1 .ui-widget-header ul > li > span {
			width: auto;
		}
		.theme1 .ui-widget-header ul > li > a {
		}
		.theme1 .ui-widget-header ul:first-child {
			flex:1;
			font-size: 1.1rem;
		}
		.theme1 .ui-widget-header ul:nth-child(2) > li {
			margin: 0 0 0 1.5rem;
		}
	.theme1 .ui-widget-header [class*="cpafc"]:not(.ovr) {
		color: inherit;
	}
	.theme1 .ui-widget-header [class*="cpabc"]:not(.ovr) {
		background-color: inherit;
	}
	.theme1 .ui-widget-header .field {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
	}
	/*-------Panel headers: sub--------*/
	.theme1 .header {
		padding: 2px 2px 2px 5px;
		width: 100%;
		color: var(--cpa-h3);
		margin: 0.2rem 0 0 0; 
		font-size: 0.8rem;
		font-weight: 400;
		display: flex;
	}
	.theme1 .header div, .theme1 .header ul {
		display: flex; 
		/* margin: 0; */ /* Margin required for widgets like DatePicker */
		padding: 0;
	}
		.theme1 .header ul > li > span {
			width: auto;
		}
		.theme1 .header ul > li > a {
		}
		.theme1 .header ul:first-child {
			flex:1;
			font-size: 1rem;
		}
		.theme1 .header ul:nth-child(2) > li {
			margin: 0 0 0 1rem;
		}
	.theme1 .header [class*="cpafc"]:not(.ovr) {
		color: inherit;
	}
	.theme1 .header [class*="cpabc"]:not(.ovr) {
		background-color: inherit;
	}
	.theme1 .header .field {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
	}
	/*-----------------------------------*/

/* Tiles */
	.theme1 ul.tilesets {
		position: relative;
		display: block;
		margin: 1rem 0 2rem 1rem;
		padding: 0;
		list-style: none;
		font-size: 0.75rem;
		white-space: nowrap;
		overflow: auto;
	}
		.theme1 ul.tilesets.collapsed {
			overflow-x: auto;
			overflow-y: auto;
			max-height: 13em;
		}
	.theme1 ul.tilesets > li {
		border: dotted 1px #000;
		padding: 0 0 0 2px;
		margin: 0 0 3em 0;
	}
		.theme1 ul.tilesets h1 {
			margin: 0;
			font-size: 0.75rem;
			color: var(--h2);
			font-weight: 500;
			color: blue;
		}
		.theme1 ul.tilesets h1:hover::after {
			display:inline-block; 
			font:normal normal normal 8px/1 FontAwesome; 
			padding:0 0 2px 4px; 
			vertical-align:middle;
			content:"\f060"; 
		}
			.theme1 ul.tilesets li.tiles-collapsed h1:hover::after {
				content:"\f061";
			}

	.theme1 ul.tiles {
		display: inline-block;
		margin: 8px 5px 0 5px;
		padding: 0;
		list-style: none;
		white-space: nowrap;
	}
		.theme1 ul.tiles li {
			display: inline-block;
			margin: 0 0.5em 0 0;
			padding: 0;
			width: 9em;
			height: 7em;
			background-repeat: no-repeat;
			background-position-x: 0.4em;
			background-position-y: 0.5em;
			background-size: 2em;
			background-color: var(--ig-cool-grey040);
			white-space: normal;
			border-radius: 5px;
			border: solid 2px #000;
		}
			.theme1 li.tiles-collapsed ul.tiles li {
				width: 5em;
			}
		.theme1 li.tiles-v ul.tiles li {
			display: block;
			margin: 0.5em 0 0 0;
		}
		.theme1 li.tiles-v {
			display:block;
			width: 130px;
			white-space: nowrap;
			overflow: hidden;
			margin-right: 10px;
		}
		.theme1 li.tiles-h {
			overflow: hidden;
		}
			.theme1 ul.tiles li a {
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				color: var(--text);
				text-decoration: none;
				text-align: center;
				line-height: 1em;
				border-radius: var(--button-border-radius);
				box-sizing: border-box;
				position: relative;
				background-color: rgba(255,255,255,0.2);
			}
				.theme1 ul.tiles li a:hover {
				}
				.theme1 ul.tiles li a.selected {
					color: var(--core-black);
					border: solid 2px var(--core-black060);
					height: calc(100% - 4px);
					width: calc(100% - 4px);
					background-color: rgba(0, 0, 0, 0.07);
				}
					.theme1 ul.tiles li a.selected h2 {
						margin-top: calc(0.9em - 2px);
						margin-right: calc(0.5em - 2px);
						margin-left: calc(2.8em - 2px);
					}
				.theme1 ul.tiles li a img {
					position: absolute;
					top: 0.9em;
					left: 0.4em;
					width: 1.3em;
				}
				.theme1 ul.tiles li a h2 {
					display: block;
					height: 2.2em;
					margin: 0.9em 0.5em 0 0.5em;
					padding: 0;
					font-size: 0.8em;
					font-weight: 400;
					line-height: 1.1em;
					color: blue;
				}
					.theme1 ul.tiles li a:hover h2 {
						background: #0870cf;
						color: #fff;
					}
					/*.theme1 .pwdivs li:not(.tiles-collapsed) ul.tiles li .tile-hasicon h2 {*/
						/*margin-left: 2.8em;*/
					/*}*/
					.theme1 .pwdivs li:not(.tiles-collapsed) ul.tiles li .tile-hasicon h2 {
						margin-left: 2.8em;
					}
					.theme1 li.tiles-collapsed ul.tiles li a h2 {
						font-size: 0.7em;
						height: 4.8em;
					}
					.theme1 li.tiles-collapsed ul.tiles li a img {
						display: none;
					}
				.theme1 ul.tiles li a span {
					display: block;
					width: 100%;
					margin: 0;
					padding: 0;
				}
					.theme1 ul.tiles li a span.tile-count {
						margin: 0.4em 0;
						font-size: 1.5em;
						line-height: 1em;
						height: 1em;
						max-height: 1em;
						font-weight: bold;
					}
						.theme1 li.tiles-collapsed ul.tiles li a span.tile-count {
							font-size: 1em;
						}
					.theme1 ul.tiles li a span.tile-value {
						margin: 0.8em 0 0;
						font-size: 0.9em;
						line-height: 0.9em;
						height: 0.9em;
						max-height: 0.9em;
						font-weight: bold;
					}
						.theme1 li.tiles-collapsed ul.tiles li a span.tile-value {
							font-size: 0.6em;
						}
/*
		ul.tiles li.tile-not-authorised {
			background-color: var(--ig-blue040);
			background-image: url(../img/icons/071B.svg);
		}
		ul.tiles li.tile-not-authorised-but-issued {
			background-color: var(--ig-blue040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-authorised-not-issued {
			background-color: var(--ig-yellow040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-authorised-and-issued {
			background-color: var(--ig-cool-grey040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-cancelled-not-authorised {
			background-color: var(--ig-brown040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-cancelled-and-authorised {
			background-color: var(--ig-green040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-deleted {
			background-color: var(--ig-mauve040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-complete-not-authorised {
			background-color: var(--ig-orange040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-complete-and-authorised {
			background-color: var(--ig-red040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-cancelled-ready-to-authorise {
			background-color: var(--ig-sky-blue040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-ready-to-authorise {
			background-color: var(--ig-yellow040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-deauthorised-rejected-req {
			background-color: var(--ig-cool-grey040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-open-order-lines {
			background-color: var(--ig-cool-grey040);
			background-image: url(../img/icons/060B.svg);
		}
		*/
/* Right-click Context Menu */
	.theme1 #CTMENU {
		display: none;
		position: absolute;
		z-index: 10002;
		top: 100px;
		left: 100px;
		background: var(--core-white);
		box-shadow: var(--shadow-strong);
		border-radius: var(--button-border-radius);
		margin: 0;
		padding: 0.3rem 0;
	}
		.theme1 #CTMENU, .theme1 #CTMENU h1 {
			font-size: 0.75rem;
		}
			.theme1 #CTMENU h1 {
				margin: 0;
				font-weight: 500;
			}
			.theme1 #CTMENU h1, .theme1 #CTMENU ul li a {
				padding: 0.2rem 1.25rem;
			}
			.theme1 #CTMENU ul {
			}
				.theme1 #CTMENU ul li {
				}
					.theme1 #CTMENU ul li a {
						display: block;
						text-decoration: none;
						color: var(--a);
					}
						.theme1 #CTMENU ul li a:hover {
							background: var(--core-blue);
							color: var(--core-white);
						}
/* Table TR Menu */
	.theme1 #trmenu {
		display: none;
		position: absolute;
		z-index: 10002;
		top: 100px;
		left: 100px;
		background: var(--core-white);
		box-shadow: var(--shadow-strong);
		border-radius: var(--button-border-radius);
		margin: 0;
		padding: 0.3rem 0;
	}
	.theme1 #trmenu, .theme1 #trmenu h1 {
		font-size: 0.75rem;
	}
		.theme1 #trmenu h1 {
			margin: 0;
			font-weight: 500;
		}
		.theme1 #trmenu h1, .theme1 #trmenu ul li a {
			padding: 0.2rem 1.25rem;
		}
		.theme1 #trmenu ul {
		}
			.theme1 #trmenu ul li {
			}
				.theme1 #trmenu ul li a {
					display: block;
					text-decoration: none;
					color: var(--a);
				}
					.theme1 #trmenu ul li a:hover {
						background: var(--core-blue);
						color: var(--core-blue);
						font-weight: bold;
					}
/* Table TR Context Menu */
	.theme1 #trctmenu {
		display: block;
		position: absolute;
		z-index: 10002;
		top: 100px;
		left: 100px;
		background: var(--core-white);
		box-shadow: var(--shadow-strong);
		border-radius: var(--button-border-radius);
		margin: 0px 15px 0px -15px;
		padding: 0.3rem 0;
		font-size: small;
	}
		.theme1 #trctmenu ul li a {
			padding: 0.2rem 1.25rem;
		}
		.theme1 #trctmenu ul {
		}
			.theme1 #trctmenu ul li {
			}
				.theme1 #trctmenu ul li a {
					display: block;
					text-decoration: none;
					color: var(--a);
				}
					.theme1 #trctmenu ul li a:hover {
						background: var(--core-blue);
						color: var(--core-white);
					}
/* Tree Navigation */
	.theme1 #cpatree nav {
		position: sticky;
		/*overflow: auto;*/
		background: var(--core-darkgrey);
		display: inline-flex;
		flex-direction: column;
		padding-left: calc(var(--margin-h)/2);
		padding-top: 0.2rem;
		padding-right: 0;
		height: 100%;
		max-width: 20rem;
		font-size: 0.8rem;
		box-sizing: border-box;
	}
	.theme1 #cpatree nav div {
		position: relative;
		overflow: auto;
	}
	/* Top Links */
	.theme1 #cpatree nav > ul {
		margin: 0;
		padding: 0 calc( var(--margin-h) / 2 ) 0.25rem 0;
		color: var(--core-white);
		border-bottom: solid 1px var(--core-grey4);
		white-space: nowrap;
	}
		.theme1 #cpatree nav > ul li {
			display: inline-block;
		}
		.theme1 #cpatree nav > ul a {
			display: inline-block;
			color: var(--core-white);
			padding: 0 0.6rem 0 0;
			width: 5rem !important;
			text-decoration: none;
			font-weight: 700;
			font-size: 0.85rem;
		}
			.theme1 #cpatree nav > ul a:hover {
				background-color: var(--core-skyblue2);
			}
		
	/* Search Box */
	.theme1 #cpatree nav input[type=text] {
		margin-top: 0.3rem;
		margin-bottom: 0.5rem;
		width: calc(100% - 0.6rem);
	}
	/* Tree Buttons */
	.theme1 #cpatree .tree > div li button {
		background: none;
		background-color: transparent;
		background-position-x: left;
		background-position-y: center;
		background-repeat: no-repeat;
		background-image: url(images/theme1/tree-plus.png), url(images/theme1/tree-lineabove.png), url(images/theme1/tree-linebelow.png);
		margin: 0;
		padding: 0 0 0 17px;
		width: 100%;
	}
	.theme1 #cpatree .tree > div li:first-child > button {
		background-image: url(images/theme1/tree-plus.png), url(images/theme1/tree-linebelow.png);
	}
	.theme1 #cpatree .tree > div li:last-child > button, .theme1 #cpatree .tree > div li.novisiblesiblings button {
		background-image: url(images/theme1/tree-plus.png), url(images/theme1/tree-lineabove.png);
	}
		/* Button when dropped */
	.theme1 #cpatree .tree > div li.dropped > button {
		background-image: url(images/theme1/tree-minus.png), url(images/theme1/tree-lineabove.png), url(images/theme1/tree-linebelow.png);
	}
	.theme1 #cpatree .tree > div li.dropped:first-child > button {
		background-image: url(images/theme1/tree-minus.png), url(images/theme1/tree-linebelow.png);
	}
	.theme1 #cpatree .tree > div li.dropped:last-child > button, .theme1 .tree > div li.dropped.novisiblesiblings > button {
		background-image: url(images/theme1/tree-minus.png), url(images/theme1/tree-lineabove.png);
	}
		/* Button innerds */
	.theme1 #cpatree .tree > div button b {
		display: block;
		text-align: left;
		background-color: transparent;
		font-weight: 400;
		font-size: inherit;
		color: var(--core-white);
		margin: 0;
		padding: 0.3rem;
		padding-left: calc( var(--margin-h) / 2 );
		padding-right: calc(1rem + var(--margin-h) / 2 );
		cursor: pointer;
	}
	.theme1 #cpatree .tree > div button:hover b {
		background-color: var(--core-grey4);
	}
			/* Button innerds when focused */
	.theme1 #cpatree .tree > div .treefocus > button > b, .theme1 #cpatree .tree > div .treefocus > a {
		background-color: var(--core-skyblue1);
	}
	/* Tree Items */
	.theme1 #cpatree .tree > div a {
		display: block;
		margin: 0;
		padding: 0.15rem;
		padding-left: calc(var(--margin-h) / 2 + 17px );
		padding-right: calc(1rem + var(--margin-h) / 2 );
		cursor: pointer;
		border-radius: var(--button-border-radius);
		font-weight: 400;
		font-size: inherit;
		color: var(--core-white);
		background: none;
		background-color: transparent;
		background-position-x: left;
		background-position-y: center;
		background-repeat: no-repeat;
		background-image: url(images/theme1/tree-nobox.png), url(images/theme1/tree-nobox-lineabove.png), url(images/theme1/tree-nobox-linebelow.png);
		text-decoration: none;
	}
	.theme1 #cpatree .tree > div > ul > li:first-child > a {
		background-image: url(images/theme1/tree-nobox.png), url(images/theme1/tree-nobox-linebelow.png);
	}
	.theme1 #cpatree .tree > div li:last-child > a, .theme1 #cpatree .tree > div li.isresult.lastvisible > a {
		background-image: url(images/theme1/tree-nobox.png), url(images/theme1/tree-nobox-lineabove.png);
	}
	.theme1 #cpatree .tree > div a:hover {
		background-color: var(--core-grey4);
	}
	/* Child Lists */
	.theme1 #cpatree .tree > div > ul > li ul {
		display: none;
		margin: 0;
		padding-left: 1.3rem;
		background: none;
	}
	.theme1 #cpatree .tree > div > ul li:not(.novisiblesiblings):not(:last-child) > ul {
		background-color: transparent;
		background-position-x: left;
		background-position-y: center;
		background-repeat: repeat-y;
		background-image: url(images/theme1/tree-linedot.png);
	}
	.theme1 #cpatree .tree > div li.dropped > ul {
		display: block;
	}
	.theme1 #cpatree .treemtp_D {
		color: var(--core-blue);
		font-weight: 700;
	}

/* Modal window */
	.theme1 .modal {
		font-size: 0.8rem;
	}
	.theme1 .modal h1 {
		margin: 0 0 0.5rem 0;
		font-size: 1rem;
	}
	.theme1 .modal label {
		display: inline-block;
		width: 6rem;
		text-align: right;
		vertical-align: top;
		margin: 0.1rem 0.1rem 0.3rem 0;
		padding: 0.3rem 0 0 0;
	}
	.theme1 .modal input[type=text], .theme1 .modal input[type=number], .theme1 .modal select, .theme1 .modal textarea {
		margin: 0.1rem 0;
		padding: 0.2rem 0.3rem;
		vertical-align: top;
		line-height: 1rem;
		font-size: 0.75rem;
		width: 10rem;
	}
	.theme1 .modal select {
		padding: 0.3rem 0.2rem;
	}
	.theme1 .modal input.sm, .theme1 .modal textarea.sm {
		width: 10rem;
	}
	.theme1 .modal input.md, .theme1 .modal textarea.md {
		width: 20rem;
	}
	.theme1 .modal input.lg, .theme1 .modal textarea.lg {
		width: 30rem;
	}
	.theme1 .modal .buttons {
		font-size: 0.75rem;
	}
	/*-----------------------------------------------------------*/
	/*-----Field/Label highlight classes: foreground colours-----*/
	/*-----------------------------------------------------------*/
	.theme1 .cpafc00, .theme1 .ovr.cpafc00 {						/* Default label foreground: near-black */
		color: #2e2e2e;
	}
	.theme1 .cpafc01, .theme1 .ovr.cpafc01 {						/* Light Grey (hidden data) */
		color: #ababab;
	}
	.theme1 .cpafc02, .theme1 .ovr.cpafc02 {						/* Fg==Bg so hide fully */
		color: #ffffff;
		visibility: hidden !important;
	}
	.theme1 .cpafc03, .theme1 .ovr.cpafc03 {						/* Dark Orange b84747 -> Dark orange */
		color: #c0392b;
		font-weight: bold;
	}
	.theme1 .cpafc04, .theme1 .ovr.cpafc04 {						/* Standard display colour: Grey */
		color: #2e2e2e;
	}
	.theme1 .cpafc05, .theme1 .ovr.cpafc05 {						/* Ochre b3b300 -> Ochre */
		color: #e67e22;
		font-weight: bold;
	}
	.theme1 .cpafc06, .theme1 .ovr.cpafc06 {						/* Magenta */
		color: #f000f0;
		font-weight: bold;
	}
	.theme1 .cpafc07, .theme1 .ovr.cpafc07 {						/* Mauve 9966cc -> Brown */
		color: #996633;
		font-weight: bold;
	}
	.theme1 .cpafc08, .theme1 .ovr.cpafc08 {						/* Red-5 eb613d -> Puce */
		color: #e7b0a9;
		font-weight: bold;
	}
	.theme1 .cpafc09, .theme1 .ovr.cpafc09 {						/* Light Grey */
		color: #c0c0c0;
		font-weight: bold;
	}
	.theme1 .cpafc10, .theme1 .ovr.cpafc10 {						/* Green-brown 808000 -> Mauve */
		color: #bc8dd0;
		font-weight: bold;
	}
	.theme1 .cpafc11, .theme1 .ovr.cpafc11 {						/* Violet 800080 -> Light blue */
		color: #4060ff;
		font-weight: bold;
	}
	.theme1 .cpafc12, .theme1 .ovr.cpafc12 {						/* Red ff0000 -> Red */
		color: #ff0000;
		font-weight: bold;
	}
	.theme1 .cpafc13, .theme1 .ovr.cpafc13 {						/* Turquise 008080 -> Violet */
		color: #8e44ad;
		font-weight: bold;
	}
	.theme1 .cpafc14, .theme1 .ovr.cpafc14 {						/* Light green 008000 -> Dark green */
		color: #16a085;
		font-weight: bold;
	}
	.theme1 .cpafc15, .theme1 .ovr.cpafc15 {						/* Violet-Blue 280099 -> Mustard */
		color: #e7b747;
		font-weight: bold;
	}
	.theme1 .cpafc16, .theme1 .ovr.cpafc16 {						/* Dark Blue 0000ff -> Dark blue */
		color: #0870cf;
		font-weight: bold;
	}
	.theme1 .cpafc17, .theme1 .ovr.cpafc17 {						/* Default field foreground: dark grey */
		color: #4e4e4e;
	}
	.theme1 .cpafc18, .theme1 .ovr.cpafc18 {						/* Default button foreground: near-black */
		color: #2e2e2e;
	}
	.theme1 .cpafc19, .theme1 .ovr.cpafc19 {						/* Default small button foreground: near-black */
		color: #2e2e2e;
	}
	.theme1 .cpafc20, .theme1 .ovr.cpafc20 {						/* Default tabs foreground: red */
		color: #ff0000;
	}
	.theme1 .cpafc21, .theme1 .ovr.cpafc21 {						/* Default legend foreground: grey */
		color: #2e2e2e;
		font-weight: 600;
	}
	.theme1 .cpafc22, .theme1 .ovr.cpafc22 {						/* Special: Fg==Bg==black so remove display */
		display: none !important;
	}
	.theme1 .cpafc23, .theme1 .ovr.cpafc23 {						/* Html footer foreground: black */
		color: #000000;
	}
	.theme1 .cpafc24, .theme1 .ovr.cpafc24 {						/* Html header foreground: orange */
		color: #dc7633 !important;
	}
	.theme1 .cpafc25, .theme1 .ovr.cpafc25 {						/* Field URL link foreground: blue */
		color: #0000ff;
	}
	.theme1 .cpafc25:link, .theme1 .ovr.cpafc25:link	{color:#0000ff; background-color:transparent; text-decoration:underline}
	.theme1 .cpafc25:visited, .theme1 .ovr.cpafc25:visited {color:#cc00ff; background-color:transparent; text-decoration:none}
	.theme1 .cpafc25:hover, .theme1 .ovr.cpafc25:hover   {color:#ff0000; background-color:transparent; text-decoration:underline}
	.theme1 .cpafc25:active, .theme1 .ovr.cpafc25:active  {color:#0000ff; background-color:transparent; text-decoration:underline}
	.theme1 .cpafc26, .theme1 .ovr.cpafc26 {						/* Html header foreground for message/choice windows: dark orange */
		color: #c0392b;
	}
	/* Fix for font color on highlight */
	/*
	.selected label.cpafc03, .theme1 .ovr.cpafc03 { color: #c0392b; }
	.selected label.cpafc05, .theme1 .ovr.cpafc05 { color: #e67e22; }
	.selected label.cpafc06, .theme1 .ovr.cpafc06 { color: #f000f0; }
	.selected label.cpafc07, .theme1 .ovr.cpafc07 { color: #996633; }
	.selected label.cpafc08, .theme1 .ovr.cpafc08 { color: #e7b0a9; }
	.selected label.cpafc09, .theme1 .ovr.cpafc09 { color: #c0c0c0; }
	.selected label.cpafc10, .theme1 .ovr.cpafc10 { color: #bc8dd0; }
	.selected label.cpafc11, .theme1 .ovr.cpafc11 { color: #4060ff; }
	.selected label.cpafc12, .theme1 .ovr.cpafc12 { color: #ff0000; }
	.selected label.cpafc13, .theme1 .ovr.cpafc13 { color: #8e44ad; }
	.selected label.cpafc14, .theme1 .ovr.cpafc14 { color: #16a085; }
	.selected label.cpafc15, .theme1 .ovr.cpafc15 { color: #e7b747; }
	.selected label.cpafc16, .theme1 .ovr.cpafc16 { color: #0870cf; }
	*/
	/*-----Field/Label background colour classes-----*/
	.theme1 .cpabc00, .theme1 .ovr.cpabc00 {			/* default background */
		background-color: inherit;
	}
	.theme1 .cpabc01, .theme1 .ovr.cpabc01 {			/* display field CYAN: background=yellow */
		background-color: #edf2f5;		/* Was yellow ffffcc */
		border: 1px solid #ffffff;
	}
	.theme1 .cpabc02, .theme1 .ovr.cpabc02 {			/* input field LWHITE: background=white */
		background-color: #ffffff;
		transition-property: background,border-style;
	transition-duration: 2s;
	}
	.theme1 .cpabc02:hover, .theme1 .ovr.cpabc02:hover {
		background: #eeffff;
	}
	.theme1 .cpabc02:focus {
	}
	.theme1 .ovr.cpabc02:focus {
		background: #eeffff;
		border: 1px solid #6391e4;		/* was 5f8eff */
		border-radius: 0px;
		height: 15px;
		/*outline:none;*/
	}
	.theme1 .cpabc03, .theme1 .ovr.cpabc03 {			/* sub-total (display only) LCYAN */
		background-color: #d1d3d4;
	}
	.theme1 .cpabc04, .theme1 .ovr.cpabc04 {			/* label (General background - light blue) */
		/*background-color: #ffffff;	/* General background: was dfe9f2; */
		padding: 1px 1px;
		border: solid 1px transparent;
	}
	.theme1 .cpabc05, .theme1 .ovr.cpabc05 {			/* combo (drop-down) LWHITE: background=white */
		background-color: #ffffff;
		transition-property: background,border-style;
	transition-duration: 1s;
	}
	.theme1 .cpabc05:hover, .theme1 .ovr.cpabc05:hover {
		background: #eeffff;
	}
	.theme1 select.cpabc05:focus, .theme1 select .ovr.cpabc05:focus {
		background: #eeffff;
		border: 1px solid #3a12c7;		/* was 5f8eff */
		border-radius: 5px;
	}
	.theme1 .cpabc06, .theme1 .ovr.cpabc06 {			/* lookup (lookup or non-dropdown block select) LWHITE: background=white */
		background-color: #ffffff;
		transition-property: background,border-style;
	transition-duration: 1s;
	}
	.theme1 .cpabc06:hover, .theme1 .ovr.cpabc06:hover {
		background: #eeffff;
	}
	.theme1 .cpabc06:focus, .theme1 .ovr.cpabc06:focus {
		background: #eeffff;
		border: 1px solid #6391e4;
		border-radius: 0px;
		/*outline:none;*/
	}
	.theme1 .cpabc07, .theme1 .ovr.cpabc07 {			/* tabs off-white */
		background-color: #ececec;
	}
	.theme1 .cpabc07:hover, .theme1 .ovr.cpabc07:hover {
		background: #eeffff;
	}
	.theme1 .cpabc07:focus, .theme1 .ovr.cpabc07:focus {
		background: #eeffff;
		border: 1px solid #6391e4;
		border-radius: 0px;
		height: 15px;
		/*outline:none;*/
	}
	.theme1 .cpabc08, .theme1 .ovr.cpabc08 {			/* buttons */
		background-color: #ffffff;
	}
	.theme1 .cpabch9 {			/* Full width header */
		background-color: #ffffff;
		font-family: Roboto "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 18px;
		border: none;
		height: auto;
		padding: 2px;
	}
	.theme1 .cpabc09, .theme1 .ovr.cpabc09 {			/* Standard header */
		background-color: #ffffff;
		font-weight: bold;
		font-size: 16px;
		border: none;
		height: auto;
		/* padding: 2px; */
	}
	.theme1 .cpabc10, .theme1 .ovr.cpabc10 {			/* Causeway background to top bar - lower section (msg 10063) */
		background-color: white;
		border: none;
		padding: 1px;
	}
	.theme1 .cpabc11, .theme1 .ovr.cpabc11 {			/* Causeway background general override (msg 10227) */
		background-color: #f6f6f6;
	}
	.theme1 .cpabc12, .theme1 .ovr.cpabc12 {			/* Causeway footer (msg 10228) */
		background-color: #969696;
		border: none;
		padding: 2px;
	}
	.theme1 .cpabc13, .theme1 .ovr.cpabc13 {			/* Small header (eg.GLG01) */
		background-color: #ffffff;
		font-weight: bold;
		font-size: 12px;
		color: #dc7633;
		border: none;
		height: auto;
		padding: 2px;
	}
	.theme1 .cpabc14, .theme1 .ovr.cpabc14 {			/* buttons */
		background-color: #ffffff;
	}
	/* Foreground colours equivalent to the above but for highlighting */
	.theme1 .cpafc41, .theme1 .ovr.cpafc41 {						/* Light Grey */
		color: #ababab;
	}
	.theme1 .cpafc42, .theme1 .ovr.cpafc42 {						/* White */
		color: #ffffff;
	}
	.theme1 .cpafc43, .theme1 .ovr.cpafc43 {						/* Dark Orange b84747 -> Dark orange */
		color: #c0392b;
	}
	.theme1 .cpafc44, .theme1 .ovr.cpafc44 {						/* Standard display colour: Grey */
		color: #2e2e2e;
	}
	.theme1 .cpafc45, .theme1 .ovr.cpafc45 {						/* Ochre b3b300 -> Ochre */
		color: #e67e22;
	}
	.theme1 .cpafc46, .theme1 .ovr.cpafc46 {						/* Magenta */
		color: #f000f0;
	}
	.theme1 .cpafc47, .theme1 .ovr.cpafc47 {						/* Mauve 9966cc -> Brown */
		color: #996633;
	}
	.theme1 .cpafc48, .theme1 .ovr.cpafc48 {						/* Red-5 eb613d -> Puce */
		color: #e7b0a9;
	}
	.theme1 .cpafc49, .theme1 .ovr.cpafc49 {						/* Light Grey */
		color: #c0c0c0;
	}
	.theme1 .cpafc50, .theme1 .ovr.cpafc50 {						/* Green-brown 808000 -> Mauve */
		color: #bc8dd0;
	}
	.theme1 .cpafc51, .theme1 .ovr.cpafc51 {						/* Violet 800080 -> Light blue */
		color: #4060ff;
	}
	.theme1 .cpafc52, .theme1 .ovr.cpafc52 {						/* Red ff0000 -> Red */
		color: #ff0000;
	}
	.theme1 .cpafc53, .theme1 .ovr.cpafc53 {						/* Turquise 008080 -> Violet */
		color: #8e44ad;
	}
	.theme1 .cpafc54, .theme1 .ovr.cpafc54 {						/* Light green 008000 -> Dark green */
		color: #16a085;
	}
	.theme1 .cpafc55, .theme1 .ovr.cpafc55 {						/* Violet-Blue 280099 -> Mustard */
		color: #e7b747;
	}
	.theme1 .cpafc56, .theme1 .ovr.cpafc56 {						/* Dark Blue 0000ff -> Dark blue */
		color: #0870cf;
	}
	/* -------------------------------------------------------- */
	/* Background colours equivalent to the foreground variants */
	.theme1 .cpabc41, .theme1 .ovr.cpabc41 {						/* Light Grey */
		background-color: #ababab;
	}
	.theme1 .cpabc42, .theme1 .ovr.cpabc42 {						/* White */
		background-color: #ffffff;
	}
	.theme1 .cpabc43, .theme1 .ovr.cpabc43 {						/* Dark Orange b84747 -> Dark orange */
		background-color: #c0392b;
	}
	.theme1 .cpabc44, .theme1 .ovr.cpabc44 {						/* Standard display colour: Grey */
		background-color: #2e2e2e;
	}
	.theme1 .cpabc45, .theme1 .ovr.cpabc45 {						/* Ochre b3b300 -> Ochre */
		background-color: #e67e22;
	}
	.theme1 .cpabc46, .theme1 .ovr.cpabc46 {						/* Magenta */
		background-color: #f000f0;
	}
	.theme1 .cpabc47, .theme1 .ovr.cpabc47 {						/* Mauve 9966cc -> Brown */
		background-color: #996633;
	}
	.theme1 .cpabc48, .theme1 .ovr.cpabc48 {						/* Red-5 eb613d -> Puce */
		background-color: #e7b0a9;
	}
	.theme1 .cpabc49, .theme1 .ovr.cpabc49 {						/* Light Grey */
		background-color: #c0c0c0;
	}
	.theme1 .cpabc50, .theme1 .ovr.cpabc50 {						/* Green-brown 808000 -> Mauve */
		background-color: #bc8dd0;
	}
	.theme1 .cpabc51, .theme1 .ovr.cpabc51 {						/* Violet 800080 -> Light blue */
		background-color: #4060ff;
	}
	.theme1 .cpabc52, .theme1 .ovr.cpabc52 {						/* Red ff0000 -> Red */
		background-color: #ff0000;
	}
	.theme1 .cpabc53, .theme1 .ovr.cpabc53 {						/* Turquise 008080 -> Violet */
		background-color: #8e44ad;
	}
	.theme1 .cpabc54, .theme1 .ovr.cpabc54 {						/* Light green 008000 -> Dark green */
		background-color: #16a085;
	}
	.theme1 .cpabc55, .theme1 .ovr.cpabc55 {						/* Violet-Blue 280099 -> Mustard */
		background-color: #e7b747;
	}
	.theme1 .cpabc56, .theme1 .ovr.cpabc56 {						/* Dark Blue 0000ff -> Dark blue */
		background-color: #0870cf;
	}
	/*-----Additional highlight colours--------------*/
	.theme1 .cpafc60, .theme1 .ovr.cpafc60 { background-color: #b3b6ff; }	/* Light blue/mauve background */
	.theme1 .cpafc61, .theme1 .ovr.cpafc61 { background-color: #02e6b8; }	/* Green/turquoise background */
	.theme1 .cpafc62, .theme1 .ovr.cpafc62 { background-color: #c899e0; }	/* Mauve background */
	.theme1 .cpafc63, .theme1 .ovr.cpafc63 { background-color: #ffffb8; }	/* Very light yellow background */
	.theme1 .cpafc64, .theme1 .ovr.cpafc64 { background-color: #02e687; }	/* Light green background */
	.theme1 .cpafc65, .theme1 .ovr.cpafc65 { background-color: #03f7ff; }	/* Sky blue background */
	.theme1 .cpafc66, .theme1 .ovr.cpafc66 { background-color: #ff8903; }	/* Ochre background */
	.theme1 .cpafc67, .theme1 .ovr.cpafc67 { background-color: #ff8a8a; }	/* Light red background */
	.theme1 .cpafc68, .theme1 .ovr.cpafc68 { background-color: #96bdff; }	/* Blue focus background (was 71a3f8) */
	.theme1 .selected.cpafc60, .theme1 .ovr.selected.cpafc60 { background-color: #888bc2; }	/* Light blue/mauve selected - darker */
	.theme1 .selected.cpafc61, .theme1 .ovr.selected.cpafc61 { background-color: #00b893; }	/* Green/turquoise selected - darker */
	.theme1 .selected.cpafc62, .theme1 .ovr.selected.cpafc62 { background-color: #866696; } /* Mauve selected - darker */
	.theme1 .selected.cpafc63, .theme1 .ovr.selected.cpafc63 { background-color: #d4d496; } /* Beige */
	.theme1 .selected.cpafc64, .theme1 .ovr.selected.cpafc64 { background-color: #02b067; }	/* Green selected - darker */
	.theme1 .selected.cpafc65, .theme1 .ovr.selected.cpafc65 { background-color: #00b9bf; }	/* Sky blue selected - darker */
	.theme1 .selected.cpafc66, .theme1 .ovr.selected.cpafc66 { background-color: #b36205; }	/* Ochre selected - darker */
	.theme1 .selected.cpafc67, .theme1 .ovr.selected.cpafc67 { background-color: #a65858; }	/* Light red slected - darker */
	.theme1 .selected.cpafc68, .theme1 .ovr.selected.cpafc68 { background-color: #2e2eff; }	/* Blue selected background */
	/*-----------------------------------------------------------*/
	.theme1 .cpascrhdr {
		width: 10px;
		padding: 0px;
		margin: 0px;
	}
	.theme1 .cpascroll {
		width: 10px;
		padding: 0px;
		margin: 0px;
		background-color: #dbe3e7;
		border: none;
		flex: 1;
	} 
	.theme1 .cpascrtd {
		padding: 0px;
		margin: 0px;
		border: none;
		white-space: nowrap;
		max-width: none;
	}
	.theme1 .cpascrbg {
		padding: 0px;
		margin: 0px;
		background-color: #dbe3e7;
		border: none;
		width:10px;
		flex: 0;
		display: flex;
		flex-direction: column;
	}
	.theme1 .cpascrbut {
		padding: 0px;
		margin: 0px;
		height: 18px;
		width: 10px;
		background-color: #939393;
		border: 1px outset #4e4e4e;
		border-radius: 0px;
		color: #ffffff;
		background-image: none;
	}
		.theme1 .cpascrbg > .cpascrbut .chevron-char {
			font-size: 13px;
			margin-inline-start: 1px;
			background-color: transparent;
			color: #ffffff;
		}
		.theme1 .cpascrbg > .cpascrbut svg {
 			display: none;
		}
	/* Google map class */
	.theme1 .cpagooglemap {
		position: absolute !important;
		height:100%;
		width:100%;
	}

/*----------------------------------------*/
/*---------JOB MANAGEMENT-----------------*/
/*----------------------------------------*/
	.theme1 .jm {
		/* Core Colours */
		--colr_22: white;			/* Google search backg */
		--colr_23: #0000ff;		/* Google search: text     */
		--colr_24: #aadaff;		/* JobLst:  background */
		--colr_26: #dbe3e7;		/* JobLst: scrollbar backg */
		--colr_27: #f5f5f5;		/* JobLst: table hdr backg */
		--colr_28: #0a24ba;		/* JobLst: table header */
		--colr_29: red;				/* T/l: non-work day backg */
		--colr_30: black;			/* T/l: inner table label */
		--colr_31: white;			/* T/l: inner table NrJobs */
		--colr_32: #3573b5;		/* T/l: inner table backg */
		--colr_33: #f3fcff;		/* T/l: working day backg */
		--colr_34: #00fcff;		/* T/l: unusable time */
		--colr_35: #a6bfc8;		/* T/l: job travel backg */
		--colr_36: #11990d;		/* T/l: job background */
		--colr_37: black;			/* T/l: ganger text */
		--colr_38: #0000ff;		/* T/l: ganger hover text */
		--colr_39: #fbfafb;		/* T/l: main div backg */
		--colr_40: #c5493c;		/* T/l: main div text */
		--colr_41: #08a2a2;		/* T/l: ganger box-shadow */
		--colr_42: #ffffff;		/* T/l: date box-shadow */
		--colr_43: #b9a8a8;		/* Slide menu gradient fr */
		--colr_44: #c6b1b1;		/* Slide menu gradient to */
		--colr_45: #8cfdfde6;	/* Slide menu hover backg */
		--colr_46: white;			/* Slide menu main text */
		--colr_47: #1702ac;		/* Slide menu span hover */
		--colr_48: white;			/* Slide menu hover text */
		--colr_49: #0090ff;		/* Slide menu layers act */
		--colr_50: #56e5d8;		/* Re-size bars background */
		--colr_54: #4f95df;		/* OPTIONS background */
		--colr_55: white;			/* OPTIONS text */
		--colr_56: white;			/* Timeline header background */
		--colr_57: #bdc5df;		/* JobLst: table header border */
		--colr_58: #9ebaf0;		/* T/l: header outline */
		--colr_59: #7ecbf1;		/* T/l: working day outline */
		--colr_60: orange;		/* Slide menu layers deact */
		--colr_61: yellow;		/* Slide menu restricted */
		--colr_62: blue;			/* Slide menu unavailable */
		--colr_63: #4e4e4e;		/* T/l: date and days text */
		--colr_64: #eeffff;		/* T/l: date and days backg */
		--colr_65: #ff0000;		/* T/l: day highlight: non-work day */
		--colr_66: #ffb0b0;		/* T/l: gang name highl: no start loc */
		--colr_67: #16a085;		/* T/l: gang name highl: lone worker */
		/*--colr_68: white;*/			/* T/l: ganger button text */
		/*--colr_69: #6391e4;*/		/* T/l: ganger button text */
		--colr_70: #4ff3f4;		/* T/l: exception time backg */
		--colr_71: black;			/* T/l: day highlight: locked by user */
		--colr_72: yellow;		/* T/l: gang name highl: has vehicle */
		--colr_73: pink;			/* Fleet Vehicle icon colour */
		--colr_74: #ffff00;		/* Ganger Vehicle icon colour */
		--colr_75: magenta;		/* Street Manager icon colour */
	}

	/* Job Management: Containers */
	.theme1 .jm label {
		width: auto;
	}
	.theme1 #MAS01-parent {
		position: relative;
		height: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	.theme1 #MAS01.jm {
		height: 100% !important;
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
	}
		.theme1 #MAS01 ::-webkit-scrollbar {
			width: 10px; /* for horizontal scrollbar */
			height: 10px; /* for vertical scrollbar */
		}
			.theme1 #MAS01 ::-webkit-scrollbar-track {
				background: #dbe3e7; /* var(--cpa-scrollbar) */
			}
			.theme1 #MAS01 ::-webkit-scrollbar-thumb {
				background: #939393; /* var(--cpa-scrollbar-handle) */
				border-radius: 4px; /* var(--cpa-scrollbar-handle-radius) */
			}
			.theme1 #MAS01 ::-webkit-scrollbar-thumb:hover {
				background: #939393; /* var(--cpa-scrollbar-handle-hover) */
			}
	.theme1 .jm #MAS01-MAIN {
		flex: 1;
		float: none;
		overflow: auto;
	}
	.theme1 .jm #MAS01-H1 {
		height: 100%;
		display: flex;
	}

	/* Job Management: Left */
	.theme1 .jm #MAS01-V2 {
		height:100%; 
		width: 400px;
		display:flex; 
		flex-direction: column;
		float:none;
		overflow: hidden;
	}
		.theme1 .jm #MAS01-V2 > div {
			display: flex;
			flex-direction: column;
			overflow: hidden;
		}
		.theme1 .jm #MAS01-V2 > div:first-child{
			flex: 1;
		}
		
		.theme1 .jm #MAS01-tbldiv {
			flex: 1;
			overflow-x:auto; 
			overflow-y:hidden; 
			height:100%;
			background-color: var(--colr_53);
			container-name: tbldiv;
			container-type: size;
		}
			.theme1 .jm #MAS01-tbl {
				order: 2;
				table-layout: auto;
				max-height: calc(21 * 2 * 1.3rem);
				font-size: 0.7rem;
				line-height: 0.8rem;
			}
				.theme1 .jm #MAS01-tbl tbody {
					overflow: unset;
					overflow-y: unset;
				}
				.theme1 .jm #MAS01-tbl tr {
					/*
					height:30px !important; 
					border:solid 1px #b3baf3 !important;
					*/
					height: unset;
				}
					.theme1 .jm #MAS01-tbl th {
						background-color:var(--colr_27) !important;
						color:var(--colr_28) !important;
						border-style: none;
						border-width: 3px;
						border-color:var(--colr_57);
						padding: 0 10px 0 2px;
						font-size: 14px;
						width: auto !important;
					}
					/* For debug */
					.theme1 .jm #MAS01-tbl tr:last-child td:first-child {
					}
					.theme1 .jm #MAS01-tbl tr td {
						padding: 1px 1px 2px 1px;
						width: auto !important;
					}
						.theme1 .jm #MAS01-tbl tr td label {
							padding: 0;
							margin: 0;
							height: auto;
							line-height: unset;
							border: none;
							white-space: nowrap;
						}
						.theme1 .jm #MAS01-tbl tr td:first-child > div {
							--svgcolor:white;
							height: 100%;
							padding-right: 2rem;
						}
							.theme1 .jm #MAS01-tbl tr td:first-child > div > div:first-child {		/* aka .ml-recognizer */
								float: left;
								height: 100%;
								padding-right: 0.2rem;
								display: flex;
							}
								.theme1 .jm #MAS01-tbl tr td:first-child > div > div:first-child img.mlicon,
								.theme1 .jm #MAS01-tbl tr td:first-child > div > div:first-child svg {
									padding:0px;
									height: 100%;
									width: auto;
									min-height: 1.5rem;
								}
								.theme1 .jm #MAS01-tbl tr td:first-child > div > div:first-child img.mlicon {
									border-radius:25%;
								}
								.theme1 .jm #MAS01-tbl tr td:first-child > div label {
									font-weight: normal; 
								}
								.theme1 .jm #MAS01-tbl tr td:first-child > div label:first-child {
									font-weight: bold;
								}
								/* Hide svg in .ml-recognizer */
								.theme1 .jm #MAS01-tbl .ml-recognizer svg {
									display: none;
								}

					@media only screen and (max-height: 1050px) {
						.theme1 .jm #MAS01-tbl tr td:first-child {
						}
							.theme1 .jm #MAS01-tbl tr td:first-child > div {
								padding-right: 1rem;
							}
							.theme1 .jm #MAS01-tbl tr td:first-child br {
								display: none;
							}
								.theme1 .jm #MAS01-tbl tr td:first-child > div label {
									display: flex;
									flex-direction: column;
									/*height: 100%;*/
									justify-content: center;
								}
					}

		.theme1 .jm #MAS01-disp {
			background-color:white;
			border:1px solid #bcbcbc;
			width:auto;
			overflow:hidden;
			float:left;
		}	
			.theme1 .jm #MAS01-disp table {
				table-layout: auto;
				font-size: 0.7rem;
				line-height: 0.7rem;
			}
				.theme1 .jm #MAS01-disp th {
					width: 1px;
					white-space: nowrap;
					padding: 0px 10px 0px 8px;
					text-align: left;
				}
				.theme1 .jm #MAS01-disp label {
					height: auto;
				}

		.theme1 .jm #MAS01-H4 {
			display: none;
		}
	
	/* Job Management: Right */
	.theme1 .jm #MAS01-V5 {
		/*height:100%;*/
		min-width: 1px;
		flex:1; 
		display:flex; 
		flex-direction:column; 
		float:none;
	}

		/* Job Management: Top-right */
		.theme1 .jm #MAS01-H6 {
			display:flex; 
			float:none;
			flex: 1;
		}
			/* Map and menus */
			.theme1 .jm #MAS01-D003041 {
				height: 100%;
				position: relative;
				padding: 0px;
				border: 0;
				display: flex;
				flex-direction: column;
			}
			
				/* Menus */
				.theme1 .jm #MAS01-menus {
					color: var(--colr_48);
					display: flex;
					padding: 0;
					position: absolute;
					z-index: 10001;
					background: var(--cpa-navbar-secondary);
					width: 100%;
				}
				.theme1 .jm #MAS01-menus > ul {
					display: flex;
				}
				.theme1 .jm #MAS01-menus > ul li {
					background: white;
				}
				.theme1 .jm #MAS01-menus > ul > li {
					background: none;
				}
				.theme1 .jm #MAS01-menus > ul > li > ul {
					border: 1px solid black;
					background: white;
					padding: 5px;
				}
				.theme1 .jm #MAS01-menus > ul > li > ul > li {
					margin: 2px 0px;
				}
				.theme1 .jm #MAS01-menus > ul > li > ul > li > a {
					color: black;
				}
					.theme1 .jm #MAS01-menus .enabled {
						color: var(--colr_49);
					}
					.theme1 .jm #MAS01-menus .deact {
						color: var(--colr_60);
					}
					.theme1 .jm #MAS01-menus .unavail {
						color: var(--colr_61);
					}
					.theme1 .jm #MAS01-menus .unavail:hover {
						color: red;
					}
					.theme1 .jm #MAS01-menus .unavail:active {
						pointer-events: none;
					}
					.theme1 .jm #MAS01-menus .restrict {
						color: var(--colr_62);
					}
					/*
					.theme1 .jm .jmmenu {
						position:absolute; text-align:center; background-image:linear-gradient(to right,var(--colr_43),var(--colr_44)); box-shadow: 0px 2px 5px rgba(0,0,0,0.6); font-size:12px; color:transparent; width:100px; height:16px; cursor:default; overflow:hidden; z-index:1000;
					}
					.theme1 .jm .jmmenu span:hover {
						color:var(--colr_48) !important; font-weight:bold;
					}
					.theme1 .jm .jmmenu:hover, .theme1 .jm .jmmenu.hover {
						background-color:var(--colr_45); color:var(--colr_46); height:auto;
					}
					.theme1 .jm .jmmenu span {
						white-space: nowrap;
					}

					.theme1 .jm .smmmenu {
						left:0px;
						top:300px;
					}
					.theme1 .jm .smmmenu:hover, .theme1 .jm .smmmenu.hover {
						width:170px;
					}

					.theme1 .jm .smsmenu {
						left:180px;
						top:300px;
					}
					.theme1 .jm .smsmenu:hover, .theme1 .jm .smsmenu.hover {
						width:170px;
					}

					.theme1 .jm .sysinfo {
						left:360px;
						top:300px;
					}
					.theme1 .jm .sysinfo:hover, .theme1 .jm .sysinfo.hover {
						width:140px;
					}

					.theme1 .jm .mapmenu {
						left:520px;
						top:300px;
					}
					.theme1 .jm .mapmenu:hover {
						width:150px;
					}
					*/

				/* Map */
				.theme1 .jm #MAS01-M01 {
					width: 100%;
					height: 100%;
					position: relative;
				}
				.theme1 .jm .cpagooglemap {
					/*position: unset !important;*/
					height:100%;
					width:100%;
				}
				.theme1 .jm #googleSearch {
					background:var(--colr_22);
					font-weight:bold;
					color:var(--colr_23);
					font-size:14px !important;
					top:-2px !important;
					left:820px !important;
				}
		
		/* Job Management: Bottom-right */
		.theme1 .jm #MAS01-H7 {
			height:30%; 
			display:flex; 
			float:none;
		}
			/* Job Management: Timeline */
			.theme1 .jm #MAS01-D024041 { 
				overflow: scroll;
				float: none;
				padding: 0px;
			}
				.theme1 .jm #MAS01-M02 {
				}
					.theme1 .jm #MAS01-TL1 {
						background-color:var(--colr_39); 
						color:var(--colr_40); 
						border-style:none;
					}
						.theme1 .jm #MAS01-TLtbl {
							width:100%; 
							display:block;
							cursor:default;
						}
							/* thead */
							.theme1 .jm #MAS01-TLtbl thead {
								position: -webkit-sticky; 
								position: sticky; 
								z-index: 3; 
								top: 0;
							}
							.theme1 .jm #MAS01-TLtbl thead, .theme1 .jm #MAS01-TLtbl th {
								font-size: 0.625rem; 
								padding: 0; 
								background: var(--colr_56);
							}
							/* Ganger / Date */
							.theme1 .jm #MAS01-TLtbl thead th:first-child {
								display: flex;
								text-align:left;
								padding: 0.1rem 0.2rem;
							}
								/* Ganger button */
								.theme1 .jm #MAS01-TLtbl button#MAS01-030002 {
									margin: 0 0.2rem 0 0;
									/*
									width:48px; 
									color:var(--colr_68); 
									background:var(--colr_69);
									*/
								}
								/* tlwdate */
								.theme1 .jm #MAS01-TLtbl .tlwdate {
									color: var(--colr_63); 
									background: var(--colr_64);
								}
								.theme1 .jm #MAS01-TLtbl input#MAS01-028002 {
									width:67px;
								}
								/* Num */
								.theme1 .jm #MAS01-TLtbl input#MAS01-029002 {
									width:20px;
								}
							/* Refresh button */
							.theme1 .jm #MAS01-TLtbl #MAS01-th-date {
								z-index:2;
								font-size:12px; 
								padding:0px 4px; 
								color:var(--colr_68); 
								background-color:var(--colr_69) !important;
							}
								.theme1 .jm #MAS01-TLtbl #MAS01-th-date:hover {
									color:white;
									background-color:#0870cf !important;
								}
							/* Hour */
							.theme1 .jm #MAS01-TLtbl #MAS01-th-time label {
								margin:0px 0px;
								padding:0px 0px 0px 4px;
								font-weight:bold;
								outline:solid 1px var(--colr_58);
								text-align:left;
								border:none;
							}

							/* tbody (Note, there are multiple tbody tags) */
							.theme1 .jm tbody {
								box-shadow:0 0 0 1px var(--colr_41);
							}
								/* tr */
								.theme1 .jm .tltr:not(.tltr-inq) {
									box-shadow:0 0 0 1px var(--colr_42);
								}
								/* Gang name */
								.theme1 .jm .tlgang {
									display: inline-block;
									inline-size:180px;
									white-space:break-spaces;
									overflow:unset;
									font-size:12px;
									text-align:left;
									color:var(--colr_37);
									margin:0px; padding:0px;
								}
									.theme1 .jm .tlgang:hover {
										font-weight:bold; color:var(--colr_38);
									}
								/* Row date */
								.theme1 .jm .tl-day-date {
									height:12px; padding:0px 4px; overflow:visible; font-size:10px; font-weight:normal; text-align:left; color:var(--colr_30);
								}
									/* Non-working day */
									/* .theme1 .jm .tlgdate { */
									.theme1 .jm tr.tlnwkd .tl-day-date:first-child {
										color: var(--colr_65) !important;
									}
								/* Blob */
								/*.theme1 .jm .tlinr {*/
								.theme1 .jm th.tl-day-jobs div {
									height:12px; width:17px; border-radius:5px; background-color:var(--colr_32);
								}
									.theme1 .jm .tlnlab {
										overflow:visible; font-size:10px; font-weight:normal; text-align:center; color:var(--colr_31); display:block;
									}
								/* Blocks */
								.theme1 .jm .tl-day-blocks {
									position:relative; height:12px; padding:0px; font-size:10px; height:14px; background:url("icons/pattern.svg"); background-size:32px 32px; display:flex;
								}
									/* Weekend */
									.theme1 .jm .tlnwkd .tl-day-blocks {
										background-color:var(--colr_29) !important;
									}
								.theme1 .jm .tl-day-blocks-workingday {
									position:absolute; height:14px; color:#fff; background:var(--colr_33); outline:solid 1px var(--colr_59); opacity:1;
								}
								.theme1 .jm .tl-day-blocks-unusabletime {
									position:relative; height:14px; color:#fff; background:var(--colr_34); outline:solid 1px var(--colr_59); opacity:1;
								}
								.theme1 .jm .tl-day-blocks-exception {
									position:absolute; height:14px; color:#fff; background:var(--colr_70); outline:solid 1px var(--colr_59); opacity:0.5; z-index:1;
								}
								/* Slider */
								.theme1 .jm #MAS01-TLtbl .tlij1 {
									position:absolute;
									height:6px;
									color:#fff;
									background:var(--colr_35);
									margin:4px 0px;
									border-left: solid 2px #000;
								}
								.theme1 .jm #MAS01-TLtbl .tlij2 {
									position:absolute;
									height:10px;
									color:#fff;
									background:var(--colr_36);
									margin:2px 0px;
									border-radius:5px;
									z-index: 2;
								}
								.theme1 .jm #MAS01-TLtbl .tlij3 {
									position:absolute;
									height:6px;
									color:#fff;
									background:var(--colr_35);
									margin:4px 0px;
								}
								
								/* Misc */
								/*.theme1 .jm .tlglock {*/
								.theme1 .jm tr.tlglock .tl-day-blocks:first-child {
									background-color:var(--colr_71) !important;
								}
								.theme1 .jm .tlgnhnsl {
									background-color: var(--colr_66) !important;
								}
								.theme1 .jm .tlgnhlw {
									background-color: var(--colr_67) !important;
								}
								.theme1 .jm .tlgnhhv {
									background-color: var(--colr_72) !important;
								}
								.theme1 .jm .tllist {
									display:block; overflow:auto; cursor:default;
								}
								.theme1 .jm .mapjobs {
									position:absolute;
									background-image:linear-gradient(to right,var(--colr_43),var(--colr_44));
									box-shadow: 0px 2px 5px rgba(0,0,0,0.6);
									font-size:12px;
									color:white;
									width:auto;
									height:auto;
									cursor:default;
									overflow:hidden;
									left:400px;
									top:60px;
									z-index:999;
									padding:3px 15px 9px 14px;
									min-width:140px;
								}
								.theme1 .jm .mapjobc {
									float:left;
								}
								.theme1 .jm .maplij {
									float:left; font-size:11px; padding-right:5px;
								}
								.theme1 .jm .maplij:hover {
									cursor:context-menu; focus; font-weight:bold;
								}
								.theme1 .jm .masmono {
									font-family:monospace !important; font-size:14px; color:#ffffff;
								}

	/* Job Management: Resizer bars */
	.theme1 .jm .resizer[data-direction="horizontal"] {
		background-color:var(--colr_50); background-image: url("splitbar.png"); 
		height:100%; 
		width:6px; 
		min-width:6px; 
		cursor:ew-resize !important;
	}
	.theme1 .jm .resizer[data-direction="vertical"] {
		background-color:var(--colr_50); 
		background-image: url("hsplitbar.png"); 
		height:6px; 
		min-height:6px; 
		width:100%; 
		cursor:ns-resize !important;
	}
	.theme1 .jm .jmresize {
		border:1px solid #cbd5e0; 
		/* height:706px; */ 
		min-height: 1px;
		width:100%; 
		float:none; 
		overflow:visible;
	}

	/* Drag & drop styles */
	.theme1 .jm .jmdragging {
		background-color:white; 
		border:1px solid black; 
		width:200px; 
		overflow:hidden; 
		opacity:0.7; 
		transform:scale(0.5);
	}
		.theme1 .jm .jmdragging > div > div {
			display: inline-block;
			height: 2rem;
		}							
		.theme1 .jm .jmdragging > div > div:first-child {
			width: 2rem;
		}							
			.theme1 .jm .jmdragging > div > div:first-child img {
				max-height: 2rem;
				max-width: 2rem;
			}
	.theme1 .jm #MAS01-TLtbl .jmdrag{
		opacity: 0.5;
		background: yellow;
	}
	.theme1 .jm #MAS01-TLtbl .jmdrop{
		/*box-shadow: 0 0 0 2px red;*/
	}
	.theme1 .jm #MAS01-TLtbl .jmdrop > td {
		border-color: red;
		box-shadow: 0 0 0 2px red;
	}
	.theme1 .jm #MAS01-TLtbl .dropzone {
		width: 100%; color:#000000; overflow:auto;
	}
	.theme1 .jm #MAS01-TLtbl .mapdropz {
		width: 100%; color:#000000;
	}
	.theme1 .jm #MAS01-TLtbl .tlidropz {
		width: 100%; color:#000000;
	}

	/* Misc */

	.theme1 .jm .mapinfo {
		background-image:linear-gradient(to right,#598fbb,#3479b8); box-shadow: 0px 2px 5px rgba(0,0,0,0.6); font-size:12px; color:black; border-radius:8px; padding:5px;
	}
	.theme1 .jm .gm-style-iw-chr button {
		height: 20px !important;
	}
	.theme1 .jm .gm-style-iw-chr button span {
		margin: 0 0 0 20px !important;
	}
	.theme1 .jm .gm-style-iw-c {
		padding:1px !important; max-width:400px !important;
	}
	.theme1 .jm .mapinfh {
		font-size:14px; font-weight:bold; color:#000000; padding-bottom:6px;
	}

	/* cpafc90 used by the modified list display tag */
	.theme1 .jm tr.selected.cpafc90 {
		background-color:var(--colr_24) !important;
	}
	.theme1 .jm .cpafc90 {
		white-space:nowrap;
	}
	/* Modify the height of cpascrbg (687-was 450) and cpascroll (613-was 377) */
	/* The scrollbar depth is header(20) + 21 rows of 33 = 693. Total=713. */
	/* The scrollbar (693) is margin(20) + home(18) + end(18) + div(618) = 693 */
	/* The scroll background is 693 + top-margin 20 = 713. */
	.theme1 .jm .smmcpascrbg {
		height:693px !important; padding: 0px; margin: 0px; background-color:var(--colr_26); border: none !important;
	}
	.theme1 .jm .smmcpascroll {
		height:618px !important; width: 10px; padding: 0px; margin: 32px 0px 0px 0px; background-color:var(--colr_26); display: inline-block; cursor:default; border: none !important;
	}
	/* Modify the table header styling and table div to provide overflow-x. The 'smmcpatr' is appied to CPA list rows. */
	.theme1 .jm .smmth {
		background-color:var(--colr_27) !important; color:var(--colr_28) !important; border-style: none; border-width: 3px; border-color:var(--colr_57); padding: 0 10px 0 2px; font-size: 14px;
	}


/*----------------------------------------*/
/*---------PROJECTS WORKBENCH-------------*/
/*----------------------------------------*/
	.theme1 #PDB02-M01 {
		min-height: 22px;
	}
		.theme1 #PDB02-MG > li {
			font-size:13px; font-weight:normal; color:black;
		}
	
	.theme1 .pdbmenu {
		display: inline-block;
		padding:0px 5px;
		margin:2px 0px;
	}
	.theme1 .pdbmenu > li {
		display:inline-block;
		border:1px solid #dce9f4;
		background-color: var(--button-alt);
	}
	.theme1 .pdbmenu > li > a {
		padding:0px 5px;
		/*box-shadow:0px 2px 5px rgba(0,0,0,0.6);*/
	}
	.theme1 .pdbmenu > li > a::after {
		display: inline-block;
		font: normal normal normal 8px/1 FontAwesome;
		content: "\f078";
		padding:0 0 2px 4px;
		vertical-align: middle;
	}
	.theme1 .pdbmenu > li:hover ul {
		display:block;
		position:absolute;
	}
	.theme1 .pdbmenu > li:hover > a::after {
		content: "\f077";
	}
	.theme1 .pdbmenu a {
		white-space: nowrap;
		color:black;
		margin-right:1px;
	}
	.theme1 .pdbmenu a:hover {
		display:inline;
	}
	.theme1 .pdbmenu > li ul {
		display:none;
		background-color: #dce9f4;
		box-shadow:0px 2px 2px rgba(0,0,0,0.6);
		font-size:12px;
		transition:top 1s;
		-webkit-transition:all 0.5s linear;
		width:auto;
		padding:0px 5px;
		float:left;
	}
	.theme1 #PDB02 legendrj {
		margin:0px 0px 2px -14px;
	}
	.theme1 #PDB02 h4 select { /* Formerly .pdselect */
		margin:0px; padding:0px; font-weight:bold; height:16px; border:none;
	}
/*----------------------------------------*/
/*---------PROCUREMENT WORKBENCH----------*/
/*----------------------------------------*/
	.theme1 #PWB01-ddanchor {
		overflow: hidden;
		z-index: 1;
	}
	.theme1 #PWB01-ddanchor > div {
		/*border: 1px dotted black !important;*/
		margin: 1rem 0 0 0.3rem;
	}
	/* Procurement Workbench */
	.theme1 {
		--prwb-mainbg: var(--core-white);
		--prwb-pwborder: #f0f086;
		--prwb-pwhdr: #dc7633;
		--prwb-pwlstdiv: #dce9f4;
		--prwb-fsetbg: #ffffff;
	}
		.theme1 #PWB01 .horiz, 
		.theme1 #PWB01 .cpadiv,
		.theme1 #PWB01 fieldset,
		.theme1 #PWB01 .maindiv
		{
			background: var(--prwb-mainbg);
		}
		.theme1 #PWB01 .maindiv
		{
			border: none;
		}
		.theme1 #PWB01 .fset,
		{
			background: var(--prwb-fsetbg);
		}
		.theme1 #PWB01 #PWB01-D006002
		{
			overflow: auto;
		}
		
		.theme1 .pwtile {
			border:2px solid black; 
			border-radius: 5px; 
			background:var(--prwb-pwborder);
			margin:0px 5px; 
			width:9em;
			/*margin:19px 5px 0px 5px; */
			padding:1px 0px 2px 2px;
		}
			.theme1 .pwcollapse .pwtile {
				width: 2em;
				overflow: hidden;
			}

		.theme1 .pwdivs {
			width:auto;
			overflow:auto; 
			margin:0px; 
			display:flex; 
			float:none;
		}
		.theme1 .pwsecth {
			min-width:min-content; 
			background:var(--prwb-mainbg); 
			outline:dotted 1px black; 
			margin:5px 0px 10px 10px; 
			display:flex; 
			float:none;
			width: auto;
		}
		.theme1 .pwsectv {
			min-width:min-content; 
			background:var(--prwb-mainbg); 
			outline:dotted 1px black; 
			margin:5px 0px 10px 10px; 
			display:block; 
			float:none;
			width: auto;
		}

		.theme1 .pwdivs legend {
			color:blue; background:var(--prwb-mainbg);
		}

		.theme1 .pwtile button {
			height:36px !important; 
			border:none !important; 
			text-align:center !important; 
			background:transparent !important;
			font-size: 0.8em;
			color: inherit;
			width: 100%;
		}

		.theme1 .pwcounts {
			text-align:center !important; 
			background:transparent; 
			border:1px none; 
			color:black !important; 
			font-weight:bold !important;
			font-size: 1.25em;
			height: 1.25em;
			width:70%;
		}
		.theme1 .pwvalues {
			text-align:center !important; 
			background:transparent; 
			border:1px none; 
			font-weight:bold !important;
			font-size: 0.9em;
			height: 0.9em;
			width:91%;
		}
		.theme1 .pwhdr {
			font-size:16px !important; font-weight:bold; color:var(--prwb-pwhdr); width:100% !important;
		}
		.theme1 .pwmenu,
		.theme1 #PWB01 #PWB01-D001001
		{
			border-bottom:solid black 1px; margin-bottom:5px;
		}
		.theme1 .pwmenunode {
			max-height:500px; overflow:auto; z-index:1;
		}
		.theme1 .pwicon {
			width:18%; scale:2; padding-left:4px;
		}
		.theme1 .pwgroup,
		.theme1 #PWB01 #PWB01-M02
		{
			height:auto; overflow:auto;
		}
		.theme1 .pwcollapse .pwborder {
			width: 4.5em;
		}

		/* These rules allow hovering over the legend to show left/right arrows depending on whether class pwcollapse is present */
		.theme1 .pwdivs legend:hover::after {
			display:inline-block; font:normal normal normal 8px/1 FontAwesome; content:"\f060"; padding:0 0 2px 4px; vertical-align:middle;
		}
		.theme1 .pwdivs legend:hover {
			background:white;
		}
		.theme1 .pwcollapse > .pwdivs legend:hover::after {
			display:inline-block; font:normal normal normal 8px/1 FontAwesome; content:"\f061"; padding:0 0 2px 4px; vertical-align:middle;
		}
		
		/* These classes are for the list drop-down */
		.theme1 .pwlstdiv {
			display:inline-block; position:absolute; right:20px;
		}
		.theme1 .pwlstdiv ul {
			display:none; background-color:var(--prwb-pwlstdiv); box-shadow:0px 2px 2px rgba(0,0,0,0.6); font-size:12px; transition:top 1s; -webkit-transition:all 0.5s linear; width:auto; padding:0px 5px; float:left; margin-top:1px;
		}
		.theme1 .pwlstdiv > a {
			border:1px solid var(--prwb-pwlstdiv); padding:0px 5px; background-color: var(--prwb-pwlstdiv);
		}
		.theme1 .pwlstdiv > a::after {
			display: inline-block; font: normal normal normal 8px/1 FontAwesome; content: "\f078"; padding:0 0 2px 4px; vertical-align: middle;
		}
		.theme1 .pwlstdiv:hover ul {
			display:block; position:absolute; right:2px;
		}
		.theme1 .pwlstdiv:hover > a::after {
			content: "\f077";
		}

/*----------------------------------------*/
/*---------LOGIN/LOGOUT-------------------*/
/*----------------------------------------*/
	.theme1 #SIGNONH {
		padding: 0;
	}
	.theme1 #SIGNONH br {
		display: none;
	}
	.theme1 #SIGNONH-MAIN {
		border: none;
		padding: 2rem;
	}
	.theme1 #SIGNONH-H2 {
		display: none;
	}
	.theme1 #SIGNONH-D005002 {
		display: none;
	}
	.theme1 #SIGNONH-anchor0400 {
		min-height: auto !important;
		margin: 0 0 2rem 0;
	}
	.theme1 #SIGNONH-anchor0400 img {
		content: url(images/theme1/causeway-pa-stacked.svg);
		max-width: 20rem;
	}
	.theme1 #SIGNONH-D016002 {
		display: none;
	}
	.theme1 #SIGNONH-V6 {
		
	}
	.theme1 #SIGNONH-V10 {
		display: none;
	}
	.theme1 #SIGNONH-prdiv {
		padding: 0 0 2rem 2rem;
	}
	.theme1 #SIGNONH-fkeys1 {
		padding: 0;
		margin: 0 2rem 0 0;
	}

	/* Logout */
	.theme1 #SIGNOFFH .page-logout {
		font-family: "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #58595b;
		font-size: 23px;
		font-weight: normal;
		line-height: 25px;
	}
	.theme1 #SIGNOFFH-anchor0400 {
		display: none;
	}

/*----------------------------------------*/
/*---------QS FORECASTS-------------------*/
/*----------------------------------------*/
	.theme1 [aria-describedby=QFC05] ul {
		font-size: 1rem !important;
		white-space: nowrap;
	}
	.theme1 [aria-describedby=QFC05] select {
		height: 18px;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.theme1 [aria-describedby=QFC05] ul li {
		padding:0;
	}
	.theme1 #QFC05 table {
		white-space: nowrap;
	}
	.theme1 #QFC05 table tr th {
		padding: 0.3rem;
		background: inherit;
	}
	.theme1 input:not([type]).emival {
		height:14px;
		padding:0px 4px;
		color:var(--colr_13);
		outline:1px dotted var(--colr_15);
		margin: 1px 0px;
	}
	.theme1 label.emidsp {
		margin: 2px 0px;
	}
	.theme1 .flexcontainer {
		display: flex;
	}
	.theme1 .flexelement {
		flex: 0 0 auto;
	}

/*----------------------------------------*/
/*---------THEME 2------------------------*/
/*----------------------------------------*/
	.theme2 {
		/* Platform */
		--plat-core-black100: #000000;
		--plat-core-black090: #191919;
		--plat-core-black080: #333333;
		--plat-core-black070: #4c4c4c;
		--plat-core-black060: #666666;
		--plat-core-black050: #7f7f7f;
		--plat-core-black040: #999999;
		--plat-core-black030: #b2b2b2;
		--plat-core-black020: #cccccc;
		--plat-core-black010: #e5e7e9;
		--plat-core-black005: #f2f2f2;

		--plat-core-black: #101820;
		--plat-core-dark-grey: #2d343b;
		--plat-core-grey: #40464d;
		--plat-core-grey095: #4a4f56;
		--plat-core-platinum: #b7c9d3;
		--plat-core-platinum060: #d4dfe5;
		--plat-core-platinum040: #e2e9ed;
		--plat-core-platinum030: #e9eff2;
		--plat-core-platinum020: #f1f4f6;
		--plat-core-platinum015: #f4f7f8;
		--plat-core-platinum010: #f6f8fa;
		--plat-core-platinum000: #fbfcfd;

		--plat-core-cool-grey: #bdc3c7;
		--plat-core-cool-grey045: #f9f9f9;
		--plat-core-blue: #0047bb;
		--plat-core-blue090: #1959c2;
		--plat-core-sky-blue: #41b6e6;
		--plat-core-blue030: #b2c7ea;
		--plat-core-white: #ffffff;

		--plat-border-radius: 2px;

		--plat-body: var(--plat-core-white);
		--plat-font-family: Roboto, Arial, Helvetica, sans-serif;
		--plat-text: var(--plat-core-black080);
		--plat-text-helper: var(--plat-core-black040);
		--plat-text-on-color: var(--plat-core-white);
		--plat-link: var(--plat-core-blue);
		--plat-link-hover: var(--plat-core-blue090);
		--plat-headings: var(--plat-core-blue090);
		--plat-button: var(--plat-core-blue090);
		--plat-button-hover: var(--plat-core-blue);

		--plat-navbar: var(--plat-core-platinum040);
		--plat-navbar-hover: var(--plat-core-platinum060);
		--plat-navbar-active: var(--plat-core-black050);

		--plat-table-border-color: var(--plat-core-platinum060);
		--plat-table-border-width: 1px;
		--plat-table-thead-border-color: unset;
		--plat-table-thead-border-width: 0;
		--plat-table-th: var(--plat-core-platinum060);
		--plat-table-th-border-color: var(--plat-core-platinum060);
		--plat-table-th-border-width: 1px;
		--plat-table-tr: var(--plat-core-white);
		--plat-table-tr-alt: var(--plat-core-platinum020);
		--plat-table-tr-hover: var(--plat-core-platinum030);
		--plat-table-td-border-color: var(--plat-core-platinum020) var(--plat-core-platinum060);
		--plat-table-td-border-width: 1px;
				
		/* Blue */
		--cds-col-blue20: #ddd4f7;
		--cds-col-blue20-hover: #cabded;
		--cds-col-blue40: #7091e4;
		--cds-col-blue50: #7952e0;
		--cds-col-blue60: #5727D8;
		--cds-col-blue60-hover: #4e23c2;
		--cds-col-blue70: #461fad;
		--cds-col-blue80: #3d1b97;
		--cds-col-blue80-50pc: rgba(61, 27, 151, .50);
		/* Cool Gray */
		--cds-col-coolgray20: #c0d0dd;
		--cds-col-coolgray20-hover: #b6c5d1;
		--cds-col-coolgray100: #171d22;
		/* Cyan */
		--cds-col-cyan10ish: #d0e2ff;
		--cds-col-cyan20: #bdd8ff;
		--cds-col-cyan20-hover: #afc9ed;
		--cds-col-cyan70: #2459a3;
		/* Green */
		--cds-col-green20: #47ffd1;
		--cds-col-green20-hover: #42ebc1;
		--cds-col-green40: #06efb5;
		--cds-col-green60: #07ce9c;
		--cds-col-green70: #02674e;
		/* Gray */
		--cds-col-gray10: #f3f4f8;
		--cds-col-gray10-hover: #e9eaef;
		--cds-col-gray20: #f8f9fe;
		--cds-col-gray20-hover: #d6d6d7;
		--cds-col-gray30: #ededed;
		--cds-col-gray35: #cccccc;
		--cds-col-gray40: #afb4b9;
		--cds-col-gray50: #8c9094;
		--cds-col-gray50-12pc: rgba(140, 144, 148, .12);
		--cds-col-gray50-20pc: rgba(140, 144, 148, .20);
		--cds-col-gray50-32pc: rgba(140, 144, 148, .32);
		--cds-col-gray50-50pc: rgba(140, 144, 148, .50);
		--cds-col-gray60: #777a7d;
		--cds-col-gray70: #505356;
		--cds-col-gray80: #262b30;
		--cds-col-gray80-hover: #323537;
		--cds-col-gray100: #1d2125;
		--cds-col-gray100-25pc: rgba(29, 33, 37, .25);
		--cds-col-gray100-50pc: rgba(29, 33, 37, .5);
		/* Magenta */
		--cds-col-magenta20: #ffc2dc;
		--cds-col-magenta20-hover: #e8b2c9;
		--cds-col-magenta70: #8d3057;
		/* Orange */
		--cds-col-orange40: #ff6042;
		/* Purple */
		--cds-col-purple20: #f4dbff;
		--cds-col-purple20-hover: #e5cdf0;
		--cds-col-purple60: #8700bf;
		--cds-col-purple70: #690095;
		/* Red */
		--cds-col-red10: #ebc6c6;
		--cds-col-red20: #f0cdc0;
		--cds-col-red20-hover: #f1b49e;
		--cds-col-red50: #cf7250;
		--cds-col-red60: #d33901;
		--cds-col-red60-hover: #be3504;
		--cds-col-red70: #9b482a;
		--cds-col-red80: #5c2e1d;
		/* Teal */
		--cds-col-teal20: #c9d4df;
		--cds-col-teal20-hover: #bbc5cf;
		--cds-col-teal70: #3d5976;
		/* Warm Gray */
		--cds-col-warmgray20: #e7d1d1;
		--cds-col-warmgray20-hover: #dec9c9;
		--cds-col-warmgray100: #2c2121;
		/* White */
		--cds-col-white: #ffffff;
		/* Yellow */
		--cds-col-yellow30: #ffd25b;

 		/* Shadows */
		--cds-shadows-menu: 0 2px 6px 0 rgba(0,0,0,.3);		
		
		/* Background */
		--cds-background: #f4f0fc;
		--cds-background-active: rgba(49, 19, 94, .3);
		--cds-background-hover: rgba(49, 19, 94, .12);
		--cds-background-selected: rgba(49, 19, 94, .2);
		--cds-background-selected-hover: rgba(49, 19, 94, .32);
		--cds-background-brand: #690095;
		--cds-background-inverse: #1d103e;
		--cds-background-inverse-hover: #323537;
  
		/* Layer */
		--cds-layer-01: #ffffff;
		--cds-layer-02: #f8f9fe;
		--cds-layer-03: #f8f6ff;
		--cds-layer-hover-01: #ece8ff;
		--cds-layer-hover-02: #e9eaef;
		--cds-layer-hover-03: #e9eaef;
		--cds-layer-active-01: #c5b8da;
		--cds-layer-active-02: #ededed;
		--cds-layer-active-03: #ededed;
		--cds-layer-selected-01: #f8f6ff;
		--cds-layer-selected-02: #f8f6ff;
		--cds-layer-selected-03: #f8f6ff;
		--cds-layer-selected-hover-01: #d6d6d7;
		--cds-layer-selected-hover-02: #d6d6d7;
		--cds-layer-selected-hover-03: #d6d6d7;
		--cds-layer-selected-disabled: #c5b8da;
		--cds-layer-selected-inverse: #1d2125;
		--cds-layer: var(--cds-layer-01, #f4f4f4);
		--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
		--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
		--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
		--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);

		/* Layer Accent */
		--cds-layer-accent-01: #f8f6ff;
		--cds-layer-accent-02: #f8f6ff;
		--cds-layer-accent-03: #f8f6ff;
		--cds-layer-accent-hover-01: #d6d6d7;
		--cds-layer-accent-hover-02: #d6d6d7;
		--cds-layer-accent-hover-03: #d6d6d7;
		--cds-layer-accent-active-01: #afb4b9;
		--cds-layer-accent-active-02: #afb4b9;
		--cds-layer-accent-active-03: #afb4b9;
		--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
		--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
		--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);

		/* Field */
		--cds-field-01: #f8f9fe;
		--cds-field-02: #ffffff;
		--cds-field-03: #f8f9fe;
		--cds-field-hover-01: #eae5ff;
		--cds-field-hover-02: #eae5ff;
		--cds-field-hover-03: #eae5ff;
		--cds-field: var(--cds-field-01, #f4f4f4);
		--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);

		/* Border */
		--cds-border-radius: 0;
		--cds-border-brand: var(--cds-col-orange40);	/* TODO no equivalent */
		--cds-border-subtle-00: #eae5ff;
		--cds-border-subtle-01: #c5b8da;
		--cds-border-subtle-02: #f8f6ff;
		--cds-border-subtle-03: #ededed;
		--cds-border-subtle-selected-01: #ededed;
		--cds-border-subtle-selected-02: #ededed;
		--cds-border-subtle-selected-03: #ededed;
		--cds-border-strong-01: #8c9094;
		--cds-border-strong-02: #8c9094;
		--cds-border-strong-03: #8c9094;
		--cds-border-inverse: #1d2125;
		--cds-border-interactive: #5727d8;
		--cds-border-disabled: #ededed;
		--cds-border-tile-01: #ededed;
		--cds-border-tile-02: #afb4b9;
		--cds-border-tile-03: #ededed;
		--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
		--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
		--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
		--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);

		/* Text */
		--cds-font-family: Geist, Arial, Helvetica, sans-serif;
		--cds-text-primary: #1d103e;
		--cds-text-secondary: #31135e;
		--cds-text-placeholder: rgba(39, 15, 75, .5);
		--cds-text-on-color: #f5f2ff;
		--cds-text-helper: #5a427e;
		--cds-text-error: #c63339;
		--cds-text-inverse: #f5f2ff;
		--cds-text-disabled: rgba(29, 16, 62, .5);
		--cds-text-on-color-disabled: rgba(242, 240, 254, .75);

		/* Link */
		--cds-link-primary: #690095;
		--cds-link-primary-hover: #200d3f;
		--cds-link-secondary: #461fad;
		--cds-link-inverse: #e5a7ff;
		--cds-link-visited: #fab600;
		--cds-link-inverse-active: #f4f4f4;
		--cds-link-inverse-hover: #a6c8ff;
		--cds-link-inverse-visited: #be95ff;

		/* Icon */
		--cds-icon-primary: #1d103e;
		--cds-icon-secondary: #690095;
		--cds-icon-on-color: #f5f2ff;
		--cds-icon-inverse: #f5f2ff;
		--cds-icon-on-color-disabled: rgba(242, 240, 254, .7490196078);
		--cds-icon-disabled: rgba(29, 33, 37, .5);
		--cds-icon-interactive: #690095;

		/* Support */
		--cds-support-undefined: var(--cds-col-purple60);	/* TODO no equivalent */
		--cds-support-error: #c63339;
		--cds-support-success: #048f6d;
		--cds-support-warning: #ffd25b;
		--cds-support-info: #461fad;
		--cds-support-error-inverse: #cc474d;
		--cds-support-warning-inverse: #ffd25b;
		--cds-support-info-inverse: #4589ff;
		--cds-support-caution-major: #ff907b;
		--cds-support-caution-minor: #ffd25b;
		--cds-support-caution-undefined: #8700bf;
		--cds-support-success-inverse: #6af5d3;

		/* Round shape */
		--cds-round-large: 24px;
		--cds-round-medium: 20px;
		--cds-round-small: 16px;
		--cds-round-extra-small: 8px;
		--cds-round-micro: 4px;

		/* Focus */
		--cds-focus: #690095;
		--cds-focus-inset: #ffffff;
		--cds-focus-inverse: #ffffff;

		/* Miscellaneous */
		--cds-interactive: #690095;
		--cds-highlight: #e7ccf2;
		--cds-overlay: rgba(29, 33, 37, .5);
		--cds-skeleton-background: #eae5ff;
		--cds-skeleton-element: #c5b8da;
		--cds-toggle-off: #8c9094;
		--cds-shadow: rgba(197, 184, 218, .2509803922);

		/* Button */
		--cds-button-primary: #690095;
		--cds-button-primary-hover: #301b5d;
		--cds-button-primary-active: #200d3f;
		--cds-button-secondary: #690095;
		--cds-button-secondary-hover: #301b5d;
		--cds-button-secondary-active: #200d3f;
		--cds-button-tertiary: #e7ccf2;
		--cds-button-tertiary-hover: #301b5d;
		--cds-button-tertiary-active: #200d3f;
		--cds-button-ghost: transparent;	/* TODO no equivalent */
		--cds-button-ghost-hover: var(--cds-col-gray50-12pc);	/* TODO no equivalent */
		--cds-button-ghost-active: var(--cds-col-gray50-50pc);	/* TODO no equivalent */
		--cds-button-ghost-border: var(--cds-col-blue60);	/* TODO no equivalent */
		--cds-button-danger-primary: #c63339;
		--cds-button-danger-secondary: #dd8588;
		--cds-button-danger-hover: #c2282f;
		--cds-button-danger-active: #b22e33;
		--cds-button-separator: #f8f6ff;
		--cds-button-disabled: #c5b8da;

		/* Datatable */
		--cds-datatable-header: var(--cds-col-gray30);	/* TODO no equivalent */
		
		/* Misc */
		--cds-miscellaneous-interactive: var(--cds-col-blue60);	/* TODO no equivalent */

		/* Other unused properties
		--cds-ai-aura-end: rgba(255, 255, 255, 0);
		--cds-ai-aura-hover-background: #edf5ff;
		--cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
		--cds-ai-aura-hover-start: rgba(69, 137, 255, .32);
		--cds-ai-aura-start: rgba(69, 137, 255, .1);
		--cds-ai-aura-start-sm: rgba(69, 137, 255, .16);
		--cds-ai-border-end: #78a9ff;
		--cds-ai-border-start: rgba(166, 200, 255, .64);
		--cds-ai-border-strong: #4589ff;
		--cds-ai-drop-shadow: rgba(15, 98, 254, .1);
		--cds-ai-inner-shadow: rgba(69, 137, 255, .1);
		--cds-ai-overlay: rgba(0, 17, 65, .5);
		--cds-ai-popover-background: #ffffff;
		--cds-ai-popover-caret-bottom: #78a9ff;
		--cds-ai-popover-caret-bottom-background: #eaf1ff;
		--cds-ai-popover-caret-bottom-background-actions: #e9effa;
		--cds-ai-popover-caret-center: #a0c3ff;
		--cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, .06);
		--cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, .04);
		--cds-ai-skeleton-background: #d0e2ff;
		--cds-ai-skeleton-element-background: #4589ff;
		--cds-chat-avatar-agent: #393939;
		--cds-chat-avatar-bot: #6f6f6f;
		--cds-chat-avatar-user: #0f62fe;
		--cds-chat-bubble-agent: #ffffff;
		--cds-chat-bubble-border: #e0e0e0;
		--cds-chat-bubble-user: #e0e0e0;
		--cds-chat-button: #0f62fe;
		--cds-chat-button-active: rgba(141, 141, 141, .5);
		--cds-chat-button-hover: rgba(141, 141, 141, .12);
		--cds-chat-button-selected: rgba(141, 141, 141, .2);
		--cds-chat-button-text-hover: #0043ce;
		--cds-chat-button-text-selected: #525252;
		--cds-chat-header-background: #ffffff;
		--cds-chat-prompt-background: #ffffff;
		--cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
		--cds-chat-prompt-border-start: #f4f4f4;
		--cds-chat-shell-background: #ffffff;
		--cds-spacing-01: .125rem;
		--cds-spacing-02: .25rem;
		--cds-spacing-03: .5rem;
		--cds-spacing-04: .75rem;
		--cds-spacing-05: 1rem;
		--cds-spacing-06: 1.5rem;
		--cds-spacing-07: 2rem;
		--cds-spacing-08: 2.5rem;
		--cds-spacing-09: 3rem;
		--cds-spacing-10: 4rem;
		--cds-spacing-11: 5rem;
		--cds-spacing-12: 6rem;
		--cds-spacing-13: 10rem;
		--cds-fluid-spacing-01: 0;
		--cds-fluid-spacing-02: 2vw;
		--cds-fluid-spacing-03: 5vw;
		--cds-fluid-spacing-04: 10vw;
		--cds-caption-01-font-size: .75rem;
		--cds-caption-01-font-weight: 400;
		--cds-caption-01-line-height: 1.33333;
		--cds-caption-01-letter-spacing: .32px;
		--cds-caption-02-font-size: .875rem;
		--cds-caption-02-font-weight: 400;
		--cds-caption-02-line-height: 1.28572;
		--cds-caption-02-letter-spacing: .32px;
		--cds-label-01-font-size: .75rem;
		--cds-label-01-font-weight: 400;
		--cds-label-01-line-height: 1.33333;
		--cds-label-01-letter-spacing: .32px;
		--cds-label-02-font-size: .875rem;
		--cds-label-02-font-weight: 400;
		--cds-label-02-line-height: 1.28572;
		--cds-label-02-letter-spacing: .16px;
		--cds-helper-text-01-font-size: .75rem;
		--cds-helper-text-01-line-height: 1.33333;
		--cds-helper-text-01-letter-spacing: .32px;
		--cds-helper-text-02-font-size: .875rem;
		--cds-helper-text-02-font-weight: 400;
		--cds-helper-text-02-line-height: 1.28572;
		--cds-helper-text-02-letter-spacing: .16px;
		--cds-body-short-01-font-size: .875rem;
		--cds-body-short-01-font-weight: 400;
		--cds-body-short-01-line-height: 1.28572;
		--cds-body-short-01-letter-spacing: .16px;
		--cds-body-short-02-font-size: 1rem;
		--cds-body-short-02-font-weight: 400;
		--cds-body-short-02-line-height: 1.375;
		--cds-body-short-02-letter-spacing: 0;
		--cds-body-long-01-font-size: .875rem;
		--cds-body-long-01-font-weight: 400;
		--cds-body-long-01-line-height: 1.42857;
		--cds-body-long-01-letter-spacing: .16px;
		--cds-body-long-02-font-size: 1rem;
		--cds-body-long-02-font-weight: 400;
		--cds-body-long-02-line-height: 1.5;
		--cds-body-long-02-letter-spacing: 0;
		--cds-code-01-font-family: "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace;
		--cds-code-01-font-size: .75rem;
		--cds-code-01-font-weight: 400;
		--cds-code-01-line-height: 1.33333;
		--cds-code-01-letter-spacing: .32px;
		--cds-code-02-font-family: "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace;
		--cds-code-02-font-size: .875rem;
		--cds-code-02-font-weight: 400;
		--cds-code-02-line-height: 1.42857;
		--cds-code-02-letter-spacing: .32px;
		--cds-heading-01-font-size: .875rem;
		--cds-heading-01-font-weight: 600;
		--cds-heading-01-line-height: 1.42857;
		--cds-heading-01-letter-spacing: .16px;
		--cds-heading-02-font-size: 1rem;
		--cds-heading-02-font-weight: 600;
		--cds-heading-02-line-height: 1.5;
		--cds-heading-02-letter-spacing: 0;
		--cds-productive-heading-01-font-size: .875rem;
		--cds-productive-heading-01-font-weight: 600;
		--cds-productive-heading-01-line-height: 1.28572;
		--cds-productive-heading-01-letter-spacing: .16px;
		--cds-productive-heading-02-font-size: 1rem;
		--cds-productive-heading-02-font-weight: 600;
		--cds-productive-heading-02-line-height: 1.375;
		--cds-productive-heading-02-letter-spacing: 0;
		--cds-productive-heading-03-font-size: 1.25rem;
		--cds-productive-heading-03-font-weight: 400;
		--cds-productive-heading-03-line-height: 1.4;
		--cds-productive-heading-03-letter-spacing: 0;
		--cds-productive-heading-04-font-size: 1.75rem;
		--cds-productive-heading-04-font-weight: 400;
		--cds-productive-heading-04-line-height: 1.28572;
		--cds-productive-heading-04-letter-spacing: 0;
		--cds-productive-heading-05-font-size: 2rem;
		--cds-productive-heading-05-font-weight: 400;
		--cds-productive-heading-05-line-height: 1.25;
		--cds-productive-heading-05-letter-spacing: 0;
		--cds-productive-heading-06-font-size: 2.625rem;
		--cds-productive-heading-06-font-weight: 300;
		--cds-productive-heading-06-line-height: 1.199;
		--cds-productive-heading-06-letter-spacing: 0;
		--cds-productive-heading-07-font-size: 3.375rem;
		--cds-productive-heading-07-font-weight: 300;
		--cds-productive-heading-07-line-height: 1.19;
		--cds-productive-heading-07-letter-spacing: 0;
		--cds-expressive-paragraph-01-font-size: 1.5rem;
		--cds-expressive-paragraph-01-font-weight: 300;
		--cds-expressive-paragraph-01-line-height: 1.334;
		--cds-expressive-paragraph-01-letter-spacing: 0;
		--cds-expressive-heading-01-font-size: .875rem;
		--cds-expressive-heading-01-font-weight: 600;
		--cds-expressive-heading-01-line-height: 1.42857;
		--cds-expressive-heading-01-letter-spacing: .16px;
		--cds-expressive-heading-02-font-size: 1rem;
		--cds-expressive-heading-02-font-weight: 600;
		--cds-expressive-heading-02-line-height: 1.5;
		--cds-expressive-heading-02-letter-spacing: 0;
		--cds-expressive-heading-03-font-size: 1.25rem;
		--cds-expressive-heading-03-font-weight: 400;
		--cds-expressive-heading-03-line-height: 1.4;
		--cds-expressive-heading-03-letter-spacing: 0;
		--cds-expressive-heading-04-font-size: 1.75rem;
		--cds-expressive-heading-04-font-weight: 400;
		--cds-expressive-heading-04-line-height: 1.28572;
		--cds-expressive-heading-04-letter-spacing: 0;
		--cds-expressive-heading-05-font-size: 2rem;
		--cds-expressive-heading-05-font-weight: 400;
		--cds-expressive-heading-05-line-height: 1.25;
		--cds-expressive-heading-05-letter-spacing: 0;
		--cds-expressive-heading-06-font-size: 2rem;
		--cds-expressive-heading-06-font-weight: 600;
		--cds-expressive-heading-06-line-height: 1.25;
		--cds-expressive-heading-06-letter-spacing: 0;
		--cds-quotation-01-font-family: "IBM Plex Serif", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", serif;
		--cds-quotation-01-font-size: 1.25rem;
		--cds-quotation-01-font-weight: 400;
		--cds-quotation-01-line-height: 1.3;
		--cds-quotation-01-letter-spacing: 0;
		--cds-quotation-02-font-family: "IBM Plex Serif", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", serif;
		--cds-quotation-02-font-size: 2rem;
		--cds-quotation-02-font-weight: 300;
		--cds-quotation-02-line-height: 1.25;
		--cds-quotation-02-letter-spacing: 0;
		--cds-display-01-font-size: 2.625rem;
		--cds-display-01-font-weight: 300;
		--cds-display-01-line-height: 1.19;
		--cds-display-01-letter-spacing: 0;
		--cds-display-02-font-size: 2.625rem;
		--cds-display-02-font-weight: 600;
		--cds-display-02-line-height: 1.19;
		--cds-display-02-letter-spacing: 0;
		--cds-display-03-font-size: 2.625rem;
		--cds-display-03-font-weight: 300;
		--cds-display-03-line-height: 1.19;
		--cds-display-03-letter-spacing: 0;
		--cds-display-04-font-size: 2.625rem;
		--cds-display-04-font-weight: 300;
		--cds-display-04-line-height: 1.19;
		--cds-display-04-letter-spacing: 0;
		--cds-legal-01-font-size: .75rem;
		--cds-legal-01-font-weight: 400;
		--cds-legal-01-line-height: 1.33333;
		--cds-legal-01-letter-spacing: .32px;
		--cds-legal-02-font-size: .875rem;
		--cds-legal-02-font-weight: 400;
		--cds-legal-02-line-height: 1.28572;
		--cds-legal-02-letter-spacing: .16px;
		--cds-body-compact-01-font-size: .875rem;
		--cds-body-compact-01-font-weight: 400;
		--cds-body-compact-01-line-height: 1.28572;
		--cds-body-compact-01-letter-spacing: .16px;
		--cds-body-compact-02-font-size: 1rem;
		--cds-body-compact-02-font-weight: 400;
		--cds-body-compact-02-line-height: 1.375;
		--cds-body-compact-02-letter-spacing: 0;
		--cds-heading-compact-01-font-size: .875rem;
		--cds-heading-compact-01-font-weight: 600;
		--cds-heading-compact-01-line-height: 1.28572;
		--cds-heading-compact-01-letter-spacing: .16px;
		--cds-heading-compact-02-font-size: 1rem;
		--cds-heading-compact-02-font-weight: 600;
		--cds-heading-compact-02-line-height: 1.375;
		--cds-heading-compact-02-letter-spacing: 0;
		--cds-body-01-font-size: .875rem;
		--cds-body-01-font-weight: 400;
		--cds-body-01-line-height: 1.42857;
		--cds-body-01-letter-spacing: .16px;
		--cds-body-02-font-size: 1rem;
		--cds-body-02-font-weight: 400;
		--cds-body-02-line-height: 1.5;
		--cds-body-02-letter-spacing: 0;
		--cds-heading-03-font-size: 1.25rem;
		--cds-heading-03-font-weight: 400;
		--cds-heading-03-line-height: 1.4;
		--cds-heading-03-letter-spacing: 0;
		--cds-heading-04-font-size: 1.75rem;
		--cds-heading-04-font-weight: 400;
		--cds-heading-04-line-height: 1.28572;
		--cds-heading-04-letter-spacing: 0;
		--cds-heading-05-font-size: 2rem;
		--cds-heading-05-font-weight: 400;
		--cds-heading-05-line-height: 1.25;
		--cds-heading-05-letter-spacing: 0;
		--cds-heading-06-font-size: 2.625rem;
		--cds-heading-06-font-weight: 300;
		--cds-heading-06-line-height: 1.199;
		--cds-heading-06-letter-spacing: 0;
		--cds-heading-07-font-size: 3.375rem;
		--cds-heading-07-font-weight: 300;
		--cds-heading-07-line-height: 1.19;
		--cds-heading-07-letter-spacing: 0;
		--cds-fluid-heading-03-font-size: 1.25rem;
		--cds-fluid-heading-03-font-weight: 400;
		--cds-fluid-heading-03-line-height: 1.4;
		--cds-fluid-heading-03-letter-spacing: 0;
		--cds-fluid-heading-04-font-size: 1.75rem;
		--cds-fluid-heading-04-font-weight: 400;
		--cds-fluid-heading-04-line-height: 1.28572;
		--cds-fluid-heading-04-letter-spacing: 0;
		--cds-fluid-heading-05-font-size: 2rem;
		--cds-fluid-heading-05-font-weight: 400;
		--cds-fluid-heading-05-line-height: 1.25;
		--cds-fluid-heading-05-letter-spacing: 0;
		--cds-fluid-heading-06-font-size: 2rem;
		--cds-fluid-heading-06-font-weight: 600;
		--cds-fluid-heading-06-line-height: 1.25;
		--cds-fluid-heading-06-letter-spacing: 0;
		--cds-fluid-paragraph-01-font-size: 1.5rem;
		--cds-fluid-paragraph-01-font-weight: 300;
		--cds-fluid-paragraph-01-line-height: 1.334;
		--cds-fluid-paragraph-01-letter-spacing: 0;
		--cds-fluid-quotation-01-font-family: "IBM Plex Serif", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", serif;
		--cds-fluid-quotation-01-font-size: 1.25rem;
		--cds-fluid-quotation-01-font-weight: 400;
		--cds-fluid-quotation-01-line-height: 1.3;
		--cds-fluid-quotation-01-letter-spacing: 0;
		--cds-fluid-quotation-02-font-family: "IBM Plex Serif", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", serif;
		--cds-fluid-quotation-02-font-size: 2rem;
		--cds-fluid-quotation-02-font-weight: 300;
		--cds-fluid-quotation-02-line-height: 1.25;
		--cds-fluid-quotation-02-letter-spacing: 0;
		--cds-fluid-display-01-font-size: 2.625rem;
		--cds-fluid-display-01-font-weight: 300;
		--cds-fluid-display-01-line-height: 1.19;
		--cds-fluid-display-01-letter-spacing: 0;
		--cds-fluid-display-02-font-size: 2.625rem;
		--cds-fluid-display-02-font-weight: 600;
		--cds-fluid-display-02-line-height: 1.19;
		--cds-fluid-display-02-letter-spacing: 0;
		--cds-fluid-display-03-font-size: 2.625rem;
		--cds-fluid-display-03-font-weight: 300;
		--cds-fluid-display-03-line-height: 1.19;
		--cds-fluid-display-03-letter-spacing: 0;
		--cds-fluid-display-04-font-size: 2.625rem;
		--cds-fluid-display-04-font-weight: 300;
		--cds-fluid-display-04-line-height: 1.19;
		--cds-fluid-display-04-letter-spacing: 0;
		--cds-tracker-background: #eae5ff;
		--cds-notification-background-info: #f5f2ff;
		--cds-notification-background-success: #e6fdf8;
		--cds-notification-background-error: #f9ebeb;
		--cds-notification-background-warning: #fff1cb;
		--cds-notification-action-hover: #ffffff;
		--cds-notification-action-tertiary-inverse: #ffffff;
		--cds-notification-action-tertiary-inverse-text: #1d2125;
		--cds-notification-action-tertiary-inverse-hover: #ece8ff;
		--cds-tag-background-blue: #eef1ff;
		--cds-tag-color-blue: #461fad;
		--cds-tag-hover-blue: #ccdaf1;
		--cds-tag-background-cyan: #bdd8ff;
		--cds-tag-color-cyan: #2459a3;
		--cds-tag-hover-cyan: #afc9ed;
		--cds-tag-background-green: #cdfcf0;
		--cds-tag-color-green: #05bf91;
		--cds-tag-hover-green: #42ebc1;
		--cds-tag-background-magenta: #ffc2dc;
		--cds-tag-color-magenta: #8d3057;
		--cds-tag-hover-magenta: #e8b2c9;
		--cds-tag-background-purple: #e7ccf2;
		--cds-tag-color-purple: #690095;
		--cds-tag-hover-purple: #e5cdf0;
		--cds-tag-background-red: #f4d6d7;
		--cds-tag-color-red: #b22e33;
		--cds-tag-hover-red: #f7eaeb;
		--cds-tag-background-teal: #c9d4df;
		--cds-tag-color-teal: #3d5976;
		--cds-tag-hover-teal: #bbc5cf;
		--cds-tag-background-gray: #f8f6ff;
		--cds-tag-color-gray: #505356;
		--cds-tag-hover-gray: #d6d6d7;
		--cds-tag-background-cool-gray: #c0d0dd;
		--cds-tag-color-cool-gray: #171d22;
		--cds-tag-hover-cool-gray: #cdd3da;
		--cds-tag-background-warm-gray: #e7d1d1;
		--cds-tag-color-warm-gray: #171414;
		--cds-tag-hover-warm-gray: #2c2121;
		--cds-round: 1000000000px;
		--cds-extra-large: 32px;
		--cds-code-01-font-family: Geist Sans, system-ui, -apple-system, system-ui, .SFNSText-Regular, monospace;
		--cds-code-02-font-family: Geist Sans, system-ui, -apple-system, system-ui, .SFNSText-Regular, monospace;
		--cds-quotation-01-font-family: Geist Sans, system-ui, -apple-system, system-ui, .SFNSText-Regular, monospace;
		--cds-quotation-02-font-family: Geist Sans, system-ui, -apple-system, system-ui, .SFNSText-Regular, monospace;
		--cds-body-01-line-height: 20px;
		*/

		/* CPA */
		--cpa-u1: 0.0625rem;
		--cpa-u2: 0.125rem;
		--cpa-u4: 0.25rem;
		--cpa-u8: 0.5rem;
		--cpa-u12: 0.75rem;
		--cpa-u16: 1rem;
		--cpa-u24: 1.5rem;
		--cpa-u32: 2rem;
		--cpa-border-radius: var(--plat-border-radius);

		--cpa-margin-h: 0.8rem;
		--cpa-margin-v: 0.4rem;
		--cpa-margin-phv: 0.2rem;

		--cpa-line-margin-v: 1px;
		--cpa-line-padding-v: 1px;
		--cpa-line-border-v: 1px;
		--cpa-line-height: calc(1.1rem + 2 * var(--cpa-line-padding-v));

		--cpa-focus-outline: 2px solid var(--plat-core-blue090);
		--cpa-focus-outline-offset: -2px;

		--cpa-font-family: var(--plat-font-family);
		--cpa-body: var(--plat-body);
		--cpa-text: var(--plat-text);
		--cpa-text-size: 0.75rem;
		--cpa-helper: var(--plat-text-helper);
		--cpa-header: var(--cds-col-white);
		--cpa-footer: var(--cds-col-gray20);

		--cpa-navbar: var(--plat-navbar);
		--cpa-navbar-button: transparent;
		--cpa-navbar-button-text: inherit;
		--cpa-navbar-button-hover: var(--plat-navbar-hover);
		--cpa-navbar-button-hover-text: inherit;
		--cpa-navbar-button-active: var(--plat-navbar-active);
		--cpa-navbar-button-active-text: var(--plat-text-on-color);

		--cpa-navbar-secondary: var(--cds-col-gray20-hover);
		--cpa-navbar-secondary-button: transparent;
		--cpa-navbar-secondary-button-text: inherit;
		--cpa-navbar-secondary-button-hover: var(--cds-col-gray30);
		--cpa-navbar-secondary-button-hover-text: inherit;
		--cpa-navbar-secondary-button-active: var(--cds-col-gray60);
		--cpa-navbar-secondary-button-active-text: var(--cds-text-inverse);

		--cpa-menucontent: var(--cds-col-white);
		--cpa-menucontent-border: none;
		--cpa-menucontent-border-radius: var(--cpa-border-radius);
		--cpa-menucontent-shadow: var(--cds-shadows-menu);
		--cpa-menucontent-item-bg: transparent;
		--cpa-menucontent-item-bg-hover: var(--cds-layer-hover-02);
		--cpa-menucontent-item-bg-active: var(--cds-layer-02);
		--cpa-menucontent-item-text: var(--cds-text-primary);
		--cpa-menucontent-item-text-hover: var(--cds-text-primary);

		--cpa-link: var(--plat-link);
		--cpa-link-hover: var(--plat-link-hover);

		--cpa-h1: var(--cds-headings);
		--cpa-h2: var(--cds-headings);
		--cpa-h3: var(--cds-headings);
		--cpa-h4: var(--cds-headings);
		--cpa-h-font-size: 0.9rem;
		--cpa-h1-font-size: 1.3rem;
		--cpa-h2-font-size: 1.1rem;
		--cpa-h3-font-size: var(--cpa-h-font-size);
		--cpa-h-font-weight: 500;
		--cpa-h1-font-weight: 300;
		--cpa-h2-font-weight: 300;
		--cpa-h3-font-weight: 300;
		
		--cpa-table-border-color: var(--plat-table-border-color);
		--cpa-table-border-width: var(--plat-table-border-width);
		--cpa-table-thead-border-color: var(--plat-table-thead-border-color);
		--cpa-table-thead-border-width: var(--plat-table-thead-border-width);
		--cpa-table-th: var(--plat-table-th);
		--cpa-table-th-border-color: var(--plat-table-th-border-color);
		--cpa-table-th-border-width: var(--plat-table-th-border-width);
		--cpa-table-tr: var(--plat-table-tr);
		--cpa-table-tr-hover: var(--plat-table-tr-hover);
		--cpa-table-tr-alt: var(--plat-table-tr-alt);
		--cpa-table-tr-alt-hover: var(--plat-table-tr-hover);
		--cpa-table-tr-selected: var(--plat-core-blue090);
		--cpa-table-tr-selected-hover: var(--plat-core-blue);
		--cpa-table-tr-selected-text: var(--plat-text-on-color);
		--cpa-table-td-border-color: var(--plat-table-td-border-color);
		--cpa-table-td-border-width: var(--plat-table-td-border-width);

		--cpa-button: var(--plat-button);
		--cpa-button-border: var(--plat-button);
		--cpa-button-text: var(--plat-text-on-color);
		--cpa-button-hover: var(--plat-button-hover);
		--cpa-button-active: var(--plat-button-hover);
		--cpa-button-focus: var(--plat-button-hover);
		--cpa-button-focus-shadow: inset 0 0 0 1px var(--plat-button-hover), inset 0 0 0 2px var(--cds-focus-inset);

		--cpa-button-secondary: var(--cds-button-secondary);
		--cpa-button-secondary-border: var(--cds-button-secondary);
		--cpa-button-secondary-text: var(--cds-text-on-color);
		--cpa-button-secondary-hover: var(--cds-button-secondary-hover);
		--cpa-button-secondary-active: var(--cds-button-secondary-active);
		--cpa-button-secondary-focus: var(--cds-button-secondary);
		--cpa-button-secondary-focus-shadow: var(--cpa-button-focus-shadow);

		--cpa-button-ghost: transparent;
		--cpa-button-ghost-border: transparent;
		--cpa-button-ghost-text: var(--plat-link);
		--cpa-button-ghost-hover: var(--cds-button-ghost-hover);
		--cpa-button-ghost-hover-border: transparent;
		--cpa-button-ghost-hover-text: var(--plat-link-hover);
		--cpa-button-ghost-active: var(--cds-button-ghost-active);
		--cpa-button-ghost-active-border: transparent;
		--cpa-button-ghost-active-text: var(--plat-link-hover);
		--cpa-button-ghost-focus: var(--cds-focus-inverse);
		--cpa-button-ghost-focus-border: var(--plat-button);
		--cpa-button-ghost-focus-text: var(--plat-link-hover);
		--cpa-button-ghost-focus-shadow: none;
/*
		--cds-button-secondary: var(--cds-col-gray80);
		--cds-button-secondary-hover: var(--cds-col-gray80-hover);
		--cds-button-secondary-active: var(--cds-col-gray60);
		--cds-button-tertiary: var(--cds-col-blue60);
		--cds-button-tertiary-hover: var(--cds-col-blue60-hover);
		--cds-button-tertiary-active: var(--cds-col-blue80);
		--cds-button-ghost: transparent;
		--cds-button-ghost-hover: var(--cds-col-gray50-12pc);
		--cds-button-ghost-active: var(--cds-col-gray50-50pc);
		--cds-button-ghost-border: var(--cds-col-blue60);
*/

		--cpa-button-sm-padding-v: 0.15rem;
		--cpa-button-sm-padding-h: 0.6rem;
		--cpa-button-lg-padding-v: 0.7rem;
		--cpa-button-lg-padding-h: 0.8rem;
		--cpa-button-border-radius: var(--cpa-border-radius);
		
		--cpa-input: var(--plat-core-white);
		--cpa-input-border-style: solid;
		--cpa-input-border-color: var(--plat-core-black010);
		--cpa-input-border-width: 1px;
		--cpa-input-text: var(--cpa-text);
		
		--cpa-dialog-body: var(--cpa-body);
		--cpa-dialog-border: var(--cds-border-subtle-00);
		--cpa-dialog-border-width: 0;
		--cpa-dialog-border-radius: var(--cpa-border-radius);
		--cpa-dialog-shadow: var(--cds-shadows-menu);
		
		--cpa-tree: var(--cpa-body);
		--cpa-tree-text: var(--cds-text-secondary);
		--cpa-tree-hover: var(--cds-col-gray30);
		--cpa-tree-hover-text: var(--cds-text-secondary);
		/* Dropped */
		--cpa-tree-active: var(--cds-col-gray30);
		--cpa-tree-active-text: var(--cds-text-secondary);
		--cpa-tree-active-hover: var(--cds-col-gray10);
		--cpa-tree-active-hover-text: var(--cds-text-secondary);
		/* Focus */
		--cpa-tree-selected: var(--plat-core-blue090);
		--cpa-tree-selected-text: var(--plat-text-on-color);
		--cpa-tree-selected-hover: var(--plat-core-blue);
		--cpa-tree-selected-hover-text: var(--plat-text-on-color);

		--cpa-jm-resizer: var(--cds-col-gray30);

		--cpa-jm-timeline: var(--cds-col-gray30);
		--cpa-jm-timeline-nonworkday: var(--cds-col-red10);
		--cpa-jm-timeline-border: var(--cds-col-white);
		--cpa-jm-timeline-text: var(--cpa-text);
		--cpa-jm-timeline-workingday: var(--cds-col-cyan10ish);
		--cpa-jm-timeline-unusabletime: var(--cds-col-gray35);
		--cpa-jm-timeline-exceptiontime: var(--cds-col-green60);

		--cpa-login: var(--cds-col-gray30);
		--cpa-login-overlay: var(--cds-col-blue80-50pc);
		--cpa-login-text: var(--cds-col-gray50);

		--cpa-scrollbar: #dbe3e7;
		--cpa-scrollbar-size: 10px;
		--cpa-scrollbar-handle: #939393;
		--cpa-scrollbar-handle-hover: #939393;
		--cpa-scrollbar-handle-radius: 4px;
		
		--cpa-tabs-margin: 0 0 0.75rem 0;
		--cpa-tab: transparent;
		--cpa-tab-text: var(--cds-text-secondary);
		--cpa-tab-border: var(--cds-border-subtle-01);
		--cpa-tab-border-width: 0 0 2px 0;
		--cpa-tab-font-weight: 400;
		--cpa-tab-padding: 0.3rem 0.5rem;
		--cpa-tab-separation: 2px;
		--cpa-tab-hover-border: var(--cds-border-strong-01);
		--cpa-tab-selected: transparent;
		--cpa-tab-selected-text: var(--cds-text-primary);
		--cpa-tab-selected-border: var(--plat-core-blue090);
		--cpa-tab-selected-border-width: 0 0 2px 0;		
		--cpa-tab-selected-font-weight: 600;

		/* Infographic Colours */
		--ig-white: #ffffff;
		--ig-blue: #0870cf;
		--ig-sky-blue: #41b6e6;
		--ig-green: #1eb18c;
		--ig-brown: #996633;
		--ig-yellow: #e7b747;
		--ig-orange: #ff6a13;
		--ig-red: #f70535;
		--ig-mauve: #8e44ad;
		--ig-cool-grey: #bdc3c7;
		/* Infographic Colours 040 */
		--ig-blue040: #9ac5eb;
		--ig-sky-blue040: #b1e1f5;
		--ig-green040: #a0d7c9;
		--ig-brown040: #d5c0ac;
		--ig-yellow040: #f5e1b4;
		--ig-orange040: #ffc29f;
		--ig-red040: #f799ac;
		--ig-mauve040: #d1b3dd;
		--ig-cool-grey040: #e4e6e8;
	}

	/* Main elements */
	body.theme2 {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: var(--cds-background);
		color: var(--cpa-text);
		font-family: var(--cpa-font-family);
		box-sizing: border-box;
		line-height: var(--cpa-line-height);
	}
		.theme2 *,
		.theme2 *::before,
		.theme2 *::after {
			font-family: inherit;
			font-size: inherit;
			box-sizing: border-box;
			line-height: inherit;
		}

		.theme2 body.waiting {
			cursor: progress;
		}
	.theme2 h1, .theme2 h2, .theme2 h3, .theme2 h4, .theme2 h5, .theme2 h6, .theme2 h7 {
		font-size: var(--cpa-h-font-size);
		font-weight: var(--cpa-h-font-weight);
		margin: 0;
		padding: 0;
	}
		.theme2 h1 {
			margin: 1rem 0 0 0;
			color: var(--cpa-h1);
			font-size: var(--cpa-h1-font-size);
			font-weight: var(--cpa-h1-font-weight);
		}
		.theme2 h2 {
			color: var(--cpa-h2);
			font-weight: 300;
			font-size: var(--cpa-h2-font-size);
			font-weight: var(--cpa-h2-font-weight);
		}
		.theme2 h3 {
			color: var(--cpa-h3);
			font-weight: var(--cpa-h3-font-weight);
		}
		.theme2 h4 {
			color: var(--cpa-h4);
			padding: 0.125rem;
			font-size: inherit;
		}
	.theme2 ul, .theme2 li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.theme2 a {
		color: var(--cpa-link);
		text-decoration: none;
		line-height: var(--cpa-line-height);
		vertical-align: text-top;
	}
		.theme2 a:hover {
			color: var(--cpa-link-hover);
			text-decoration: underline;
		}
		.theme2 a:visited {
		}
		.theme2 a:active  {
		}

	.theme2 .tdiv {										/* Standard text grouping */
		border: 2px solid var(--cpa-navbar);
		border-radius: var(--cpa-border-radius);
		margin: 2px 0;
		width: 100%;
		padding: 2px 4px;
	}

	/* C1 - line layout */
	.theme2 fieldset.ldiv,
	.theme2 fieldset.bdiv,
	.theme2 fieldset.ldivh,
	.theme2 fieldset.bdivh,
	.theme2 .cpadiv.ldiv,
	.theme2 .cpadiv.bdiv,
	.theme2 .cpadiv.ldivh,
	.theme2 .cpadiv.bdivh {
		line-height: 1rem;
	}
	/* CPA-12142: Top-align inline-block label/field children so their line-box
	   contribution is independent of font-baseline metrics. Without this,
	   mixed-content rows (label + input on one <br>-terminated line, e.g.
	   plant-order rate rows or IP-address octet rows) round to a slightly
	   different line-box height than single-element rows at fractional Chrome
	   page-zoom levels (e.g. 80%), causing label and field columns to drift
	   apart by ~1px per mixed row. Top-aligning eliminates the baseline-
	   dependent rounding and locks per-row heights to be deterministic across
	   columns at every zoom level. */
	.theme2 :is(fieldset.ldivh, fieldset.bdivh, .cpadiv.ldivh, .cpadiv.bdivh) > :is(label, input, select, textarea) {
		vertical-align: top;
	}

	/* Fields */
	/* C1 - text inputs */
	.theme2 input:not([type]),
	.theme2 input[type=text],
	.theme2 input[type=password] {
		display: inline-block;
		background-color: var(--cds-field-01);
		color: var(--cds-text-primary);
		border-radius: 0.3125rem;
		border-width: 1px;
		border-style: solid;
		border-color: var(--cds-border-subtle-00);
		outline-width: 2px;
		outline-style: solid;
		outline-color: transparent;
		outline-offset: -2px;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
		line-height: 1rem;
		height: 1.5rem;
		/*padding-inline: 1rem;*/
		margin-block: 1px;
	}
		.theme2 input:is(:not([type]), [type=text], [type=password]):not(:disabled)::selection {
			background-color: #3367d1;
			color: #ffffff;
		}
 		.theme2 input.cpabc01:is(:not([type]), [type=text], [type=password]) {
			background-color: var(--cds-field-02);
		}
		.theme2 input:not([type]):active,
		.theme2 input[type=text]:active,
		.theme2 input[type=password]:active {
			outline-color: var(--cds-focus);
		}
		.theme2 input:not([type]):is(:focus-visible, :focus),
		.theme2 input[type=text]:is(:focus-visible, :focus),
		.theme2 input[type=password]:is(:focus-visible, :focus) {
			outline-color: var(--cds-focus);
		}
		.theme2 input:not([type]):disabled,
		.theme2 input[type=text]:disabled,
		.theme2 input[type=password]:disabled {
			border-color: transparent;
			color: var(--cds-text-disabled);
		}
		/* Override defeater: disabled */
		.theme2 input.ovr.cpabc01.cpafc01:not([type]):disabled,
		.theme2 input.ovr.cpabc01.cpafc01[type=text]:disabled,
		.theme2 input.ovr.cpabc01.cpafc01[type=password]:disabled {
			border-width: 1px;
			border-style: solid;
			border-color: transparent;
			background-color: var(--cds-field-01);
			color: var(--cds-text-disabled);
		}
	.theme2 textarea,
	.theme2 textarea[id][rows] {		/* Legacy rule defeater */
		display: inline-block;
		background-color: var(--cds-field-01);
		color: var(--cds-text-primary);
		border-radius: 0.3125rem;
		border-width: 1px;
		border-style: solid;
		border-color: var(--cds-border-subtle-00);
		outline-width: 2px;
		outline-style: solid;
		outline-color: transparent;
		outline-offset: -2px;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
		line-height: 1rem;
		min-height: 1.5rem;
		vertical-align: bottom;
		height: auto;
		margin-block: 1px;
	}
		/* Legacy rule defeaters */
		.theme2 :is(.bdiv, .bdivh):not(.ldiv, .ldivh) > textarea {
			resize: none;
		}
			.theme2 :is(.bdiv, .bdivh):not(.ldiv, .ldivh) > textarea[rows='1'] {
				height: 1.5rem;
			}
			.theme2 :is(.bdiv, .bdivh):not(.ldiv, .ldivh) > textarea[rows='2'] {
				height: calc(3rem + 2px);
				line-height: 1.33rem;
			}
			.theme2 :is(.bdiv, .bdivh):not(.ldiv, .ldivh) > textarea[rows='3'] {
				height: calc(4.5rem + 4px);
				line-height: 1.42rem;
			}
		.theme2 textarea:not(:disabled)::selection {
			background-color: #3367d1;
			color: #ffffff;
		}
		.theme2 textarea.cpabc01 {
			background-color: var(--cds-field-02);
		}
		.theme2 textarea:active {
			outline-color: var(--cds-focus);
		}
		.theme2 textarea:is(:focus-visible, :focus) {
			outline-color: var(--cds-focus);
		}
		.theme2 textarea:disabled {
			border-color: transparent;
			color: var(--cds-text-disabled);
		}
		/* Override defeater: disabled */
		.theme2 textarea.ovr.cpabc01.cpafc01:disabled {
			border-width: 1px;
			border-style: solid;
			border-color: transparent;
			background-color: var(--cds-field-01);
			color: var(--cds-text-disabled);
		}
	.theme2 select
	{
		margin: var(--cpa-line-margin-v) 0px;
		padding: var(--cpa-line-padding-v) 0.20rem;
		height: var(--cpa-line-height);
		display: inline-block;
		border: var(--cpa-line-border-v) solid #bcbcbc;
		background: var(--cpa-input);
		border-style: var(--cpa-input-border-style);
		/*border-color: var(--cpa-input-border-color);*/
		border-width: var(--cpa-input-border-width);
		border-radius: var(--cpa-border-radius);
		vertical-align: bottom;
	}
	.theme2 .field,
	.theme2 .lfield,
	.theme2 .ddown,
	.theme2 .ui-selectmenu-button{
	}

		.theme2 textarea {
			height: auto;
		}

	/* C1 - dropdown */ 
	.theme2 select.ddown {
		appearance: none;
		border-radius: 0.3125rem;
		border-width: 1px;
		border-style: solid;
		border-color: var(--cds-border-subtle-00);
		background-color: var(--cds-field-01);
		color: var(--cds-text-primary);
		font-family: Geist;
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1rem;
		height: 1.5rem;
		/* Arrow when dropdown is folded, appearance none to disable the default one and add C1 svg arrow */
		padding: 0 1rem 0 0.5rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z'/%3E%3C/svg%3E") !important; 
		background-repeat: no-repeat !important;
		background-size: 0.6rem !important;
		background-position: calc(100% - 0.5rem) !important;
		padding-right: 1.125rem; /* Because we don't want the text to go over the arrow */
		display: inline-block;
	}
		.theme2 select.ddown:disabled {
			border-color: transparent;
			color: var(--cds-text-disabled);
		}
		/* Override defeater: disabled */
		.theme2 select.ovr.cpabc01.cpafc01.ddown:disabled {
			border-width: 1px;
			border-style: solid;
			border-color: transparent;
			background-color: var(--cds-field-01);
			color: var(--cds-text-disabled);
		}
	.theme2 .ui-selectmenu-menu .cpa-expanded-ddown-active,
	.theme2 .ui-selectmenu-button-open {
		font-family: Geist;
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1rem;
	}
	.theme2 .ui-selectmenu-menu .cpa-expanded-ddown-active .ui-menu-item-wrapper.ui-state-active {    /* Hover over an unfolded option */
		border: 2px solid;
		border-color: var(--cds-field-hover-01);
		background: var(--cds-field-hover-01);
		color: var(--cds-text-primary);
	}
	.theme2 .ui-selectmenu-menu .cpa-expanded-ddown-active .ui-menu-item-wrapper:not(.ui-state-active) {    /* Regular option not selected and not hovered over */
		border: 2px solid transparent;
		margin: -1px;
		color: var(--cds-text-primary);
	}
	.theme2 .ui-selectmenu-menu .cpa-selected > div {    /* This option was selected before the dropdown is unfolded */
		border-color: var(--cds-background-brand) !important;
		border-width: 2px !important;
		border-style: solid !important;
		position: relative !important;
		margin: -1px;
	}
	.theme2 .ui-selectmenu-menu .cpa-selected > div::after {    /* Tick appearing when the item was selected at the beginning of the dropdown */
		content: '';
		position: absolute;
		top: 50%;
		right: 6px;
		transform: translateY(-50%);
		width: 0.75rem;
		height: 0.75rem;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path d='M6.00039 11.2002L2.80039 8.0002L1.86606 8.93454L6.00039 13.0689L15.0004 4.06885L14.0661 3.13452L6.00039 11.2002Z'/></svg>");
		background-repeat: no-repeat;
		background-size: contain;
	}
	.theme2 .cpa-expanded-ddown-active {    /* The container of all the options in the dropdown (custom class to this purpose) */
		padding: 4px 6px 4px 6px !important;
		border-radius: 0.3125rem !important;
		position: absolute !important;
		border-style: solid !important;
	}

		/*.theme2 input:not([type]):active,
		.theme2 input[type=text]:active,
		.theme2 textarea:active,
		.theme2 select:active,
		.theme2 input:not([type]):focus,
		.theme2 input[type=text]:focus,
		.theme2 textarea:focus,
		.theme2 select:focus
		{
			outline: var(--cpa-focus-outline);
			outline-offset: var(--cpa-focus-outline-offset);
		}*/

		.theme2 .field:active,
		.theme2 .lfield:active,
		.theme2 .ddown:active,
		.theme2 .ui-selectmenu-button:active,
		.theme2 .field:focus,
		.theme2 .lfield:focus,
		.theme2 .ddown:focus,
		.theme2 .ui-selectmenu-button:focus {
		}

		.theme2 .ui-selectmenu-button {
			padding: 0;
		}
			.theme2 .ui-selectmenu-button span.ui-selectmenu-icon {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-size: 0.6rem;
				background-position: right 0 center;
				transform: translate(0.3rem, 0) rotate(180deg);
				width: 1rem;
			}
			.theme2 .ui-selectmenu-button span.ui-selectmenu-text {
				padding: 0.15rem 1.125rem 0 0.5rem;
				line-height: 1.2rem;
				height: 1.5rem;
				background-color: var(--cds-field-01);
				/* Ellipsis */
				overflow: hidden;
				overflow-wrap: anywhere;
				box-sizing: border-box;
				white-space: nowrap;
				text-overflow: ellipsis;
				width: 100%;
			}
				.theme2 table.cpatable .ui-selectmenu-button span.ui-selectmenu-text {
					padding-top: 0;
				}
			.theme2 span.ui-selectmenu-button-open {    /* Span created when the dropdown is open, in the place of the button to unfold it */
				border-style: solid;
				border-color: var(--cds-border-subtle-00);
				border-width: 1px;
				border-radius: 0.3125rem;
			}
			.theme2 .cpa-ddown-hover:enabled {
				background: var(--cds-field-hover-01) !important;
			}
			.theme2 .ui-selectmenu-menu .ui-menu {
				position: absolute;
				border-style: solid;
				border-color: var(--cds-border-subtle-00);
				border-width: 1px;
				border-bottom-left-radius: var(--cpa-border-radius);
				border-bottom-right-radius: var(--cpa-border-radius);
			}
				.theme2 .ui-selectmenu-menu .ui-menu-item {
					padding: 0;
				}
					.theme2 .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
						padding: var(--cpa-line-padding-v) 2px;
						padding-left: 0.5rem;
						padding-right: 20px;
						overflow: hidden;
						overflow-wrap: anywhere;
						box-sizing: border-box;
						white-space: nowrap;
						text-overflow: ellipsis;
						width: 100%;
					}
		.theme2 .ui-selectmenu-menu div.ui-menu-item-wrapper {
			border-radius: 0.25rem;
			padding-inline: 2rem 2.625rem;
		}

	/* Fieldset */
	.theme2 fieldset { 
		margin: 0;
		padding: 0 0 0 2px;
		border: none !important;
		overflow: hidden;
		width: auto;
	}
	.theme2 .fset {										/* Added to divs that require adjustment due to companion fieldset */
		margin: 0;
		padding: 0;
		padding-top: calc(var(--cpa-line-height) + 2 * (var(--cpa-line-padding-v) + var(--cpa-line-border-v)));
	}
	.theme2 .fset1 {									/* The grouping covers boxes with fieldsets that are already padded, so remove padding. */
		padding: 0 !important;
		margin: var(--cpa-line-margin-v) 0 !important;
	}

	/* Labels */
	/* C1 - labels */
	.theme2 label:not(table.cpatable label, label.lablkup),
	.theme2 fieldset h4 {
		display: inline-block;
		white-space: nowrap;
		background-color: transparent;
		color: var(--cds-text-secondary);
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
		line-height: 1rem;
		height: 1.5rem;
		padding-block-start: calc(0.25rem + 0.5px);
		margin-block: 1px;
	}
		/* Label as heading */
		.theme2 label.cpabc09:not(table.cpatable label, label.lablkup) {
			font-weight: 600;
		}
		/* Override defeater: pseudo-disabled */
		.theme2 label.ovr.cpabc01.cpafc01:not(table.cpatable label, label.lablkup),
		.theme2 fieldset h4.ovr.cpabc01.cpafc01 {
			border: none;
			background-color: transparent;
			color: var(--cds-text-disabled);
		}
		/* Where label to input alignment relies on legacy block element positioning using br, set browser specific sizes.
		Any non-Firefox browser will engage the first rule, Firefox alone will engage the second rule.
		Using grid or flex would be a more robust and generic solution. */
		.theme2 label.line-spacer[style="visibility:hidden"] {
			height: 0.81rem;
			line-height: 0.88rem;
			padding-block: 0;
		}
		@-moz-document url-prefix() {
			.theme2 label.line-spacer[style="visibility:hidden"] {
				height: 0.87rem;
				line-height: 0.94rem;
				padding-block: 0;
			}
		}
	.theme2 fieldset h4 {
		display: block;
		/*vertical-align: top;*/
		height: 1.225rem;
		padding-block-start: 0.205rem;
	}
		.theme2 fieldset h4.legendrj {
			padding-block-start: 0.205rem;
			padding-inline-end: calc(0.125rem + 2px);
			text-align: right;
		}
	/*.theme2 label,
	.theme2 input:not([type]).lablkup,
	.theme2 fieldset h4 {
		margin: 0 0 calc(2 * var(--cpa-line-margin-v)) 0;
		padding: var(--cpa-line-padding-v) 1px;
		height: var(--cpa-line-height);
		display: inline-block;
		border: var(--cpa-line-border-v) solid transparent;
		vertical-align: top;
		font-weight: 500;
		white-space: nowrap;
	}
	.theme2 fieldset h4	{
		font-weight: 400;
		background-color: transparent;
		color: var(--cds-text-secondary);
		display: block;
	}*/
	/*.theme2 .checkbox, .theme2 .checkboxdsp {
		padding: var(--cpa-line-padding-v) 1px;
		vertical-align: middle;
		width:14px;
		height:14px;
		display:inline-block;
		margin: 3px 0px 4px 4px;
	}
	.theme2 .checkbox[id*="TBA20-"] {
		margin: 3px 0px 4.5px 4px;
    }
	.theme2 .checkbox:focus {
		outline: medium auto currentColor;
		outline: medium auto invert;
		outline: 4px auto -webkit-focus-ring-color;
	}
	.theme2 .checkbox:checked {
    	accent-color: var(--cds-background-brand);
	}*/
	
	/* Lable Lookup (clickable label) */
	.theme2 input:not([type]).lablkup {
		text-decoration: underline;
		cursor: pointer;
		background-color: transparent !important;
		font-weight: 700;
		/*width: 100%; Text boxes assume a default width based on their size attribute, which can be bigger than the container causing overflow */
	}
	.theme2 .label {
		margin: var(--cpa-line-margin-v) 0px;
		color: #2e2e2e;
		padding: var(--cpa-line-padding-v) 4px var(--cpa-line-padding-v) 0;
		height: var(--cpa-line-height);
		background-color: #ffffff;	/* General background: was dfe9f2; */
		border-top: var(--cpa-line-border-v) solid transparent;
		border-bottom: var(--cpa-line-border-v) solid transparent;
		font-weight: inherit;
		display: inline-block;
	}
		.theme2 .ui-dialog-titlebar label {
			vertical-align: baseline;
		}
		.theme2 .bslabel {
			text-decoration: underline;
			cursor: pointer;
		}
			.theme2 .bslabel:hover {
				/*font-weight: 700;*/
			}
	.theme2 caption {
		font-family: Geist;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.125rem;
		height: 1.63rem;
		background-color: transparent;
		color: var(--cds-text-primary);
		text-align: left;
		padding: 0.18rem 0 0 0.125rem;
	}
	.theme2 .lfg {										/* Larger label/data grouping */
	}
	.theme2 input[readonly=true].lfield {
		display: inline-block;
		border: var(--cpa-line-border-v) solid transparent;
		vertical-align: top;
		font-weight: 400;
		white-space: nowrap;
		margin: 0 0 calc(2 * var(--cpa-line-margin-v)) 0;
		padding: var(--cpa-line-padding-v) 1px;
		height: var(--cpa-line-height);
		background: inherit;
		width: 100%;
	}
	/*
	.theme2 .lfield {
	}
	*/
	.theme2 .fieldtbl {
		margin: 0px;
		padding: 2px;
		height: var(--cpa-line-height);
		border: none;
		display: inline-block;
		font-weight: 400;
	}

	.theme2 textarea, .theme2 pre {
		tab-size: 14px;
		-moz-tab-size: 14px;
		-o-tab-size: 14px;
	}
	.theme2 option {
		padding: 0;
	}

	/* Symbol icons */
	.theme2 div.symboliseHasDataY,
	.theme2 div.symboliseHasDataN,
	.theme2 div.symboliseWarningY,
	.theme2 div.symboliseWarningN,
	.theme2 div.symboliseActiveY,
	.theme2 div.symboliseActiveN {
		width: 1.5rem;
		height: 1.5rem;
		margin-block: 1px;
	}
	.theme2 div.symboliseHasDataY {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.64 0.5 A 0.14 0.14 0 0 0 0.64 0.78 A 0.14 0.14 0 0 0 0.64 0.5' stroke='none' fill='rgb(75,32,188)'/%3E%3Cpath d='M 0.436014 0.436014 A 0.1075 0.1075 0 0 0 0.283986 0.283986 A 0.1075 0.1075 0 0 0 0.436014 0.436014 L 0.64 0.64 M 0.25 0.095 L 0.095 0.095 L 0.095 0.905 L 0.25 0.905 M 0.75 0.095 L 0.905 0.095 L 0.905 0.905 L 0.75 0.905' stroke='rgb(75,32,188)' stroke-width='0.065' fill='none'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 1.3rem;
	}
	.theme2 div.symboliseWarningY {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.5 0.905 L 0.095 0.905 L 0.5 0.124 L 0.905 0.905 Z M 0.5 0.374 L 0.5 0.655' stroke='rgb(0,0,0)' fill='rgb(255,210,91)' stroke-width='0.0625' stroke-linejoin='round'/%3E%3Cpath d='M 0.5 0.717 A 0.0475 0.0475 0 0 0 0.5 0.812 A 0.0475 0.0475 0 0 0 0.5 0.717' stroke='none' fill='rgb(0,0,0)'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 1.3rem;
	}
	.theme2 div.symboliseActiveY {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.332 0.1765 A 0.1555 0.1555 0 0 0 0.332 0.4875 A 0.1555 0.1555 0 0 0 0.332 0.1765 L 0.332 0.0835 M 0.442 0.222 L 0.5077 0.1563 M 0.4875 0.332 L 0.5805 0.332 M 0.442 0.442 L 0.5077 0.5077 M 0.332 0.4875 L 0.332 0.5805 M 0.222 0.442 L 0.1563 0.5077 M 0.1765 0.332 L 0.0835 0.332 M 0.222 0.222 L 0.1563 0.1563 M 0.668 0.5125 A 0.1555 0.1555 0 0 0 0.668 0.8235 A 0.1555 0.1555 0 0 0 0.668 0.5125 M 0.7275 0.5243 L 0.7631 0.4384 M 0.8117 0.6085 L 0.8976 0.5729 M 0.8117 0.7275 L 0.8976 0.7631 M 0.7275 0.8117 L 0.7631 0.8976 M 0.6085 0.8117 L 0.5729 0.8976 M 0.5243 0.7275 L 0.4384 0.7631 M 0.5243 0.6085 L 0.4384 0.5729 M 0.6085 0.5243 L 0.5729 0.4384' stroke='rgb(75,32,188)' fill='none' stroke-width='0.062'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 1.3rem;
	}
		/* Layout for panels where boxed alignment of element with icon is problematic */
		.theme2 div:has(> #COM05-\:4CAB1KS) {
			padding-block-start: 1.2rem;
		}
		.theme2 div:has(> #COM05-\:4EAB0OO) {
			padding-block-start: 0.4rem;
		}
		.theme2 div:has(> button#GRN08-025002) {
			width: 15% !important;
		}
		.theme2 div:has(> #GRN08-\:4Q8P2KP) {
			padding-block-start: 0.3rem;
		}
		.theme2 div:has(> #INQ03-\:4FAP2KQ),
		.theme2 div:has(> #INQ03P-\:4JAP0KM) {
			padding-block-start: 2.2rem;
		}
		.theme2 div:has(> #INQ03-\:4IAP2G0, > #INQ03-\:4LAP16G),
		.theme2 div:has(> #INQ03P-\:4MAP2G0, > #INQ03P-\:4PAP182) {
			padding-block-start: 0.4rem;
		}
		.theme2 div:has(> #INQ07-\:44BH07C),
		.theme2 div:has(> #INQ07P-\:44BH07C) {
			padding-block-start: 2.2rem;
		}
		.theme2 div:has(> #INQ07-\:4ABH0MO),
		.theme2 div:has(> #INQ07P-\:4ABH0MO) {
			padding-block-start: 4.4rem;
		}
		.theme2 div:has(> #QSD02-\:4Q2U9OR),
		.theme2 div:has(> #QSD03-\:4Q2U9OR) {
			padding-block-start: 22rem;
		}

	.theme2 button.symbtn {
		display: inline-flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 0.5rem;
	}
	.theme2 button.symbtn > .symbtntext,
	.theme2 button.symbtn > .symbtnicon {
		flex: 0 1 auto;
	}
	.theme2 button.symbtn > .symbtntext {
		white-space: nowrap;
	}
	.theme2 button.symbtn > .symbtnicon {
		margin-block-start: 0.14rem;
	}
		.theme2 .symbtnicon > div.symboliseHasDataN,
		.theme2 .symbtnicon > div.symboliseWarningN,
		.theme2 .symbtnicon > div.symboliseActiveN {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.08333 0.16667 A 0.08334 0.08334 0 0 1 0.16667 0.08333 L 0.83333 0.08333 A 0.08334 0.08334 0 0 1 0.91667 0.16667 L 0.91667 0.83333 A 0.08334 0.08334 0 0 1 0.83333 0.91667 L 0.16667 0.91667 A 0.08334 0.08334 0 0 1 0.08333 0.83333 Z' stroke='rgb(172,115,197)' fill='none' stroke-width='0.03' stroke-dasharray='0.25 0.15' stroke-dashoffset='0.066'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: 1.3rem;
		}
			.theme2 :disabled > .symbtnicon > div.symboliseHasDataN,
			.theme2 :disabled > .symbtnicon > div.symboliseWarningN,
			.theme2 :disabled > .symbtnicon > div.symboliseActiveN {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.08333 0.16667 A 0.08334 0.08334 0 0 1 0.16667 0.08333 L 0.83333 0.08333 A 0.08334 0.08334 0 0 1 0.91667 0.16667 L 0.91667 0.83333 A 0.08334 0.08334 0 0 1 0.83333 0.91667 L 0.16667 0.91667 A 0.08334 0.08334 0 0 1 0.08333 0.83333 Z' stroke='rgb(165,159,178)' fill='none' stroke-width='0.03' stroke-dasharray='0.25 0.15' stroke-dashoffset='0.066'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-size: 1.3rem;
			}

	/* Classes */
	.theme2 .cpadiv {
		overflow: visible;
		float: left;
		box-sizing: border-box;
	}
	.theme2 .surround {
		/*
		border: 1px solid #4e4e4e;
		border-radius: 0px;
		max-width: 100%;
		width: 100% !important;
		*/
		max-width: 100%;
	}
	.theme2 .vert {
		width: 100%;
	}
	.theme2 .horiz {
		width: 100%;
	}
	.theme2 .bdiv {										/* Standard data grouping */
		/*border: 1px none #bdc5df;*/
		/*padding: 2px;*/
	}
	.theme2 .bdivg {									/* Grid data grouping */
		border: 1px none #bdc5df;
		border-radius: 0px;
		padding: 2px;
		box-sizing: content-box;
	}
	.theme2 .bdivh {									/* Hidden data grouping */
		padding: 0px 0px 0px 2px;
		margin: 1px 0px;
	}
	.theme2 .ldiv {										/* Standard label grouping */
		border: 2px none #bdc5df;
		border-radius: 0px;
		text-align: right;
	}
	.theme2 .ldivh {									/* Hidden label grouping */
		padding-inline-end: 0.125rem;
		margin: 0;
		text-align: right;
	}
	.theme2 .msgdiv {
		margin: 0px 0px 10px 2px;
	}
	.theme2 .legendrj {
		padding: 0 7px 0 0;
		/*margin: 0px 0px 2px -24px;*/
		text-align: right
	}
	.theme2 .font600 {
		font-weight: 600;
	}
	.theme2 .cpanum:not(table.cpatable *) {		/* Legacy table rule defeater */
		text-align: right !important;
		padding-right: 0.45rem !important;
	}
	.theme2 .cpaneg:not(table.cpatable *) {		/* Legacy table rule defeater */
		text-align: right !important;
	}
	/*
	.theme2 input[type=text], .theme2 input[type=number], .theme2 select, .theme2 textarea {
		border-radius: 0;
		border: solid 1px var(--core-black010);
		padding: 0.375rem 0.75rem;
		line-height: 1.5rem;
		font-weight: 400;
	}
		.theme2 input[type=text]:focus, .theme2 input[type=number]:focus, .theme2 select:focus, .theme2 textarea:focus {
			border-color: var(--core-blue);
			outline-width: 0;
		}
	.theme2 input:read-only {
		background-color: var(--core-black005);
	}
	*/
	/*-----CPA hover style to provide dropdown arrow on field--------*/
	.theme2 .cpaifdec {
		font: normal normal normal 10px/1 FontAwesome;
		display:inline-block;
		width:0px;
    position: relative;
		right:12px;
	}
	.theme2 .cpaifdec::before {
		content: "\f078";
	}
	/*----------------------*/

	/*------Button Definitions----------------*/
	/* C1 - buttons */

	/* Make buttons ghosted by default */
	.theme2 button:where(:not(table.cpatable button, #cpatree button)),
	.theme2 a.button,
	.theme2 .buttons a,
	.theme2 #cpanav > ul > li > a,
	.theme2 .secondarynav > ul > li > a {
		border-radius: 99999px;
		border-width: 2px;
		border-style: solid;
		border-color: transparent;
		font-family: Geist;
		font-weight: 600;
		font-size: 0.875rem; 		/* --cds-body-compact-01-font-size */
		line-height: 1.125rem; 		/* --cds-body-compact-01-line-height(=1.28572) * --cds-body-compact-01-font-size(=0.875rem) */
		height: 2rem;
		padding-inline: 0.85rem;		/* CDS storybook ~= 1.1375rem; */
		white-space: nowrap;
		text-decoration: none;
		cursor: pointer;
	}
		.theme2 button:where(:not(table.cpatable button, #cpatree button, .ovr)),
		.theme2 a.button,
		.theme2 .buttons a,
		.theme2 #cpanav > ul > li > a:where(:not(.ovr)),
		.theme2 .secondarynav > ul > li > a:where(:not(.ovr)) {
			background-color: transparent;
			color: var(--cds-link-primary);
		}
		.theme2 button.vbuts:where(:not(table.cpatable button, #cpatree button)),
		.theme2 button.smallbut:where(:not(table.cpatable button, #cpatree button)) {
			font-size: 0.75rem;
			line-height: 1rem;
			height: 1.5rem;
			margin-block: 1px;
			padding-inline: 0.67rem;
		}
		.theme2 button:where(:not(table.cpatable button, #cpatree button)):hover,
		.theme2 a.button:hover,
		.theme2 .buttons a:hover,
		.theme2 #cpanav > ul > li > a:hover,
		.theme2 .secondarynav > ul > li > a:hover {
			background-color: var(--cds-background-hover);
			color: var(--cds-link-primary-hover);
		}
		.theme2 button:where(:not(table.cpatable button, #cpatree button)):active,
		.theme2 a.button:active,
		.theme2 .buttons a:active,
		.theme2 #cpanav > ul > li > a:active,
		.theme2 .secondarynav > ul > li > a:active,
		.theme2 #cpanav > ul > li > .dropbtn.dropped,
		.theme2 .secondarynav > ul > li > .dropbtn.dropped {
			background-color: var(--cds-background-active);
			color: var(--cds-link-primary-hover);
		}
		.theme2 button:where(:not(table.cpatable button, #cpatree button)):is(:focus-visible, :focus),
		.theme2 a.button:is(:focus-visible, :focus),
		.theme2 .buttons a:is(:focus-visible, :focus),
		.theme2 #cpanav > ul > li > a:is(:focus-visible, :focus),
		.theme2 .secondarynav > ul > li > a:is(:focus-visible, :focus) {
			border-color: var(--cds-focus);
			outline: none;
		}
		.theme2 button:where(:not(table.cpatable button, #cpatree button)):disabled,
		.theme2 a.button:disabled,
		.theme2 .buttons a:disabled,
		.theme2 #cpanav > ul > li > a:disabled,
		.theme2 .secondarynav > ul > li > a:disabled {
			background-color: transparent;
			color: var(--cds-text-disabled);
			cursor: auto;
		}
		/* Override defeater: disabled */
		.theme2 button.ovr.cpabc01.cpafc01:where(:not(.prdiv *)):disabled {
			border-width: 2px;
			border-style: solid;
			border-color: transparent;
			background-color: transparent;
			color: var(--cds-text-disabled);
		}
		/* Override defeater: generic button */
		.theme2 button.ovr.cpabc00.cpafc00:where(:not(.prdiv *)),
		.theme2 button.ovr.cpabc08.cpafc00:where(:not(.prdiv *)) {
			background-color: transparent;
			color: var(--cds-link-primary);
		}

	/* Make lookup labels semi-ghosted */
	.theme2 label.lablkup,
	.theme2 a.field,
	.theme2 input.lfield:not([type]),
	.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]) {
		display: inline-block;
		white-space: nowrap;
		background-color: transparent;
		color: var(--cds-link-primary);
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
		line-height: 1rem;
		height: 1.5rem;
		margin-block: 1px;
		text-decoration: underline;
		cursor: pointer;
	}
		.theme2 label.lablkup,
		.theme2 a.field {
			padding-block-start: calc(0.25rem + 0.5px);
		}
		.theme2 a.field {
			vertical-align: unset;
		}
		.theme2 table.cpatable label.lablkup,
		.theme2 table.cpatable a.field {
			padding-block-start: 0.205rem;
		}
		.theme2 input.lfield:not([type], .lablkup) {
			border: 0 none transparent;
			margin-inline: 0;
			margin-block-start: 2px;
			margin-block-end: 0;
			padding: 0;
			text-align: right;
			vertical-align: unset;
		}
		.theme2 input.lfield[readonly="true"]:not([type], .lablkup) {
			color: var(--cds-text-secondary);
			text-decoration: none;
			cursor: default;
			outline: none;
		}
		.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]) {
			outline: none;
			text-align: right;
		}
		.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]).lfield {
			border: none;
			vertical-align: unset;
			margin-inline: unset;
			padding-block-end: unset;
			padding-inline: unset;
			width: 100%;
		}
		.theme2 label.lablkup:hover,
		.theme2 a.field:hover,
		.theme2 input.lfield:not([readonly="true"], [type]):hover,
		.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]):hover {
			color: var(--cds-link-primary-hover);
		}
		.theme2 label.lablkup:active,
		.theme2 a.field:active,
		.theme2 input.lfield:not([readonly="true"], [type]):active,
		.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]):active {
			color: var(--cds-link-primary-hover);
			user-select: none;
		}
		/* Focus on label is fictional */
		.theme2 label.lablkup:is(:focus-visible, :focus),
		.theme2 a.field:is(:focus-visible, :focus),
		.theme2 input.lfield:not([readonly="true"], [type]):is(:focus-visible, :focus),
		.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]):is(:focus-visible, :focus) {
			color: var(--cds-focus);
		}
		.theme2 input.lfield:not([type]):disabled,
		.theme2 input.lablkup:is([readonly="true"]:not([type]), [type=button]):disabled {
			color: var(--cds-text-disabled);
		}
		/* Override defeater: disabled (pseudo-disabled for label) */
		.theme2 label.ovr.cpabc01.cpafc01.lablkup,
		.theme2 a.ovr.cpabc01.cpafc01.field,
		.theme2 input.ovr.cpabc01.cpafc01.lfield:not([type]):disabled,
		.theme2 input.ovr.cpabc01.cpafc01.lablkup:is([readonly="true"]:not([type]), [type=button]):disabled {
			border: none;
			background-color: transparent;
			color: var(--cds-text-disabled);
		}

	/* C1 - checkboxes */
	.theme2 input[type=checkbox],
	.theme2 .checkbox,
	.theme2 .checkboxdsp {
		display: inline-block;
		box-sizing: border-box;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
		line-height: 1rem;
		width: 1.5rem;
		height: 1.5rem;
		margin-block: 1px;
		margin-inline: 0;
		padding: 0;
		border: none;
		appearance: none;
		background-color: transparent;
		outline-width: 2px;
		outline-style: solid;
		outline-color: transparent;
		background-repeat: no-repeat;
		background-size: 1.125rem 1.125rem;
		background-position: left 0.1875rem center;
		outline-offset: -0.1875rem;
		border-radius: 0.35rem;
	}
		/* When a block element arranges checkboxes it adds separating margin which varies in amount by browser.
		Therefore, to preserve vertical alignment with its label, the checkbox is downsized to give the same intended total progression.
		Any non-Firefox browser will engage the first rule, Firefox alone will engage the second rule.
		(Longer term, a better solution would be flexbox arrangement, with br's hidden, which adds no unexpected margin.) */
		.theme2 :is(.bdiv, .bdivh, .ldiv, .ldivh) > :is(input[type=checkbox], .checkbox, .checkboxdsp),
		.theme2 :is(input[type=checkbox], .checkbox, .checkboxdsp):has(+ br) {
			width: 1.312rem;
			height: 1.312rem;
			background-position: left 0.0935rem center;
			outline-offset: -0.0935rem;
			border-radius: 0.2rem;
		}
		@-moz-document url-prefix() {
			.theme2 :is(.bdiv, .bdivh, .ldiv, .ldivh) > :is(input[type=checkbox], .checkbox, .checkboxdsp),
			.theme2 :is(input[type=checkbox], .checkbox, .checkboxdsp):has(+ br) {
				width: 1.28rem;
				height: 1.28rem;
				background-position: left 0.0775rem center;
				outline-offset: -0.0775rem;
				border-radius: 0.2rem;
			}
		}
		.theme2 input[type=checkbox]:not(:disabled, :checked),
		.theme2 .checkbox:not(:disabled, :checked),
		.theme2 .checkboxdsp:not(:disabled, :checked) {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.08333 0.16667 A 0.08334 0.08334 0 0 1 0.16667 0.08333 L 0.83333 0.08333 A 0.08334 0.08334 0 0 1 0.91667 0.16667 L 0.91667 0.83333 A 0.08334 0.08334 0 0 1 0.83333 0.91667 L 0.16667 0.91667 A 0.08334 0.08334 0 0 1 0.08333 0.83333 Z' stroke='rgb(29,16,62)' fill='none' stroke-width='0.05556'/%3E%3C/svg%3E");
		}
		.theme2 input[type=checkbox]:not(:disabled):checked,
		.theme2 .checkbox:not(:disabled):checked,
		.theme2 .checkboxdsp:not(:disabled):checked {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.05556 0.16667 A 0.11111 0.11111 0 0 1 0.16667 0.05556 L 0.83333 0.05556 A 0.11111 0.11111 0 0 1 0.94444 0.16667 L 0.94444 0.83333 A 0.11111 0.11111 0 0 1 0.83333 0.94444 L 0.16667 0.94444 A 0.11111 0.11111 0 0 1 0.05556 0.83333 Z' stroke='none' fill='rgb(105,0,149)'/%3E%3Cpath d='M 0.25 0.47222 L 0.42667 0.64889 L 0.76 0.31556' stroke='rgb(255,255,255)' fill='none' stroke-width='0.065'/%3E%3C/svg%3E");
		}
		.theme2 input[type=checkbox]:disabled:not(:checked),
		.theme2 .checkbox:disabled:not(:checked),
		.theme2 .checkboxdsp:disabled:not(:checked) {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.08333 0.16667 A 0.08334 0.08334 0 0 1 0.16667 0.08333 L 0.83333 0.08333 A 0.08334 0.08334 0 0 1 0.91667 0.16667 L 0.91667 0.83333 A 0.08334 0.08334 0 0 1 0.83333 0.91667 L 0.16667 0.91667 A 0.08334 0.08334 0 0 1 0.08333 0.83333 Z' stroke='rgba(29,16,62,0.5)' fill='none' stroke-width='0.05556'/%3E%3C/svg%3E");
		}
		.theme2 input[type=checkbox]:disabled:checked,
		.theme2 .checkbox:disabled:checked,
		.theme2 .checkboxdsp:disabled:checked {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.05556 0.16667 A 0.11111 0.11111 0 0 1 0.16667 0.05556 L 0.83333 0.05556 A 0.11111 0.11111 0 0 1 0.94444 0.16667 L 0.94444 0.83333 A 0.11111 0.11111 0 0 1 0.83333 0.94444 L 0.16667 0.94444 A 0.11111 0.11111 0 0 1 0.05556 0.83333 Z' stroke='none' fill='rgba(29,16,62,0.5)'/%3E%3Cpath d='M 0.25 0.47222 L 0.42667 0.64889 L 0.76 0.31556' stroke='rgb(255,255,255)' fill='none' stroke-width='0.065'/%3E%3C/svg%3E");
		}
		.theme2 input[type=checkbox]:active,
		.theme2 .checkbox:active,
		.theme2 .checkboxdsp:active {
			outline-color: var(--cds-focus);
		}
		.theme2 input[type=checkbox]:focus,
		.theme2 .checkbox:focus,
		.theme2 .checkboxdsp:focus {
			outline-color: var(--cds-focus);
		}
		/* Legacy rule defeater */
		.theme2 input[type=checkbox].cpabc01,
		.theme2 input[type=checkbox].cpabc02,
		.theme2 input[type=checkbox].cpabc03,
		.theme2 input[type=checkbox].cpabc05,
		.theme2 input[type=checkbox].cpabc06 {
			background-color: transparent;
		}

	/* File browser has tertiary selection button and label combo with tertiary upload button */
	.theme2 #FFBROWSE input[type=file] {
		appearance: none;
		white-space: nowrap;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
	}
		.theme2 #FFBROWSE input[type=file]:where(:not(.ovr)) {
			background-color: transparent;
			color: var(--cds-text-secondary);
		}
	.theme2 #FFBROWSE input[type=file]::file-selector-button,
	.theme2 #FFBROWSE input[type=button][value="Upload"] {
		border-radius: 99999px;
		border-width: 2px;
		border-style: solid;
		border-color: transparent;
		font-family: Geist;
		font-weight: 600;
		font-size: 0.875rem;
		line-height: 1.125rem;
		height: 2rem;
		padding-inline: 0.85rem;
		text-decoration: none;
		cursor: pointer;
	}
		.theme2 #FFBROWSE input[type=file]:where(:not(.ovr))::file-selector-button,
		.theme2 #FFBROWSE input[type=button][value="Upload"]:where(:not(.ovr)) {
			background-color: var(--cds-button-tertiary);
			color: var(--cds-text-primary);
		}
		.theme2 #FFBROWSE input[type=file]::file-selector-button:hover,
		.theme2 #FFBROWSE input[type=button][value="Upload"]:hover {
			background-color: var(--cds-button-tertiary-hover);
			color: var(--cds-text-inverse);
		}
		.theme2 #FFBROWSE input[type=file]::file-selector-button:active,
		.theme2 #FFBROWSE input[type=button][value="Upload"]:active {
			background-color: var(--cds-button-tertiary-active);
			color: var(--cds-text-inverse);
		}
		.theme2 #FFBROWSE input[type=file]::file-selector-button:is(:focus-visible, :focus),
		.theme2 #FFBROWSE input[type=button][value="Upload"]:is(:focus-visible, :focus) {
			border-color: var(--cds-focus);
			outline: none;
		}
		.theme2 #FFBROWSE input[type=file]::file-selector-button:disabled,
		.theme2 #FFBROWSE input[type=button][value="Upload"]:disabled {
			background-color: var(--cds-button-disabled);
			color: var(--cds-text-disabled);
		}

	/*.theme2 button.outline,
	.theme2 .outline button,
	.theme2 .butdiv button,
	.theme2 .choice button,
	.theme2 .vbuts,
	.theme2 .vbut,
	.theme2 .hbut,
	.theme2 .smallbut {
		background-color: var(--cpa-button-ghost);
		color: var(--cpa-button-ghost-text);
		border: solid 2px var(--cpa-button-ghost-border);
		border-radius: var(--cpa-border-radius);
	}
		.theme2 button.outline:hover,
		.theme2 .butdiv button:hover,
		.theme2 .choice button:hover,
		.theme2 .vbuts:hover,
		.theme2 .vbut:hover,
		.theme2 .hbut:hover,
		.theme2 .smallbut:hover {
			background-color: var(--cpa-button-ghost-hover);
			color: var(--cpa-button-ghost-hover-text);
			border-color: var(--cpa-button-ghost-hover-border);
			border-radius: var(--cpa-border-radius);
		}
		.theme2 button.outline:active,
		.theme2 .butdiv button:active,
		.theme2 .choice button:active,
		.theme2 .vbuts:active,
		.theme2 .vbut:active,
		.theme2 .hbut:active,
		.theme2 .smallbut:active {
			background-color: var(--cpa-button-ghost-active);
			color: var(--cpa-button-ghost-active-text);
			border-color: var(--cpa-button-ghost-active-border);
			border-radius: var(--cpa-border-radius);
		}
		.theme2 button.outline:focus,
		.theme2 .butdiv button:focus,
		.theme2 .choice button:focus,
		.theme2 .vbuts:focus,
		.theme2 .vbut:focus,
		.theme2 .hbut:focus,
		.theme2 .smallbut:focus {
			background-color: var(--cpa-button-ghost-focus);
			color: var(--cpa-button-ghost-focus-text);
			border-color: var(--cpa-button-ghost-focus-border);
			box-shadow: var(--cpa-button-focus-shadow);
			outline: none;
			border-radius: var(--cpa-border-radius);
		}*/

	.theme2 .choice {
		padding: 4px 0px 4px 0px;
		margin: 0px;
	}
		.theme2 .choice button {
			margin: 2px 0 0;
		}

	/* Buttons: vbuts, vbut, hbut */
	.theme2 .butdiv {
	}
		.theme2 .butdiv.tmarj {
			margin-top: 12px;
			padding-top: 4px;
		}
		.theme2 .butdiv br {
			display: none;
		}
	.theme2 .vbuts,
	.theme2 .smallbut {
/*		margin: 1px 0;
		padding: 1px 3px;
		border-width: 0;
		height: var(--cpa-line-height);*/
		display: inline-block;
		position: relative; /* Makes sure focus background takes priority over any overlapping item */
	}
	.theme2 .vbut {
/*		margin: 1px 0;
		padding: 3px;*/
		display: block;
	}
	.theme2 #FFCALC8 .vbut {
		line-height: 0.8rem;
	}
	.theme2 .hbut {
/*		margin: 1px 0;
		padding: 3px;*/
	}

	/*
	.theme2 .outline button, 
	.theme2 .outline a.button, 
	.theme2 .buttons .outline a {
		border: solid 1px var(--cpa-button);
		background: none;
		color: var(--cpa-button);
	}
		.theme2 .outline button:hover, 
		.theme2 .outline a.button:hover, 
		.theme2 .buttons .outline a:hover {
			border-color: var(--cpa-button-hover);
			color: var(--cpa-button-hover);
		}
	*/

	/*------Menu elements----------------------------------*/
	/* C1 - menus */

	/* Menu dropdowns */
	.theme2 #cpanav > ul > li,
	.theme2 .secondarynav > ul > li {
		margin-inline: 0.5rem;
	}
	.theme2 #cpanav > ul > li > .dropbtn,
	.theme2 .secondarynav > ul > li > .dropbtn {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.188 0.3245 L 0.5 0.6755 L 0.812 0.3245' stroke='currentColor' fill='none' stroke-width='0.1'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 0.9rem;
		background-position: right 0.9rem center;
		padding-inline-end: 2rem;
	}
		.theme2 #cpanav > ul > li > .dropbtn:where(:not(.ovr)),
		.theme2 .secondarynav > ul > li > .dropbtn:where(:not(.ovr)) {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.188 0.3245 L 0.5 0.6755 L 0.812 0.3245' stroke='rgb(105,0,149)' fill='none' stroke-width='0.1'/%3E%3C/svg%3E");  /*--cds-link-primary*/
		}
		.theme2 #cpanav > ul > li > .dropbtn:hover,
		.theme2 .secondarynav > ul > li > .dropbtn:hover,
		.theme2 #cpanav > ul > li > .dropbtn:active,
		.theme2 .secondarynav > ul > li > .dropbtn:active,
		.theme2 #cpanav > ul > li > .dropbtn.dropped,
		.theme2 .secondarynav > ul > li > .dropbtn.dropped {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.188 0.3245 L 0.5 0.6755 L 0.812 0.3245' stroke='rgb(32,13,63)' fill='none' stroke-width='0.1'/%3E%3C/svg%3E");  /*--cds-link-primary-hover*/
		}

	/* Menu items */
	.theme2 #cpanav > ul > li > ul.dropcontent.show,
	.theme2 .secondarynav > ul > li > ul.dropcontent.show {
		border-radius: 0.5rem;
		padding: 0.5rem;
		background-color: var(--cds-layer-01);
	}
	.theme2 #cpanav > ul > li > ul > li a,
	.theme2 .secondarynav > ul > li > ul > li a {
		border-radius: 0.5rem;
		border-width: 2px;
		border-style: solid;
		border-color: transparent;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.125rem;
		height: 1.63rem;
		padding-block-start: 0.2rem;
		padding-inline: 0.85rem;
		text-decoration: none;
		text-align: start;
		cursor: pointer;
	}
		.theme2 #cpanav > ul > li > ul > li a:where(:not(.ovr)),
		.theme2 .secondarynav > ul > li > ul > li a:where(:not(.ovr)) {
			background-color: var(--cds-layer-01);
			color: var(--cds-text-secondary);
		}
		.theme2 #cpanav > ul > li > ul > li a:hover,
		.theme2 .secondarynav > ul > li > ul > li a:hover {
			background-color: var(--cds-layer-hover-01);
			color: var(--cds-text-primary);
		}
		.theme2 #cpanav > ul > li > ul > li a:is(:focus-visible, :focus),
		.theme2 .secondarynav > ul > li > ul > li a:is(:focus-visible, :focus) {
			border-color: var(--cds-focus);
		}

	.theme2 .dropmenu {
		position: relative;
	}
	.theme2 .dropbtn {
		cursor: pointer;
	}
	.theme2 .dropcontent {
		display: none;
		position: absolute;
		z-index: 10002;
	}
		.theme2 .dropcontent.show {
			display: block;
		}
/* ------------- */
/* Page Sections */
/* ------------- */
/* Header */
	.theme2 #banner {
		display: block;
		flex: none;
		background: var(--cpa-header);
		padding: 0 0 0 var(--cpa-margin-h);
		position: relative;
        z-index: 10003;
		order: -1;
	}
		.theme2 #banner > ul {
			margin: 0;
			padding: 0;
			width: 100%;
			list-style: none;
			display: flex;
			align-items: center;
			height: 2.8rem;
		}
			.theme2 #banner > ul > li {
				display: block;
			}
			/* Logo */
				.theme2 #banner > ul > li.company {
					order: 1;
					margin: 0;
					flex: 0;
				}
					.theme2 #banner > ul > li.company * {
						display: block;
						margin: -0.1rem 0 0 0;
						padding: 0;
						height: 1.5rem;
						width: 15rem;
						background-image: url(images/theme2/logos/causeway-pa-landscape.svg);
						background-repeat: no-repeat;
						background-size: contain;
						background-position-x: left;
						background-position-y: center;
						text-indent: -99999px;
					}
			/* Page Title */
				.theme2 #banner > ul > li.title {
					order: 2;
					flex: 1;
					margin: 0 0.4rem;
				}
					.theme2 #banner > ul > li.title * {
						font-size: 0.8rem;
						font-weight: 400;
						margin: 0 0 0 50px;
						padding: 0 0 2px 0;
						display: inline;
						color: var(--cpa-h2);
						vertical-align: middle;
					}
			/* User Menu */
				.theme2 #banner > ul > li.user {
					text-align: right;
					order: 3;
					flex: 1;
					height: 100%;
					margin-right: 0.3rem;
				}
					.theme2 #banner > ul > li.user button {
						display: inline-flex;
						align-items: center;
						margin-right: var(--margin-h);
						height: 2rem;
						padding: 0 1.5rem 0 0;
						background: none;
						font-size: 0.9rem;
						font-weight: 400;
						color: var(--core-darkgrey2);
						border: none;
						background-image: url(images/theme2/causeway-dropdown-icon-grey100.svg);
						background-repeat: no-repeat;
						background-size: 0.6rem;
						background-position: right 0.6rem center;
					}
						.theme2 #banner > ul > li.user button:hover {
							/*
							background-color: var(--cpa-button-ghost-hover);
							color: var(--cpa-button-ghost-hover-text);
							border-color: var(--cpa-button-ghost-hover-border);
							*/
							/*background-color: var(--plat-core-blue);*/
							text-decoration: underline;
						}
						.theme2 #banner > ul > li.user button:active {
							/*
							background-color: var(--cpa-button-ghost-active);
							color: var(--cpa-button-ghost-active-text);
							border-color: var(--cpa-button-ghost-active-border);
							*/
							background-color: var(--plat-core-blue);
						}
						.theme2 #banner > ul > li.user button:focus {
							border-color: var(--cpa-button-ghost-focus-border);
							box-shadow: var(--cpa-button-focus-shadow);
							outline: none;
							/*
							background-color: var(--cpa-button-ghost-focus);
							color: var(--cpa-button-ghost-focus-text);
							*/
							background-color: var(--plat-core-blue);
						}
					.theme2 #banner > ul > li.user div.dropcontent {
						right: calc(-1 * var(--cpa-margin-h) );
						width: 17rem;
						padding: 0.8rem 1rem 1rem 3.4rem;
						border: 0;
						background-color: var(--cpa-menucontent);
						box-shadow: var(--cpa-menucontent-shadow);
						text-align: left;
						font-size: 0.8rem;
						line-height: 1rem;
						background-image: url(images/theme2/icons/user--avatar--filled.svg);
						background-size: 2rem;
						background-repeat: no-repeat;
						background-position: 1rem 1rem;
					}
						.theme2 #banner > ul > li.user div.dropcontent div.user-details {
							display: inline-block;
							width: 17rem;
							vertical-align: top;
						}
							.theme2 #banner > ul > li.user div.dropcontent div.user-details img {
								display: none;
							}
							.theme2 #banner > ul > li.user div.dropcontent div.user-details-text {
								display: inline-block;
								width: 13rem;
								padding: 0.1rem 0 0 0;
								color: #7f7f7f; /* Replace */
								vertical-align: top;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
							}
								.theme2 #banner > ul > li.user div.dropcontent div.user-details-text b {
									display: block;
									font-weight: 500;
									color: #333333; /* Replace */
								}
						.theme2 #banner > ul > li.user div.dropcontent ul {
						}
							.theme2 #banner > ul > li.user div.dropcontent ul li {
								margin: 0.3rem 0;
								font-size: 0.8rem;
								color: #999999; /* Replace */
							}
								.theme2 #banner > ul > li.user div.dropcontent ul li:last-child {
									margin-bottom: 0;
								}
								.theme2 #banner > ul > li.user div.dropcontent ul li a {
									color: var(--cpa-link);
									text-decoration: none;
								}
									.theme2 #banner > ul > li.user div.dropcontent ul li a:hover {
										color: var(--cpa-link-hover);
									}
								.theme2 #banner > ul > li.user div.dropcontent ul li.logout {
									margin-top: 1rem;
									padding-left: 0;
								}
									.theme2 #banner > ul > li.user div.dropcontent ul li.logout a {
										display: block;
										text-align: center;
										background-color: var(--cpa-button);
										color: var(--cpa-button-text);
										padding: var(--cpa-button-lg-padding-v) var(--cpa-button-lg-padding-h);
										border-radius: var(--cpa-button-border-radius);
									}
										.theme2 #banner > ul > li.user div.dropcontent ul li.logout a:hover {
											background: var(--cpa-button-hover);
										}
										.theme2 #banner > ul > li.user div.dropcontent ul li.logout a:before {
											display: inline-block;
											height: 1rem;
											width: 1rem;
											content: '';
											background-image: url(images/theme2/sign-out-icon.svg);
											background-repeat: no-repeat;
											background-size: contain;
											background-position-x: center;
											background-position-y: center;
											margin: 0 0.5rem -0.2rem 0;
										}
/* Nav Bar */
	.theme2 #cpanav {
        box-sizing: border-box;
		padding: 0;
        border: 0;
        margin: 0;
        font-family: var(--cds-font-family);
        font-size: 100%;
        vertical-align: baseline;
        position: sticky;
        top: 0;
        z-index: 5000;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #fff; /*var(--cds-background, #ffffff);*/
        block-size: 32px;
        border-block-end: 1px solid var(--cds-border-subtle-00);
        inset-block-start: 0;
        inset-inline: 0 0;
        padding: var(--cds-spacing-02) var(--cds-spacing-03);
	}
	.theme2 .secondarynav {
		display: block;
		flex: none;
		background: var(--cds-layer-01);
		position: relative;
		z-index: 10001;
	}
		.theme2 #cpanav > ul,
		.theme2 .secondarynav > ul {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0.9rem;
			font-weight: 400;
            width: 100%;
		}
			.theme2 #cpanav > ul > li,
			.theme2 .secondarynav > ul > li {
				display: inline-block;
				/*margin: 0;
				padding: 0;*/
			}
				.theme2 #cpanav > ul > li > a, 
				.theme2 #cpanav > ul > li > button,
				.theme2 .secondarynav > ul > li > a, 
				.theme2 .secondarynav > ul > li > button {
					display: inline-block;
					/*margin: 0;
					text-decoration: none;
					background: var(--cpa-navbar-button);
					border: none;
					font-weight: inherit;

                    background-color: transparent;
                    color: var(--cds-link-primary, #0f62fe);*/
				}
				/*.theme2 #cpanav > ul > li > .dropbtn,
				.theme2 .secondarynav > ul > li > .dropbtn {
		            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M8 10.9998L3 5.9998L3.7 5.2998L8 9.5998L12.3 5.2998L13 5.9998L8 10.9998Z"/></svg>');
                    background-repeat: no-repeat;
					background-size: 0.6rem;
					background-position: right 0.6rem center;
                    font-weight: 600;
                    border-width: 2px;
                    border-style: solid;
                    border-color: transparent;
					padding-right: calc(var(--cpa-margin-h) + 0.6rem);

                    background-color: transparent;
                    color: var(--cds-link-primary);
				}

					.theme2 #cpanav > ul > li > a:hover,
					.theme2 #cpanav > ul > li > .dropbtn:hover,
					.theme2 .secondarynav > ul > li > a:hover,
					.theme2 .secondarynav > ul > li > .dropbtn:hover {
                        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
                        color: var(--cds-link-primary-hover);
					}
					.theme2 #cpanav > ul > li > a:active,
					.theme2 #cpanav > ul > li > .dropbtn:active,
					.theme2 .secondarynav > ul > li > a:active,
					.theme2 .secondarynav > ul > li > .dropbtn:active {
                        background-color: var(--cds-background-active);
					}
                    .theme2 #cpanav > ul > li > a:focus,
					.theme2 #cpanav > ul > li > .dropbtn:focus,
					.theme2 .secondarynav > ul > li > a:focus,
					.theme2 .secondarynav > ul > li > .dropbtn:focus {
                        border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
                        box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
                    }

                    .theme2 #cpanav > ul > li > a.dropped,
					.theme2 #cpanav > ul > li > .dropbtn.dropped,
					.theme2 .secondarynav > ul > li > a.dropped, 
					.theme2 .secondarynav > ul > li > .dropbtn.dropped {
                        background-color: transparent;
                        color: var(--cpa-link-primary);
                    }
                    .theme2 #cpanav > ul > li > a.dropped:active,
					.theme2 #cpanav > ul > li > .dropbtn.dropped:active,
					.theme2 .secondarynav > ul > li > a.dropped:active,
					.theme2 .secondarynav > ul > li > .dropbtn.dropped:active {
                        background-color: var(--cds-background-active);
                    }*/
			/* Nav Bar: Menus */
				/*.theme2 #cpanav > ul > li > ul,
				.theme2 .secondarynav > ul > li > ul {
					background: var(--cpa-menucontent);
					box-shadow: var(--cpa-menucontent-shadow);
					border: var(--cpa-menucontent-border);
					border-radius: var(--cpa-menucontent-border-radius);
					font-weight: 400;
				}
					.theme2 #cpanav > ul > li > ul > li,
					.theme2 .secondarynav > ul > li > ul > li {
					}
						.theme2 #cpanav > ul > li > ul > li:first-child > *,
						.theme2 .secondarynav > ul > li > ul > li:first-child > * {
							border-radius: var(--cpa-menucontent-border-radius) var(--cpa-menucontent-border-radius) 0 0;
						}
						.theme2 #cpanav > ul > li > ul > li:last-child > *,
						.theme2 .secondarynav > ul > li > ul > li:last-child > * {
							border-radius: 0 0 var(--cpa-menucontent-border-radius) var(--cpa-menucontent-border-radius);
						}*/
						.theme2 #cpanav > ul > li > ul > li > *,
						.theme2 .secondarynav > ul > li > ul > li > * {
						    /*font-size: 0.875rem;*/
                            display: block;
							/*margin: 0;
							padding: 0.15em var(--cpa-margin-h);
							text-decoration: none;*/
							min-width: 8rem;
							max-width: 25rem;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							/*background: var(--cpa-menucontent-item-bg);
							color: var(--cpa-menucontent-item-text);*/
						}
						/*.theme2 #cpanav > ul > li > ul > li > a:hover,
						.theme2 .secondarynav > ul > li > ul > li > a:hover {
                            background-color: var(--cds-layer-hover-01, rgba(141, 141, 141, 0.12));
                            color: var(--cds-link-primary-hover);
						}*/
			/* Nav Bar: Final Menu */
				.theme2 #cpanav > ul > li:last-child {
					float: right;
				}
					.theme2 #cpanav > ul > li:last-child > button {
						/*margin-right: calc(var(--cpa-margin-h) - 0.7rem);
						padding-right: calc(var(--cpa-margin-h) + 0.3rem);
		                background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"> <path d="M8 5C8.55228 5 9 4.55228 9 4C9 3.44772 8.55228 3 8 3C7.44772 3 7 3.44772 7 4C7 4.55228 7.44772 5 8 5Z"/> <path d="M8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9Z" /> <path d="M8 13C8.55228 13 9 12.5523 9 12C9 11.4477 8.55228 11 8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13Z" /></svg>');
						background-repeat: no-repeat;
						background-size: 50%;
						background-position-x: center;
						background-position-y: center;*/
						text-indent: -9999px;
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.5 0.24 A 0.0975 0.0975 0 0 0 0.5 0.045 A 0.0975 0.0975 0 0 0 0.5 0.24 M 0.5 0.5975 A 0.0975 0.0975 0 0 0 0.5 0.4025 A 0.0975 0.0975 0 0 0 0.5 0.5975 M 0.5 0.955 A 0.0975 0.0975 0 0 0 0.5 0.76 A 0.0975 0.0975 0 0 0 0.5 0.955' stroke='none' fill='rgb(105,0,149)'/%3E%3C/svg%3E");  /*--cds-link-primary*/
						padding-inline-start: 0.7rem;
					}
					.theme2 #cpanav > ul > li:last-child .dropcontent {
						right: 0.5rem;
					}
					.theme2 #cpanav > ul > li:last-child > ul > li > p {
						color: #444; /* Replace */
						font-size: 0.8rem;
						padding-top: 0;
					}
					.theme2 #cpanav > ul > li:last-child > ul > li:last-child {
						margin-top: 0.2rem;
						padding-top: 0.5rem;
						padding-bottom: 0.2rem;
						border-top: solid 1px #222; /* Replace */
					}
	/* C1 UI shell header */
	.theme2 #c1-ui-shell-header {
		font-family: Geist;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
		.theme2 #c1-ui-shell-header cds-header-left .cds--page-name {
			font-weight: 600;
		}

/* Main content */
	.theme2 div.main {
		padding: 0 var(--cpa-margin-h) 5rem;
	}
	.theme2 .maindiv {
		width: 100%;
	}
		/* Main menu dividers */
		.theme2 #cpabody.showtree {
			border-block: 1px solid var(--cds-background);
		}

/* LOGLOCN */
	.theme2 div#LOGLOCN-D003002 {
		width: auto !important;
	}
	.theme2 div#LOGLOCN-D003010 {
		width: auto !important;
	}
		.theme2 input#LOGLOCN-003010 {
			width: 20rem !important;
		}
	.theme2 #LOGLOCN-H3 {
		margin-top: 1rem;
	}

/* CMENUS-H2 */
	.theme2 #CMENUS-H2 div:first-child fieldset {
		padding-inline-start: 0;
	}
	/*.theme2 #CMENUS-H2 {
		margin: 0.2rem 0 0 0;
	}
	.theme2 #CMENUS-H2 fieldset {
		margin: 0;
		padding: 0;
	}
		.theme2 #CMENUS-H2 fieldset h4 {
			margin: 0;
			padding: 0;
		}
		.theme2 #CMENUS-H2 fieldset input:not(.ovr) {
			color: inherit;
			border: inherit;
		}*/

/* Buttons and Prompt */
	.theme2 .prdiv {
		clear: both;
	}
	.theme2 :not(.ui-dialog.ui-resizable) > div > .prdiv {
		margin-bottom: 0.5rem;
	}

		/* C1 - button bar */
		/* Layout button bar container divs */
		.theme2 .prdiv {
			display: flex;
			align-items: first baseline;
			flex-flow: row wrap;
			justify-content: flex-start;
			gap: 0 1.5rem;
			padding-block-start: 0.5rem;
		}
			/* Layout button bar container divs for popups
			.theme2 .cpapopup .prdiv {
				flex-flow: row-reverse wrap-reverse;
				justify-content: start;
			} */

		/* Layout button bar elements */
		.theme2 .prdiv .fkeys1,
		.theme2 .prdiv .fkeys2 {
			flex: 0 1 auto;
			display: inline-flex;
			align-items: first baseline;
			flex-flow: row wrap;
			justify-content: flex-start;
			gap: 0 0.5rem;
		}
		.theme2 .prdiv .fkeys2 {
			margin-inline-start: auto;
		}
			/* Layout button bar elements for popups
			.theme2 .cpapopup .prdiv .fkeys1,
			.theme2 .cpapopup .prdiv .fkeys2 {
				flex-flow: row-reverse wrap-reverse;
			} */

		/* Layout prompt */
		.theme2 .prdiv .prompt {
			flex: 1 1 auto;
			display: inline-block;
		}
		.theme2 .prdiv .prompt span {
			font-family: Geist;
			font-weight: 400;
			font-size: 0.75rem;
			background-color: transparent;
			color: var(--cds-text-helper);
		}

		.theme2 .prdiv .fkeys1 button,
		.theme2 .prdiv .fkeys2 button {
			text-wrap: nowrap;
		}

			/* Hide original Cancel and move Delete to end for all cases */
			.theme2 .prdiv .fkeys1 button[title="ES"] {
				display: none;
			}
			.theme2 .prdiv .fkeys1 button[title="DE"] {
				order: 9999;
			}

			/* Make button bar comprise tertiary buttons */
			.theme2 .prdiv .fkeys1 button {
				border-width: 2px;
				border-style: solid;
				border-color: transparent;
				background-color: var(--cds-button-tertiary);
				color: var(--cds-text-primary);
			}
			.theme2 .prdiv .fkeys1 button:hover {
				background-color: var(--cds-button-tertiary-hover);
				color: var(--cds-text-inverse);
			}
			.theme2 .prdiv .fkeys1 button:active {
				background-color: var(--cds-button-tertiary-active);
				color: var(--cds-text-inverse);
			}
			.theme2 .prdiv .fkeys1 button:is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
			}
			.theme2 .prdiv .fkeys1 button:disabled {
				background-color: var(--cds-button-disabled);
				color: var(--cds-text-disabled);
			}

			/* Make button bar comprise secondary buttons for popups */
			.theme2 .cpapopup .prdiv .fkeys1 button {
				border-width: 2px;
				border-style: solid;
				border-color: var(--cds-button-secondary);
				background-color: transparent;
				color: var(--cds-link-primary);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button:hover {
				background-color: var(--cds-button-secondary-hover);
				color: var(--cds-text-on-color);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button:active {
				background-color: var(--cds-button-secondary-active);
				color: var(--cds-text-on-color);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button:is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button:disabled {
				border-color: var(--cds-button-disabled);
				background-color: transparent;
				color: var(--cds-text-disabled);
			}

			/* Make button bar Cancel a ghost button for all cases */
			.theme2 .prdiv .fkeys2 button[title="ES"] {
				border-width: 2px;
				border-style: solid;
				border-color: transparent;
				background-color: transparent;
				color: var(--cds-link-primary);
			}
			.theme2 .prdiv .fkeys2 button[title="ES"]:hover {
				background-color: var(--cds-background-hover);
				color: var(--cds-link-primary-hover);
			}
			.theme2 .prdiv .fkeys2 button[title="ES"]:active {
				background-color: var(--cds-background-active);
				color: var(--cds-link-primary-hover);
			}
			.theme2 .prdiv .fkeys2 button[title="ES"]:is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
			}
			.theme2 .prdiv .fkeys2 button[title="ES"]:disabled {
				background-color: transparent;
				color: var(--cds-text-disabled);
			}

			/* Make button bar Delete a ghosted danger button for non-popups */
			.theme2 .prdiv .fkeys1 button[title="DE"]:not(.cpapopup button) {
				border-width: 2px;
				border-style: solid;
				border-color: transparent;
				background-color: transparent;
				color: var(--cds-text-error);
			}
			.theme2 .prdiv .fkeys1 button[title="DE"]:not(.cpapopup button):hover {
				background-color: var(--cds-button-danger-hover);
				color: var(--cds-text-on-color);
			}
			.theme2 .prdiv .fkeys1 button[title="DE"]:not(.cpapopup button):active {
				background-color: var(--cds-button-danger-active);
				color: var(--cds-text-on-color);
			}
			.theme2 .prdiv .fkeys1 button[title="DE"]:not(.cpapopup button):is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
			}
			.theme2 .prdiv .fkeys1 button[title="DE"]:not(.cpapopup button):disabled {
				background-color: transparent;
				color: var(--cds-text-disabled);
			}

			/* Make button bar Delete a secondary danger button for popups */
			.theme2 .cpapopup .prdiv .fkeys1 button[title="DE"] {
				border-color: var(--cds-button-danger-secondary);
				color: var(--cds-text-error);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button[title="DE"]:hover {
				border-color: var(--cds-button-danger-hover);
				background-color: var(--cds-button-danger-hover);
				color: var(--cds-text-on-color);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button[title="DE"]:active {
				border-color: var(--cds-button-danger-active);
				background-color: var(--cds-button-danger-active);
				color: var(--cds-text-on-color);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button[title="DE"]:is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
				background-color: var(--cds-button-danger-primary);
				color: var(--cds-text-on-color);
			}
			.theme2 .cpapopup .prdiv .fkeys1 button[title="DE"]:disabled {
				background-color: var(--cds-button-disabled);
				color: var(--cds-text-disabled);
			}

			/* Make button bar Enter a primary button for non-popups */
			.theme2 .prdiv .fkeys1 button[title="RET"]:not(.cpapopup button) {
				background-color: var(--cds-button-primary);
				color: var(--cds-text-on-color);
			}
			.theme2 .prdiv .fkeys1 button[title="RET"]:not(.cpapopup button):hover {
				background-color: var(--cds-button-primary-hover);
				color: var(--cds-text-on-color);
			}
			.theme2 .prdiv .fkeys1 button[title="RET"]:not(.cpapopup button):active {
				background-color: var(--cds-button-primary-active);
				color: var(--cds-text-on-color);
			}
			.theme2 .prdiv .fkeys1 button[title="RET"]:not(.cpapopup button):is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
			}
			.theme2 .prdiv .fkeys1 button[title="RET"]:not(.cpapopup button):disabled {
				background-color: var(--cds-button-disabled);
				color: var(--cds-text-disabled);
			}

		/*		Change cancel button to 'secondary'
				.theme2 .prdiv .fkeys1 button[title="ES"] {
					order: 2;
					background-color: var(--cpa-button-secondary);
					border-color: var(--cpa-button-secondary-border);
					color: var(--cpa-button-secondary-text);
				}
					.theme2 .prdiv .fkeys1 button[title="ES"]:hover {
						background-color: var(--cpa-button-secondary-hover);
					}
					.theme2 .prdiv .fkeys1 button[title="ES"]:active {
						background-color: var(--cpa-button-secondary-active);
					}
					.theme2 .prdiv .fkeys1 button[title="ES"]:is(:focus-visible, :focus) {
						background-color: var(--cpa-button-secondary-focus);
						box-shadow: var(--cpa-button-secondary-focus-shadow);
					}
			.theme2 .prdiv .fkeys1 button.outline {
				order: 3;
			}
		.theme2 .prdiv .prompt, .theme2 .prdiv .prompt * {
			font-size: 0.8rem;
			font-style: italic;
			font-weight: bold;
			color: var(--cpa-helper);
		}
		*/

	/* Fade buttons if not the front-most dialog */
	.theme2 #cpamain div:nth-child(n of .ui-dialog) .prdiv {
		opacity: 0.2;
	}
		.theme2 #cpamain div:nth-last-child(1 of .ui-dialog) .prdiv {
			opacity: 1;
		}

/* Footer */
	.theme2 #foot {
		display: block;
		position: sticky;
		z-index: 2999;
		flex: none;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: var(--cpa-margin-v) var(--cpa-margin-h);
		overflow: hidden;
		background-color: var(--cds-background);
		color: var(--cds-text-secondary);
		font-family: Geist;
		font-weight: 400;
		font-size: 0.7rem;
	}
		.theme2 #cpabody.showtree + #foot {
			background-color: var(--cds-layer-01);
		}
		.theme2 #foot ul li {
			display: inline-block;
		}
			.theme2 #foot ul li a {
				color: var(--cpa-text);
				text-decoration: none;
			}
		.theme2 #foot ul.prompts {
			float: left;
		}
			.theme2 #foot ul.prompts li {
				padding-right: 0.1rem;
			}
				.theme2 #foot ul.prompts li:after {
					padding-left: 0.3rem;
					content: "\2022";
				}
				.theme2 #foot ul.prompts li:last-child:after {
					padding-left: 0;
					content: none;
				}
		.theme2 #foot ul.breadcrumbs {
			float: right;
		}
			.theme2 #foot ul.breadcrumbs li {
				padding-right: 0.1rem;
			}
				.theme2 #foot ul.breadcrumbs li:after {
					padding-left: 0.3rem;
					content: ":";
				}
				.theme2 #foot ul.breadcrumbs li:last-child:after {
					padding-left: 0;
					content: none;
				}

	/* -------------- */
	/* Content Styles */
	/* -------------- */

	/* Widgets, Panels, Popups */

	/* Widgets */
	.theme2 .ui-widget {
		font-size: inherit;
	}
	.theme2 .ui-widget-content {
		/*
		background: #ffffff;
		border: 2px solid #808080;
		color: #383838;
		*/
		border: none;
		background: var(--cpa-body);
		color: var(--cds-text-primary, #161616);
	}

	.theme2 .ui-widget-overlay {
		background: black;
		opacity: 0.1;
	}
		.theme2 .ui-widget-overlay:nth-child(2) {
			display: none;
		}
	.theme2 .ui-widget-visible {
		background: #2e2e2e;
		opacity: 0;
		top: auto;
	}
	.theme2 .ui-widget-lowlight {
		background: white;
		opacity: 1;
		top: auto;
	}
	
	/* Defeat jQueryUI font */
	/* C1 - legacy */
	/*.theme2 .ui-widget select,*/ 
	.theme2 .ui-widget textarea {
		font-family: inherit;
		font-size: inherit;
	}
	/*.theme2 .ui-widget input,*/ .theme2 .ui-widget select {
		text-align: inherit;
		max-width: 100%;
	}
	.theme2 .ui-widget textarea {
		text-align: inherit;
		display: inline-block;
		vertical-align: top;
		height: auto;
		line-height: 1rem;
	}
	.theme2 .ui-widget textarea[rows='1'] {
		overflow: hidden;
		resize: none;
		height: var(--cpa-line-height);
	}
	.theme2 .ui-widget td textarea[rows='1'] {
		overflow: hidden;
		resize: none;
		padding: 0;
		height: 1rem;
	}
	.theme2 .ui-widget textarea[rows='2'],
	.theme2 .ui-widget textarea[rows='3'] {
		overflow: hidden;
		resize: none;
		line-height: var(--cpa-line-height);
	}

	/* Widget headers */
	.theme2 .ui-widget-header:not(.ui-progressbar-value) {
		color: var(--cpa-h3);
		font-size: var(--cpa-h3-font-size);
		font-weight: var(--cpa-h3-font-weight);
		display:flex;
		margin: var(--cpa-margin-phv) var(--cpa-margin-h);
		padding: 0.5rem 0;
		background: inherit;
	}
		.theme2 .ui-widget-header div {
			display: flex; 
			/* margin: 0; */ /* Margin required for widgets like DatePicker */
			padding: 0;
			width: auto !important;
		}
		.theme2 .ui-widget-header ul {
			display: flex; 
			/* margin: 0; */ /* Margin required for widgets like DatePicker */
			padding: 0;
			margin-left: 1.5rem;
		}
		.theme2 .ui-widget-header > div:first-child {
			flex:1;
			margin-left: 0;
		}
		.theme2 .ui-widget-header > div:first-child > ul:first-child,
		.theme2 .ui-widget-header > ul:first-child {
			flex:1;
			font-size: var(--cpa-h2-font-size);
			font-weight: var(--cpa-h2-font-weight);
			margin-left: 0;
			white-space: nowrap;
		}
		.theme2 .ui-widget-header ul:nth-child(2) > li {
			margin: 0 0 0 1.5rem;
		}
		.theme2 .ui-widget-header ul > li > span {
			width: auto;
		}
		.theme2 .ui-widget-header ul > li > a {
		}
	.theme2 .ui-widget-header [class*="cpafc"]:not(.ovr) {
		color: inherit;
	}
	.theme2 .ui-widget-header [class*="cpabc"]:not(.ovr) {
		background-color: inherit;
	}
	.theme2 .ui-widget-header .field, .theme2 .ui-widget-header .lfield {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
	}

	/* Dialogs */
	/* C1 - dialogs */
	.theme2 .ui-dialog {
		background: var(--cpa-dialog-body);
		border: var(--cpa-dialog-border);
		border-radius: var(--cpa-dialog-border-radius);
		border-width: var(--cpa-dialog-border-width);
		/*box-shadow: var(--cpa-dialog-shadow);*/
		overflow: auto;
		padding: 0;
		max-height: 100%;
	}
		.theme2 .ui-dialog .ui-dialog-content {
			/*overflow: auto;*/
			padding: 0; 
			border-radius: 0;
		}
		.theme2 .ui-dialog.ui-resizable.cpapopup:where(:has(.ui-selectmenu-menu)) {
			overflow: visible;
		}
	.theme2 .ui-resizable-n {
		top: 0;
		left: 0;
	}
	.theme2 .ui-resizable-e {
		top: 0;
		right: 0;
	}
	.theme2 .ui-resizable-s {
		bottom: 0;
		left: 0;
	}
	.theme2 .ui-resizable-w {
		top: 0;
		left: 0;
	}
	.theme2 .ui-resizable-se {
		bottom: 0;
		right: 0;
	}
	.theme2 .ui-resizable-sw {
		bottom: 0;
		left: 0;
	}
	.theme2 .ui-resizable-ne {
		top: 0;
		right: 0;
	}
	.theme2 .ui-resizable-nw {
		top: 0;
		left: 0;
	}

	/* Datepicker */
	.theme2 .ui-datepicker-trigger {
		content: url(images/theme2/icons/datepicker.svg);
		vertical-align: middle;
	}
	.theme2 .ui-datepicker {
		background: var(--cpa-body);
		box-shadow: var(--cpa-dialog-shadow);
	}
		.theme2 .ui-datepicker * {
			background: none;
			border: none;
			font-size: 0.8rem !important;
		}
			.theme2 .ui-datepicker .ui-datepicker-header {
				display: block;
				margin: 0;
			}
				.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
				.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
					width: 2rem;
					height: 2rem;
					padding: 0 0.3rem;
					top: 0.25rem !important;
					cursor: pointer;
					
					background-color: var(--cpa-button-ghost);
					color: var(--cpa-button-ghost-text);
					border: solid 2px var(--cpa-button-ghost-border);
					border-radius: var(--cpa-border-radius);
				}
					.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
					.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
						background-color: var(--cpa-button-ghost-hover);
						color: var(--cpa-button-ghost-hover-text);
						border-color: var(--cpa-button-ghost-hover-border);
					}
					.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active,
					.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
						background-color: var(--cpa-button-ghost-active);
						color: var(--cpa-button-ghost-active-text);
						border-color: var(--cpa-button-ghost-active-border);
					}
					.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
					.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus {
						background-color: var(--cpa-button-ghost-focus);
						color: var(--cpa-button-ghost-focus-text);
						border-color: var(--cpa-button-ghost-focus-border);
						box-shadow: var(--cpa-button-focus-shadow);
						outline: none;
					}
				.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
					content: url(images/theme2/icons/chevron--left.svg);
					left: 0 !important;
				}
				.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
					content: url(images/theme2/icons/chevron--right.svg);
					right: 0 !important;
				}
					
				.theme2 .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
					display: block;
					font-weight: 500;
				}
			.theme2 .ui-datepicker .ui-datepicker-calendar * {
				text-align: center;
				padding: 0;
				font-size: 0.9rem;
			}
				.theme2 .ui-datepicker .ui-datepicker-calendar th {
					font-weight: 400;
					width: 2rem;
					height: 1.8rem;
					padding: 0;
				}
				.theme2 .ui-datepicker .ui-datepicker-calendar td {
					font-weight: 400;
					background-color: transparent;
				}
					.theme2 .ui-datepicker table tr:not(.emptyrow):hover td,
					.theme2 .ui-datepicker table tr:not(.emptyrow):nth-child(2n+1):hover td {
						background-color: transparent;
					}

					.theme2 .ui-datepicker .ui-datepicker-calendar td a {
						width: 2rem;
						height: 1.6rem;
						padding: 0.2rem 0 0 0;
						background-color: var(--cpa-button-ghost);
						/*color: var(--cpa-button-ghost-text);*/
						border: solid 2px var(--cpa-button-ghost-border);
						display: inline-block;
					}
						.theme2 .ui-datepicker .ui-datepicker-calendar td a:hover {
							background-color: var(--cpa-button-ghost-hover);
							/*color: var(--cpa-button-ghost-hover-text);*/
							border-color: var(--cpa-button-ghost-hover-border);
							border-radius: var(--cpa-border-radius);
							text-decoration: none;
						}
						.theme2 .ui-datepicker .ui-datepicker-calendar td a:active {
							background-color: var(--cpa-button-ghost-active);
							/*color: var(--cpa-button-ghost-active-text);*/
							border-color: var(--cpa-button-ghost-active-border);
							border-radius: var(--cpa-border-radius);
						}
						.theme2 .ui-datepicker .ui-datepicker-calendar td a:focus {
							background-color: var(--cpa-button-ghost-focus);
							/*color: var(--cpa-button-ghost-focus-text);*/
							border-color: var(--cpa-button-ghost-focus-border);
							box-shadow: var(--cpa-button-focus-shadow);
							outline: none;
							border-radius: var(--cpa-border-radius);
						}
					.theme2 .ui-datepicker .ui-datepicker-calendar .ui-state-active {
						color: var(--cds-miscellaneous-interactive);
						font-weight: 500;
						background-image: url(images/theme2/icons/square-fill_16.svg);
						background-repeat: no-repeat;
						background-size: 0.25rem;
						background-position: bottom center;
					}


	/* Panels */
	.theme2 .cpapanel {
		font-size: var(--cpa-text-size);
		padding: 0;
		width: 100% !important;
		background-color: var(--cds-background);
	}
		.theme2 .cpapanel .ui-dialog-titlebar {
			/*
			padding: 1px 1px 1px 4px;
			*/
			border: none;
		}
		.theme2 .cpapanel .ui-dialog-titlebar-close { display: none; }
		.theme2 .cpapanel .ui-dialog-content { 
			padding: 0 var(--cpa-margin-h);
			margin: 0;
			background: inherit;
		}
		.theme2 .cpapanel .ui-widget-header {
			display:flex;
			margin: var(--cpa-margin-phv) var(--cpa-margin-h);
			padding: 0.2rem 0.7rem 0 0;
			background: inherit;
		}
		.theme2 .cpapanel .ui-widget-header h3 {
		}
		/* C1 - non-popup titles */
		.theme2 .cpapanel .ui-dialog-titlebar ul {
			padding-block-end: 0.2rem;
		}
		.theme2 .cpapanel .ui-dialog-titlebar li span {
			font-family: Geist;
			font-weight: 600;
			font-size: 0.75rem;
			background-color: transparent;
			color: var(--cds-text-primary);
		}
			.theme2 .cpapanel .ui-dialog-titlebar ul:first-of-type li:first-of-type span {
				font-size: 1.0rem;
			}

	/* Popup */
	.theme2 .cpapopup {
		font-size: var(--cpa-text-size);
		max-height: calc(100% - 4rem);
		/* C1 - popups */
		border-radius: 0.5rem;
		padding-block: 0.5rem;
		padding-inline: 1rem;
		background-color: var(--cds-layer-01);
	}
		.theme2 .cpapopup[aria-describedby=SIGNONH] {
			padding: 0;
		}
		.theme2 .cpapopup .ui-dialog-titlebar {
			margin: 0 0 0.5rem 0;
			padding: 0;
			border: none;
			background: inherit;
		}
		.theme2 .cpapopup .ui-dialog-titlebar-close { display: none; }
		.theme2 .cpapopup .ui-dialog-content { padding: 0px; margin: 0px; background: var(--cpa-body); }
		/*.theme2 .cpapopup .ui-widget-header { display:flex; background: var(--cpa-body); color: #dc7633; } */
		.theme2 .cpapopup .ui-widget-content {
			background: var(--cpa-body);
			/*border: 0px solid #808080;*/
			color: #383838;
		}
		/* C1 - popup titles */
		.theme2 .cpapopup .ui-dialog-titlebar ul {
			padding-block: 0.4rem;
		}
		.theme2 .cpapopup .ui-dialog-titlebar li span {
			font-family: Geist;
			font-weight: 600;
			font-size: 0.75rem;
			background-color: transparent;
			color: var(--cds-text-primary);
		}
			.theme2 .cpapopup .ui-dialog-titlebar ul:first-of-type li:first-of-type span {
				font-size: 1.0rem;
			}

	.theme2 .cpamodal {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
	}
		.theme2 .cpamodal .ui-dialog-titlebar {
			/*
			padding: 1px 1px 1px 4px;
			*/
			margin: 0 0 0.5rem 0;
			padding: 0;
			border: none;
			background: inherit;
		}
		.theme2 .cpamodal .ui-dialog-content { padding: 0px; margin: 0px; background: var(--cpa-body); }
		.theme2 .cpamodal .ui-widget-header { background: #dddddd; color: #dc7633; border: 1px solid grey; }

	.theme2 .cpabg .ui-dialog-titlebar { display: none; }
	.theme2 .cpabg .ui-dialog-titlebar-close { display: none; }
	.theme2 .cpabg .ui-dialog-content { padding: 0px; margin: 0px; background: var(--cpa-body); }
	.theme2 .cpabg .ui-widget-header { background: var(--cpa-body); }

	/* ffhtmlpnl (progress panels) */
	.theme2 .ffhtmlpnl {
		overflow: auto;
	}

	/*-------Panel headers: sub--------*/
	.theme2 .header {
		color: var(--cpa-h3);
		margin: 0.2rem 0 0 0; 
		font-size: 0.8rem;
		font-weight: 400;
		display: flex;
	}
	.theme2 .header div, .theme2 .header ul {
		display: flex; 
		/* margin: 0; */ /* Margin required for widgets like DatePicker */
		padding: 0;
	}
		.theme2 .header ul > li > span {
			width: auto;
		}
		.theme2 .header ul > li > a {
		}
		.theme2 .header ul:first-child {
			flex:1;
			font-size: 1rem;
		}
		.theme2 .header ul:nth-child(2) > li {
			margin: 0 0 0 1rem;
		}
	.theme2 .header [class*="cpafc"]:not(.ovr) {
		color: inherit;
	}
	.theme2 .header [class*="cpabc"]:not(.ovr) {
		background-color: inherit;
	}
	.theme2 .header .field {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
	}
	
		/* C1 - headers */
		.theme2 .cpadiv.header div li span {
			font-family: Geist;
			font-weight: 600;
			font-size: 0.75rem;
			background-color: transparent;
			color: var(--cds-text-primary);
		}
			.theme2 .cpadiv.header div:first-of-type ul:first-of-type li:first-of-type span {
				font-size: 1.0rem;
			}

	/*-----Causeway tabs classes----------------*/
	.theme2 ul.nav-tabs {
		overflow: hidden;
		margin: var(--cpa-tabs-margin);
	}
		.theme2 ul.nav-tabs > li {
			position: relative;
			float: left;
			padding-right: var(--cpa-tab-separation);
		}
			.theme2 ul.nav-tabs > li:last-child {
				padding-right: 0;
			}
		.theme2 ul.nav-tabs > li > a {
			padding: var(--cpa-tab-padding);
			display: block;
			background: var(--cpa-tab);
			border-color: var(--cpa-tab-border);
			border-width: var(--cpa-tab-border-width);
			border-style: solid;
			color: var(--cpa-tab-text);
			font-weight: var(--cpa-tab-font-weight);
			text-decoration: none;
		}
			.theme2 ul.nav-tabs > li > a:hover {
				border-color: var(--cpa-tab-hover-border);
				text-decoration: none;
			}
			.theme2 ul.nav-tabs > li > a:active,
			.theme2 ul.nav-tabs > li > a:focus {
				outline: var(--cpa-focus-outline);
				outline-offset: var(--cpa-focus-outline-offset);
			}
		.theme2 ul.nav-tabs > li > a.buttonselected {
			background: var(--cpa-tab-selected);
			border-color: var(--cpa-tab-selected-border);
			border-width: var(--cpa-tab-selected-border-width);
			border-style: solid;
			color: var(--cpa-tab-selected-text);
			font-weight: var(--cpa-tab-selected-font-weight);
		}
			.theme2 ul.nav-tabs > li > a.buttonselected:hover {
			}

		/* C1 - tab groups */
		.theme2 .cpadiv.tabgrp ul.nav-tabs {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0 0 L 1 0 L 1 1 L 0 1 Z' stroke='none' fill='rgb(234,229,255)'/%3E%3C/svg%3E");  /*--cds-border-subtle-00*/
			background-repeat: repeat-x;
			background-size: auto 0.125rem;
			background-position: bottom;
		}
		.theme2 .cpadiv.tabgrp div ul.nav-tabs li a {
			font-family: Geist;
			font-weight: 400;
			font-size: 0.875rem;
			border-radius: 0.5rem;
			border-inline: 0.125rem solid transparent;
			border-block-start: 0.125rem solid transparent;
			border-block-end: 0.125rem solid var(--cds-border-subtle-00);
			background-color: transparent;
			color: var(--cds-text-secondary);
			padding-inline: 0.8rem;
			padding-block: 0.275rem;
			height: 2rem;
			clip-path: polygon(0.5rem 0.125rem, calc(100% - 0.5rem) 0.125rem, 
						calc(100% - 0.125rem) 0.5rem, calc(100% - 0.125rem) calc(100% - 0.5rem), 
						calc(100% - 0.5rem) calc(100% - 0.125rem), calc(100% - 0.5rem) 100%, 0.5rem 100%, 0.5rem calc(100% - 0.125rem), 
						0.125rem calc(100% - 0.5rem), 0.125rem 0.5rem);
			outline: none;
		}
			.theme2 .cpadiv.tabgrp div ul.nav-tabs li a.buttonselected {
				font-weight: 600;
				border-block-end-color: var(--cds-link-primary);
				color: var(--cds-text-primary);
			}
			.theme2 .cpadiv.tabgrp div ul.nav-tabs li a:hover {
				border-block-end-color: var(--cds-border-subtle-01);
				color: var(--cds-text-primary);
			}
			.theme2 .cpadiv.tabgrp div ul.nav-tabs li a:active,
			.theme2 .cpadiv.tabgrp div ul.nav-tabs li a:is(:focus-visible, :focus) {
				border-color: var(--cds-focus);
				color: var(--cds-text-primary);
				clip-path: none;
				outline: none;
			}

	/* Tables */
	/* C1 - tables */
	.theme2 table.cpatable {
		font-family: Geist;
		font-variant-numeric: tabular-nums;
		font-size: 0.75rem;
		line-height: 1rem;
		border-collapse: separate;
		border-spacing: 0;
		border-width: 0;
		border-radius: 0.5rem;
		padding: 0.5rem;
		background-color: var(--cds-layer-01);
	}
		.theme2 .tbldiv table.cpatable:has(+ .cpascrbg) {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			padding-inline-end: 0;
		}
	.theme2 table.cpatable th, .theme2 table.cpatable td {
		height: 1.5rem;
	}
	.theme2 table.cpatable thead th {
		font-weight: 600;
		text-align: start;
	}
		.theme2 table.cpatable thead th:not(.ovr) {
			background-color: var(--cds-layer-accent-01);
			color: var(--cds-text-secondary);
		}
		.theme2 table.cpatable thead th.cpanum,
		.theme2 table.cpatable thead th.cpaneg {
			text-align: end;
			padding-inline-end: 0.75rem;
		}
		/* Legacy rule defeater */
		.theme2 table.cpatable thead th.cpafc16 {
			font-weight: 600;
		}
	.theme2 table.cpatable tbody td {
		font-weight: 400;
		padding-block: 0;
	}
		.theme2 table.cpatable tbody td:not(.ovr) {
			background-color: var(--cds-layer-01);
			color: var(--cds-text-secondary);
		}
		.theme2 table.cpatable tbody td.cpanum,
		.theme2 table.cpatable tbody td:has(.cpanum),
		.theme2 table.cpatable tbody td.cpaneg,
		.theme2 table.cpatable tbody td:has(.cpaneg) {
			text-align: end;
			padding-inline-end: 0.75rem;
		}
		.theme2 table.cpatable td:first-of-type, .theme2 table.cpatable th:first-of-type {
			padding-inline-start: 1rem;
		}
		.theme2 table.cpatable thead th:first-of-type {
			border-top-left-radius: 0.25rem;
		}
		.theme2 table.cpatable thead th:last-of-type {
			border-top-right-radius: 0.25rem;
		}
		.theme2 table.cpatable tbody tr:not(.emptyrow) td {
			border-block-end: 1px solid var(--cds-border-subtle-00);
		}
		.theme2 table.cpatable tbody tr.selected td:not(.ovr) {
			background-color: var(--cds-layer-selected-01);
			color: var(--cds-text-primary);
		}
		.theme2 table.cpatable:not(:has(thead)) tbody tr.selected td:not(.ovr) {
			font-weight: 600;
		}
			.theme2 table.cpatable tbody tr:not(.emptyrow):hover td,
			.theme2 table.cpatable tbody tr.selected:hover td {
				border-block-end: 1px solid var(--cds-layer-hover-01);
				background-color: var(--cds-layer-hover-01);
				color: var(--cds-text-primary);
			}
			.theme2 table.cpatable tbody tr:not(.emptyrow):is(:focus-visible, :focus) {
				outline: 2px solid var(--cds-focus);
				outline-offset: -2px;
			}

		.theme2 table.cpatable tbody td input {
			margin-block: 0;
			height: 1.5rem;
		}
		.theme2 table.cpatable tbody td textarea[rows='1'] {
			margin-block: 0;
			height: 1.5rem;
			padding-block: 0.125rem;
			padding-inline: 3px;
		}
		/* Override defeater */
		.theme2 table.cpatable tbody td label.ovr[title]:not(.cpafc01) {
			font-weight: 400;
			background-color: transparent;
			color: var(--cds-text-secondary);
		}
		/* Table cell hover marker generator. Exclude colour overrides that previously did not intend to yield a highlight effect. */
		.theme2 table.cpatable tbody td label.ovr[title]:not(.cpafc00, .cpafc01, .cpafc02, .cpafc04)::after {
			display: inline-block;
			content: "";
			width: 0.822rem;
			height: 0.822rem;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.365 0.3 L 0.635 0.3 L 0.635 0.57 L 0.365 0.57 Z' stroke='none' fill='rgb(75,32,188)'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			margin-inline-start: 0.1rem;
			margin-inline-end: 0.5rem;
		}
/*
	.theme2 table {
		border-style: solid;
		border-color: var(--cpa-table-border-color);
		border-width: var(--cpa-table-border-width);
		border-spacing: 0;
		border-collapse: collapse;
		width: 100%;
		border: none;
		font-size: var(--cpa-text-size);
		line-height: 0.9rem;
		border-radius: 8px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--cds-border-subtle-00);
		outline-width: 2px;
		outline-style: solid;
		outline-color: transparent;
		outline-offset: -2px;
	}
	.theme2 table * {
		font-size: inherit;
		line-height: inherit;
	}
		.theme2 table thead {
			border-style: solid;
			border-color: var(--cpa-table-thead-border-color);
			border-width: var(--cpa-table-thead-border-width);
		}
		.theme2 table tr th {
			background-color: var(--cpa-table-th);
			border-style: solid;
			border-color: var(--cpa-table-th-border-color);
			border-width: var(--cpa-table-th-border-width);
			font-weight: 600;
			padding: 0.3rem 1rem 0.3rem 0.2rem;
			box-sizing: content-box;
		}
		.theme2 table tbody {
			overflow: auto;
			overflow-y: scroll;
		}
		*!* Row colour *.*
		.theme2 table tr:not(.ovr) {
			background-color: var(--cpa-table-tr);
		}
		.theme2 table tr:nth-child(2n+1):not(.ovr) {
			background-color: var(--cpa-table-tr-alt);
		}
		*!* Row hover colour *.*
		.theme2 table tr:not(.emptyrow):not(.ovr):hover {
			background-color: var(--cpa-table-tr-hover);
		}
		.theme2 table tr:nth-child(2n+1):not(.emptyrow):not(.ovr):hover {
			background-color: var(--cpa-table-tr-alt-hover);
		}
		.theme2 table tr.ovr:hover td {
			background-color: rgb(0,0,0,0.05);
		}
		*!* Cell *.*
		.theme2 table tr:not(.emptyrow) td {
			border-style: solid;
			border-color: var(--cpa-table-td-border-color);
			border-width: var(--cpa-table-td-border-width);
			padding: 0.05rem 0.2rem;
		}

			.theme2 .cpalistdspo {
				background: aliceblue;
			}
			.theme2 .cpalistdspp {
				background: inherit;
			}
			.theme2 .cpalistent {
				background: inherit;
			}
			.theme2 table tr:active, .theme2 table tr:focus {
				outline: none;
			}
			.theme2 td label {
				margin: 0px;
				padding: 0px 0px 0px 0px;	*!* was padding: 2px; (see .list td) *.*
				height: 1rem;
				display: inline-block;
				font-weight: 400;
				white-space: wrap;				*!* Ensure list columns honor the width *.*
				overflow: hidden;
				border: solid 1px transparent;
			}

		.theme2 table.cpatable {
			table-layout: auto;
		}
			.theme2 .cpatable tr {
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			.theme2 table.cpatable tbody * {
				cursor: pointer;
			}
			.theme2 table.cpatable th {
				text-align: left;
			}
			.theme2 table.cpatable th.cpanum {
				padding-right: 0.3rem !important;
			}
			.theme2 table.cpatable td .cpanum {
				padding-right: 0.3rem !important;
			}
			.theme2 table.cpatable tr th:last-child, .theme2 table.cpatable tr td:last-child {
				padding-right: 0.3rem;
			}
			.theme2 table.cpatable td {
				position: relative;
			}
			.theme2 table.cpatable td input {
				margin: 0;
				height: 1rem;
			}
			.theme2 table.cpatable tr.selected td {
				background-color: var(--cpa-table-tr-selected);
				color: var(--cpa-table-tr-selected-text);
			}
				.theme2 table.cpatable tr.selected:hover td {
					background-color: var(--cpa-table-tr-selected-hover);
				}
				.theme2 table.cpatable tr.selected td label {
					color: var(--cpa-table-tr-selected-text);
				}
*/

	/* Table three-dots button menu */
	 .theme2 table.cpatable tr button.trmenu {
			position: absolute;
			right: 0.15rem;
			top: 2px;
			border: solid 1px #cccccc; /* Replace */
			background-color: #f6f8fa; /* Replace */
			background-image: url(images/theme2/three-dots-v.svg);
			background-repeat: no-repeat;
			background-size: 70%;
			background-position-x: center;
			background-position-y: center;
			width: 1rem;
			height: 1rem;
			cursor: pointer;
			visibility: hidden;
			border-radius: var(--cpa-button-border-radius);
			padding: 0px;
		}
		.theme2 table.cpatable tr:hover button.trmenu {
			visibility: visible;
		}
		.theme2 table.cpatable tr button.trmenu:hover {
			background-color: var(--cpa-body); /* Replace */
			border-color: #b2b2b2; /* Replace */
		}

	/*-----Grids-----*/
	.theme2 .tbldiv {
		display: inline-flex; /* This div contains the table and the scrollbar side-by-side*/
		flex-flow: row nowrap;
		width: 100%;
		/*
		overflow-y: hidden;
		overflow-x: auto;
		*/
	}
	.theme2 .tbldiv.topmarg {
		margin-top: 0.1rem;
	}
	.theme2 .tbldiv table {
		flex: 1;
	}
	.theme2 .list tbody tr {
		height: 20px;
	}
	.theme2 .list tbody td {
		/*
		margin: 0;
		padding: 0 3px;
		*/
		white-space: nowrap;
		max-width: none;
		overflow: hidden;
	}
	.theme2 table.grid1 {
		table-layout: auto;
	}
	.theme2 table.grid1 tr {
		height: 15px;
	}
	.theme2 table.grid1 td {
		height: 15px;
		padding: 1px 0px 0px 0px;		/* was 0px but changed to correct FFPDCNVS */
		margin: 0px;
		border-style: none;
		white-space: nowrap;
	}
	.theme2 .tablescroll {
		padding: 0px;
		margin: 0px;
		overflow:auto;
	}
	.theme2 .grid {
		border: 1px solid #bdc5df;
		padding: 2px;
		table-layout: auto;
	}
	.theme2 .grid tr {
		height: 21px !important;
	}
	.theme2 #INQ01-tbldiv thead th {
		min-width: 0 !important;
	}
	.theme2 #SMTC11-004020 {
		word-spacing: 0.9em;
		margin-left: 0.5rem;
	}

/* Buttons */
	.theme2 ul.buttons {
		margin: 1rem 0 0;
		padding: var(--cpa-margin-v) 0;
		list-style: none;
		font-size: 0.9rem;
	}
		.theme2 ul.buttons li {
			display: inline;
			padding: 0 0.3rem 0 0;
		}
			.theme2 ul.buttons li a {
				background: var(--cpa-button);
				color: var(--cpa-button-text);
				padding: var(--cpa-button-sm-padding-v) var(--cpa-button-sm-padding-h);
				text-decoration: none;
				border-radius: var(--cpa-button-border-radius);
			}
				.theme2 ul.buttons li a:hover {
					background: var(--cpa-button-hover);
				}
			.theme2 ul.buttons li.outline a {
				border: solid 1px var(--cpa-button);
				background: none;
				color: var(--cpa-button);
			}
				.theme2 ul.buttons li.outline a:hover {
					border-color: var(--cpa-button-hover);
					color: var(--cpa-button-hover);
				}
			.theme2 ul.buttons li.hint {
				margin-left: 1rem;
				color: #999999; /* Replace */
				font-style: italic;
			}

/* Tiles */
	.theme2 ul.tilesets {
		position: relative;
		display: block;
		margin: 1rem 0 2rem 0;
		padding: 0;
		list-style: none;
		font-size: 0.9rem;
		white-space: nowrap;
		overflow: auto;
	}
		.theme2 ul.tilesets h1 {
			margin: 0;
			font-size: 0.9rem;
			color: var(--cpa-h2);
			font-weight: 500;
		}
		.theme2 ul.tilesets h1:hover::after {
			display:inline-block; 
			font:normal normal normal 8px/1 FontAwesome; 
			padding:0 0 2px 4px; 
			vertical-align:middle;
			content:"\f060"; 
		}
			.theme2 ul.tilesets li.tiles-collapsed h1:hover::after {
				content:"\f061";
			}

	.theme2 ul.tiles {
		display: inline-block;
		margin: 0;
		padding: 0;
		list-style: none;
		white-space: nowrap;
	}
		.theme2 ul.tiles li {
			display: inline-block;
			margin: 0 0.5em 0 0;
			padding: 0;
			width: 9em;
			height: 7em;
			background-repeat: no-repeat;
			background-position-x: 0.4em;
			background-position-y: 0.5em;
			background-size: 2em;
			background-color: var(--ig-cool-grey040);
			white-space: normal;
			border-radius: var(--cpa-button-border-radius);
		}
			.theme2 li.tiles-collapsed ul.tiles li {
				width: 4em;
			}
		.theme2 li.tiles-v ul.tiles li {
			display: block;
			margin: 0.5em 0 0 0;
		}
		.theme2 li.tiles-v {
			display:block;
			width: 130px;
			white-space: nowrap;
			overflow: hidden;
			margin-right: 10px;
		}
		.theme2 li.tiles-h {
			overflow: hidden;
		}
			.theme2 ul.tiles li a {
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				color: var(--cpa-text);
				text-decoration: none;
				text-align: center;
				line-height: 1em;
				border-radius: var(--cpa-border-radius);
				box-sizing: border-box;
				position: relative;
				background-color: rgba(255,255,255,0.2);
			}
				/* Add border to white box */
				.theme2 ul.tiles li.tile-white a {
					border: solid 2px #e5e7e9; /* Replace */
				}
				.theme2 ul.tiles li a:hover {
					background-color: rgba(0, 0, 0, 0.07);
				}
				.theme2 ul.tiles li a.selected {
					color: #000000; /* Replace */
					border: solid 2px #666666; /* Replace */
					height: calc(100% - 4px);
					width: calc(100% - 4px);
					background-color: rgba(0, 0, 0, 0.05);
				}
					.theme2 ul.tiles li a.selected h2 {
						margin-top: calc(0.9em - 2px);
						margin-right: calc(0.5em - 2px);
						margin-left: calc(2.8em - 2px);
					}
				.theme2 ul.tiles li a img {
					position: absolute;
					top: 0.9em;
					left: 0.4em;
					width: 1.3em;
				}
				.theme2 ul.tiles li a h2 {
					display: block;
					height: 2.2em;
					margin: 0.9em 0.5em 0 0.5em;
					padding: 0;
					font-size: 0.8em;
					font-weight: 500;
					line-height: 1.1em;
					color: inherit;
				}
					/*.theme2 li:not(li.tiles-collapsed) ul.tiles li a .tile-hasicon h2 {*/
						/*margin-left: 2.8em;*/
					/*}*/
					.theme2 .pwdivs li:not(.tiles-collapsed) ul.tiles li .tile-hasicon h2 {
						margin-left: 2.8em;
					}
					.theme2 li.tiles-collapsed ul.tiles li a h2 {
						font-size: 0.7em;
						height: 4.8em;
					}
					.theme2 li.tiles-collapsed ul.tiles li a img {
						display: none;
					}
				.theme2 ul.tiles li a span {
					display: block;
					width: 100%;
					margin: 0;
					padding: 0;
				}
					.theme2 ul.tiles li a span.tile-count {
						margin: 0.4em 0;
						font-size: 1.7em;
						line-height: 1em;
						height: 1em;
						max-height: 1em;
					}
						.theme2 li.tiles-collapsed ul.tiles li a span.tile-count {
							font-size: 1em;
						}
					.theme2 ul.tiles li a span.tile-value {
						margin: 0.8em 0 0;
						font-size: 0.9em;
						line-height: 0.9em;
						height: 0.9em;
						max-height: 0.9em;
					}
						.theme2 li.tiles-collapsed ul.tiles li a span.tile-value {
							font-size: 0.6em;
						}
/*
		ul.tiles li.tile-not-authorised {
			background-color: var(--ig-blue040);
			background-image: url(../img/icons/071B.svg);
		}
		ul.tiles li.tile-not-authorised-but-issued {
			background-color: var(--ig-blue040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-authorised-not-issued {
			background-color: var(--ig-yellow040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-authorised-and-issued {
			background-color: var(--ig-cool-grey040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-cancelled-not-authorised {
			background-color: var(--ig-brown040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-cancelled-and-authorised {
			background-color: var(--ig-green040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-deleted {
			background-color: var(--ig-mauve040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-complete-not-authorised {
			background-color: var(--ig-orange040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-complete-and-authorised {
			background-color: var(--ig-red040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-cancelled-ready-to-authorise {
			background-color: var(--ig-sky-blue040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-ready-to-authorise {
			background-color: var(--ig-yellow040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-deauthorised-rejected-req {
			background-color: var(--ig-cool-grey040);
			background-image: url(../img/icons/060B.svg);
		}
		ul.tiles li.tile-open-order-lines {
			background-color: var(--ig-cool-grey040);
			background-image: url(../img/icons/060B.svg);
		}
		*/
/* Right-click Context Menu */
	.theme2 #CTMENU {
		display: none;
		position: absolute;
		z-index: 10002;
		top: 100px;
		left: 100px;
		background: var(--cpa-menucontent);
		box-shadow: var(--cpa-menucontent-shadow);
		border: var(--cpa-menucontent-border);
		border-radius: var(--cpa-menucontent-border-radius);
		margin: 0;
		padding: 0.3rem 0;
	}
		.theme2 #CTMENU, .theme2 #CTMENU h1 {
			font-size: var(--cpa-text-size);
		}
			.theme2 #CTMENU h1 {
				margin: 0;
				font-weight: 500;
			}
			.theme2 #CTMENU h1, .theme2 #CTMENU ul li a {
				padding: 0.2rem 1.25rem;
			}
			.theme2 #CTMENU ul {
			}
				.theme2 #CTMENU ul li {
				}
					.theme2 #CTMENU ul li a {
						display: block;
						text-decoration: none;
						color: var(--cpa-menucontent-item-text);
					}
						.theme2 #CTMENU ul li a:hover {
							background: var(--cpa-menucontent-item-bg-hover);
							color: var(--cpa-menucontent-item-text-hover);
						}
/* Table TR Menu */
	.theme2 #trmenu {
		display: block;
		position: absolute;
		z-index: 10002;
		top: 100px;
		left: 100px;
		background: var(--cpa-menucontent);
		box-shadow: var(--cpa-menucontent-shadow);
		border: var(--cpa-menucontent-border);
		border-radius: var(--cpa-menucontent-border-radius);
		margin: 0px 15px 0px -15px;
		padding: 0.3rem 0;
	}
		.theme2 #trmenu, .theme2 #trmenu h1 {
			font-size: var(--cpa-text-size);
		}
			.theme2 #trmenu h1 {
				margin: 0;
				font-weight: 500;
			}
			.theme2 #trmenu h1, .theme2 #trmenu ul li a {
				padding: 0.2rem 1.25rem;
			}
			.theme2 #trmenu ul {
			}
				.theme2 #trmenu ul li {
				}
					.theme2 #trmenu ul li a {
						display: block;
						text-decoration: none;
						color: var(--cpa-menucontent-item-text);
					}
						.theme2 #trmenu ul li a:hover {
							background: var(--cpa-menucontent-item-bg-hover);
							color: var(--cpa-menucontent-item-text-hover);
						}
	/* Table TR Context Menu */
	.theme2 #trctmenu {
		display: block;
		position: absolute;
		z-index: 10002;
		top: 100px;
		left: 100px;
		background: var(--cpa-menucontent);
		box-shadow: var(--cpa-menucontent-shadow);
		border: var(--cpa-menucontent-border);
		border-radius: var(--cpa-menucontent-border-radius);
		margin: 0px 15px 0px -15px;
		padding: 0.3rem 0;
		font-size: small;
	}
		.theme2 #trctmenu ul li a {
			padding: 0.2rem 1.25rem;
		}
		.theme2 #trctmenu ul {
		}
			.theme2 #trctmenu ul li {
			}
				.theme2 #trctmenu ul li a {
					display: block;
					text-decoration: none;
					color: var(--cpa-menucontent-item-text);
				}
					.theme2 #trctmenu ul li a:hover {
						background: var(--cpa-menucontent-item-bg-hover);
						color: var(--cpa-menucontent-item-text-hover);
					}
/* Tree Navigation */
	.theme2 #cpatree :active, .theme2 #cpatree :focus {
		outline: 0;
	}
	.theme2 #cpatree nav {
		position: sticky;
		background: var(--cpa-body);
		color: var(--cpa-text);
		display: inline-flex;
		flex-direction: column;
		padding-inline: 0.5rem;
		padding-block-start: 0.2rem;
		height: 100%;
		font-size: 0.8rem;
		font-weight: 400;
		text-align: left;
		text-decoration: none;
		box-sizing: border-box;
	}
	.theme2 #cpatree nav div {
		position: relative;
		overflow: auto;
	}
		.theme2 #cpatree nav > div {
			padding-inline: 0.9rem;
		}
	.theme2 #cpatree nav *:where(:not(input[type=text])) {
		font-size: inherit;
		font-weight: inherit;
		text-align: inherit;
		text-decoration: inherit;
		color: inherit;
	}
	/* Top Links */
	.theme2 #cpatree nav > ul {
		margin: 0;
		padding-block-start: 0.2rem;
		padding-block-end: 0;
		padding-inline: 0.5rem;
	}
		.theme2 #cpatree nav > ul li {
			display: inline-block;
		}
			.theme2 #cpatree nav > ul li:not(:first-of-type) {
				margin-block-start: 0.6rem;
			}
		.theme2 #cpatree nav > ul * {
			font-family: Geist;
			font-size: 0.875rem;
			line-height: 1.125rem;
			vertical-align: baseline;
			background-color: var(--cds-layer-01);
			color: var(--cds-text-secondary);
		}
		.theme2 #cpatree nav > ul a {
			display: inline-block;
			margin: 0 0.4rem 0 0;
			font-weight: 600;
			width: 5rem !important;
		}
		.theme2 #cpatree nav > ul span {
			font-weight: 400;
		}
			.theme2 #cpatree nav > ul a:after {
				content: ":";
			}
			.theme2 #cpatree nav > ul a:hover {
				background-color: var(--cds-layer-hover-01);
				color: var(--cds-text-primary);
			}
			.theme2 #cpatree nav > ul a:active {
				background-color: var(--cds-layer-active-01);
				color: var(--cds-text-primary);
			}
	/* Search Box */
	.theme2 #cpatree nav input[type=text] {
		border-radius: 0.4375rem;
		font-size: 0.875rem;
		line-height: 1.125rem;
		margin-block-start: 0.5rem;
		margin-block-end: 1.3rem;
		padding-block: 0.9rem;
		padding-inline-start: 2rem;
		width: 100%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.9 0.9 L 0.612132 0.612132 A 0.3 0.3 0 0 0 0.187868 0.187868 A 0.3 0.3 0 0 0 0.612132 0.612132' stroke='rgb(105,0,149)' fill='none' stroke-width='0.06'/%3E%3C/svg%3E");  /*--cds-icon-secondary*/
		background-repeat: no-repeat;
		background-size: auto 60%;
		background-position: left 0.4rem center;
	}
		.theme2 #cpatree nav input[type=text]::placeholder {
			color: #8F83A4;
		}

	/* Tree Buttons */
	/* C1 - Main menu */
	.theme2 #cpatree .tree > div button {
		margin: 0;
		padding-inline-start: calc(var(--cpa-margin-h) / 2 );
		padding-inline-end: calc(1rem + var(--cpa-margin-h) / 2 );
		width: 100%;
		background-color: var(--cds-layer-01);
		color: var(--cds-text-secondary);
		border-radius: 0.3125rem;
		border-width: 2px;
		border-style: solid;
		border-color: transparent;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.125rem;
		height: 2rem;
	}
	.theme2 #cpatree .tree > div button:before {
		display: inline-block;
		content: "";
		width: 0.62rem;
		height: 0.62rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.25 0.1 L 0.75 0.5 L 0.25 0.9 L 0.25 0.1' fill='rgb(105,0,149)' stroke='none'/%3E%3C/svg%3E");  /*--cds-icon-secondary*/
		background-repeat: no-repeat;
		margin-right: 0.4rem;
	}
		.theme2 #cpatree .tree > div button:hover {
			background-color: var(--cds-layer-hover-01);
			color: var(--cds-text-primary);
		}
		.theme2 #cpatree .tree > div button:active {
			background-color: var(--cds-layer-active-01);
			color: var(--cds-text-primary);
		}

			/* Button when dropped */
			.theme2 #cpatree .tree > div li.dropped > button:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.1 0.25 L 0.9 0.25 L 0.5 0.75 L 0.1 0.25' fill='rgb(105,0,149)' stroke='none'/%3E%3C/svg%3E");  /*--cds-icon-secondary*/
			}
		.theme2 #cpatree .tree > div li.treefocus > button,
		.theme2 #cpatree .tree > div li.treefocus > a {
			border-color: var(--cds-focus);
			background-color: var(--cds-layer-01);
			color: var(--cds-text-secondary);
		}
			/* Button focused hover */
			.theme2 #cpatree .tree > div li.treefocus > button:hover,
			.theme2 #cpatree .tree > div li.treefocus > a:hover {
				border-color: var(--cds-focus);
				background-color: var(--cds-layer-hover-01);
				color: var(--cds-text-primary);
			}

	/* Tree Items */
	.theme2 #cpatree .tree > div a {
		display: block;
		margin: 0;
		padding-block-start: calc(0.45rem - 2px);
		padding-inline-start: calc(var(--cpa-margin-h) / 2 );
		padding-inline-end: calc( var(--cpa-margin-h) / 2 + 2rem );
		background-color: var(--cds-layer-01);
		color: var(--cds-text-secondary);
		border-radius: 0.3125rem;
		border-width: 2px;
		border-style: solid;
		border-color: transparent;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.125rem;
		height: 2rem;
	}
		.theme2 #cpatree .tree > div a.treemtp_D {
			font-weight: 650;
			pointer-events: none;
		}
		.theme2 #cpatree .tree > div a:hover {
			background-color: var(--cds-layer-hover-01);
			color: var(--cds-text-primary);
		}
		.theme2 #cpatree .tree > div a:active {
			background-color: var(--cds-layer-active-01);
			color: var(--cds-text-primary);
		}
	/* Child Lists */
	.theme2 #cpatree .tree > div > ul > li ul {
		display: none;
		margin: 0 0 0 0.9rem;
	}
		.theme2 #cpatree .tree > div > ul > li ul:not(:has(li ul, li .treemtp_D)) {
			margin-inline-start: 1.5rem;
		}
		.theme2 #cpatree .tree li:has(> .treemtp_D) ~ li:not(:has(> .treemtp_D)) {
			margin-inline-start: 1.55rem;
		}
	.theme2 #cpatree .tree > div li.dropped > ul {
		display: block;
	}

	/* Modal window */
	.theme2 .modal {
		font-size: 0.9rem;
	}
	.theme2 .modal > div {
	}
	.theme2 .modal h1 {
		margin: 0 0 0.5rem 0;
		font-size: 1rem;
	}
		.theme2 .modal label {
			display: inline-block;
			width: 6rem;
			text-align: right;
			vertical-align: top;
			margin: 0.3rem 0.1rem 0.3rem 0;
			padding: 0.3rem 0 0 0;
		}
		.theme2 .modal input[type=text], .theme2 .modal input[type=number], .theme2 .modal select, .theme2 .modal textarea {
			margin: 0.3rem 0;
			padding: 0.3rem 0.4rem;
			vertical-align: top;
			/*line-height: 1rem;*/
			font-size: 0.8rem;
			width: 10rem;
		}
	.theme2 .modal select {
		padding: 0.3rem 0.2rem;
	}
	.theme2 .modal input.sm, .theme2 .modal textarea.sm {
		width: 10rem;
	}
	.theme2 .modal input.md, .theme2 .modal textarea.md {
		width: 20rem;
	}
	.theme2 .modal input.lg, .theme2 .modal textarea.lg {
		width: 30rem;
	}
	.theme2 .modal .buttons {
		font-size: var(--cpa-text-size);
	}

	/*-----------------------------------------------------------*/
	/*-----Field/Label highlight classes: foreground colours-----*/
	/*-----------------------------------------------------------*/
	.theme2 .cpafc00 {						/* Default label foreground: near-black */
	}
		.theme2 .ovr.cpafc00 {						/* Default label foreground: near-black */
			color: #2e2e2e;
		}
	.theme2 .cpafc01, .theme2 .ovr.cpafc01 {						/* Light Grey (hidden data) */
		color: #ababab;
	}
	.theme2 .cpafc02, .theme2 .ovr.cpafc02 {						/* Fg==Bg so hide fully */
		visibility: hidden;
	}
	.theme2 .cpafc03, .theme2 .ovr.cpafc03 {						/* Dark Orange b84747 -> Dark orange */
		color: #c0392b;
		font-weight: bold;
	}
	.theme2 .cpafc04 {						/* Standard display colour: Grey */
	}
		.theme2 .ovr.cpafc04 {						/* Standard display colour: Grey */
			color: #2e2e2e;
		}
	.theme2 .cpafc05, .theme2 .ovr.cpafc05 {						/* Ochre b3b300 -> Ochre */
		color: #e67e22;
		font-weight: bold;
	}
	.theme2 .cpafc06, .theme2 .ovr.cpafc06 {						/* Magenta */
		color: #f000f0;
		font-weight: bold;
	}
	.theme2 .cpafc07, .theme2 .ovr.cpafc07 {						/* Mauve 9966cc -> Brown */
		color: #996633;
		font-weight: bold;
	}
	.theme2 .cpafc08, .theme2 .ovr.cpafc08 {						/* Red-5 eb613d -> Puce */
		color: #e7b0a9;
		font-weight: bold;
	}
	.theme2 .cpafc09, .theme2 .ovr.cpafc09 {						/* Light Grey */
		color: #c0c0c0;
		font-weight: bold;
	}
	.theme2 .cpafc10, .theme2 .ovr.cpafc10 {						/* Green-brown 808000 -> Mauve */
		color: #bc8dd0;
		font-weight: bold;
	}
	.theme2 .cpafc11, .theme2 .ovr.cpafc11 {						/* Violet 800080 -> Light blue */
		color: #4060ff;
		font-weight: bold;
	}
	.theme2 .cpafc12, .theme2 .ovr.cpafc12 {						/* Red ff0000 -> Red */
		color: #ff0000;
		font-weight: bold;
	}
	.theme2 .cpafc13, .theme2 .ovr.cpafc13 {						/* Turquise 008080 -> Violet */
		color: #8e44ad;
		font-weight: bold;
	}
	.theme2 .cpafc14, .theme2 .ovr.cpafc14 {						/* Light green 008000 -> Dark green */
		color: #16a085;
		font-weight: bold;
	}
	.theme2 .cpafc15, .theme2 .ovr.cpafc15 {						/* Violet-Blue 280099 -> Mustard */
		color: #e7b747;
		font-weight: bold;
	}
	.theme2 .cpafc16, .theme2 .ovr.cpafc16 {						/* Dark Blue 0000ff -> Dark blue */
		color: #0870cf;
		font-weight: bold;
	}
	.theme2 .cpafc17 {						/* Default field foreground: dark grey */
	}
		.theme2 .ovr.cpafc17 {						/* Default field foreground: dark grey */
			color: #4e4e4e;
		}
	.theme2 .cpafc18 {						/* Default button foreground: near-black */
	}
		.theme2 .ovr.cpafc18 {						/* Default button foreground: near-black */
			color: #2e2e2e;
		}
	.theme2 .cpafc19 {						/* Default small button foreground: near-black */
	}
		.theme2 .ovr.cpafc19 {						/* Default small button foreground: near-black */
			color: #2e2e2e;
		}
	.theme2 .cpafc20 {						/* Default tabs foreground: red */
	}
		.theme2 .ovr.cpafc20 {						/* Default tabs foreground: red */
			color: #ff0000;
		}
	.theme2 .cpafc21 {						/* Default legend foreground: grey */
	}
		.theme2 .ovr.cpafc21 {						/* Default legend foreground: grey */
			color: #2e2e2e;
			font-weight: 600;
		}
	.theme2 .cpafc22, .theme2 .ovr.cpafc22 {						/* Special: Fg==Bg==black so remove display */
		display: none !important;
	}
	.theme2 .cpafc23 {						/* Html footer foreground: black */
	}
		.theme2 .ovr.cpafc23 {						/* Html footer foreground: black */
			color: #000000;
		}
	.theme2 .cpafc24 {						/* Html header foreground: orange */
	}
		.theme2 .ovr.cpafc24 {						/* Html header foreground: orange */
			color: #dc7633;
		}

	/* Field URL link foreground: blue */
	/*
	.theme2 .cpafc25, .theme2 .ovr.cpafc25 {
		color: #0000ff;
	}
	.theme2 .cpafc25:link, .theme2 .ovr.cpafc25:link	{color:#0000ff; background-color:transparent; text-decoration:underline}
	.theme2 .cpafc25:visited, .theme2 .ovr.cpafc25:visited {color:#cc00ff; background-color:transparent; text-decoration:none}
	.theme2 .cpafc25:hover, .theme2 .ovr.cpafc25:hover   {color:#ff0000; background-color:transparent; text-decoration:underline}
	.theme2 .cpafc25:active, .theme2 .ovr.cpafc25:active  {color:#0000ff; background-color:transparent; text-decoration:underline}
	*/

	.theme2 .cpafc26, .theme2 .ovr.cpafc26 {						/* Html header foreground for message/choice windows: dark orange */
		color: #c0392b;
	}
	/* Fix for font color on highlight */
	/*
	.selected label.cpafc03, .theme2 .ovr.cpafc03 { color: #c0392b; }
	.selected label.cpafc05, .theme2 .ovr.cpafc05 { color: #e67e22; }
	.selected label.cpafc06, .theme2 .ovr.cpafc06 { color: #f000f0; }
	.selected label.cpafc07, .theme2 .ovr.cpafc07 { color: #996633; }
	.selected label.cpafc08, .theme2 .ovr.cpafc08 { color: #e7b0a9; }
	.selected label.cpafc09, .theme2 .ovr.cpafc09 { color: #c0c0c0; }
	.selected label.cpafc10, .theme2 .ovr.cpafc10 { color: #bc8dd0; }
	.selected label.cpafc11, .theme2 .ovr.cpafc11 { color: #4060ff; }
	.selected label.cpafc12, .theme2 .ovr.cpafc12 { color: #ff0000; }
	.selected label.cpafc13, .theme2 .ovr.cpafc13 { color: #8e44ad; }
	.selected label.cpafc14, .theme2 .ovr.cpafc14 { color: #16a085; }
	.selected label.cpafc15, .theme2 .ovr.cpafc15 { color: #e7b747; }
	.selected label.cpafc16, .theme2 .ovr.cpafc16 { color: #0870cf; }
	*/

	/* C1 - field types */
	.theme2 input.cpabc01, .theme2 textarea.cpabc01 {			/* display field */
		background-color: var(--cds-field-02);
	}
	.theme2 input.cpabc02, .theme2 textarea.cpabc02, .theme2 select.cpabc02 { /* input field */
		background-color: var(--cds-field-01);
	}
	.theme2 input.cpabc03, .theme2 textarea.cpabc03, .theme2 select.cpabc03 { /* sub-total (display only) */
		background-color: var(--cds-field-02);
	}
	.theme2 input.cpabc05, .theme2 textarea.cpabc05, .theme2 select.cpabc05 { /* combo (drop-down) */
		background-color: var(--cds-field-01);
	}
	.theme2 input.cpabc06, .theme2 textarea.cpabc06, .theme2 select.cpabc06 { /* lookup (lookup or non-dropdown block select) */
		background-color: var(--cds-field-01);
	}

	/*-----Field/Label background colour classes: OVERRIDES-----*/
	.theme2 .cpabc00 {			/* default background */
	}
		.theme2 .ovr.cpabc00 {			/* default background */
		}
		.theme2 .ovr.cpabc01 {			/* display field CYAN: background=yellow */
			background-color: #edf2f5;		/* Was yellow ffffcc */
			border: 1px solid #ffffff;
		}
		.theme2 .ovr.cpabc02 {			/* input field LWHITE: background=white */
			background-color: #ffffff;
			transition-property: background,border-style;
			transition-duration: 2s;
		}
		.theme2 .cpabc02:hover {
		}
			.theme2 .ovr.cpabc02:hover {
				background: #eeffff;
				font-weight: bold;
			}
		.theme2 .cpabc02:focus {
		}
			.theme2 .ovr.cpabc02:focus {
				background: #eeffff;
				border: 1px solid #6391e4;
			}
	.theme2 .cpabc03 {			/* sub-total (display only) LCYAN */
	}
		.theme2 .ovr.cpabc03 {			/* sub-total (display only) LCYAN */
			background-color: #d1d3d4;
		}
	.theme2 .cpabc04 {			/* label (General background - light blue) */
	}
		.theme2 .ovr.cpabc04 {			/* label (General background - light blue) */
			background-color: transparent;
			/*padding: var(--cpa-line-margin-v) 1px;*/
			/*border: solid 1px transparent;*/
		}
		.theme2 .ovr.cpabc05 {			/* combo (drop-down) LWHITE: background=white */
			background-color: #ffffff;
			transition-property: background,border-style;
			transition-duration: 1s;
		}
		.theme2 .cpabc05:hover {
		}
			.theme2 .ovr.cpabc05:hover {
				background: #eeffff;
				font-weight: bold;
			}
		.theme2 select.cpabc05:focus {
		}
			.theme2 select .ovr.cpabc05:focus {
				background: #eeffff;
				border: 1px solid #3a12c7;		/* was 5f8eff */
			}
		.theme2 .ovr.cpabc06 {			/* lookup (lookup or non-dropdown block select) LWHITE: background=white */
			background-color: #ffffff;
			transition-property: background,border-style;
			transition-duration: 1s;
		}
		.theme2 .cpabc06:hover {
		}
			.theme2 .ovr.cpabc06:hover {
				background: #eeffff;
				font-weight: bold;
			}
		.theme2 .cpabc06:focus {
		}
			.theme2 .ovr.cpabc06:focus {
				background: #eeffff;
				border: 1px solid #6391e4;
			}
	.theme2 .cpabc07 {			/* tabs off-white */
	}
		.theme2 .ovr.cpabc07 {			/* tabs off-white */
			background-color: #ececec;
		}
	.theme2 .cpabc07:hover {
	}
		.theme2 .ovr.cpabc07:hover {
			background: #eeffff;
			font-weight: bold;
		}
	.theme2 .cpabc07:focus {
	}
		.theme2 .ovr.cpabc07:focus {
			background: #eeffff;
			border: 1px solid #6391e4;
		}
	.theme2 .cpabc08 {			/* buttons */
	}
		.theme2 .ovr.cpabc08 {			/* buttons */
			background-color: #ffffff;
		}
	.theme2 .cpabch9 {			/* Full width header */
		/*
		background-color: #ffffff;
		font-weight: bold;
		font-size: 18px;
		border: none;
		padding: 2px;
		*/
	}
	.theme2 .cpabc09 {			/* Standard header */
		font-weight: bold;
	}
		.theme2 .ovr.cpabc09 {			/* Standard header */
			background-color: #ffffff;
		}
	.theme2 .cpabc10 {			/* Causeway background to top bar - lower section (msg 10063) */
	}
		.theme2 .ovr.cpabc10 {			/* Causeway background to top bar - lower section (msg 10063) */
			background-color: white;
			border: none;
			padding: 1px;
		}
	.theme2 .cpabc11 {			/* Causeway background general override (msg 10227) */
	}
		.theme2 .ovr.cpabc11 {			/* Causeway background general override (msg 10227) */
			background-color: #f6f6f6;
		}
	.theme2 .cpabc12 {			/* Causeway footer (msg 10228) */
	}
		.theme2 .ovr.cpabc12 {			/* Causeway footer (msg 10228) */
			background-color: #969696;
			border: none;
			padding: 2px;
		}
	.theme2 .cpabc13 {			/* Small header (eg.GLG01) */
	}
		.theme2 .ovr.cpabc13 {			/* Small header (eg.GLG01) */
			background-color: #ffffff;
			font-weight: bold;
			font-size: 12px;
			color: #dc7633;
			border: none;
			height: auto;
			padding: 2px;
		}
	.theme2 .cpabc14 {			/* buttons */
	}
		.theme2 .ovr.cpabc14 {			/* buttons */
			background-color: #ffffff;
		}
	/* Foreground colours equivalent to the above but for highlighting */
	.theme2 .cpafc41, .theme2 .ovr.cpafc41 {						/* Light Grey */
		color: #ababab;
	}
	.theme2 .cpafc42, .theme2 .ovr.cpafc42 {						/* White */
		color: #ffffff;
	}
	.theme2 .cpafc43, .theme2 .ovr.cpafc43 {						/* Dark Orange b84747 -> Dark orange */
		color: #c0392b;
	}
	.theme2 .cpafc44, .theme2 .ovr.cpafc44 {						/* Standard display colour: Grey */
		color: #2e2e2e;
	}
	.theme2 .cpafc45, .theme2 .ovr.cpafc45 {						/* Ochre b3b300 -> Ochre */
		color: #e67e22;
	}
	.theme2 .cpafc46, .theme2 .ovr.cpafc46 {						/* Magenta */
		color: #f000f0;
	}
	.theme2 .cpafc47, .theme2 .ovr.cpafc47 {						/* Mauve 9966cc -> Brown */
		color: #996633;
	}
	.theme2 .cpafc48, .theme2 .ovr.cpafc48 {						/* Red-5 eb613d -> Puce */
		color: #e7b0a9;
	}
	.theme2 .cpafc49, .theme2 .ovr.cpafc49 {						/* Light Grey */
		color: #c0c0c0;
	}
	.theme2 .cpafc50, .theme2 .ovr.cpafc50 {						/* Green-brown 808000 -> Mauve */
		color: #bc8dd0;
	}
	.theme2 .cpafc51, .theme2 .ovr.cpafc51 {						/* Violet 800080 -> Light blue */
		color: #4060ff;
	}
	.theme2 .cpafc52, .theme2 .ovr.cpafc52 {						/* Red ff0000 -> Red */
		color: #ff0000;
	}
	.theme2 .cpafc53, .theme2 .ovr.cpafc53 {						/* Turquise 008080 -> Violet */
		color: #8e44ad;
	}
	.theme2 .cpafc54, .theme2 .ovr.cpafc54 {						/* Light green 008000 -> Dark green */
		color: #16a085;
	}
	.theme2 .cpafc55, .theme2 .ovr.cpafc55 {						/* Violet-Blue 280099 -> Mustard */
		color: #e7b747;
	}
	.theme2 .cpafc56, .theme2 .ovr.cpafc56 {						/* Dark Blue 0000ff -> Dark blue */
		color: #0870cf;
	}
	/* -------------------------------------------------------- */
	/* Background colours equivalent to the foreground variants */
	.theme2 .cpabc41, .theme2 .ovr.cpabc41 {						/* Light Grey */
		background-color: #ababab;
	}
	.theme2 .cpabc42, .theme2 .ovr.cpabc42 {						/* White */
		background-color: #ffffff;
	}
	.theme2 .cpabc43, .theme2 .ovr.cpabc43 {						/* Dark Orange b84747 -> Dark orange */
		background-color: #c0392b;
	}
	.theme2 .cpabc44, .theme2 .ovr.cpabc44 {						/* Standard display colour: Grey */
		background-color: #2e2e2e;
	}
	.theme2 .cpabc45, .theme2 .ovr.cpabc45 {						/* Ochre b3b300 -> Ochre */
		background-color: #e67e22;
	}
	.theme2 .cpabc46, .theme2 .ovr.cpabc46 {						/* Magenta */
		background-color: #f000f0;
	}
	.theme2 .cpabc47, .theme2 .ovr.cpabc47 {						/* Mauve 9966cc -> Brown */
		background-color: #996633;
	}
	.theme2 .cpabc48, .theme2 .ovr.cpabc48 {						/* Red-5 eb613d -> Puce */
		background-color: #e7b0a9;
	}
	.theme2 .cpabc49, .theme2 .ovr.cpabc49 {						/* Light Grey */
		background-color: #c0c0c0;
	}
	.theme2 .cpabc50, .theme2 .ovr.cpabc50 {						/* Green-brown 808000 -> Mauve */
		background-color: #bc8dd0;
	}
	.theme2 .cpabc51, .theme2 .ovr.cpabc51 {						/* Violet 800080 -> Light blue */
		background-color: #4060ff;
	}
	.theme2 .cpabc52, .theme2 .ovr.cpabc52 {						/* Red ff0000 -> Red */
		background-color: #ff0000;
	}
	.theme2 .cpabc53, .theme2 .ovr.cpabc53 {						/* Turquise 008080 -> Violet */
		background-color: #8e44ad;
	}
	.theme2 .cpabc54, .theme2 .ovr.cpabc54 {						/* Light green 008000 -> Dark green */
		background-color: #16a085;
	}
	.theme2 .cpabc55, .theme2 .ovr.cpabc55 {						/* Violet-Blue 280099 -> Mustard */
		background-color: #e7b747;
	}
	.theme2 .cpabc56, .theme2 .ovr.cpabc56 {						/* Dark Blue 0000ff -> Dark blue */
		background-color: #0870cf;
	}
	/*-----Additional highlight colours--------------*/
	.theme2 .cpafc60, .theme2 .ovr.cpafc60 { background-color: #b3b6ff; }	/* Light blue/mauve background */
	.theme2 .cpafc61, .theme2 .ovr.cpafc61 { background-color: #02e6b8; }	/* Green/turquoise background */
	.theme2 .cpafc62, .theme2 .ovr.cpafc62 { background-color: #c899e0; }	/* Mauve background */
	.theme2 .cpafc63, .theme2 .ovr.cpafc63 { background-color: #ffffb8; }	/* Very light yellow background */
	.theme2 .cpafc64, .theme2 .ovr.cpafc64 { background-color: #02e687; }	/* Light green background */
	.theme2 .cpafc65, .theme2 .ovr.cpafc65 { background-color: #03f7ff; }	/* Sky blue background */
	.theme2 .cpafc66, .theme2 .ovr.cpafc66 { background-color: #ff8903; }	/* Ochre background */
	.theme2 .cpafc67, .theme2 .ovr.cpafc67 { background-color: #ff8a8a; }	/* Light red background */
	.theme2 .cpafc68, .theme2 .ovr.cpafc68 { background-color: #96bdff; }	/* Blue focus background (was 71a3f8) */
	.theme2 .selected.cpafc60, .theme2 .ovr.selected.cpafc60 { background-color: #888bc2; }	/* Light blue/mauve selected - darker */
	.theme2 .selected.cpafc61, .theme2 .ovr.selected.cpafc61 { background-color: #00b893; }	/* Green/turquoise selected - darker */
	.theme2 .selected.cpafc62, .theme2 .ovr.selected.cpafc62 { background-color: #866696; } /* Mauve selected - darker */
	.theme2 .selected.cpafc63, .theme2 .ovr.selected.cpafc63 { background-color: #d4d496; } /* Beige */
	.theme2 .selected.cpafc64, .theme2 .ovr.selected.cpafc64 { background-color: #02b067; }	/* Green selected - darker */
	.theme2 .selected.cpafc65, .theme2 .ovr.selected.cpafc65 { background-color: #00b9bf; }	/* Sky blue selected - darker */
	.theme2 .selected.cpafc66, .theme2 .ovr.selected.cpafc66 { background-color: #b36205; }	/* Ochre selected - darker */
	.theme2 .selected.cpafc67, .theme2 .ovr.selected.cpafc67 { background-color: #a65858; }	/* Light red slected - darker */
	.theme2 .selected.cpafc68, .theme2 .ovr.selected.cpafc68 { background-color: #2e2eff; }	/* Blue selected background */
	/*-----------------------------------------------------------*/
	.theme2 .cpascrhdr {
		width: 10px;
		padding: 0px;
		margin: 0px;
	}
	.theme2 .cpascroll {
		width: var(--cpa-scrollbar-size);
		padding: 0px;
		margin: 39px 0px 0px 0px;
/*		background-color: var(--cpa-scrollbar) !important;
		border: none !important;*/
		flex: 1;
	} 
		.theme2 .cpascroll:not(.cpascrbg > .cpascroll) {
			background-color: var(--cpa-scrollbar);
			border: none;
		}
	.theme2 .cpascrtd {
		padding: 0px;
		margin: 0px;
		border: none;
		white-space: nowrap;
		max-width: none;
	}
	/* C1 - scroll bars */
	.theme2 .cpascrbg {
		padding: 0px;
		margin: 0px;
		background-color: var(--cds-layer-01);
		border: none;
/*		width:10px;
		flex: 0;*/
		flex: 0 0 1rem;
		border-radius: 0.5rem;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
		.theme2 .tbldiv .cpascrbg:first-of-type {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		.theme2 .cpascrbg > .cpascrbut {
			width: 0.85rem;
			height: 0.85rem;
			flex: 0 0 auto;
			border-width: 0;
			background-color: transparent;
			clip-path: circle(50% at center);
		}
		.theme2 .cpascrbg > .cpascrbut .chevron-char {
			display: none;
		}
		.theme2 .cpascrbg > .cpascrbut svg {
			width: inherit;
			height: inherit;
		}
		.theme2 .cpascrbg > .cpascrbut svg .chevron-path {
 			fill: none;
			stroke: var(--cds-icon-primary);
			stroke-width: 0.1;							/* normalized wrt the (closed) unit interval */
		}
		.theme2 .cpascrbg > .cpascroll {
			width: 0.5rem;
			flex: 1 1 auto;
			background-color: transparent;
			border: none;
		}
		.theme2 .cpascrbg > .cpascroll.ui-slider .ui-slider-handle {
			width: 0.5rem;
			left: 0;
			background-color: #c9d4df;
		}
	.theme2 .cpascrbut {
		padding: 0px;
		margin: 0px;
		height: 18px;
		width: 10px;
		background-color: #939393;
		border: 1px outset #4e4e4e;
		border-radius: 0px;
		color: #ffffff;
		background-image: none;
	}

	/* Resizer bars */
	/*.theme2 .resizer {
		background: var(--cpa-jm-resizer);
	}*/
	.theme2 .resizer[data-direction="horizontal"] {
		/*
		background-color:var(--colr_50); 
		background-image: url("splitbar.png"); 
		*/
		height:100%; 
		width:6px; 
		min-width:6px; 
		cursor:ew-resize !important;
		margin: 0;
	}
	.theme2 .resizer[data-direction="vertical"] {
		/*
		background-color:var(--colr_50); 
		background-image: url("hsplitbar.png");  
		*/
		height:6px; 
		min-height:6px; 
		width:100%; 
		cursor:ns-resize !important;
		margin-left: 0 !important;
	}
	/* Google map class */
	.theme2 .cpagooglemap {
		position: absolute !important;
		height:100%;
		width:100%;
	}


/*----------------------------------------*/
/*---------JOB MANAGEMENT-----------------*/
/*----------------------------------------*/
	.theme2 .jm {
		/* Core Colours */
		
		/*--colr_22: white;*/			/* Google search backg */
		/*--colr_23: #0000ff;*/		/* Google search: text     */
		--colr_24: #aadaff;		/* JobLst:  background */
		--colr_26: #dbe3e7;		/* JobLst: scrollbar backg */
		--colr_27: #f5f5f5;		/* JobLst: table hdr backg */
		--colr_28: #0a24ba;		/* JobLst: table header */
		/*--colr_29: red;*/				/* T/l: non-work day backg */
		--colr_30: black;			/* T/l: inner table label */
		--colr_31: white;			/* T/l: inner table NrJobs */
		--colr_32: #3573b5;		/* T/l: inner table backg */
		--colr_33: #f3fcff;		/* T/l: working day backg */
		/*--colr_34: #00fcff;*/		/* T/l: unusable time */
		--colr_35: #a6bfc8;		/* T/l: job travel backg */
		--colr_36: #11990d;		/* T/l: job background */
		--colr_37: black;			/* T/l: ganger text */
		--colr_38: #0000ff;		/* T/l: ganger hover text */
		/*--colr_39: #fbfafb;*/		/* T/l: main div backg */
		/*--colr_40: #c5493c;*/		/* T/l: main div text */
		--colr_41: #08a2a2;		/* T/l: ganger box-shadow */
		--colr_42: #ffffff;		/* T/l: date box-shadow */
		--colr_43: #b9a8a8;		/* Slide menu gradient fr */
		--colr_44: #c6b1b1;		/* Slide menu gradient to */
		--colr_45: #8cfdfde6;	/* Slide menu hover backg */
		--colr_46: white;			/* Slide menu main text */
		--colr_47: #1702ac;		/* Slide menu span hover */
		--colr_48: white;			/* Slide menu hover text */
		--colr_49: #00ff00;		/* Slide menu layers act */
		/*--colr_50: #56e5d8;*/		/* Re-size bars background */
		--colr_54: #4f95df;		/* OPTIONS background */
		--colr_55: white;			/* OPTIONS text */
		--colr_56: white;			/* Timeline header background */
		--colr_57: #bdc5df;		/* JobLst: table header border */
		/*--colr_58: #9ebaf0;*/		/* T/l: header outline */
		/*--colr_59: #7ecbf1;*/		/* T/l: working day outline */
		--colr_60: orange;		/* Slide menu layers deact */
		--colr_61: black;			/* Slide menu unavailable */
		--colr_62: yellow;		/* Slide menu restricted */
		/*--colr_63: #4e4e4e;*/		/* T/l: date and days text */
		/*--colr_64: #eeffff;*/		/* T/l: date and days backg */
		--colr_65: #ff0000;		/* T/l: day highlight: non-work day */
		--colr_66: #ffb0b0;		/* T/l: gang name highl: no start loc */
		--colr_67: #16a085;		/* T/l: gang name highl: lone worker */
		--colr_68: white;			/* T/l: ganger button text */
		--colr_69: #6391e4;		/* T/l: ganger button text */
		/*--colr_70: #4ff3f4;*/		/* T/l: exception time backg */
		--colr_71: black;			/* T/l: day highlight: locked by user */
		--colr_72: yellow;		/* T/l: gang name highl: has vehicle */
		--colr_73: pink;			/* Fleet Vehicle icon colour */
		--colr_74: #ffff00;		/* Ganger Vehicle icon colour */
		--colr_75: magenta;		/* Street Manager icon colour */
	}

	/* Job Management: Containers */
	.theme2 .jm label {
		width: auto;
	}
	.theme2 #MAS01-parent {
		position: relative;
		height: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	.theme2 #MAS01.jm {
		height: 100% !important;
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
	}
		.theme2 #MAS01 ::-webkit-scrollbar {
			width: 10px; /* for horizontal scrollbar */
			height: 10px; /* for vertical scrollbar */
		}
			.theme2 #MAS01 ::-webkit-scrollbar-track {
				background: #dbe3e7; /* var(--cpa-scrollbar) */
			}
			.theme2 #MAS01 ::-webkit-scrollbar-thumb {
				background: #939393; /* var(--cpa-scrollbar-handle) */
				border-radius: 4px; /* var(--cpa-scrollbar-handle-radius) */
			}
			.theme2 #MAS01 ::-webkit-scrollbar-thumb:hover {
				background: #939393; /* var(--cpa-scrollbar-handle-hover) */
			}

	.theme2 .jm #MAS01-MAIN {
		flex: 1;
		float: none;
		overflow: auto;
		margin-block-start: 0.5rem;
		margin-block-end: 0.3rem;
		margin-inline-start: 0.8rem;
		max-width: calc(100% - 0.8rem);
	}
	.theme2 .jm #MAS01-H1 {
		height: 100%;
		display: flex;
	}

	/* Job Management: Left */
	.theme2 .jm #MAS01-V2 {
		height:100%; 
		width: 400px;
		display:flex; 
		flex-direction: column;
		float:none;
		overflow: hidden;
	}
		.theme2 .jm #MAS01-V2 > div {
			display: flex;
			flex-direction: column;
			overflow: hidden;
		}
		.theme2 .jm #MAS01-V2 > div:first-child{
			flex: 1;
		}
		
		.theme2 .jm #MAS01-tbldiv {
			flex: 1;
			overflow-x: auto; 
			overflow-y: hidden; 
			height: 100%;
			container-name: tbldiv;
			container-type: size;
		}
			/* The JM task list scroll bar is moved to the left, so reshape accordingly */
			.theme2 .jm #MAS01-tbldiv #MAS01-tbl {
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				border-top-right-radius: 0.5rem;
				border-bottom-right-radius: 0.5rem;
				padding-inline-start: 0;
				padding-inline-end: 0.5rem;
			}
			.theme2 .jm #MAS01-tbldiv .cpascrbg {
				border-top-left-radius: 0.5rem;
				border-bottom-left-radius: 0.5rem;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}
			.theme2 .jm #MAS01-MAIN .resizer[data-direction="horizontal"] {
				width: 0.5rem;
				min-width: 0.5rem;
			}
			.theme2 .jm #MAS01-tbl {
				order: 2;
				table-layout: auto;
				max-height: calc(21 * 2 * 1.3rem);
				font-family: Geist;
				font-variant-numeric: tabular-nums;
				font-size: 0.75rem;
				font-weight: 400;
				line-height: 1.25rem;
			}
				.theme2 .jm #MAS01-tbl tbody {
					overflow: unset;
					overflow-y: unset;
				}
				.theme2 .jm #MAS01-tbl tr {
					/*
					height:30px !important; 
					border:solid 1px #b3baf3 !important;
					*/
					height: unset;
				}
					.theme2 .jm #MAS01-tbl th {
						padding: 0.3rem 0.5rem 0.3rem 0.1rem;
						width: auto !important;
					}
					.theme2 .jm #MAS01-tbl td {
						padding: 1px 0.4rem 1px 0.1rem;
						width: auto !important;
					}
						.theme2 .jm #MAS01-tbl td:first-of-type {
							vertical-align: top;
						}
						.theme2 .jm #MAS01-tbl tr td label {
							padding: 0;
							margin: 0;
							height: auto;
                            min-height: 1rem;
							line-height: unset;
							border: none;
							white-space: nowrap;
						}
						.theme2 .jm #MAS01-tbl tr td:first-child > div {
							--svgcolor:white;
							height: 100%;
							padding-right: 2rem;
						}
							.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child {		/* aka .ml-recognizer */
								float: left;
								height: 100%;
								padding-right: 0.2rem;
								display: flex;
							}
								.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child img.mlicon,
								.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child svg {
									padding:0px;
									height: 100%;
									width: auto;
									min-height: 1.8rem;
								}
								.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child img.mlicon {
									border-radius:25%;
								}
                                /* Don't display svg icon for an empty row. */
                                .theme2 .jm #MAS01-tbl tr.emptyrow td:first-child > div > div:first-child svg {
                                    display: none;
                                }
								.theme2 .jm #MAS01-tbl tr td:first-child > div label {
									font-size: 0.75rem;
									font-weight: 400; 
								}
								.theme2 .jm #MAS01-tbl tr td:first-child > div label:first-child {
									font-weight: 600;
								}
								/* Show img or svg in .ml-recognizer */
								.theme2 .jm #MAS01-tbl .ml-recognizer img.mlicon:has(+ svg > path[d]) {
									display: none;
								}
								.theme2 .jm #MAS01-tbl .ml-recognizer svg:has(> path:not([d])) {
									display: none;
								}
                                .theme2 .jm #MAS01-tbl .ml-recognizer svg {
									max-height: 2rem;
								}
								.theme2 .jm #MAS01-tbl .ml-recognizer + div {
									display: flex;
									flex-flow: column nowrap;
								}
								.theme2 .jm #MAS01-tbl .ml-recognizer + div label {
									line-height: 1rem;
								}
								.theme2 .jm #MAS01-tbl .ml-recognizer + div br {
									display: none;
								}
					@container tbldiv (height < calc(1.5rem + 21 * (1.6rem + 4px) + 10px)) {
						/* Container height = 1.5rem header + 21*rows + 10px scrollbar) */
						.theme2 .jm #MAS01-tbl tr td:first-child > div {
							padding-right: 1.5rem;
						}
						.theme2 .jm #MAS01-tbl tr td:first-child br {
							display: none;
						}
							.theme2 .jm #MAS01-tbl tr td:first-child > div label {
								line-height: 24px;
							}
							.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child svg {
								min-height: 24px;
							}
							.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child img.mlicon {
								min-height: 24px;
							}
							.theme2 .jm #MAS01-tbl tr td:first-child > div > div:last-child {
								display: inline-flex;
								flex-direction: row;
								justify-content: center;
							}
								.theme2 .jm #MAS01-tbl tr td:first-child > div > div:last-child label:first-child {
									margin-right: 0.5rem;
								}
					}
					@container tbldiv (height < calc(1.5rem + 21 * (1rem + 2px))) {
						.theme2 .jm #MAS01-tbl tr td:first-child > div > div:first-child img.mlicon {
							min-height: 0.6rem;
						}
						.theme2 .jm #MAS01-tbl * {
							font-size: 0.6rem;
							line-height: 0.6rem;
						}
						.theme2 .jm #MAS01-tbl td {
							padding-top: 0;
							padding-bottom: 0;
						}
					}

		.theme2 .jm #MAS01-disp {
			background-color:white;
			border-top:2px solid var(--cds-background);
			width:auto;
			overflow:hidden;
			float:left;
			border-radius: 0.5rem;
		}	
			.theme2 .jm #MAS01-disp table {
				table-layout: auto;
				font-family: Geist;
				font-variant-numeric: tabular-nums;
				font-size: 0.75rem;
				font-weight: 400;
				line-height: 1.25rem;
				width: 100%;
			}
				.theme2 .jm #MAS01-disp tr:nth-child(even) th,
				.theme2 .jm #MAS01-disp tr:nth-child(even) td {
					background-color: var(--cds-layer-accent-01);
				}
				.theme2 .jm #MAS01-disp th {
					width: 1px;
					white-space: nowrap;
					padding: 0px 10px 0px 8px;
					text-align: left;
					font-weight: 400;
				}
				.theme2 .jm #MAS01-disp label {
					height: auto;
				}

		.theme2 .jm #MAS01-H4 {
			display: none;
		}
	
	/* Job Management: Right */
	.theme2 .jm #MAS01-V5 {
		/*height:100%;*/
		/*min-width: 1px;*/
		flex:1; 
		display:flex; 
		flex-direction:column; 
		float:none;
	}

		/* Job Management: Top-right */
		.theme2 .jm #MAS01-H6 {
			display:flex; 
			float:none;
			flex: 1;
		}
			/* Map and menus */
			.theme2 .jm #MAS01-D003041 {
				height: 100%;
				position: relative;
				padding: 0px;
				border: 0;
				display: flex;
				flex-direction: column;
			}
			
				/* Menus */
				.theme2 .jm #MAS01-menus {
					display: inline-flex;
					flex: none;
					padding: 0;
					/*position: absolute;*/
					z-index: 10001;
					/*background: var(--cpa-navbar-secondary);*/
					width: 100%;
					border-top-left-radius: 0.5rem;
				}
					.theme2 .jm #MAS01-menus::before {
						font-family: Geist;
						font-weight: 400;
						font-size: 0.875rem;
						line-height: 1.125rem;
						margin-block-start: 0.45rem;
						margin-inline-start: 1rem;
						color: var(--cds-text-primary);
						flex: 1 0 auto;
						content: 'Map view';
					}
					.theme2 .jm #MAS01-menus > ul {
						text-align: end;
						margin-inline-end: 1rem;
					}
						.theme2 .jm #MAS01-menus > ul > li:last-of-type > ul {
							right: 1.5rem;
						}
				/*
					.theme2 .jm #MAS01-menus > ul {
						margin: 0;
						padding: 0;
						list-style: none;
						font-size: 0.9rem;
						font-weight: 400;
					}
						.theme2 .jm #MAS01-menus > ul > li {
							display: inline-block;
							margin: 0;
							padding: 0;
						}
							.theme2 .jm #MAS01-menus > ul > li > a, 
							.theme2 .jm #MAS01-menus > ul > li > button {
								display: inline-block;
								margin: 0;
								padding: 0.3rem var(--cpa-margin-h);
								text-decoration: none;
								background-color: transparent;
								border: solid 1px transparent;
								font-weight: inherit;
								font-size: inherit;
								color: inherit;
							}
							.theme2 .jm #MAS01-menus > ul > li > .dropbtn {
							}
								.theme2 .jm #MAS01-menus > ul > li > a:hover, 
								.theme2 .jm #MAS01-menus > ul > li > .dropbtn:hover {
									background-color: var(--cpa-navbar-secondary-button-hover);
									border-color: transparent;
									color: var(--cpa-navbar-secondary-button-hover-text);
								}
								.theme2 #MAS01-menus > ul > li > .dropbtn.dropped {
									background-color: var(--cpa-navbar-secondary-button-active);
									border-color: transparent;
									color: var(--cpa-navbar-secondary-button-active-text);
								}

							.theme2 .jm #MAS01-menus > ul > li > ul {
								background: var(--cpa-menucontent);
								box-shadow: var(--cpa-menucontent-shadow);
								border: var(--cpa-menucontent-borders);
								border-radius: var(--cpa-menucontent-border-radius);
								padding: 0.3rem 0;
							}
								.theme2 .jm #MAS01-menus > ul > li > ul > li {
								}
									.theme2 .jm #MAS01-menus > ul > li > ul > li:first-child > * {
										border-radius: var(--cpa-menucontent-border-radius) var(--cpa-menucontent-border-radius) 0 0;
									}
									.theme2 .jm #MAS01-menus > ul > li > ul > li:last-child > * {
										border-radius: 0 0 var(--cpa-menucontent-border-radius) var(--cpa-menucontent-border-radius);
									}
									.theme2 .jm #MAS01-menus > ul > li > ul > li > * {
										display: block;
										margin: 0;
										padding: 0.2em var(--cpa-margin-h);
										text-decoration: none;
										width: 12rem;
										overflow: hidden;
										white-space: nowrap;
										text-overflow: ellipsis;
										Background: var(--cpa-menucontent-item-bg);
										color: var(--cpa-menucontent-item-text);
									}
									.theme2 .jm #MAS01-menus > ul > li > ul > li > a:hover {
										background: var(--cpa-menucontent-item-bg-hover);
										color: var(--cpa-menucontent-item-text-hover);
									}
				*/

							/* Menu items with status */
							.theme2 .jm #MAS01-menus .enabled {
							}
								.theme2 .jm #MAS01-menus .enabled:before {
									font-family: 'FontAwesome';
									content: "\f00c";
									padding-right: 0.3rem;
								}
							.theme2 .jm #MAS01-menus .deact {
							}
							.theme2 .jm #MAS01-menus .unavail {
								color: #999;
							}
							.theme2 .jm #MAS01-menus .unavail:active {
								pointer-events: none;
							}
								.theme2 .jm #MAS01-menus .unavail:before {
									font-family: 'FontAwesome';
									content: "\f05e";
									padding-right: 0.3rem;
								}
							.theme2 .jm #MAS01-menus .restrict {
							}
								.theme2 .jm #MAS01-menus .restrict:before {
									font-family: 'FontAwesome';
									content: "\f084";
									padding-right: 0.3rem;
								}

					/*
					.theme2 .jm .jmmenu {
						position:absolute; text-align:center; background-image:linear-gradient(to right,var(--colr_43),var(--colr_44)); box-shadow: 0px 2px 5px rgba(0,0,0,0.6); font-size:12px; color:transparent; width:100px; height:16px; cursor:default; overflow:hidden; z-index:1000;
					}
					.theme2 .jm .jmmenu span:hover {
						color:var(--colr_48) !important; font-weight:bold;
					}
					.theme2 .jm .jmmenu:hover, .theme2 .jm .jmmenu.hover {
						background-color:var(--colr_45); color:var(--colr_46); height:auto;
					}
					.theme2 .jm .jmmenu span {
						white-space: nowrap;
					}

					.theme2 .jm .smmmenu {
						left:0px;
						top:300px;
					}
					.theme2 .jm .smmmenu:hover, .theme2 .jm .smmmenu.hover {
						width:170px;
					}

					.theme2 .jm .smsmenu {
						left:180px;
						top:300px;
					}
					.theme2 .jm .smsmenu:hover, .theme2 .jm .smsmenu.hover {
						width:170px;
					}

					.theme2 .jm .sysinfo {
						left:360px;
						top:300px;
					}
					.theme2 .jm .sysinfo:hover, .theme2 .jm .sysinfo.hover {
						width:140px;
					}

					.theme2 .jm .mapmenu {
						left:520px;
						top:300px;
					}
					.theme2 .jm .mapmenu:hover {
						width:150px;
					}
					*/

				/* Map */
				.theme2 .jm #MAS01-M01 {
					width: 100%;
					height: 100%;
					position: relative;
				}
				.theme2 .jm .cpagooglemap {
					/*position: unset !important;*/
					height:100%;
					width:100%;
					border-bottom-left-radius: 0.5rem;
				}
					.theme2 .jm .cpagooglemap #googleSearch {
						/*background: none padding-box rgb(255, 255, 255);
						color: rgb(86, 86, 86); 
						border: none;
						font-size: 0.9rem;
						font-weight: 400;*/
						/*
						top: 0.5rem !important;
						left: 0.5 !important;
						*/
						width: 160px;
						margin: 10px;
						padding: 16px 12px;
						position: absolute;
						z-index: 10005;
						/*box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
						border-radius: 2px;*/
						padding-inline-start: 2rem;
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.9 0.9 L 0.612132 0.612132 A 0.3 0.3 0 0 0 0.187868 0.187868 A 0.3 0.3 0 0 0 0.612132 0.612132' stroke='rgb(105,0,149)' fill='none' stroke-width='0.06'/%3E%3C/svg%3E");  /*--cds-icon-secondary*/
						background-repeat: no-repeat;
						background-size: auto 60%;
						background-position: left 0.4rem center;
					}
						.theme2 .jm .cpagooglemap #googleSearch::placeholder {
							color: #8F83A4;
						}
					.theme2 .jm .cpagooglemap div[role=menubar] {
						/*
						top: 3rem !important;
						margin: 0 var(--cpa-margin-h) !important;
						*/
					}
						.theme2 .jm .cpagooglemap div[role=menubar] button {
							font-size: 0.9rem !important;
							padding: 7px 15px !important;
							height: auto !important;
						}
					/*
					.theme2 .jm .cpagooglemap .gm-fullscreen-control {
						top: 50px !important;
						width: 35px !important;
						height: 35px !important;
					}
						.theme2 .jm .cpagooglemap .gm-fullscreen-control img {
							width: 15px !important;
							height: 15px !important;
						}
					*/

		/* C1 - JM */
		/* Job Management: Bottom-right */
		.theme2 .jm #MAS01-H7 {
			height:30%; 
			display:flex; 
			float:none;
		}
			/* Job Management: Timeline */
			.theme2 .jm #MAS01-D024041 { 
				overflow: scroll;
				float: none;
				padding: 0px;
			}
				.theme2 .jm #MAS01-M02 {
				}
					.theme2 .jm #MAS01-TL1 {
						background-color: var(--cds-layer-01);
						color: var(--cds-text-primary);
						border-style: none;
						margin-bottom: 12px;
						border-top-left-radius: 0.5rem;
					}
						.theme2 .jm #MAS01-TLtbl {
							width:100%; 
							display:block;
							cursor:default;
							border-collapse: collapse;
							font-family: Geist;
							font-variant-numeric: tabular-nums;
							font-size: 0.75rem;
							line-height: 1.25rem;
							/* Sticky-column offsets — tune together so date/jobs stay flush next to gang name */
							--jm-gang-col-width: 13rem;
							--jm-date-col-width: 121px;
						}
							/* thead */
							.theme2 .jm #MAS01-TLtbl thead {
								position: -webkit-sticky;
								position: sticky;
								z-index: 3;
								top: 0;
								border: none;
								background-color: var(--cds-background);
							}
							.theme2 .jm #MAS01-TLtbl thead, .theme2 .jm #MAS01-TLtbl th {
								/*font-size: 0.625rem; 
								line-height: 0.625rem;*/ 
								font-weight: 400;
								padding: 0; 
							}
							/* Ganger / Date */
							.theme2 .jm #MAS01-TLtbl thead th:first-child {
								/*display: flex;*/
								text-align: left;
								white-space: nowrap;
							}
							/* Make timeline header comprise tertiary buttons */
							.theme2 .jm #MAS01-TLtbl thead button {
								border-radius: 99999px;
								border-width: 2px;
								border-style: solid;
								border-color: transparent;
								font-family: Geist;
								font-weight: 600;
								font-size: 0.875rem;
								line-height: 1.125rem;
								height: 2rem;
								padding-inline: 0.85rem;
								text-decoration: none;
								cursor: pointer;
								background-color: var(--cds-button-tertiary);
								color: var(--cds-text-primary);
								margin-block: 0.25rem;
								margin-inline-start: 1rem;
							}
								.theme2 .jm #MAS01-TLtbl thead th:first-of-type button {
									margin-inline-start: 0.15rem;
								}
								.theme2 .jm #MAS01-TLtbl thead button:hover {
									background-color: var(--cds-button-tertiary-hover);
									color: var(--cds-text-inverse);
								}
								.theme2 .jm #MAS01-TLtbl thead button:active {
									background-color: var(--cds-button-tertiary-active);
									color: var(--cds-text-inverse);
								}
								.theme2 .jm #MAS01-TLtbl thead button:is(:focus-visible, :focus) {
									border-color: var(--cds-focus);
								}

								/* Ganger button */
								/*.theme2 .jm #MAS01-TLtbl button#MAS01-030002 {
									margin-right: 0.2rem;
								}*/
								/* Date and Days */
								.theme2 .jm #MAS01-TLtbl .tlwdate {
									text-align: center;
									border-radius: 0.4375rem;
									font-size: 0.875rem;
									line-height: 1.125rem;
									padding-block: 0.9rem;
								}
									/* Date */
									.theme2 .jm #MAS01-TLtbl input#MAS01-028002 {
										/*flex: 1;*/
										width: 6rem;
										margin-inline-start: 0.5rem;
									}
									/* Days */
									.theme2 .jm #MAS01-TLtbl input#MAS01-029002 {
										/*flex: 0;*/
										width: 1.5rem;
										margin-inline-start: 0.15rem;
									}
							/* Refresh button */
							.theme2 .jm #MAS01-TLtbl #MAS01-th-date > button {
								background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.825 0.575 A 0.325 0.325 0 1 1 0.5 0.25 L 0.75 0.25 M 0.55 0.1 L 0.75 0.25 L 0.55 0.4' stroke='rgb(29,16,62)' fill='none' stroke-width='0.06'/%3E%3C/svg%3E");	/*--cds-icon-primary*/
								background-repeat: no-repeat;
								background-size: auto 65%;
								background-position: right 15% center;
								padding-inline-end: 2.2rem;
							}
								.theme2 .jm #MAS01-TLtbl #MAS01-th-date > button:hover,
								.theme2 .jm #MAS01-TLtbl #MAS01-th-date > button:active {
									background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M 0.825 0.575 A 0.325 0.325 0 1 1 0.5 0.25 L 0.75 0.25 M 0.55 0.1 L 0.75 0.25 L 0.55 0.4' stroke='rgb(245,242,255)' fill='none' stroke-width='0.06'/%3E%3C/svg%3E");	/*--cds-icon-inverse*/
								}
							/* Jobs th */
							.theme2 .jm #MAS01-TLtbl #MAS01-th-jobs {
								padding: 0 0.2rem;
							}
							/* Hour */
							.theme2 .jm #MAS01-TLtbl #MAS01-th-time label {
								text-align:left;
								border-style: solid;
								border-color: var(--cds-border-strong-01);
								border-width: 0 0 0 1px;
								height: auto;
								font-size: inherit;
								line-height: inherit;
								font-weight: inherit;
								margin: 0;
								padding: 0 0.3rem;
								display: inline-block;
							}

							/* tbody (Note, there are multiple tbody tags) */
							.theme2 .jm #MAS01-TLtbl tbody {
								font-weight: 400;
								background-color: var(--cds-layer-01);
								color: var(--cds-text-primary);
							}
								.theme2 .jm #MAS01-TLtbl tbody tr:first-child th,
								.theme2 .jm #MAS01-TLtbl tbody tr:first-child td {
									border-top: 1px solid var(--cds-border-subtle-01);
								}
								.theme2 .jm #MAS01-TLtbl tbody tr:last-child th,
								.theme2 .jm #MAS01-TLtbl tbody tr:last-child td {
								}
								/* tr */
								.theme2 .jm #MAS01-TLtbl .tltr {
								}
								/* th */
								.theme2 .jm #MAS01-TLtbl tbody th {
									vertical-align: top;
									border: solid var(--cpa-jm-timeline);
									border-width: 0;
								}
								/* td */
								.theme2 .jm #MAS01-TLtbl tbody td {
									/*background: var(--cpa-jm-timeline);
									border-color: var(--cpa-jm-timeline-border);*/
									padding: 0;
								}
									/* td - Non Working Day */
									.theme2 .jm #MAS01-TLtbl tbody .tlnwkd td{
									}

								/* Gang name */
								.theme2 .jm #MAS01-TLtbl tbody > tr:first-child > th:first-child {
									text-align: left;
									padding: 0 3px;
									position: sticky;
									left: 0;
									z-index: 2;
									background-color: var(--cds-background);
								}
									.theme2 .jm #MAS01-TLtbl a.tlgang {
										display: inline-block;
										width: 11rem;
										color: var(--cds-link-primary);
										text-decoration: underline;
										vertical-align: baseline;
										padding-inline-start: 0.0625rem;
									}
										.theme2 .jm #MAS01-TLtbl a.tlgang:hover {
											color: var(--cds-link-primary-hover);
										}

								/* Row date */
								.theme2 .jm #MAS01-TLtbl th.tl-day-date {
									overflow: hidden;
									text-align: start;
									padding-inline-start: 1rem;
									position: sticky;
									left: var(--jm-gang-col-width);
									z-index: 1;
									background-color: var(--cds-background);
								}
									/* Non-working day */
									.theme2 .jm #MAS01-TLtbl tr.tlnwkd th.tl-day-date:first-child {
										color: var(--cds-col-red60);
									}

								/* Row Job count */
								.theme2 .jm #MAS01-TLtbl th.tl-day-jobs {
									overflow: hidden;
									padding-inline-start: 0.8rem;
									padding-inline-end: 0.6rem;
									position: sticky;
									left: calc(var(--jm-gang-col-width) + var(--jm-date-col-width));
									z-index: 1;
									background-color: var(--cds-background);
								}
									/* Blob */
									.theme2 .jm #MAS01-TLtbl th.tl-day-jobs div {
										height: 1rem;
										width: 1.875rem;
										border-radius: 99999px;
										border: 0.1rem solid var(--cds-text-primary);
										background-color:var(--cds-background);
										display: block;
										margin-block-start: 0.125rem;
										margin-inline: auto;
										/*line-height: 0.5rem;*/
									}
										/* Blob label */
										.theme2 .jm #MAS01-TLtbl .tlnlab {
											overflow: visible;
											line-height: 0.5rem;
											/*font-size: 0.5rem;*/
											vertical-align: text-top;
										}

								/* Blocks */
								.theme2 .jm #MAS01-TLtbl .tl-day-blocks {
									position:relative; 
									height:12px; 
									padding:0px; 
									height:14px; 
									/* background:url("icons/pattern.svg"); */
									/* background-size:32px 32px; */
									display:flex;
								}
									/* Weekend */
									.theme2 .jm #MAS01-TLtbl .tlnwkd .tl-day-blocks {
										background-color:var(--cpa-jm-timeline-nonworkday);
									}
								.theme2 .jm #MAS01-TLtbl .tl-day-blocks-workingday {
									position:absolute; 
									height:14px; 
									color:#fff; 
									background:var(--cpa-jm-timeline-workingday); 
									opacity:1;
								}
								.theme2 .jm #MAS01-TLtbl .tl-day-blocks-unusabletime {
									position:relative; 
									height:14px; 
									color:#fff; 
									background:var(--cpa-jm-timeline-unusabletime); 
									opacity:1;
								}
								.theme2 .jm #MAS01-TLtbl .tl-day-blocks-exception {
									position:absolute; 
									height:14px; 
									color:#fff; 
									background:var(--cpa-jm-timeline-exceptiontime); 
									opacity:0.5; 
									z-index:1;
								}
								/* Slider */
								.theme2 .jm #MAS01-TLtbl .tlij1 {
									position:absolute;
									height:6px; 
									color:#fff; 
									background:var(--colr_35); 
									margin:4px 0px; 
									border-left: solid 2px #000;
								}
								.theme2 .jm #MAS01-TLtbl .tlij2 {
									position:absolute; 
									height:10px; 
									color:#fff; 
									background:var(--colr_36); 
									margin:2px 0px; 
									border-radius:5px;
									z-index: 2;
								}
								.theme2 .jm #MAS01-TLtbl .tlij3 {
									position:absolute; 
									height:6px; 
									color:#fff; 
									background:var(--colr_35); 
									margin:4px 0px;
								}

								/* Misc */
								/*.theme2 .jm .tlglock {*/
								.theme2 .jm tr.tlglock .tl-day-blocks:first-child {
									background-color:var(--colr_71) !important;
								}
								.theme2 .jm .tlgnhnsl {
									background-color: var(--colr_66) !important;
								}
								.theme2 .jm .tlgnhlw {
									background-color: var(--colr_67) !important;
								}
								.theme2 .jm .tlgnhhv {
									background-color: var(--colr_72) !important;
								}
								.theme2 .jm .tllist {
									display:block; overflow:auto; cursor:default;
								}
								.theme2 .jm .mapjobs {
									position: absolute;
									background: var(--cds-col-gray50);
									box-shadow: var(--cpa-dialog-shadow);
									font-size: 0.75rem;
									color: var(--cds-text-inverse); 
									width: auto;
									height: auto;
									overflow: hidden; 
									left: 7rem; 
									top: 2rem; 
									z-index: 999; 
									padding: 0.5rem; 
									min-width: 140px;
								}
								.theme2 .jm .mapjobc {
									float:left;
								}
								.theme2 .jm .maplij {
									float:left; font-size:11px; padding-right:5px;
								}
								.theme2 .jm .maplij:hover {
									/*cursor:context-menu; focus; font-weight:bold;*/
								}
								.theme2 .jm .masmono {
									font-family:monospace !important; font-size:14px; color:#ffffff;
								}

	/* Drag & drop styles */
	.theme2 .jm #MAS01-TLtbl .jmdrag{
		opacity: 0.5;
		background: yellow;
	}
	.theme2 .jm #MAS01-TLtbl .jmdrop{
		/*box-shadow: 0 0 0 2px red;*/
	}
	.theme2 .jm #MAS01-TLtbl .jmdrop > td {
		border-color: red;
	}
	.theme2 .jm #MAS01-TLtbl .dropzone {
		width: 100%; color:#000000; overflow:auto;
	}
	.theme2 .jm #MAS01-TLtbl .mapdropz {
		width: 100%; color:#000000;
	}
	.theme2 .jm #MAS01-TLtbl .tlidropz {
		width: 100%; color:#000000;
	}
	.theme2 .jm .jmdragging {
		/* Corresponding .draggable helper is defined in genTlDrag() function in cpaJobMan.js */
		background-color: white; 
		border: 1px solid black; 
		width: 200px; 
		overflow: hidden; 
		opacity: 0.7; 
		transform: scale(0.5);
	}
		.theme2 .jm .jmdragging > div > div {
			display: inline-block;
			height: 2rem;
		}							
		.theme2 .jm .jmdragging > div > div:first-child {
			width: 2rem;
		}							
			.theme2 .jm .jmdragging > div > div:first-child img {
				max-height: 2rem;
				max-width: 2rem;
			}

	/* Job Management: Buttons and Prompt */
	.theme2 .jm #MAS01-prdiv {
		margin: 0 10px 0.5rem;
	}
	/* Job Management: Special Designation Conflicts */
	.theme2 .jm #MASSDL-MAIN{
		/*overflow: auto !important;*/
	}
	/* Misc */

	.theme2 .jm .mapinfo {
		background-image:linear-gradient(to right,#ffffff,#ffffff); box-shadow: 0px 2px 5px rgba(0,0,0,0.6); font-size:12px; color:black; border-radius:8px; padding:5px;line-height:normal;
	}
	.theme2 .jm .gm-style-iw-chr button {
		height: 20px !important;
	}
	.theme2 .jm .gm-style-iw-chr button span {
		margin: 0 0 0 20px !important;
	}
	.theme2 .jm .gm-style-iw-c {
		padding:1px !important; max-width:400px !important;
	}
	.theme2 .jm .mapinfh {
		font-size:14px; font-weight:bold; color:#000000; padding-bottom:6px;
	}

	/* cpafc90 used by the modified list display tag */
	.theme2 .jm tr.selected.cpafc90 {
		background-color:var(--colr_24) !important;
	}
	.theme2 .jm .cpafc90 {
		white-space:nowrap;
	}
	/* Modify the height of cpascrbg (687-was 450) and cpascroll (613-was 377) */
	/* The scrollbar depth is header(20) + 21 rows of 33 = 693. Total=713. */
	/* The scrollbar (693) is margin(20) + home(18) + end(18) + div(618) = 693 */
	/* The scroll background is 693 + top-margin 20 = 713. */
	.theme2 .jm .smmcpascrbg {
		height:693px !important; 
		padding: 0px; 
		margin: 0px; 
		background-color:var(--colr_26); 
		border: none !important;
	}
	.theme2 .jm .smmcpascroll {
		height:618px !important; 
		width: 10px; 
		padding: 0px; 
		margin: 32px 0px 0px 0px; 
		background-color: var(--colr_26); 
		display: inline-block; 
		cursor:default; 
		border: none !important;
	}
	/* Modify the table header styling and table div to provide overflow-x. The 'smmcpatr' is appied to CPA list rows. */
	.theme2 .jm .smmth {
		background-color: var(--colr_27) !important; 
		color: var(--colr_28) !important; 
		border-style: none; 
		border-width: 3px; 
		border-color:var(--colr_57); 
		padding: 0 10px 0 2px; 
		font-size: 14px;
	}

    /*
     * Special treatment for NOT51: CPA-10979 requires to display the full panel
     * width without the need to scroll horizontally.
     */
    .theme2 #NOT51 table.cpatable {
        table-layout: fixed;
    }
    .theme2 #NOT51-D003002 {
        /* NOT51.html sets the width of text to a hard-coded value, overwrite it to be flexible. */
        width: 100% !important;
    }
	/* Counter the red border rule in cpaws/cpa-wsresource/causeway-cpaJobMan.js/cpaMas01Style3() */
	.theme2 div.smmhoriz {
	    border: none;
	}
/*----------------------------------------*/
/*---------PROJECTS WORKBENCH-------------*/
/*----------------------------------------*/
	/* Projects Workbench: Page padding */
	.theme2 #PDB02 {
		padding: 0;
	}
		.theme2 #PDB02-MAIN > div,
		.theme2 #PDB02-prdiv
		{
			padding: 0 var(--cpa-margin-h);
		}
			.theme2 #PDB02-MAIN div:first-child {
				padding: 0;
			}

	/* Projects Workbench: Menu */
	.theme2 #PDB02-M01 {
		width: 100% !important;
	}

	/* Projects Workbench: Headings */
	.theme2 div#PDB02-H1 {
		margin-top: 0.5rem;
		color: var(--cpa-h3);
		font-size: var(--cpa-h3-font-size);
		font-weight: var(--cpa-h3-font-weight);
	}
		.theme2 div#PDB02-H1 * {
			font-size: var(--cpa-text-size);
		}
		.theme2 div#PDB02-D003002 label
		{
			width: auto !important;
			margin-left: 1rem;
		}
			.theme2 div#PDB02-D003002 label:first-child
			{
				font-size: var(--cpa-h2-font-size);
				font-weight: var(--cpa-h2-font-weight);
				margin-left: 0;
			}

	.theme2 #PDB02 h4.legendrj {
		padding-right: 5%;
	}
	.theme2 #PDB02 h4.legendrj select { /* Formerly .pdselect */
		background-color: transparent;
		background-position: right 0 center;
		border: none;
		margin: 0;
		padding-right: 0.8rem;
		font-weight: inherit; 
		height: inherit;
		color: inherit;
	}
/*----------------------------------------*/
/*---------PROCUREMENT WORKBENCH----------*/
/*----------------------------------------*/
	.theme2 [aria-describedby=PWB01] {
		height: 100% !important;
		position: relative;
	}
	.theme2 #PWB01 {
		--prwb-pwlstdiv: #dce9f4;
		--prwb-fsetbg: #ffffff;		
		padding: 0;
		height: 100% !important;
		font-size: 0.9rem;  /* Base font-size which tiles will be sized relative to */
	}
		.theme2 #PWB01-MAIN {
			/*height: 100% !important;*/
			overflow-y: auto;
		}
		.theme2 #PWB01-MAIN > div,
		.theme2 #PWB01-prdiv
		{
			padding: 0 var(--cpa-margin-h);
		}
			.theme2 #PWB01-MAIN > div:first-child {
				padding: 0;
			}

	/* Procurement Workbench: Menu */
	.theme2 #PWB01 .secondarynav {
		width: 100% !important;
	}

	/* Procurement Workbench: Header */
	.theme2 #PWB01-H1 {
		width: 100% !important;
		/*padding-top: 0.5rem;*/
		padding-bottom: 0.5rem;
	}
		.theme2 #PWB01-H1 label {
			font-size: var(--cpa-text-size);
		}
		.theme2 #PWB01-003002 {
			font-size: var(--cpa-h2-font-size);
			font-weight: var(--cpa-h2-font-weight);
			background: transparent;
			border: none;
			width: 100%;
			pointer-events: none;
		}
		.theme2 #PWB01-004002 {
			font-size: var(--cpa-h3-font-size);
			font-weight: var(--cpa-h3-font-weight);
			background: transparent;
			border: none;
			width: 100%;
			pointer-events: none;
		}

	/* Procurement Workbench: Site, Contract, Vendor selectors */
	.theme2 #PWB01 #PWB01-D003055 *,
	.theme2 #PWB01 #PWB01-D003126 * {
	}
		/* Code */
		.theme2 #PWB01 #PWB01-003055,
		.theme2 #PWB01 #PWB01-004055,
		.theme2 #PWB01 #PWB01-003126,
		.theme2 #PWB01 #PWB01-004126 {
			border: none;
		}
		/* Desc */
		.theme2 #PWB01 #PWB01-003064,
		.theme2 #PWB01 #PWB01-004064,
		.theme2 #PWB01 #PWB01-003139 {
			pointer-events: none;
			background: none;
			border: none;
		}


	/* Procurement Workbench: Tiles */
	.theme2 .pwdivs {
		width:auto;
		overflow:auto; 
		margin:0px; 
		display:flex; 
		float:none;
	}
	.theme2 .pwtile {
		background: var(--cpa-body);
		margin: 0 0.5rem 0.5rem 0;
		width: 20em;
		padding: 1.2em;
		cursor: pointer;
	}
		.theme2 .pwtile * {
			pointer-events: none;
		}
		.theme2 .pwtile button {
			width: 100%;
			padding: 0;
			margin: 0 0 0.3em 0;
			font-size: 1.2em;
			line-height: 1.2em;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			height: 1.2em;
			border: none; 
			text-align: left; 
			color: inherit;
			background: transparent;
		}

		.theme2 .pwicon {
			/*display: none;*/
			/*
			width:18%;
			scale:2;
			padding-left:4px;
			*/
		}
		.theme2 .ui-widget input:not([type]).pwcounts,
		.theme2 .ui-widget input:not([type]).pwvalues {
			background: transparent; 
			border: none;
			color: inherit;
			font-weight: 300;
			width: 100%;
			height: auto;
			text-align: left;
			padding: 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.theme2 .ui-widget input:not([type]).pwcounts {
			font-size: 3em;
			margin: 0 0 0.2em 0;
		}
		.theme2 .ui-widget input:not([type]).pwvalues {
			font-size: 2em;
			margin: 0;
		}

		.theme2 .pwtile .pwsurround::after {
			content: url(images/theme2/icons/arrow--right_16.svg);
			color: var(--cds-link-primary);
			width: 1em;
			height: 1em;
			float: right;
		}
			.theme2 .pwtile.pwdetail .pwsurround::after {
				content: url(images/theme2/icons/arrow--left_16.svg);
			}

	/* Procurement Workbench: Detail list */
	.theme2 #PWB01-ddanchor {
		overflow: hidden;
		z-index: 1;
	}
	.theme2 #PWB01-ddanchor > div {
		/* border: 1px dotted black !important; */
	}
	
	/* Procurement Workbench: Legacy classes */

		.theme2 #PWB01 .horiz, 
		.theme2 #PWB01 .cpadiv,
		.theme2 #PWB01 fieldset,
		.theme2 #PWB01 .maindiv
		{
			/*background: var(--prwb-mainbg);*/
		}
		.theme2 #PWB01 .maindiv
		{
			border: none;
		}
		.theme2 #PWB01 .fset,
		{
			/*background: var(--prwb-fsetbg);*/
		}
		.theme2 #PWB01 #PWB01-D006002
		{
			overflow: auto;
			width: 100% !important;
		}
		.theme2 .pwmenu,
		.theme2 #PWB01 #PWB01-D001001
		{
			border-bottom: none !important;
			margin-bottom: 0.25rem;
		}
		.theme2 .pwmenunode {
			max-height:500px;
			overflow:auto;
			z-index:1;
		}
		.theme2 .pwgroup,
		.theme2 #PWB01 #PWB01-M02
		{
			height:auto;
			overflow:auto;
		}
		.theme2 .pwcollapse .pwborder {
			width: 4.5em;
		}

		/* These rules allow hovering over the legend to show left/right arrows depending on whether class pwcollapse is present */
		/*
		.theme2 .pwdivs legend:hover {
			cursor: pointer;
		}
			.theme2 .pwdivs legend:hover::after {
				display:inline-block;
				font: normal normal normal 8px/1 FontAwesome;
				font-size: 0.5em;
				content: "\f060"; 
				padding:0 0 2px 4px; 
				vertical-align:middle;
			}
			.theme2 .pwdivs .pwcollapse legend:hover::after {
				content: "\f061"; 
			}
		*/
		
		/* These classes are for the list drop-down */
		.theme2 .pwlstdiv {
			display:inline-block;
			position:absolute;
			right:20px;
		}
		.theme2 .pwlstdiv ul {
			display:none;
			background-color:var(--prwb-pwlstdiv);
			box-shadow:0px 2px 2px rgba(0,0,0,0.6);
			font-size:12px;
			transition:top 1s;
			-webkit-transition:all 0.5s linear;
			width:auto;
			padding:0px 5px;
			float:left;
			margin-top:1px;
		}
		.theme2 .pwlstdiv > a {
			border:1px solid var(--prwb-pwlstdiv);
			padding:0px 5px;
			background-color: var(--prwb-pwlstdiv);
		}
		.theme2 .pwlstdiv > a::after {
			display: inline-block;
			font: normal normal normal 8px/1 FontAwesome;
			content: "\f078";
			padding:0 0 2px 4px;
			vertical-align: middle;
		}
		.theme2 .pwlstdiv:hover ul {
			display:block;
			position:absolute;
			right:2px;
		}
		.theme2 .pwlstdiv:hover > a::after {
			content: "\f077";
		}
/*----------------------------------------*/
/*---------LOGIN/LOGOUT-------------------*/
/*----------------------------------------*/
	.theme2.cpalogin #banner, .theme2.cpalogin #exec, .theme2.cpalogin #disp, 
	.theme2.cpalogin #cpanav, .theme2.cpalogin #foot, .theme2.cpalogin #code {
		display: none;
	}

    .theme2.cpalogin #c1-ui-shell-header, .theme2.cpalogout #c1-ui-shell-header {
        display: none;
    }

	.theme2.cpalogin #cpamain {
		background: url(images/theme2/signin-hero.jpg);
		background-size: cover;
		background-position: 15rem center;
	}
		.theme2.cpalogin #cpamain .ui-dialog {
			height: 100% !important;
			width: 100% !important;
			top: 0 !important;
			left: 0 !important;
			background: var(--cpa-login-overlay);
		}
			.theme2.cpalogin #cpamain .ui-dialog .ui-dialog-titlebar {
				display: none;
			}
			.theme2.cpalogin #cpamain .ui-dialog .ui-dialog-content {
				padding: 0;
			}

	.theme2 #SIGNONH {
		background: var(--cpa-login);
		background-image: url(images/theme2/logos/causeway-pa-stacked.svg);
		background-repeat: no-repeat;
		background-position: 3rem 4rem;
		background-size: 14rem;
		height: 100% !important;
		width: 20rem !important;
		padding: 11rem 2rem 0 !important;
		overflow: hidden;
	}
	.theme2 #SIGNONH br {
		display: none;
	}
		.theme2 #SIGNONH-MAIN {
			background: none;
		}
			.theme2 #SIGNONH-MAIN * {
				background: none;
				width: auto !important;
				padding: 0;
			}
			.theme2 #SIGNONH-H0 {
				width: 100% !important;
			}
				.theme2 #SIGNONH-H0 * {
					width: 100% !important;
				}
				.theme2 #SIGNONH-V1 {
				}
					.theme2 #SIGNONH-H2 {
						display: none;
					}
					.theme2 #SIGNONH-H3 {
						display: none;
					}
					.theme2 #SIGNONH-H4 {
					}
						.theme2 #SIGNONH-V5 {
							display: none;
						}
						.theme2 #SIGNONH-V6 {
						}
							.theme2 #SIGNONH-H7 {
								/* Version info */
								position: absolute;
								bottom: 0;
								left: 0;
								padding: 2rem 2rem 1rem 2rem;
							}
								.theme2 #SIGNONH-H7 #SIGNONH-D016008 {
								}
								.theme2 #SIGNONH-H7 textarea {
									color: var(--cpa-login-text);
									font-size: 0.7rem;
									line-height: 0.8rem;
									padding: 0;
									width: 100% !important;
									overflow: hidden;
									border: none;
								}
							.theme2 #SIGNONH-H8 {
								display: none;
							}
							.theme2 #SIGNONH-H9 {
								/* Username/Password form */
							}
								.theme2 #SIGNONH-H9 #SIGNONH-D025008 {
									/* Labels */
									display: none;
								}
								.theme2 #SIGNONH-H9 #SIGNONH-D025020 {
									/* Inputs */
								}
									.theme2 #SIGNONH-H9 #SIGNONH-D025020 input {
										background: #fff;
										display: block;
										padding: 0.8rem 0.4rem;
										margin: 0 0 0.5rem 0;
										border-radius: var(--cpa-border-radius);
										border: 1px solid var(--cds-col-gray40);
									}
				.theme2 #SIGNONH-V10 {
					/* RHS */
				}
					.theme2 #SIGNONH-anchor0105 {
						display: none;
					}
		.theme2 #SIGNONH-prdiv {
			/* Buttons */
			background: none;
		}
			.theme2 #SIGNONH-fkeys1 {
				margin: 0;
				width: 100%;
			}
			.theme2 #SIGNONH-prdiv button {
				display: none;
			}
				.theme2 #SIGNONH-prdiv button[title="RET"] {
					display: block;
					width: 100%;
				}
			.theme2 #SIGNONH-prdiv .prompt {
				display: none;
			}

	/* Logout */
	.theme2 #SIGNOFFH div {
		width: auto !important;
		height: auto !important;
		background: none !important;
	}
		.theme2.cpalogout #banner li.user,
		.theme2.cpalogout .ui-dialog-titlebar,
		.theme2 #SIGNOFFH br,
		.theme2 #SIGNOFFH-H2,
		.theme2 #SIGNOFFH-H3,
		.theme2 #SIGNOFFH-V5,
		.theme2 #SIGNOFFH-V10,
		.theme2 #SIGNOFFH-prdiv {
			display: none;
		}

	.theme2 #SIGNOFFH .page-logout {
		font-size: 1.5rem;
		font-weight: 300;
		margin: 2rem 0 1rem 0;
	}

/*----------------------------------------*/
/*---------QS FORECASTS-------------------*/
/*----------------------------------------*/
	.theme2 [aria-describedby=QFC05] ul {
		font-size: 1rem !important;
		white-space: nowrap;
	}
	.theme2 [aria-describedby=QFC05] select {
		height: 18px;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.theme2 [aria-describedby=QFC05] ul li {
		padding:0;
	}
	.theme2 #QFC05 table {
		white-space: nowrap;
	}
	.theme2 #QFC05 table tr th {
		padding: 0.3rem;
		background: inherit;
	}
	.theme2 input:not([type]).emival {
		height:14px;
		padding:0px 4px;
		color:var(--colr_13);
		outline:1px dotted var(--colr_15);
		margin: 1px 0px;
	}
	.theme2 label.emidsp {
		margin: 2px 0px;
	}
	.theme2 .flexcontainer {
		display: flex;
	}
	.theme2 .flexelement {
		flex: 1 0 auto;
	}

/*----------------------------------------*/
/*---------CONCRETE COLOURS---------------*/
/*----------------------------------------*/
	.concrete {
		/* Blue */
		--cds-col-blue20: #ddd4f7;
		--cds-col-blue20-hover: #cabded;
		--cds-col-blue40: #7091e4;
		--cds-col-blue50: #7952e0;
		--cds-col-blue60: #5727D8;
		--cds-col-blue60-hover: #4e23c2;
		--cds-col-blue70: #461fad;
		--cds-col-blue80: #3d1b97;
		--cds-col-blue80-50pc: rgba(61, 27, 151, .50);
		/* Cool Gray */
		--cds-col-coolgray20: #c0d0dd;
		--cds-col-coolgray20-hover: #b6c5d1;
		--cds-col-coolgray100: #171d22;
		/* Cyan */
		--cds-col-cyan10ish: #d0e2ff;
		--cds-col-cyan20: #bdd8ff;
		--cds-col-cyan20-hover: #afc9ed;
		--cds-col-cyan70: #2459a3;
		/* Green */
		--cds-col-green20: #47ffd1;
		--cds-col-green20-hover: #42ebc1;
		--cds-col-green40: #06efb5;
		--cds-col-green60: #07ce9c;
		--cds-col-green70: #02674e;
		/* Gray */
		--cds-col-gray10: #f3f4f8;
		--cds-col-gray10-hover: #e9eaef;
		--cds-col-gray20: #f8f9fe;
		--cds-col-gray20-hover: #d6d6d7;
		--cds-col-gray30: #ededed;
		--cds-col-gray40: #afb4b9;
		--cds-col-gray50: #8c9094;
		--cds-col-gray50-12pc: rgba(140, 144, 148, .12);
		--cds-col-gray50-20pc: rgba(140, 144, 148, .20);
		--cds-col-gray50-32pc: rgba(140, 144, 148, .32);
		--cds-col-gray50-50pc: rgba(140, 144, 148, .50);
		--cds-col-gray60: #777a7d;
		--cds-col-gray70: #505356;
		--cds-col-gray80: #262b30;
		--cds-col-gray80-hover: #323537;
		--cds-col-gray100: #1d2125;
		--cds-col-gray100-25pc: rgba(29, 33, 37, .25);
		--cds-col-gray100-50pc: rgba(29, 33, 37, .5);
		/* Magenta */
		--cds-col-magenta20: #ffc2dc;
		--cds-col-magenta20-hover: #e8b2c9;
		--cds-col-magenta70: #8d3057;
		/* Orange */
		--cds-col-orange40: #ff6042;
		/* Purple */
		--cds-col-purple20: #f4dbff;
		--cds-col-purple20-hover: #e5cdf0;
		--cds-col-purple60: #8700bf;
		--cds-col-purple70: #690095;
		/* Red */
		--cds-col-red20: #f0cdc0;
		--cds-col-red20-hover: #f1b49e;
		--cds-col-red50: #cf7250;
		--cds-col-red60: #d33901;
		--cds-col-red60-hover: #be3504;
		--cds-col-red70: #9b482a;
		--cds-col-red80: #5c2e1d;
		/* Teal */
		--cds-col-teal20: #c9d4df;
		--cds-col-teal20-hover: #bbc5cf;
		--cds-col-teal70: #3d5976;
		/* Warm Gray */
		--cds-col-warmgray20: #e7d1d1;
		--cds-col-warmgray20-hover: #dec9c9;
		--cds-col-warmgray100: #2c2121;
		/* White */
		--cds-col-white: #ffffff;
		/* Yellow */
		--cds-col-yellow30: #ffd25b;

 		/* Shadows */
		--cds-shadows-menu: 0 2px 6px 0 rgba(0,0,0,.3);		
		
		/* Background */
		--cds-background: #f4f0fc;
		--cds-background-active: rgba(49, 19, 94, .3);
		--cds-background-hover: rgba(49, 19, 94, .12);
		--cds-background-selected: rgba(49, 19, 94, .2);
		--cds-background-selected-hover: rgba(49, 19, 94, .32);
		--cds-background-brand: #690095;
		--cds-background-inverse: #1d103e;
		--cds-background-inverse-hover: #323537;
  
		/* Layer */
		--cds-layer-01: #ffffff;
		--cds-layer-02: #f8f9fe;
		--cds-layer-03: #f8f6ff;
		--cds-layer-hover-01: #ece8ff;
		--cds-layer-hover-02: #e9eaef;
		--cds-layer-hover-03: #e9eaef;
		--cds-layer-active-01: #c5b8da;
		--cds-layer-active-02: #ededed;
		--cds-layer-active-03: #ededed;
		--cds-layer-selected-01: #f8f6ff;
		--cds-layer-selected-02: #f8f6ff;
		--cds-layer-selected-03: #f8f6ff;
		--cds-layer-selected-hover-01: #d6d6d7;
		--cds-layer-selected-hover-02: #d6d6d7;
		--cds-layer-selected-hover-03: #d6d6d7;
		--cds-layer-selected-disabled: #c5b8da;
		--cds-layer-selected-inverse: #1d2125;
		--cds-layer: var(--cds-layer-01, #f4f4f4);
		--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
		--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
		--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
		--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);

		/* Layer Accent */
		--cds-layer-accent-01: #f8f6ff;
		--cds-layer-accent-02: #f8f6ff;
		--cds-layer-accent-03: #f8f6ff;
		--cds-layer-accent-hover-01: #d6d6d7;
		--cds-layer-accent-hover-02: #d6d6d7;
		--cds-layer-accent-hover-03: #d6d6d7;
		--cds-layer-accent-active-01: #afb4b9;
		--cds-layer-accent-active-02: #afb4b9;
		--cds-layer-accent-active-03: #afb4b9;
		--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
		--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
		--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);

		/* Field */
		--cds-field-01: #f8f9fe;
		--cds-field-02: #ffffff;
		--cds-field-03: #f8f9fe;
		--cds-field-hover-01: #eae5ff;
		--cds-field-hover-02: #eae5ff;
		--cds-field-hover-03: #eae5ff;
		--cds-field: var(--cds-field-01, #f4f4f4);
		--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);

		/* Border */
		--cds-border-brand: var(--cds-col-orange40);	/* TODO no equivalent */
		--cds-border-subtle-00: #eae5ff;
		--cds-border-subtle-01: #c5b8da;
		--cds-border-subtle-02: #f8f6ff;
		--cds-border-subtle-03: #ededed;
		--cds-border-subtle-selected-01: #ededed;
		--cds-border-subtle-selected-02: #ededed;
		--cds-border-subtle-selected-03: #ededed;
		--cds-border-strong-01: #8c9094;
		--cds-border-strong-02: #8c9094;
		--cds-border-strong-03: #8c9094;
		--cds-border-inverse: #1d2125;
		--cds-border-interactive: #5727d8;
		--cds-border-disabled: #ededed;
		--cds-border-tile-01: #ededed;
		--cds-border-tile-02: #afb4b9;
		--cds-border-tile-03: #ededed;
		--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
		--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
		--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
		--cds-border-tile: var(--cds-border-tile-01, #c6c6c6)

		/* Text */
		--cds-text-primary: #1d103e;
		--cds-text-secondary: #31135e;
		--cds-text-placeholder: rgba(39, 15, 75, .5);
		--cds-text-on-color: #f5f2ff;
		--cds-text-helper: #5a427e;
		--cds-text-error: #c63339;
		--cds-text-inverse: #f5f2ff;
		--cds-text-disabled: rgba(29, 16, 62, .5);
		--cds-text-on-color-disabled: rgba(242, 240, 254, .75);

		/* Link */
		--cds-link-primary: #690095;
		--cds-link-primary-hover: #200d3f;
		--cds-link-secondary: #461fad;
		--cds-link-inverse: #e5a7ff;
		--cds-link-visited: #fab600;
		--cds-link-inverse-active: #f4f4f4;
		--cds-link-inverse-hover: #a6c8ff;
		--cds-link-inverse-visited: #be95ff;

		/* Icon */
		--cds-icon-primary: #1d103e;
		--cds-icon-secondary: #690095;
		--cds-icon-on-color: #f5f2ff;
		--cds-icon-inverse: #f5f2ff;
		--cds-icon-on-color-disabled: rgba(242, 240, 254, .7490196078);
		--cds-icon-disabled: rgba(29, 33, 37, .5);
		--cds-icon-interactive: #690095;

		/* Support */
		--cds-support-undefined: var(--cds-col-purple60);	/* TODO no equivalent */
		--cds-support-error: #c63339;
		--cds-support-success: #048f6d;
		--cds-support-warning: #ffd25b;
		--cds-support-info: #461fad;
		--cds-support-error-inverse: #cc474d;
		--cds-support-warning-inverse: #ffd25b;
		--cds-support-info-inverse: #4589ff;
		--cds-support-caution-major: #ff907b;
		--cds-support-caution-minor: #ffd25b;
		--cds-support-caution-undefined: #8700bf;
		--cds-support-success-inverse: #6af5d3;

		/* Focus */
		--cds-focus: #690095;
		--cds-focus-inset: #ffffff;
		--cds-focus-inverse: #ffffff;

		/* Miscellaneous */
		--cds-interactive: #690095;
		--cds-highlight: #e7ccf2;
		--cds-overlay: rgba(29, 33, 37, .5);
		--cds-skeleton-background: #eae5ff;
		--cds-skeleton-element: #c5b8da;
		--cds-toggle-off: #8c9094;
		--cds-shadow: rgba(197, 184, 218, .2509803922);

		/* Button */
		--cds-button-primary: #690095;
		--cds-button-primary-hover: #301b5d;
		--cds-button-primary-active: #200d3f;
		--cds-button-secondary: #690095;
		--cds-button-secondary-hover: #301b5d;
		--cds-button-secondary-active: #200d3f;
		--cds-button-tertiary: #e7ccf2;
		--cds-button-tertiary-hover: #301b5d;
		--cds-button-tertiary-active: #200d3f;
		--cds-button-ghost: transparent;	/* TODO no equivalent */
		--cds-button-ghost-hover: var(--cds-col-gray50-12pc);	/* TODO no equivalent */
		--cds-button-ghost-active: var(--cds-col-gray50-50pc);	/* TODO no equivalent */
		--cds-button-ghost-border: var(--cds-col-blue60);	/* TODO no equivalent */
		--cds-button-danger-primary: #c63339;
		--cds-button-danger-secondary: #dd8588;
		--cds-button-danger-hover: #c2282f;
		--cds-button-danger-active: #b22e33;
		--cds-button-separator: #f8f6ff;
		--cds-button-disabled: #c5b8da;

		/* Datatable */
		--cds-datatable-header: var(--cds-col-gray30);	/* TODO no equivalent */
		
		/* Misc */
		--cds-miscellaneous-interactive: var(--cds-col-blue60);	/* TODO no equivalent */


		/* CPA */
		--cpa-u1: 0.0625rem;
		--cpa-u2: 0.125rem;
		--cpa-u4: 0.25rem;
		--cpa-u8: 0.5rem;
		--cpa-u12: 0.75rem;
		--cpa-u16: 1rem;
		--cpa-u24: 1.5rem;
		--cpa-u32: 2rem;
		--cpa-border-radius: var(--cds-border-radius);

		--cpa-margin-h: 0.8rem;
		--cpa-margin-v: 0.4rem;
		--cpa-margin-phv: 0.2rem;

		--cpa-line-margin-v: 1px;
		--cpa-line-padding-v: 1px;
		--cpa-line-border-v: 1px;
		--cpa-line-height: calc(1.1rem + 2 * var(--cpa-line-padding-v));

		--cpa-focus-outline: 2px solid var(--cds-focus);
		--cpa-focus-outline-offset: -2px;

		--cpa-font-family: var(--cds-font-family);
		--cpa-body: var(--cds-col-white);
		--cpa-text: var(--cds-text-primary);
		--cpa-text-size: 0.75rem;
		--cpa-helper: var(--cds-text-helper);
		--cpa-header: var(--cds-col-white);
		--cpa-footer: var(--cds-col-gray20);

		--cpa-navbar: var(--cds-col-gray30);
		--cpa-navbar-button: transparent;
		--cpa-navbar-button-text: inherit;
		--cpa-navbar-button-hover: var(--cds-col-gray40);
		--cpa-navbar-button-hover-text: inherit;
		--cpa-navbar-button-active: var(--cds-col-gray60);
		--cpa-navbar-button-active-text: var(--cds-text-inverse);

		--cpa-navbar-secondary: var(--cds-col-gray20-hover);
		--cpa-navbar-secondary-button: transparent;
		--cpa-navbar-secondary-button-text: inherit;
		--cpa-navbar-secondary-button-hover: var(--cds-col-gray30);
		--cpa-navbar-secondary-button-hover-text: inherit;
		--cpa-navbar-secondary-button-active: var(--cds-col-gray60);
		--cpa-navbar-secondary-button-active-text: var(--cds-text-inverse);

		--cpa-menucontent: var(--cds-col-white);
		--cpa-menucontent-border: none;
		--cpa-menucontent-border-radius: var(--cpa-border-radius);
		--cpa-menucontent-shadow: var(--cds-shadows-menu);
		--cpa-menucontent-item-bg: transparent;
		--cpa-menucontent-item-bg-hover: var(--cds-layer-hover-02);
		--cpa-menucontent-item-bg-active: var(--cds-layer-02);
		--cpa-menucontent-item-text: var(--cds-text-primary);
		--cpa-menucontent-item-text-hover: var(--cds-text-primary);

		--cpa-link: var(--cds-link-primary);
		--cpa-link-hover: var(--cds-link-primary-hover);

		--cpa-h1: var(--cds-text-secondary);
		--cpa-h2: var(--cds-text-secondary);
		--cpa-h3: var(--cds-text-secondary);
		--cpa-h4: var(--cds-text-secondary);
		--cpa-h-font-size: 0.9rem;
		--cpa-h1-font-size: 1.3rem;
		--cpa-h2-font-size: 1.1rem;
		--cpa-h3-font-size: var(--cpa-h-font-size);
		--cpa-h-font-weight: 500;
		--cpa-h1-font-weight: 300;
		--cpa-h2-font-weight: 300;
		--cpa-h3-font-weight: 300;
		
		--cpa-table-border: var(--cds-border-subtle-00);
		--cpa-table-thead-border: solid var(--cds-border-brand);
		--cpa-table-thead-border-width: 0 0 0.1rem 0;
		--cpa-table-th: var(--cds-col-gray10);
		--cpa-table-th-border: unset;
		--cpa-table-th-border-width: 0;
		--cpa-table-tr: var(--cds-col-white);
		--cpa-table-tr-hover: var(--cds-col-gray30);
		--cpa-table-tr-alt: var(--cds-col-gray20);
		--cpa-table-tr-alt-hover: var(--cds-col-gray30);
		--cpa-table-tr-selected: var(--cds-col-gray40);
		--cpa-table-tr-selected-hover: var(--cds-col-gray40);
		--cpa-table-tr-selected-text: var(--cds-text);
		--cpa-table-td-border: unset;
		--cpa-table-td-border-width: 0;

		--cpa-button: var(--cds-button-primary);
		--cpa-button-border: var(--cds-button-primary);
		--cpa-button-text: var(--cds-text-on-color);
		--cpa-button-hover: var(--cds-button-primary-hover);
		--cpa-button-active: var(--cds-button-primary-active);
		--cpa-button-focus: var(--cds-focus);
		--cpa-button-focus-shadow: inset 0 0 0 1px var(--cds-focus), inset 0 0 0 2px var(--cds-focus-inset);

		--cpa-button-secondary: var(--cds-button-secondary);
		--cpa-button-secondary-border: var(--cds-button-secondary);
		--cpa-button-secondary-text: var(--cds-text-on-color);
		--cpa-button-secondary-hover: var(--cds-button-secondary-hover);
		--cpa-button-secondary-active: var(--cds-button-secondary-active);
		--cpa-button-secondary-focus: var(--cds-button-secondary);
		--cpa-button-secondary-focus-shadow: var(--cpa-button-focus-shadow);

		--cpa-button-ghost: transparent;
		--cpa-button-ghost-border: transparent;
		--cpa-button-ghost-text: var(--cds-link-primary);
		--cpa-button-ghost-hover: var(--cds-button-ghost-hover);
		--cpa-button-ghost-hover-border: transparent;
		--cpa-button-ghost-hover-text: var(--cds-link-primary-hover);
		--cpa-button-ghost-active: var(--cds-button-ghost-active);
		--cpa-button-ghost-active-border: transparent;
		--cpa-button-ghost-active-text: var(--cds-link-primary-hover);
		--cpa-button-ghost-focus: var(--cds-focus-inverse);
		--cpa-button-ghost-focus-border: var(--cds-button-ghost-border);
		--cpa-button-ghost-focus-text: var(--cds-link-primary);
		--cpa-button-ghost-focus-shadow: none;

/*
		--cds-button-secondary: var(--cds-col-gray80);
		--cds-button-secondary-hover: var(--cds-col-gray80-hover);
		--cds-button-secondary-active: var(--cds-col-gray60);
		--cds-button-tertiary: var(--cds-col-blue60);
		--cds-button-tertiary-hover: var(--cds-col-blue60-hover);
		--cds-button-tertiary-active: var(--cds-col-blue80);
		--cds-button-ghost: transparent;
		--cds-button-ghost-hover: var(--cds-col-gray50-12pc);
		--cds-button-ghost-active: var(--cds-col-gray50-50pc);
		--cds-button-ghost-border: var(--cds-col-blue60);
*/

		--cpa-button-sm-padding-v: 0.15rem;
		--cpa-button-sm-padding-h: 0.6rem;
		--cpa-button-lg-padding-v: 0.7rem;
		--cpa-button-lg-padding-h: 0.8rem;
		--cpa-button-border-radius: var(--cpa-border-radius);
		
		--cpa-input: var(--cds-field-01);
		--cpa-input-border-style: solid;
		--cpa-input-border-color: transparent transparent var(--cds-border-strong-01) transparent;
		--cpa-input-border-width: 1px;
		--cpa-input-text: var(--cpa-text);
		
		--cpa-dialog-body: var(--cpa-body);
		--cpa-dialog-border: var(--cds-border-subtle-00);
		--cpa-dialog-border-width: 0;
		--cpa-dialog-border-radius: var(--cpa-border-radius);
		--cpa-dialog-shadow: var(--cds-shadows-menu);
		
		--cpa-tree: var(--cpa-body);
		--cpa-tree-text: var(--cds-text-secondary);
		--cpa-tree-hover: var(--cds-col-gray30);
		--cpa-tree-hover-text: var(--cds-text-secondary);
		/* Dropped */
		--cpa-tree-active: var(--cds-col-gray30);
		--cpa-tree-active-text: var(--cds-text-secondary);
		--cpa-tree-active-hover: var(--cds-col-gray10);
		--cpa-tree-active-hover-text: var(--cds-text-secondary);
		/* Focus */
		--cpa-tree-selected: var(--cds-col-gray40);
		--cpa-tree-selected-text: var(--cds-text-secondary);
		--cpa-tree-selected-hover: var(--cds-col-gray40);
		--cpa-tree-selected-hover-text: var(--cds-text-secondary);

		--cpa-jm-resizer: var(--cds-col-gray30);

		--cpa-jm-timeline: var(--cds-col-gray30);
		--cpa-jm-timeline-nonworkday: var(--cpa-jm-timeline);
		--cpa-jm-timeline-border: var(--cds-col-white);
		--cpa-jm-timeline-text: var(--cpa-text);
		--cpa-jm-timeline-workingday: var(--cds-col-cyan10ish);
		--cpa-jm-timeline-unusabletime: var(--cds-col-gray40);
		--cpa-jm-timeline-exceptiontime: var(--cds-col-green60);

		--cpa-login: var(--cds-col-gray30);
		--cpa-login-overlay: var(--cds-col-blue80-50pc);
		--cpa-login-text: var(--cds-col-gray50);

		--cpa-scrollbar: #dbe3e7;
		--cpa-scrollbar-size: 10px;
		--cpa-scrollbar-handle: #939393;
		--cpa-scrollbar-handle-hover: #939393;
		--cpa-scrollbar-handle-radius: 4px;
		
		--cpa-tabs-margin: 0 0 0.75rem 0;
		--cpa-tab: transparent;
		--cpa-tab-text: var(--cds-text-secondary);
		--cpa-tab-border: var(--cds-border-subtle-01);
		--cpa-tab-border-width: 0 0 2px 0;
		--cpa-tab-font-weight: 400;
		--cpa-tab-padding: 0.5rem 1rem;
		--cpa-tab-separation: 2px;
		--cpa-tab-hover-border: var(--cds-border-strong-01);
		--cpa-tab-selected: transparent;
		--cpa-tab-selected-text: var(--cds-text-primary);
		--cpa-tab-selected-border: var(--cds-border-interactive);
		--cpa-tab-selected-border-width: 0 0 2px 0;		
		--cpa-tab-selected-font-weight: 600;

		/* Infographic Colours */
		--ig-white: #ffffff;
		--ig-blue: #0870cf;
		--ig-sky-blue: #41b6e6;
		--ig-green: #1eb18c;
		--ig-brown: #996633;
		--ig-yellow: #e7b747;
		--ig-orange: #ff6a13;
		--ig-red: #f70535;
		--ig-mauve: #8e44ad;
		--ig-cool-grey: #bdc3c7;
		/* Infographic Colours 040 */
		--ig-blue040: #9ac5eb;
		--ig-sky-blue040: #b1e1f5;
		--ig-green040: #a0d7c9;
		--ig-brown040: #d5c0ac;
		--ig-yellow040: #f5e1b4;
		--ig-orange040: #ffc29f;
		--ig-red040: #f799ac;
		--ig-mauve040: #d1b3dd;
		--ig-cool-grey040: #e4e6e8;
	}
/*----------------------------------------*/
/*---------CHRIS's THEME------------------*/
/*----------------------------------------*/

	.chris1 .lfg {										/* Larger label/data grouping */
		border: 1px dotted #bdc5df;	/* this was 2px none */
		margin: 0px;
		border-radius: 3px;
	}
	.chris1 .bdiv {										/* Standard data grouping */
		border: 1px solid #dee3f7;
	}
	.chris1 .bdivg {									/* Grid data grouping */
		border: 1px solid #dee3f7;
	}
	.chris1 .cpafc08 {						/* violet */
		color: #772ece;
	}
	.chris1 .cpabc01 {			/* display field CYAN: background=yellow */
		background-color: #cdf2f5;		/* Was yellow ffffcc */
		border: 1px solid #ffffff;
	}
	.chris1 .cpabc02 {			/* input field LWHITE: background=white */
		background-color: #ffffdd;
		transition-property: background,border-style;
	transition-duration: 2s;
	}
	.chris1 .cpabc05 {			/* combo (drop-down) LWHITE: background=white */
		background-color: #ffffdd;
		transition-property: background,border-style;
		transition-duration: 2s;
	}
	.chris1 .cpabc06 {			/* lookup (lookup or non-dropdown block select) LWHITE: background=white */
		background-color: #ffffdd;
		transition-property: background,border-style;
	transition-duration: 2s;
	}
	.chris1 .ldivh {									/* Hidden label grouping */
		background-color:#f9f8f0;
	}
	.chris1 .cpadrag {
		background-color: #cdf2f5;
		border-style: solid;
		border-width: 1px;
		border-radius: .5em;
		cursor: move;
	}
	.chris1 section:focus, .chris1 section:active {
		color: #ff0000;
		/*outline:none;*/
	}
	.chris1 #SMM06 h4 {
		color:var(--colr_52); font-size: 16px; background-color:var(--colr_51);
	}
	.chris1 .cpatable td {
		border-style: solid;
		border-width: 0 1px;
		border-color: #bdc5df;
	}
	.chris1 .prdiv .prompt, .chris1 .prdiv .prompt * {
		font-size: 1rem;
		font-style: italic;
		font-weight: bold;
		color: var(--cpa-helper);
	}
/*----------------------------------------*/
/*---------HIGH CONTRAST THEME------------*/
/*----------------------------------------*/
	.highcon {
		--cpa-table-tr-selected: var(--cds-col-blue40);
		--cpa-table-tr-selected-text: white;
		--cpa-table-tr-hover: var(--cds-col-gray30);
		--cpa-table-tr-alt-hover: var(--cds-col-gray30);
		--cpa-tree-selected: var(--cds-col-blue40);
		--cpa-tree-selected-text: white;
		--cpa-tree-hover: var(--cds-col-gray30);
	}
	.highcon .cpabc09, .theme2 .ovr.cpabc09 {			/* Standard header */
		background-color: #ffffff;
		font-weight: bold;
		padding: 2px;
	}
	.highcon .ui-widget-header ul:first-child li:first-child span:first-child {
		font-size: 1.2rem;
	}
	.highcon .ui-widget-header ul > li > a {
		font-size: 1rem;
	}
	.highcon div#PDB02-D003002 label:first-child {
		font-weight: bold;
	}
/*----------------------------------------*/
/*---------CHRIS's THEME2 CORRECTIONS-----*/
/*----------------------------------------*/
	.chris {
		--cpa-table-tr-selected: var(--cds-col-blue40);
		--cpa-table-tr-selected-text: white;
		--cpa-table-tr-hover: var(--cds-col-gray30);
		--cpa-table-tr-alt-hover: var(--cds-col-gray30);
		--cpa-tree-selected: var(--cds-col-blue40);
		--cpa-tree-selected-text: white;
		--cpa-tree-hover: var(--cds-col-gray30);
		--cds-col-white: #fffffc;
		--cpa-tab-padding: 0.5rem 0.5rem;
		--cpa-tabs-margin: 0 0 0 0;
	}
	.chris .jm {
		--colr_43: #aab7c2;		/* Map job list gradient fr */
		--colr_44: #7e90a0;		/* Map job list gradient to */
	}
	.chris #PWB01 {
		--prwb-mainbg: cds-col-white;
	}
	.chris a {
		line-height: 1rem;
	}
	.chris .cpabc09, .theme2 .ovr.cpabc09 {			/* Standard header */
		background-color: #ffffff;
		font-weight: bold;
		padding: 2px;
	}
	.chris .ui-widget-header ul:first-child li:first-child span:first-child {
		font-size: 1.2rem;
	}
	.chris .choice button {
		margin: 0;
		padding: 0;
	}
	.chris input[readonly=true]:focus {
		outline: none;
	}
	.chris .bdiv br {
		display: inherit;
	}
	.chris .ui-widget-header ul > li > a {
		font-size: 1rem;
	}
	.chris div#PDB02-D003002 label:first-child {
		font-weight: bold;
	}
	.chris ul.nav-tabs > li {
		padding-right: 0;
		margin-right: var(--cpa-tab-separation);
		border: 1px solid var(--cds-focus);
		border-radius: 7px 7px 0 0;
	}
	.chris ul.nav-tabs > li > a {
		padding: 0.2rem 0.5rem;
	}
	.chris ul.nav-tabs > li > a:active,
	.chris ul.nav-tabs > li > a:focus {
		outline: none;
		outline-offset: 0;
		font-weight: bold;
		border-color: var(--cpa-tab-hover-border);
		text-decoration: none;
	}
	.chris .horiz {
		padding: 0px;
		margin: 0px;
		width: 100%;
		box-shadow: 0 0 4px 1px #76bfbf;
	}
	.chris .ui-widget .butdiv button {
		font-weight: bold;
	}
	.chris .ui-widget .bdiv button {
		font-weight: bold;
	}
	/*----------bits from chris1--------------*/
	.chris .lfg {										/* Larger label/data grouping */
		box-shadow: 0 0 3px 1px #76bfbf;
		margin: 0px;
	}
	.chris .bdiv {										/* Standard data grouping */
		border: 1px solid #dee3f7;
	}
	.chris .bdivg {									/* Grid data grouping */
		border: 1px solid #dee3f7;
	}
	.chris .ldivh {									/* Hidden label grouping */
		background-color:#f9f8f0;
		box-shadow: 0 0 2px 1px #a9a8a0;
		border: 1px solid #a9a8a0;
	}
	.chris .bdivh {									/* Hidden data grouping */
		box-shadow: 0 0 2px 1px #a9a8a0;
	}
/*----------------------------------------*/
/*---------CHANGES FOR MGROUP-------------*/
/*----------------------------------------*/
	.mgroup {
		--cpa-body: #f1f5e8;
	}
/*----------------------------------------*/

/*===================================================*/
/* C1 - KILL SWITCH for overridden colours in theme2 */
/* This will defeat colour overrides generally, restoring the default colour palette, except where specific defeaters already exist. */
/* Typically, only the main foreground and background colours are affected - there is limited effect on border colour, outline colour, etc. */
/* ------------------------------------------------- */
/* BEGIN Kill Switch */
/**/
	.theme2 input.ovr:is(:not([type]), [type=text], [type=password]):not(.cpabc01.cpafc01),
	.theme2 textarea.ovr:not(.cpabc01.cpafc01),
	.theme2 select.ovr.ddown:not(.cpabc01.cpafc01) {
		background-color: var(--cds-field-01);
		color: var(--cds-text-primary);
	}
		.theme2 input.ovr.cpabc01:is(:not([type]), [type=text], [type=password]):not(.cpabc01.cpafc01),
		.theme2 textarea.ovr.cpabc01:not(.cpabc01.cpafc01) {
			background-color: var(--cds-field-02);
			border-color: var(--cds-border-subtle-00);		/* Legacy rule defeater */
		}
	.theme2 label.ovr:not(.lablkup, .cpafc01),
	.theme2 fieldset h4.ovr:not(.cpafc01) {
		background-color: transparent;
		color: var(--cds-text-secondary);
	}
	.theme2 button.ovr:not(.prdiv *, .cpabc01.cpafc01, .cpabc00.cpafc00, .cpabc08.cpafc00),
	.theme2 a.ovr.button,
	.theme2 .buttons a.ovr,
	.theme2 #cpanav > ul > li > a.ovr,
	.theme2 .secondarynav > ul > li > a.ovr,
	.theme2 label.ovr.lablkup:not(.cpabc01.cpafc01),
	.theme2 a.ovr.field:not(.cpabc01.cpafc01),
	.theme2 input.ovr.lfield:not([type], .cpabc01.cpafc01),
	.theme2 input.ovr.lablkup:is([readonly="true"]:not([type]), [type=button]):not(.cpabc01.cpafc01) {
		background-color: transparent;
		color: var(--cds-link-primary);
	}
		.theme2 button.ovr:not(.prdiv *, .cpabc01.cpafc01, .cpabc00.cpafc00, .cpabc08.cpafc00):hover,
		.theme2 a.ovr.button:hover,
		.theme2 .buttons a.ovr:hover,
		.theme2 #cpanav > ul > li > a.ovr:hover,
		.theme2 .secondarynav > ul > li > a.ovr:hover {
			background-color: var(--cds-background-hover);
			color: var(--cds-link-primary-hover);
		}
		.theme2 button.ovr:not(.prdiv *, .cpabc01.cpafc01, .cpabc00.cpafc00, .cpabc08.cpafc00):active,
		.theme2 a.ovr.button:active,
		.theme2 .buttons a.ovr:active,
		.theme2 #cpanav > ul > li > a.ovr:active,
		.theme2 .secondarynav > ul > li > a.ovr:active,
		.theme2 #cpanav > ul > li > .dropbtn.ovr.dropped,
		.theme2 .secondarynav > ul > li > .dropbtn.ovr.dropped {
			background-color: var(--cds-background-active);
			color: var(--cds-link-primary-hover);
		}
		.theme2 label.ovr.lablkup:not(.cpabc01.cpafc01):is(:hover, :active),
		.theme2 a.ovr.field:not(.cpabc01.cpafc01):is(:hover, :active),
		.theme2 input.ovr.lfield:not([type], .cpabc01.cpafc01):is(:hover, :active),
		.theme2 input.ovr.lablkup:is([readonly="true"]:not([type]), [type=button]):not(.cpabc01.cpafc01):is(:hover, :active) {
			color: var(--cds-link-primary-hover);
		}
		.theme2 label.ovr.lablkup:not(.cpabc01.cpafc01):is(:focus-visible, :focus),
		.theme2 a.ovr.field:not(.cpabc01.cpafc01):is(:focus-visible, :focus),
		.theme2 input.ovr.lfield:not([type], .cpabc01.cpafc01):is(:focus-visible, :focus),
		.theme2 input.ovr.lablkup:is([readonly="true"]:not([type]), [type=button]):not(.cpabc01.cpafc01):is(:focus-visible, :focus) {
			color: var(--cds-focus);
		}
	.theme2 table.cpatable thead th.ovr {
		background-color: var(--cds-layer-accent-01);
		color: var(--cds-text-secondary);
	}
	.theme2 table.cpatable tbody td.ovr {
		background-color: var(--cds-layer-01);
		color: var(--cds-text-secondary);
	}
/**/
/* END Kill Switch */
/*===================================================*/
/* CPA-12204: QSA17 paired SEQ+VALS inputs must render side-by-side.
   The 11.1 HTML renderer forces width:90% on narrow fields in 3-char boxes,
   which breaks two-per-row layout. These three divs are QSA17's field columns. */
#QSA17-D008017 input,
#QSA17-D008038 input,
#QSA17-D008061 input {
	width: 44% !important;
}

/*===================================================*/
/* Autocomplete dropdown (USM02 email field)         */
/*===================================================*/
.theme2 .ui-autocomplete {
	font-family: Geist; font-size: 0.75rem; font-weight: 400; line-height: 1rem;
	background-color: var(--cds-field-01); color: var(--cds-text-primary);
	border: 1px solid var(--cds-border-subtle-00); border-radius: 0.3125rem;
	padding: 4px 6px; max-height: 15rem; overflow-y: auto; overflow-x: hidden;
}
.theme2 .ui-autocomplete .ui-menu-item { padding: 0; }
.theme2 .ui-autocomplete .ui-menu-item-wrapper {
	padding: var(--cpa-line-padding-v) 0.5rem;
	border: 2px solid transparent; border-radius: 0.25rem;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	color: var(--cds-text-primary);
}
.theme2 .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	border-color: var(--cds-field-hover-01);
	background: var(--cds-field-hover-01); color: var(--cds-text-primary);
}