/*----------------------------------------*/
/*---------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: #690095; /* Concrete: CPA Help as menu row, text-secondary */
									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(--core-blue);
									}
	/* 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 background palettes - e.g. cpabc04 for the discount % indicator on INQ03/INQ03P
		   and SMGR02 - so reclaiming the read-only look via cpabc01/03 alone (C1CP-459) missed them:
		   they kept the editable border AND a mismatched (lighter) fill. Apply the full read-only
		   treatment keyed off the readonly attribute, which flexcli emits only for display fields
		   (never editable inputs), so every read-only field looks identical regardless of colour index. */
		.theme2 input[readonly]: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);
		}
		.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;
			}
		}
		.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: on MCE02/MCI02, collapse the empty field spacer between the
		   button groups and spread buttons within each group evenly, so Misc/Notes
		   and Reqns are more evenly distributed across the row. */
		.theme2 #MCE02-H4 > .bdiv,
		.theme2 #MCI02-H4 > .bdiv {
			flex: 0 0 0;
			overflow: hidden;
		}
		.theme2 #MCE02-H4 > .butdiv,
		.theme2 #MCI02-H4 > .butdiv {
			display: flex;
			justify-content: space-evenly;
		}
		.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(--cpa-link);
									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(--cpa-link-hover);
									}
/* 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;
		}
	.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;
	}
	.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 */
	.theme2 .cpafc66, .theme2 .ovr.cpafc66 { background-color: #ff8903; }	/* Ochre background */
	.theme2 .cpafc67, .theme2 .ovr.cpafc67 { background-color: #ff8a8a; }	/* Light red background */
	.theme2 .cpafc68, .theme2 .ovr.cpafc68 { background-color: #96bdff; }	/* Blue focus background (was 71a3f8) */
	.theme2 .selected.cpafc60, .theme2 .ovr.selected.cpafc60 { background-color: #888bc2; }	/* Light blue/mauve selected - darker */
	.theme2 .selected.cpafc61, .theme2 .ovr.selected.cpafc61 { background-color: #00b893; }	/* Green/turquoise selected - darker */
	.theme2 .selected.cpafc62, .theme2 .ovr.selected.cpafc62 { background-color: #866696; } /* Mauve selected - darker */
	.theme2 .selected.cpafc63, .theme2 .ovr.selected.cpafc63 { background-color: #d4d496; } /* Beige */
	.theme2 .selected.cpafc64, .theme2 .ovr.selected.cpafc64 { background-color: #02b067; }	/* Green selected - darker */
	.theme2 .selected.cpafc65, .theme2 .ovr.selected.cpafc65 { background-color: #00b9bf; }	/* Sky blue selected - darker */
	.theme2 .selected.cpafc66, .theme2 .ovr.selected.cpafc66 { background-color: #b36205; }	/* Ochre selected - darker */
	.theme2 .selected.cpafc67, .theme2 .ovr.selected.cpafc67 { background-color: #a65858; }	/* Light red slected - darker */
	.theme2 .selected.cpafc68, .theme2 .ovr.selected.cpafc68 { background-color: #2e2eff; }	/* Blue selected background */
	/*-----------------------------------------------------------*/
	.theme2 .cpascrhdr {
		width: 10px;
		padding: 0px;
		margin: 0px;
	}
	.theme2 .cpascroll {
		width: var(--cpa-scrollbar-size);
		padding: 0px;
		margin: 39px 0px 0px 0px;
/*		background-color: var(--cpa-scrollbar) !important;
		border: none !important;*/
		flex: 1;
	} 
		.theme2 .cpascroll:not(.cpascrbg > .cpascroll) {
			background-color: var(--cpa-scrollbar);
			border: none;
		}
	.theme2 .cpascrtd {
		padding: 0px;
		margin: 0px;
		border: none;
		white-space: nowrap;
		max-width: none;
	}
	/* C1 - scroll bars */
	.theme2 .cpascrbg {
		padding: 0px;
		margin: 0px;
		background-color: var(--cds-layer-01);
		border: none;
/*		width:10px;
		flex: 0;*/
		flex: 0 0 1rem;
		border-radius: 0.5rem;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
		.theme2 .tbldiv .cpascrbg:first-of-type {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		.theme2 .cpascrbg > .cpascrbut {
			width: 0.85rem;
			height: 0.85rem;
			flex: 0 0 auto;
			border-width: 0;
			background-color: transparent;
			clip-path: circle(50% at center);
		}
		.theme2 .cpascrbg > .cpascrbut .chevron-char {
			display: none;
		}
		.theme2 .cpascrbg > .cpascrbut svg {
			width: inherit;
			height: inherit;
		}
		.theme2 .cpascrbg > .cpascrbut svg .chevron-path {
 			fill: none;
			stroke: var(--cds-icon-primary);
			stroke-width: 0.1;							/* normalized wrt the (closed) unit interval */
		}
		.theme2 .cpascrbg > .cpascroll {
			width: 0.5rem;
			flex: 1 1 auto;
			background-color: transparent;
			border: none;
		}
		.theme2 .cpascrbg > .cpascroll.ui-slider .ui-slider-handle {
			width: 0.5rem;
			left: 0;
			background-color: #c9d4df;
		}
	.theme2 .cpascrbut {
		padding: 0px;
		margin: 0px;
		height: 18px;
		width: 10px;
		background-color: #939393;
		border: 1px outset #4e4e4e;
		border-radius: 0px;
		color: #ffffff;
		background-image: none;
	}

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


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

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

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

	/* Job Management: Left */
	.theme2 .jm #MAS01-V2 {
		height:100%; 
		width: 400px;
		display:flex; 
		flex-direction: column;
		float:none;
		overflow: hidden;
	}
		.theme2 .jm #MAS01-V2 > div {
			display: flex;
			flex-direction: column;
			overflow: hidden;
		}
		.theme2 .jm #MAS01-V2 > div:first-child{
			flex: 1;
		}
		
		.theme2 .jm #MAS01-tbldiv {
			flex: 1;
			overflow-x: auto;
			overflow-y: hidden;
			height: 100%;
			container-name: tbldiv;
			container-type: size;
			/* 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";
		}
/*----------------------------------------*/
/*---------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);
}