/*----------------------------------------*/
/*---------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.symbolOutOfService {
		display: none;
	}
	.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);
						/* Concrete: typeface + surface radius */
						font-family: 'Geist Sans', 'Helvetica Neue', Arial, sans-serif;
						border-radius: 0.25rem;
						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: #777A7D; /* Concrete text-helper */
							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: #1D103E; /* Concrete text-primary */
							}
						.theme1 #banner > ul > li.user div.dropcontent ul {
						}
							.theme1 #banner > ul > li.user div.dropcontent ul li {
								margin: 0.3rem 0;
								padding-left: 0;
								font-size: 0.9rem;
								color: #777A7D; /* Concrete text-helper */
							}
								.theme1 #banner > ul > li.user div.dropcontent ul li:last-child {
									margin-bottom: 0;
								}
								.theme1 #banner > ul > li.user div.dropcontent ul li a {
									display: block; padding: 0.5rem; margin: 0 -0.5rem; border-radius: 0.25rem; color: var(--cds-link-primary); /* Concrete link-primary #690095 (purple) */
									text-decoration: none;
								}
									.theme1 #banner > ul > li.user div.dropcontent ul li a:hover {
											background-color: rgba(140,144,148,0.12); /* Concrete background-hover */
										color: var(--cds-link-primary-hover);
									}
	/* 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);
		/* Extra (non-CDS) property for display-only fields */
		--cds-field--cpa-readonly: #f4f0fc;

		/* 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);
		--cds-border-field: #5a427e;
		/* Extra (non-CDS) property for display-only fields */
		--cds-border-field--cpa-readonly: #ffffff;

		/* 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);
		/* Extra (non-CDS) property for display-only fields */
		--cds-text-field--cpa-readonly: #5a427e;

		/* 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-field);
		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]),
 		.theme2 input.cpabc03:is(:not([type]), [type=text], [type=password]) {
			background-color: var(--cds-field--cpa-readonly);
			color: var(--cds-text-field--cpa-readonly);
			border-color: var(--cds-border-field--cpa-readonly);
		}
		/* C1CP-649: read-only display fields (typ 4/8/9/10) render as <input readonly> but use
		   various palettes, so reclaiming the read-only look via cpabc01/03 alone (C1CP-459) missed
		   them. Remove the editable border from EVERY read-only display field - flexcli emits readonly
		   only for display fields, and lookups keep their own transparent border via later rules. */
		.theme2 input[readonly]:is(:not([type]), [type=text], [type=password]) {
			border-color: var(--cds-border-field--cpa-readonly);
		}
		/* ...and apply the read-only fill/text to read-only DATA fields (.field) so e.g. the cpabc04
		   discount % indicator matches its cpabc01 neighbours. Scoped to .field to exclude lookups
		   (.lfield/.lablkup, which are also cpabc04), gated on [readonly] to exclude editable fields
		   (cpabc02 is the editable-input colour), and :not(.cpabc09) to leave section headers
		   (cpabc09) styled as headers rather than read-only data. */
		.theme2 input[readonly].field:is(:not([type]), [type=text], [type=password]):not(.cpabc09) {
			background-color: var(--cds-field--cpa-readonly);
			color: var(--cds-text-field--cpa-readonly);
		}
		.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 {
		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-field);
		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;
				/* C1CP-101: line-height must fill the content box so exactly ONE line
				   shows; otherwise a wrapped 2nd line peeks through and is clipped
				   mid-glyph ("not properly visible"). 1.5rem box - 2x1px border = content. */
				line-height: calc(1.5rem - 2px);
				padding-top: 0;
				padding-bottom: 0;
				overflow: hidden;
			}
			.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,
		.theme2 textarea.cpabc03 {
			background-color: var(--cds-field--cpa-readonly);
			color: var(--cds-text-field--cpa-readonly);
			border-color: var(--cds-border-field--cpa-readonly);
		}
		.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{
	}

	/* C1 - dropdown */ 
	.theme2 select.ddown {
		appearance: none;
		border-radius: 0.3125rem;
		border-width: 1px;
		border-style: solid;
		border-color: var(--cds-border-field);
		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.cpabc03 {
			background-color: var(--cds-field--cpa-readonly);
			color: var(--cds-text-field--cpa-readonly);
			border-color: var(--cds-border-field--cpa-readonly);
		}
		.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.symbolOutOfService {
		display: none;
	}
	.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;
	}

	.theme2 button.symbtn {
		display: inline-flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 0.5rem;
	}
	.theme2 button.symbtn:not(:disabled) {
		color: var(--cds-link-primary);
	}
		.theme2 button.symbtn:not(:disabled):hover {
			color: var(--cds-link-primary-hover);
		}
		.theme2 button.symbtn:not(:disabled):active {
			color: var(--cds-link-primary-hover);
		}

	.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.
		The width is downsized for appearance in these inline checkbox lists, but the HEIGHT must remain a full
		line (1.5rem, matching the label/h4 row) so the per-row progression equals the label column and the
		checkboxes stay vertically aligned with their labels. (C1CP-258: previously downsized to 1.312rem/1.28rem,
		which made each checkbox row ~3px shorter than its label row and caused cumulative upward drift on
		GLG31/SEM06.)
		(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.5rem;
			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.5rem;
				background-position: left 0.0775rem center;
				outline-offset: -0.0775rem;
				border-radius: 0.2rem;
			}
		}
		/* C1CP-590: PWBOPT (Plant Management Options) middle row #PWBOPT-H2 pairs its
		checkbox columns (High / On / Off) with the coloured status/Map cells, not the
		1.5rem text labels the rule above assumes. C1CP-258's global 1.5rem bump makes
		those checkbox rows ~3px taller than their neighbour cells; over the 9 status
		rows that stretches the fieldset.bdiv past its content (boxes "extend higher
		than they should"). The top (#PWBOPT-H1) and bottom (#PWBOPT-H3) rows are
		genuine label+checkbox groups and must keep 1.5rem, so scope the revert to the
		middle row only. 1.375rem sits just above the pre-C1CP-258 height (1.312rem): enough
		to stop the fieldset over-extending while leaving a little row spacing. */
		.theme2 #PWBOPT-H2 :is(input[type=checkbox], .checkbox, .checkboxdsp):has(+ br),
		.theme2 #PWBOPT-H2 :is(.bdiv, .bdivh, .ldiv, .ldivh) > :is(input[type=checkbox], .checkbox, .checkboxdsp) {
			height: 1.375rem;
		}
		@-moz-document url-prefix() {
			.theme2 #PWBOPT-H2 :is(input[type=checkbox], .checkbox, .checkboxdsp):has(+ br),
			.theme2 #PWBOPT-H2 :is(.bdiv, .bdivh, .ldiv, .ldivh) > :is(input[type=checkbox], .checkbox, .checkboxdsp) {
				height: 1.345rem;
			}
		}
		.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);
		}
		/* C1CP-535: .checkboxdsp is a display-only checkbox rendered as a TEXT input — the box is the
		background SVG and the "tick" is the text value (✓). The ticked row is tagged .cpaneg, which
		right-aligns the text (text-align:right !important), pushing the ✓ out to the right of the
		left-positioned box (SPG13 payment-exception list). Centre both the box background and the text
		so the tick always sits inside the box. (Scoped to .checkboxdsp; interactive input[type=checkbox]
		keep their left-aligned box.) The second selector out-specifies the .cpaneg right-align rule. */
		.theme2 .checkboxdsp {
			text-align: center !important;
			background-position: center !important;
			background-color: transparent !important;
		}
		.theme2 .checkboxdsp.cpaneg:not(table.cpatable *) {
			text-align: center !important;
		}
		/* C1CP-535 (v2): input[type=text] never receives the CSS :checked pseudo-class, so the
		purple-filled-box SVG in the :checked rule above never fires for .checkboxdsp. The ticked
		row is tagged .cpaneg — apply the checked-state SVG there and hide the ✓ text character
		(the SVG provides its own white tick), matching the appearance of interactive checkboxes. */
		.theme2 .checkboxdsp.cpaneg {
			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") !important;
			color: transparent !important;
		}
		/* 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);
		}

	/* C1CP-544: the cpafileUploadHtml/cpafileTransferHtml widget (REG40, SIBAREV, GRNUPL,
	   etc.) renders OUTSIDE #FFBROWSE, so it never picked up the design-system file-upload
	   styling above. Mirror those exact rules scoped to the new .cpa-fileupload wrapper so
	   the widget matches the standard (tertiary button, pill shape, Geist, :focus-visible
	   focus ring). Scoped to .cpa-fileupload -> no overspill to other panels/buttons. */
	.theme2 .cpa-fileupload {
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}
	.theme2 .cpa-fileupload input[type=file] {
		appearance: none;
		white-space: nowrap;
		font-family: Geist;
		font-weight: 400;
		font-size: 0.75rem;
	}
		.theme2 .cpa-fileupload input[type=file]:where(:not(.ovr)) {
			background-color: transparent;
			color: var(--cds-text-secondary);
		}
	.theme2 .cpa-fileupload input[type=file]::file-selector-button,
	.theme2 .cpa-fileupload input[type=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;
	}
		.theme2 .cpa-fileupload input[type=file]:where(:not(.ovr))::file-selector-button,
		.theme2 .cpa-fileupload input[type=button]:where(:not(.ovr)) {
			background-color: var(--cds-button-tertiary);
			color: var(--cds-text-primary);
		}
		.theme2 .cpa-fileupload input[type=file]::file-selector-button:hover,
		.theme2 .cpa-fileupload input[type=button]:hover {
			background-color: var(--cds-button-tertiary-hover);
			color: var(--cds-text-inverse);
		}
		.theme2 .cpa-fileupload input[type=file]::file-selector-button:active,
		.theme2 .cpa-fileupload input[type=button]:active {
			background-color: var(--cds-button-tertiary-active);
			color: var(--cds-text-inverse);
		}
		.theme2 .cpa-fileupload input[type=file]::file-selector-button:is(:focus-visible, :focus),
		.theme2 .cpa-fileupload input[type=button]:is(:focus-visible, :focus) {
			border-color: var(--cds-focus);
			outline: none;
		}
		.theme2 .cpa-fileupload input[type=file]::file-selector-button:disabled,
		.theme2 .cpa-fileupload input[type=button]:disabled {
			background-color: var(--cds-button-disabled);
			color: var(--cds-text-disabled);
		}

	/* C1CP-544: theme1 (legacy look) fallback. The widget used to give the Upload button
	   class="hbut"; now that class is dropped, so mirror the .theme1 .hbut styling (see
	   ~line 1047) onto the widget's file-selector and Upload buttons so the old theme still
	   renders styled controls. Scoped to .cpa-fileupload -> no overspill. */
	.theme1 .cpa-fileupload {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.theme1 .cpa-fileupload input[type=file]::file-selector-button,
	.theme1 .cpa-fileupload input[type=button] {
		padding: 4px;
		margin: 1px 0px 1px 0px;
		text-decoration: underline;
		color: #2e2e2e;
		background: #ffffff;
		cursor: pointer;
	}
		.theme1 .cpa-fileupload input[type=file]::file-selector-button:focus,
		.theme1 .cpa-fileupload input[type=button]:focus {
			color: #ffffff;
			background-color: #6391e4;
		}
		.theme1 .cpa-fileupload input[type=file]::file-selector-button:hover,
		.theme1 .cpa-fileupload input[type=button]:hover {
			color: #0000ff;
			font-weight: bold;
		}

	/*.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 {
	}
		/* C1CP-553 QA follow-up: make butdiv wrappers transparent to the flex row
		   so MISC, NOTES, REQNS become direct flex items of H4; space-evenly then
		   gives identical gaps between all three buttons. */
		.theme2 #MCE02-H4,
		.theme2 #MCI02-H4 {
			justify-content: space-evenly;
		}
		.theme2 #MCE02-H4 > .butdiv,
		.theme2 #MCI02-H4 > .butdiv {
			display: contents;
		}
		.theme2 #MCE02-H4 > .bdiv,
		.theme2 #MCI02-H4 > .bdiv {
			display: none;
		}
		/* C1CP-549: close the oversized gap between JOURNAL TO CONTRACTS and
		   UPLOAD DOCUMENT on GRN08. The row (#GRN08-H8) is a .horiz which is a
		   plain block whose children float:left, so the buttons sit at the left
		   edge of their wide butdiv wrappers (52.5% / 38.75%) with the empty
		   symbol-anchor box (7.5%) between them -> a large gap. Make the row an
		   actual flex container, dissolve the butdiv wrappers (display:contents)
		   so the buttons become direct flex items, drop the empty anchor box, and
		   pack the buttons together at the left with a modest gap - matching the
		   legacy/standard layout. NOTE: justify-content/display:contents are inert
		   without display:flex here (same latent issue exists in the C1CP-553
		   #MCI02-H4/#MCE02-H4 block above). */
		.theme2 #GRN08-H8 {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}
		.theme2 #GRN08-H8 > .butdiv {
			display: contents;
		}
		/* Keep the symbol anchor (field 66, ipan=':4Q8P2KP') in the flow and in the
		   DOM so anything injected there still shows, but stop it breaking the row.
		   The renderer gives its box an INLINE style="width:7.5%" (~51px), ignoring
		   the panel's w='2'. A stylesheet `width` can't beat an inline one, and
		   flex-basis:auto just falls back to that inline width - which is why it
		   never collapsed. flex-basis:content sizes the item to its content and
		   OVERRIDES the width property, so the empty anchor collapses to 0 (buttons
		   pack tight, no arbitrary gap) and grows to fit whatever is injected later. */
		.theme2 #GRN08-H8 > .bdiv {
			flex: 0 0 content;
		}
		.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;
							/* Concrete: typeface + surface radius */
							font-family: 'Geist Sans', 'Helvetica Neue', Arial, sans-serif;
							border-radius: 0.25rem;
					}
						.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: #777A7D; /* Concrete text-helper */
								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: #1D103E; /* Concrete text-primary */
								}
						.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 {
										/* Concrete: CPA Help as a menu row */
										display: block;
										padding: 0.4rem 0.5rem;
										border-radius: 0.25rem;
									color: var(--cds-link-primary); /* Concrete link-primary #690095 (purple); was var(--cpa-link) = --plat-link blue outside a .concrete scope (C1CP-107 - Nathan) */
									text-decoration: none;
								}
									.theme2 #banner > ul > li.user div.dropcontent ul li a:hover {
											background-color: rgba(140,144,148,0.12); /* Concrete background-hover */
										color: var(--cds-link-primary-hover); /* #200d3f */
									}
/* 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;
			/* C1CP-247: non-zero row-gap so that when the button bar overflows and
			   wraps onto a 2nd row, the rows don't touch (e.g. QSA16/TIMCAL/NOT54).
			   No-op for single-row bars, so safe globally. */
			gap: 0.5rem 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;
		}
	/* C1CP-548: RESGLL "Stock G/L Codes" lookup dialog only. It renders via the
	   flexcli grid1 path (ffflexcli.c:4251), which writes the header row as a
	   bare <tr><th> with no <thead>, so the headers miss the `thead th` rules
	   above and fall back to the UA default (centred, no band) misaligned
	   against the left-aligned data; the grid also has no inter-column padding
	   so the columns butt together once the data fills the column width. Give
	   the headers the proper presentation and add a column gutter. Scoped to
	   #RESGLL so nothing else in the app is affected. */
	.theme2 #RESGLL table.cpatable th {
		font-weight: 600;
		text-align: start;
	}
		.theme2 #RESGLL table.cpatable th:not(.ovr) {
			background-color: var(--cds-layer-accent-01);
			color: var(--cds-text-secondary);
		}
		.theme2 #RESGLL table.cpatable th,
		.theme2 #RESGLL table.cpatable td {
			padding-inline-end: 0.75rem;
		}
	/* C1CP-602: PROD08 (Associated/Linked Products) is a theme2 cpatable list.
	   theme2 lost the list-wide `user-select: none` that theme1 has (it survives
	   only inside the commented-out legacy-table block), so Shift+click to range-
	   select produces a native browser TEXT selection (blue bars across every row)
	   instead of clean row selection. The Shift+click range-select command
	   (wsSend 'T<id>') is still sent, so this is purely a selection-suppression gap.
	   Restore it, mirroring theme1. Scoped to #PROD08 so there is no overspill. */
	.theme2 #PROD08 table.cpatable {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* C1CP-591: plant workbench lists (originally reported on "All Orders",
	   panel PWBC20; the same rendering applies to every PWB* workbench list -
	   e.g. PWBS20's "CompletedHires"/"Off-Hire-Requests" views - so scoped to
	   [id^="PWB"] rather than #PWBC20 alone). Same root cause as C1CP-548 above:
	   the theme2 cpatable sets no inter-column padding, so once the data fills
	   a column's width adjacent columns butt together and become illegible
	   (reported for CreatBy / ModBy / OrderStatus on PWBC20, and for
	   Description / Supplier / RaisedBy on PWBS20 - which sit with 0-1 char of
	   grid gap). Add a column gutter scoped to PWB workbench lists so no other
	   list is affected. These are dense grids, so use a smaller gutter than
	   RESGLL's 0.75rem to avoid pushing the already-wide table into horizontal
	   overflow. */
	.theme2 [id^="PWB"] table.cpatable th,
	.theme2 [id^="PWB"] table.cpatable td {
		padding-inline-end: 0.5rem;	/* NB: tune in-browser against the live All Orders grid */
	}
	/* C1CP-591 follow-up: the gutter above is necessary but not sufficient. Some
	   columns (CreatBy / ModBy, which show a full SYUS.USERNAME e.g. "Causeway
	   Support Consultant") hold a display <label> whose width is content-driven -
	   same root cause as C1CP-603's Details column below. A long value renders far
	   wider (~169px) than its fixed cell (~79px) and, being an un-capped inline
	   label, overflows and OVERLAPS the next column entirely; no gutter value can
	   absorb that. Unlike C1CP-603 we can't target one column by suffix: PWB*
	   workbench "Views" (plant_wbench.fc) relabel/hide fixed column slots, so the
	   overflowing column varies per view (and per panel). Instead cap every
	   data-cell label to its own cell width and ellipsize - columns that already
	   fit are unaffected, and flexcli's title= keeps the full value available on
	   hover. */
	.theme2 [id^="PWB"] table.cpatable tbody td label {
		display: inline-block;
		max-width: 100%;	/* = the fixed cell width; clip overflow instead of overlapping */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: bottom;
	}
	/* C1CP-603: Plant Order Inquiry (INQ02P) and Hire Desk Raise/Maintain Order
	   (PWBC11) order-line lists only. These render as a cpatable, but the "Details"
	   column (SBOL.XDESC) cell holds a display <label> (not an editable input), whose
	   width is content-driven. A long free-text order line (e.g. a "Txt" comment line)
	   stretches the Details cell far past its declared field width, pushing the
	   trailing columns (Typ/Cal/Quantity/Rate/...) off-screen and forcing a horizontal
	   scrollbar. Per PO: truncation is acceptable as long as the row fits. flexcli
	   already emits title= on these labels whenever the value overflows, so the full
	   text stays available on hover. Cap each Details label at its declared field width
	   and ellipsize; the row reverts to the designed layout.
	   Ids are PANEL-<line><col> (6 digits) for data cells and PANEL-<line><col><field>
	   (9 digits) for fielded elements, so a bare [id$="009"] would also match field 9,
	   etc. Scope into the list tbody: within it only the Details column ends in the
	   target col suffix (INQ02P tbody cols are 001/005/009/... — one 009; PWBC11's
	   EXPON field 24 lives at col 149, not 024), and header form fields are excluded
	   entirely. INQ02P XDESC w=41 at col 009; PWBC11 XDESC w=60 at col 024. */
	.theme2 #INQ02P table.cpatable tbody td label[id$="009"] {
		display: inline-block;
		max-width: 41ch;	/* XDESC declared width; tune in-browser if needed */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: bottom;
	}
	.theme2 #PWBC11 table.cpatable tbody td label[id$="024"] {
		display: inline-block;
		max-width: 60ch;	/* XDESC declared width; tune in-browser if needed */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: bottom;
	}
	/* C1CP-603: companion to the Details cap above. Capping Details stops these
	   lists overflowing, so every percentage-width column shrinks back to fit the
	   viewport. The first column (Typ/LTYP, 3-char codes) then collapses toward its
	   flexcli min-width while still carrying the 1rem left gutter from the
	   `.theme2 table.cpatable :first-of-type` padding rule, so its content is
	   shifted right and the last char clips ("Res" -> "Re"). This is why the clip
	   appeared with the first truncation commit, not the selector-tightening one.
	   Relieve the gutter on the first column of just these two panels; the id
	   selector outranks the base 1rem rule, so no !important is needed. */
	.theme2 #INQ02P table.cpatable th:first-of-type,
	.theme2 #INQ02P table.cpatable tbody td:first-of-type,
	.theme2 #PWBC11 table.cpatable th:first-of-type,
	.theme2 #PWBC11 table.cpatable tbody td:first-of-type {
		padding-inline-start: 0.25rem;
	}
	.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;
		}
		/* C1CP-523: keep numeric inputs right-aligned while being edited.
		   The td-level rule above only aligns the displayed value; the focused
		   <input> is excluded from the global .cpanum right-align by the
		   :not(table.cpatable *) defeater above, so without this it falls back
		   to the UA default (start/left) during editing. Exclude box-type
		   inputs (no visual effect, avoids the numeric-checkbox edge case). */
		.theme2 table.cpatable td input.cpanum:not([type=checkbox]):not([type=radio]),
		.theme2 table.cpatable td input.cpaneg:not([type=checkbox]):not([type=radio]) {
			text-align: right !important;
		}
		.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 for activated table cell hover markers */
		.theme2.cpaopt-useCellmkrs 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.cpaopt-useCellmkrs 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;
	}
	/* C1CP-612: pin column widths on the plant workbench list tables (Hire Desk /
	 * Site Workbench) so they don't resize/flicker as different-length content
	 * (e.g. Description) scrolls into view. Without a fixed layout the table
	 * defaults to table-layout:auto and sizes columns to the widest VISIBLE cell;
	 * width:100% gives the table a resolved width so the declared th
	 * width%/min-width are honoured. Cells already use
	 * white-space:nowrap;overflow:hidden so overflow clips cleanly.
	 * Scoped to workbench panels only (dynamic PWB* panels, static 'list' class)
	 * per C1CP-612 - other list panels are left as-is and can be fixed if
	 * reported. Using 'list' rather than the runtime cpalist* mode classes means
	 * all workbench list modes (entry/display) are covered.
	 *
	 * C1CP-612 follow-up (reopened): table-layout:fixed makes the browser obey
	 * the server's column widths verbatim. Those widths are derived from the
	 * field character count (HTMLFWT=7px/char in ffflexcli.c htmlpx()), which
	 * underestimates the real proportional-font header text and does not include
	 * the sort-arrow glyph (appended client-side in displaytag()). On narrower /
	 * zoomed screens (e.g. a laptop at 125% => ~1450 CSS px) the columns get
	 * crammed into the viewport and the header text spills into the next column
	 * (reported via C1CP-595: the "Sel" filter arrow overlapping the next
	 * column). Under the old table-layout:auto the browser hid this by widening
	 * columns to fit the rendered header and letting the grid scroll
	 * horizontally. Restore that behaviour WITHOUT bringing back the scroll
	 * flicker: keep fixed + width:100% (both content-independent, so columns do
	 * not reflow as rows scroll), but give the table a min-width floor so it
	 * stops shrinking below the width its headers need. Below that floor the
	 * table simply overflows its container and is scrolled by the panel's own
	 * scroll container (the jQuery-UI dialog wrapper) - exactly as the
	 * pre-C1CP-612 auto-layout build did, so the scrollbar behaviour matches.
	 * (Deliberately NOT adding overflow to the .tbldiv itself: it is an
	 * inline-flex row holding the table plus CPA's custom vertical scrollbar
	 * widget - see the commented-out overflow block on .theme2 .tbldiv above -
	 * and a native overflow there produces a spurious second vertical scrollbar
	 * and mis-places the horizontal one.) The floor is a single value covering
	 * the dense ~20-column workbench tabs; sparser tabs simply scroll a little
	 * sooner. min-width is honoured here (unlike the per-th min-width, which
	 * fixed layout ignores in favour of width%). */
	.theme2 table.list[id^="PWB"] {
		table-layout: fixed;
		width: 100%;
		min-width: 1800px;
	}
	/* The "Sel" tick column is a 1-character checkbox field, so its
	 * char-count-derived width (~1.6%) can never fit its "Sel" + sort-arrow
	 * header even at the min-width floor. Widen it explicitly. The column sits at
	 * line 1 / col 8 on these workbench panels (same position the C1CP-595 rule
	 * targets for the tick label); a % (not px) is used because fixed layout does
	 * not honour a px width on one column among % siblings. !important overrides
	 * the server's inline width:1.57%.
	 * C1CP-612 follow-up: scoped to PWBS20/PWBC10 specifically (matching the C1CP-595 rule
	 * below, the only panels verified to have "Sel" at this position) rather than
	 * every [id^="PWB"] table - on PWBC20 the field at line 1/col 8 is "OrderNr",
	 * not "Sel", so the broad selector was force-shrinking it to 2.6%, truncating
	 * it and pushing its sort arrow into the next column ("Rev"). */
	.theme2 table.list[id^="PWBS20"] thead th[id$="-001008"],
	.theme2 table.list[id^="PWBC10"] thead th[id$="-001008"] {
		width: 2.6% !important;
	}
	/* The "Contr" column (line 1/col 1, contract code e.g. "Z99998") is another
	 * column the server's HTMLFWT=7px/char formula under-sizes: it allocates ~3.09%
	 * (~56px at the 1800px floor), but with the cell's 16px+8px padding that leaves
	 * only ~32px for the 6-char code, so it truncates to "Z99...". Under the
	 * pre-C1CP-612 auto layout the column grew to fit (~79px); fixed layout pins it
	 * to the too-small server width. Widen it explicitly (% not px - fixed layout
	 * ignores px among % siblings). Contr sits at line 1/col 1 on every workbench
	 * list tab (PWBC10/PWBC20/PWBS20 all confirmed), so scope to all PWB list
	 * tables. 4.6% of the 1800px floor = ~83px, enough for the code + padding. */
	.theme2 table.list[id^="PWB"] thead th[id$="-001001"] {
		width: 4.6% !important;
	}
	/* C1CP-595: NON-CPA-CONTROL labels used as list "Sel" tick checkboxes (PWBS20,
	 * PWBC10, PRDSEL, etc.) are plain <label> elements, which default to
	 * display:inline - width/height don't apply to non-replaced inline elements,
	 * so the clickable area collapses to the width of the glyph content (a few px)
	 * while the containing <td> renders much wider, making the column look fully
	 * clickable when only a narrow sliver actually is. Make the label fill and
	 * center within its cell so the whole column responds to a click.
	 * Each click round-trip has the server REPLACE the whole <label> node (not
	 * just its text); the NON-CPA-CONTROL class is only re-added by JS ~200ms
	 * later, so styling scoped to that class alone flashes unstyled->styled on
	 * every click. The id (baked into the server's HTML immediately, no JS
	 * delay) does not have this gap, so also match on the known id patterns for
	 * the panels fixed here to keep the layout stable throughout the update. */
	.theme2 table.cpatable td > label.NON-CPA-CONTROL,
	.theme2 table.cpatable td > label[id^="PWBS20_"][id$="008"],
	.theme2 table.cpatable td > label[id^="PWBC10-"][id$="008"] {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	/* C1CP-611: without user-select:none, holding Shift and clicking a row lets the
	 * browser perform its own native text-selection-extend gesture across the
	 * intervening rows (a native blue highlight), which can visually obscure
	 * whether the "Sel" tick actually rendered. Theme1's equivalent .cpatable tr
	 * rule already has user-select:none; theme2 never got it. Scoped to workbench
	 * list tables only (dynamic PWB* panels, static 'list' class) - rendering fix
	 * only, does not change any selection behaviour. */
	.theme2 table.list[id^="PWB"] tr {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.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: #99009b;												/* C1 Design: f000f0 => 99009b */
		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: #c63339;												/* C1 Design: ff0000 => c63339 */
		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--cpa-readonly);
	}
	.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--cpa-readonly);
	}
	.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 */
	/* C1CP-611: pwb_pwbs20High()/pwb_pwbc10Click() etc set HIGHIF=65 (this colour)
	 * on a ticked row's <tr> to highlight it, tied to the actual SEL data state -
	 * not focus. The rule above only reaches the <tr> itself; every <td> inside
	 * paints its own opaque background (table.cpatable tbody td:not(.ovr)) on top,
	 * hiding the highlight entirely unless the row also happens to be focused.
	 * Propagate the highlight down to the <td>s so every ticked row shows it,
	 * matching the whole-row highlight from the 10.5 UI. Rendering only - does
	 * not change which rows get selected. Uses the exact same background/text
	 * pair CPA already uses to show "this row is currently selected" elsewhere
	 * (e.g. PROD01) - confirmed live via getComputedStyle - rather than a new
	 * colour, so a ticked row looks like the established selected-row look.
	 * Scoped to the workbench tables ([id^="PWB"]) because HIGHIF=65 is a
	 * *selection* highlight there, whereas the same colour is used as a
	 * non-selection status/warning highlight elsewhere (e.g. finman_inquiry.fc
	 * FIQ01 - batch imbalance / missing source doc / marked for attention), which
	 * must keep its sky-blue look and not read as "selected". */
	.theme2 table.cpatable[id^="PWB"] tbody tr.ovr.cpafc65 td {
		background-color: var(--cds-layer-selected-01);
		color: var(--cds-text-primary);
	}
	.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 */
	/* C1CP-611: see matching .ovr.cpafc65 td rule above. Same background/text
	 * pair - the pre-existing focus outline (tr:is(:focus-visible,:focus)) is
	 * what already distinguishes the currently-focused row from other ticked
	 * rows, so no separate darker fill is needed here. Scoped to [id^="PWB"] for
	 * the same reason as the rule above (65 is selection-only in the workbench). */
	.theme2 table.cpatable[id^="PWB"] tbody tr.ovr.selected.cpafc65 td {
		background-color: var(--cds-layer-selected-01);
		color: var(--cds-text-primary);
	}
	.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;
			/* C1CP-111: reserve the sticky header's height (8px gap-border + ~30px header row) so that when
			   keyboard nav scrolls the selected row into view it lands just below the header instead of
			   under it (which caused CPA to over-scroll: the cursor jumped to the middle and the box blanked) */
			scroll-padding-top: 38px;
		}
			/* 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;
				/* C1CP-111: no top padding so the sticky header sits flush and doesn't jump up on first scroll (cpatable padding:0.5rem otherwise leaves 8px of scrollable space above it) */
				padding-top: 0;
				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;
					/* C1CP-111: keep the row clear of the sticky header when scrolled into view (see scroll-padding-top on #MAS01-tbldiv) */
					scroll-margin-top: 38px;
				}
					.theme2 .jm #MAS01-tbl th {
						padding: 0.3rem 0.5rem 0.3rem 0.1rem;
						width: auto !important;
						/* C1CP-111: sticky header that stays visible while the list scrolls.
						   The 8px card-coloured top border is part of the (sticky, opaque) header, so it
						   gives a fixed gap above the header text, never moves, and scrolled rows can't
						   bleed through it. Kept on the header (not container padding/margin) so the card
						   top still aligns with the map panel. */
						position: sticky;
						top: 0;
						z-index: 2;
						border-top: 8px solid var(--cds-layer-01);
					}
					.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: 1rem;   /* C1CP-111: was 24px; 2-line rows were too tall (~10 visible); 1rem matches the default label line-height and packs ~13 rows like v10.6 */
							}
							.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;
							}
							/* C1CP-111: removed inline-flex row override so task id/description always stack (column) per design */
					}
					@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: 1rem;
				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;
				}
				/* C1CP-111: drop the 24px (1.5rem) cpatable cell-height standard for the order-info pane so rows shrink to content */
				.theme2 .jm #MAS01-disp th,
				.theme2 .jm #MAS01-disp td {
					height: auto;
				}
				.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";
		}

		/* C1CP-593: PWBS12 (Requisition Basket Details) hides rows via hide-sets
		   (FFHIDE[1] charge calendar / [2] Job / [3-4] refs). When a hidden row's
		   underlying field still holds data it renders display:none (cpafc22) but
		   leaves its trailing <br> visible, injecting a phantom line into the field
		   column that the label column does not have, so the fields below drift down
		   and the buttons get pushed off. The label column already suppresses these
		   <br>s; collapse the field-column <br> to match. When the row is shown
		   (PWOP.REQCC=Yes) the field is not cpafc22, so the <br> stays and it renders
		   normally. Scoped to #PWBS12 so there is no overspill to other panels. */
		.theme2 #PWBS12 .cpafc22 + br {
			display: none;
		}
/*----------------------------------------*/
/*---------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);
		/* Extra (non-CDS) property for display-only fields */
		--cds-field--cpa-readonly: #f4f0fc;

		/* 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);
		--cds-border-field: #5a427e;
		/* Extra (non-CDS) property for display-only fields */
		--cds-border-field--cpa-readonly: #ffffff;

		/* 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);
		/* Extra (non-CDS) property for display-only fields */
		--cds-text-field--cpa-readonly: #5a427e;

		/* 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 input.ovr.cpabc03:is(:not([type]), [type=text], [type=password]):not(.cpabc01.cpafc01),
		.theme2 textarea.ovr.cpabc01:not(.cpabc01.cpafc01),
		.theme2 textarea.ovr.cpabc03:not(.cpabc01.cpafc01),
		.theme2 select.ovr.ddown.cpabc03:not(.cpabc01.cpafc01) {
			background-color: var(--cds-field--cpa-readonly);
			color: var(--cds-text-field--cpa-readonly);
			border-color: var(--cds-border-field--cpa-readonly);
		}
	.theme2 label.ovr:not(.lablkup, .cpafc01),
	.theme2 fieldset h4.ovr:not(.cpafc01) {
		background-color: transparent;
	}
	.theme2 button.ovr:not(.prdiv *, .cpabc01.cpafc01, .cpabc00.cpafc00, .cpabc08.cpafc00) {
		background-color: transparent;
	}
	.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;
	}
		.theme2 button.ovr:not(.prdiv *, .cpabc01.cpafc01, .cpabc00.cpafc00, .cpabc08.cpafc00):hover {
			background-color: var(--cds-background-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 {
			background-color: var(--cds-background-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);
}