/* Minification failed. Returning unminified contents.
(43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(111,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(145,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(153,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(161,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(179,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(187,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(188,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(192,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(193,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(203,25): run-time error CSS1039: Token not allowed after unary operator: '-navy95'
(204,14): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(208,25): run-time error CSS1039: Token not allowed after unary operator: '-navy95'
(209,14): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(225,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(241,29): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(261,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(272,32): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(273,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(279,28): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(280,14): run-time error CSS1039: Token not allowed after unary operator: '-navy-50'
(289,30): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(297,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(351,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(376,25): run-time error CSS1039: Token not allowed after unary operator: '-stone30'
(386,25): run-time error CSS1039: Token not allowed after unary operator: '-stone30'
(394,25): run-time error CSS1039: Token not allowed after unary operator: '-stone10'
(396,32): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(397,31): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(398,14): run-time error CSS1039: Token not allowed after unary operator: '-navy95'
(401,25): run-time error CSS1039: Token not allowed after unary operator: '-navy50'
(425,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(444,32): run-time error CSS1039: Token not allowed after unary operator: '-stone10'
(450,21): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(459,32): run-time error CSS1039: Token not allowed after unary operator: '-navy50'
(498,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(511,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(514,29): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(518,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(582,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(584,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(588,25): run-time error CSS1039: Token not allowed after unary operator: '-stone40'
(596,14): run-time error CSS1039: Token not allowed after unary operator: '-stone-15'
(725,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(731,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(736,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(740,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(745,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(758,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze-80'
(782,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(790,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(797,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(802,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(819,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(831,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(839,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(868,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(869,14): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(875,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(876,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(877,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(884,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(888,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(889,25): run-time error CSS1039: Token not allowed after unary operator: '-stone40'
(921,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus'
(922,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(923,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus-50'
(929,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(1059,25): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(1062,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(1069,25): run-time error CSS1039: Token not allowed after unary operator: '-navy20'
(1070,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1071,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1075,25): run-time error CSS1039: Token not allowed after unary operator: '-navy50'
(1160,25): run-time error CSS1039: Token not allowed after unary operator: '-stone40'
(1161,29): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(1162,32): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(1231,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(1240,14): run-time error CSS1039: Token not allowed after unary operator: '-stone-15'
(1241,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(1244,32): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(1262,14): run-time error CSS1039: Token not allowed after unary operator: '-stone-15'
(1282,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1287,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1291,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1316,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus30'
(1321,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus30stone20'
(1403,25): run-time error CSS1039: Token not allowed after unary operator: '-navy70'
(1410,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1415,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1420,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1421,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(1440,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1472,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(1473,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1484,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(1660,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1671,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(1675,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus20'
(1676,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus80'
(1703,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(1707,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus20'
(1708,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus80'
(1726,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1755,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(1759,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus20'
(1760,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus80'
(1877,25): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(1880,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(1887,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(1888,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1889,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1902,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1904,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1915,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1942,14): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(2036,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(2056,25): run-time error CSS1039: Token not allowed after unary operator: '-navy50'
(2077,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(2086,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(2095,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(2164,32): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(2171,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(2176,14): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(2194,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(2200,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
 */
/* Fonts */
/* devanagari */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_devanagari.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* vietnamese */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_vietnamese.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Colours */
:root {
	--navy: #1f3345;
	--navy20: #eceded;
	--navy50: #cccdcf;
	--navy70: #979a9e;
	--navy80: #7f8388;
	--navy95: #47515c;
	--navy-50: #142330;
	--eucalyptus: #91bba3;
	--eucalyptus20: #eef3f0;
	--eucalyptus30: #e5ede8;
	--eucalyptus50: #d2e0d8;
	--eucalyptus80: #afcbba;
	--eucalyptus-50: #698977;
	--eucalyptus-80: #83a993;
	--eucalyptus30stone20: #dce4dc;
	--blush: #cf7373;
	--blush20: #f6ebeb;
	--blush50: #e9c9c9;
	--blush80: #da9d9d;
	--stone: #c2b59c;
	--stone10: #faf9f7;
	--stone20: #f4f3ef;
	--stone30: #efece7;
	--stone40: #e9e5de;
	--stone50: #e3ded5;
	--stone80: #d0c7b6;
	--stone-50: #8e8471;
	--stone-20: #5c5649;
	--stone-15: #504a3f;
	--breeze: #206db3;
	--breeze-50: #144e83;
	--breeze-80: #1c62a2;
}



/* Layout 
-------------------------- */
html {
	height: 100%; /* For sticky footer */
	font-size: 16px;
}

body {
	font-family: 'Baloo 2', Helvetica, Arial, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	color: black;
	background-color: var(--navy);
	height: 100%; /* For sticky footer */
}

@media print {
	.noPrint {
		display: none;
	}

	body {
		background-color: white;
	}
}

/* Header & footer layout */
nav {
	background-color: var(--navy);
	width: 100%;
	padding-top: 10px;
}

.pml-header-logo {
	float: left;
}

.pml-header-logo img {
	float: left;
}


.pml-header-apps {
	min-width: 200px;
}

.pml-header-apps .left-apps {
	padding: 7px 10px 0 10px;
	clear: right;
	font-weight: 500;
}

.pml-header-apps .right-apps {
	margin-right: 10px;
	float: right;
}


.left-apps a,
.left-apps a:hover,
.left-apps a:link,
.left-apps a:visited {
	color: var(--stone);
	text-decoration: none;
}

.right-apps a,
.right-apps a:hover,
.right-apps a:link,
.right-apps a:visited {
	color: var(--stone50);
	text-decoration: none;
}

.left-apps a.pml-header-app-tab-roundcurrent,
.left-apps a.pml-header-app-tab-roundcurrent:hover,
.left-apps a.pml-header-app-tab-roundcurrent:link,
.left-apps a.pml-header-app-tab-roundcurrent:visited {
	color: var(--navy);
	text-decoration: none;
}


.pml-header-app-tab {
	display: inline-block;
}

.pml-header-app-tab-title {
	display: inline-block;
	padding: 1px 10px;
}


.pml-header-app-tab-round {
	display: inline-block;
	padding: 12px 10px 10px 10px;
	border: 1px solid var(--stone);
	border-radius: 10px 10px 0 0;
	border-bottom: none;
	margin: 0 2px;
	font-size: 1.1rem;
}

.pml-header-app-tab-roundcurrent {
	background-color: var(--stone);
	color: var(--navy);
}

.pml-header-app-tab-itemcurrent {
	background-color: var(--stone80);
	color: var(--navy);
}

div.pml-header-app-tab-roundcurrent,
div.pml-header-app-tab-itemcurrent {
	cursor: default;
}


.pml-header-apps a:hover {
	background-color: var(--navy95);
	color: var(--stone20);
}

.pml-header-apps a.pml-header-app-tab-roundcurrent:hover {
	background-color: var(--navy95);
	color: var(--stone20);
}




.pml-header-relative-anchor {
	position: absolute; /* Absolute but no top/left specified works the same as position: relative, but also doesn't clip */
	width: 0;
	height: 0;
}



.pml-header-app-group-list {
	position: absolute;
	background-color: var(--navy);
	display: none;
	white-space: nowrap;
	max-height: 80vh; /* Viewport height */
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1; /* Keep on top of footer */
}




.pml-header-app-group-list a,
.pml-header-app-group-list div {
	display: block;
	padding: 10px 20px 10px 10px; /* Extra right padding for if scrollbar appears */
	border-top: 1px solid var(--navy80);
}

.left-apps .pml-header-app-group-list {
	left: 3px;
	top: 42px;
}

.right-apps .pml-header-app-group-list {
	right: 0;
	top: 5px;
}







.pml-header-buttons {
	background-color: var(--stone);
	clear: both;
	padding: 5px 7px 7px 7px;
	font-size: 1.1rem;
	font-weight: 500;
}


div.pml-header-buttons a {
	display: inline-block;
	margin: 6px 12px 4px 12px;
	border-bottom: 2px solid var(--stone); /* Placeholder border for hover */
	color: var(--navy);
	position: relative; /* So we can do absolute positioning on separator bars */
}

div.pml-header-buttons a:hover {
	text-decoration: none;
	border-bottom-color: var(--stone20);
	color: var(--navy-50);
}

.pml-header-buttons a:not(.pml-announcement_button) + a::before {
	content: "";
	display: inline-block;
	height: 18px;
	left: -12px;
	top: 2px;
	border-left: 1px solid var(--navy80);
	position: absolute;
}


div.pml-header-buttons a.pml-announcement_button {
	float: right;
	color: white;
	background-color: var(--blush);
	padding: 5px 10px;
	border-radius: 6px;
	margin-top: 2px;
}

div.pml-header-buttons a.pml-announcement_button:hover {
	text-decoration: underline;
	border-bottom: none;
}

div.pml-header-buttons .pml-search {
	float: right;
	margin-top: 2px;
}

div.pml-header-buttons .pml-search-button {
	float: left;
	background-image: url("layout/search.png");
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	margin-top: 3px;
}

div.pml-header-buttons .pml-search-button:hover {
	background-position: -23px 0;
}

div.pml-header-buttons .pml-search-form {
	display: none;
}

div.pml-header-buttons input[type="submit"].pml-search-form {
	min-width: 0;
	position: relative;
}

.pml-header-buttons-badge-anchor {
	position: relative;
	width: 0;
	height: 0;
	display: inline-block;
}

.pml-header-buttons-badge {
	position: absolute;
	top: -35px;
	right: -8px;
	font-size: 0.9rem;
	color: white;
	background-color: var(--blush);
	border-radius: 6px;
	padding: 1px 4px;
}



.pml-header-title {
	float: left;
	color: white;
	font-size: 2.6rem;
	font-variant: small-caps;
	padding: 10px 0px 0px 20px;
}

.pml-header-clock {
	float: right;
	font-size: 3.5em;
	color: white;
	padding-right: 16px;
}


.pml-main-body {
	min-height: 100%; /* For sticky footer */
	background-color: var(--stone30);
	margin: 0 30px;
}

.pml-main-container {
	padding: 0 0 70px 0;
}

.pml-main-content {
	padding: 16px 16px 40px 16px;
	background-color: var(--stone30);
}



/* Breadcrumbs */

.pml-breadcrumb {
	background-color: var(--stone10);
	display: inline-block;
	border-bottom: 1px solid var(--stone50);
	border-right: 1px solid var(--stone50);
	color: var(--navy95);
	padding: 4px 8px 4px 8px;
	border-radius: 8px;
	border: 1px solid var(--navy50);
	margin-bottom: 16px;
}

.pml-breadcrumb a {
	display: inline-block;
	font-size: 1.2em;
}

.pml-breadcrumb a::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background-image: url("layout/breadcrumb.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}


.pml-breadcrumb a:active, .pml-breadcrumb a:link, .pml-breadcrumb a:hover, .pml-breadcrumb a:visited {
	color: var(--breeze);
}


.pml-breadcrumb div {
	display: inline-block;
	font-size: 1.2em;
	cursor: default;
}



.pml-breadcrumb .pml-breadcrumb-home {
	background-image: url("layout/home.png");
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	border-bottom: 1px solid var(--stone10);
	position: relative;
	top: 2px;
}

.pml-breadcrumb .pml-breadcrumb-home:hover {
	border-color: var(--breeze);
}




/* Page header */
.pageHeader {
	margin: 0 0 20px 0;
	border-bottom: 2px solid var(--navy50);
	padding-bottom: 8px;
}


.pageHeader .pageHeaderIcon {
	float: left;
	margin-right: 6px;
}

.pageHeader .pageHeaderName {
	font-weight: 600;
	float: left;
	color: #666;
	font-size: 2em;
}

.pageHeader .pageHeaderLabel {
	float: left;
	margin-left: 10px;
}

.pageHeader .pageHeaderDescription {
	font-weight: 600;
	font-size: 2em;
}

.pageHeader .pageHeaderDetail {
	font-weight: 600;
	font-size: 1.3em;
}





/* Footer */

footer {
	background-color: var(--navy);
	text-transform: uppercase;
	text-align: center;
	font-size: 0.85rem;
	/* For sticky footer */
	height: 70px;
	position: relative;
	margin-top: -70px;
	clear: both;
}

footer > div {
	display: inline-block;
	color: var(--stone50);
	padding-top: 4px;
	margin-top: 24px;
	border-top: 1px solid var(--stone20);
}

footer > div a, footer > div a:link, footer > div a:visited {
	color: var(--stone50);
}



/* Page content layout */


.pageSection {
}


.sectionDescription {
	max-width: 600px;
}





.pageGrid {
	display: grid;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.pageGrid--fit {
	width: fit-content;
}

.pageGrid--fit2 {
	width: fit-content;
	grid-template-columns: repeat(2, auto);
}



.pageGrid--3 {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 800px) {
	.pageGrid--3 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.pageGrid--4 {
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1200px) {
	.pageGrid--4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 800px) {
	.pageGrid--4 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.pageTile {
	background-color: var(--stone20);
	border-radius: 10px;
	border: 1px solid var(--stone80);
}

.tileHeader {
	background-color: var(--stone40);
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
	height: 35px;
}

.tileHeader .tileTitle {
	color: var(--stone-15);
	font-size: 1.2rem;
	font-weight: 600;
	padding-left: 8px;
	padding-right: 8px;
}

.tileHeader .linkButtonBar {
	margin-left: auto;
	padding-right: 8px;
}

.tileContent {
	padding: 20px;
}



/* Data list */
dl {
	margin: 0;
}

dd {
	margin-inline-start: 0;
	display: flex;
	gap: 0.3rem;
	align-items: center;
}

dd .dataHint {
	color: #666;
	font-size: 0.85rem;
	margin-left: 16px;
}

dd.dd--vertical {
	flex-direction: column;
	align-items: flex-start;
}


/* Vertical */
.dataListV {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.3rem;
}

.dataListV dt {
	text-align: right;
	padding: 4px 4px 4px 0;
}

.dataListV dd {
	background-color: white;
	padding: 4px 6px;
}


.dataListV--100 {
	grid-template-columns: 100px 1fr;
}

.dataListV--200 {
	grid-template-columns: 200px 1fr;
}

/* Horizontal */
.dataListH {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(100px, auto);
	gap: 0.3rem 3rem;
}

.dataListH dt {
	grid-row: 1;
}

.dataListH dd {
	grid-row: 2;
	background-color: white;
	padding: 4px 6px;
}


/* Editors (vertical) */
.dataListEditors {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.3rem;
}

.dataListEditors dt {
	text-align: right;
	padding: 4px 4px 4px 0;
}


.dataListEditors--100 {
	grid-template-columns: 100px 1fr;
}

.dataListEditors--200 {
	grid-template-columns: 200px 1fr;
}



.confirmPromptHeader {
	font-weight: 600;
	font-size: 1.2rem;
	margin-top: 32px;
	margin-bottom: 4px;
}




/* General 
-------------------------- */
pre {
	margin: 0;
	font-family: Consolas, "Courier New", monospace;
	font-size: inherit;
}

a {
	color: var(--breeze);
	text-decoration: none;
	cursor: pointer;
}

a:link {
	color: var(--breeze);
	text-decoration: none;
}

a:visited {
	color: var(--breeze);
}

a:hover {
	color: var(--breeze);
	text-decoration: underline;
}

a:active {
	color: var(--breeze);
}

a.strikeLink {
	text-decoration: line-through;
}

a.strikeLink:hover {
	text-decoration: line-through underline;
}


.headerLink a {
	color: var(--breeze-80);
}


img {
	display: block;
	border: 0;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li {
	padding: 2px 0px 2px 0px;
}


/* Headers */
h1 {
	font-size: 1.7rem;
	margin: 16px 0 4px 0;
	color: var(--navy);
}

h2 {
	font-size: 1.5rem;
	padding: 0;
	margin: 16px 0 4px 0;
	font-variant: small-caps;
	color: var(--navy);
}

h3 {
	font-size: 1.2rem;
	margin: 16px 0 4px 0;
	margin-left: 8px;
	color: var(--navy);
}

h4 {
	margin: 0;
	color: var(--navy);
}


/* Disable Edge / IE built-in reveal button */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}


/* Forms */
input[type="text"],
input[type="password"],
input[type="number"] {
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid var(--stone50);
	margin: 0px;
	padding: 2px;
	color: #444;
	width: 200px;
}



textarea {
	font-family: Consolas, "Courier New", monospace;
	font-size: inherit;
	border: 1px solid var(--stone50);
	padding: 2px;
}


select {
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid var(--stone50);
	padding: 2px;
	color: #444;
}


input[type="checkbox"],
input[type="radio"] {
	margin: -2px 0px 0px 0px;
	vertical-align: middle;
}

input[type="checkbox"].bigCheckbox {
	width: 18px;
	height: 18px;
}

button,
button[type="submit"],
input[type="submit"],
input[type="button"] {
	font-family: 'Baloo 2', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	padding: 2px 10px;
	margin: 2px;
	min-width: 50px;
	border: none;
	border-radius: 6px;
	background-color: var(--navy);
	color: var(--stone20);
	cursor: pointer;
}


button {
	color: var(--navy);
	background-color: var(--stone50);
	border: 1px solid var(--stone80);
	padding: 0 10px;
}



button:hover {
	background-color: var(--stone80);
}

button:disabled {
	color: var(--stone);
	background-color: var(--stone40);
	cursor: default;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover {
	/*background-color: var(--navy95)*/
	color: white;
}

input[type="submit"]:active,
input[type="button"]:active,
button[type="submit"]:active {
}

input[type="submit"].bigButton,
input[type="button"].bigButton,
button[type="submit"].bigButton {
	font-size: 1.2rem;
	min-width: 110px;
}

input[type="submit"].suggestedButton,
input[type="button"].suggestedButton,
button[type="submit"].suggestedButton {
	background-color: #00779a;
}

input[type="submit"].acceptButton,
input[type="button"].acceptButton,
button[type="submit"].acceptButton {
	background-color: var(--eucalyptus);
	color: var(--navy);
	border: 1px solid var(--eucalyptus-50);
}

input[type="submit"].alertButton,
input[type="button"].alertButton,
button[type="submit"].alertButton {
	background-color: var(--blush);
}


input[type="submit"].successButton,
input[type="button"].successButton,
button[type="submit"].successButton {
	background-color: green;
}

input[type="submit"].warnButton,
input[type="button"].warnButton,
button[type="submit"].warnButton {
	background-color: #d59759;
}


input[type="submit"]:disabled,
input[type="button"]:disabled,
button[type="submit"]:disabled {
	color: #999;
	background-color: #cccccc;
	cursor: default;
	box-shadow: none;
}


input[type="file"] {
	width: 400px;
}


input[type="text"].rightTextBox,
input[type="number"].rightTextBox {
	text-align: right;
}

input[type="text"].narrowTextBox,
input[type="number"].narrowTextBox {
	width: 50px;
}

input[type="text"].mediumTextBox,
input[type="number"].mediumTextBox {
	width: 100px;
}

input[type="text"].mediumRightTextBox,
input[type="number"].mediumRightTextBox {
	width: 100px;
	text-align: right;
}

input[type="text"].narrowRightTextBox,
input[type="number"].narrowRightTextBox {
	width: 50px;
	text-align: right;
}

input[type="text"].wideTextBox,
input[type="number"].wideTextBox {
	width: 400px;
}

input[type="text"].extraWideTextBox,
input[type="number"].extraWideTextBox {
	width: 600px;
}

input[type="text"].datePicker {
	width: 100px;
}

textarea.wideTextarea {
	width: 600px;
	height: 75px;
}

textarea.extraWideTextarea {
	width: 800px;
	height: 200px;
}

textarea.smallTextarea {
	width: 500px;
	height: 75px;
	min-height: 2em;
}

input[type="text"].bigTextBox {
	font-size: 1.4em;
	padding: 4px 6px;
	width: 392px; /* 400px, but compensating for extra padding to match normal wide text boxes */
}

textarea:read-only,
input[type=text]:read-only,
input[type=number]:read-only {
	background-color: #fafafa;
	color: #999;
}


select:disabled,
textarea:disabled,
input[type=text]:disabled,
input[type=number]:disabled {
	background-color: #eee;
	color: #aaa;
}

option:disabled {
	color: #aaa;
}


.wideAutocomplete .autocompleteWrapper input[type="text"] {
	width: 369px; /* 400px, but compensated for the drop-list button  */
}








.linkButtonBar a {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid var(--breeze);
	border-radius: 6px;
	background-color: white;
	color: var(--breeze);
	cursor: pointer;
	outline: none;
}

.linkButtonBar a:hover {
	text-decoration: none;
	background-color: var(--navy20);
	border-color: var(--navy);
	color: var(--navy);
}

.linkButtonBar a:active {
	background-color: var(--navy50);
}








/* Editors */
.editor {
	padding: 2px;
	clear: both;
}

.editor2 {
	padding: 3px 2px;
}

.editor label {
	float: left;
	width: 200px;
	text-align: right;
	margin-top: 5px;
	padding-right: 10px;
	color: #444;
}

.editor2 label {
	display: inline-block;
	width: 200px;
	text-align: right;
	padding-right: 2px;
	color: #444;
}


.editor .inlineLabel {
	float: none;
	width: auto;
	text-align: left;
}

.editor label.narrowLabel {
	width: 100px;
}

.editor label.radioLabel {
	float: none;
	display: inline-block;
	width: auto;
	margin-top: 0;
}

.editor2 label.inlineLabel {
	display: inline;
}

.editor2 label.leftLabel {
	text-align: left;
}



.editor > div {
	margin-top: 5px;
	display: inline-block;
}



.fieldExtraLabel {
	color: #666;
}

.editor .smallFieldExtraLabel { /* Deprecated. Replace with "smallText fieldExtraLabel" */
	color: #666;
	font-size: 0.85em;
}


.editorSection {
	display: inline-block;
	padding-bottom: 5px;
	background-color: var(--stone40);
	border-top: 1px solid var(--stone);
	border-bottom: 1px solid var(--stone);
}

.editorSection .editors {
	float: left;
}

.editorSection .editor {
	padding-right: 10px;
}

.editorSection .editLink {
	float: right;
	padding: 2px 4px 0px 16px;
}

.editorGroup {
	margin-top: 16px;
}

.inlineFieldEdit {
}

.inlineFieldEdit pre {
	float: left;
	margin-right: 8px;
}

.inlineFieldEdit .editLink {
	float: left;
	margin-top: 0px;
}



.requiredField::before {
	content: "*";
	color: #d00;
}



.field-validation-error {
	color: #ff0000;
	margin-left: 16px;
}

.field-validation-valid {
	display: none;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}




/* Tables */
.resultTable {
	border-collapse: collapse;
	background-color: #fff;
	margin: 0;
	text-align: left;
	border: 1px solid var(--stone80);
}

.resultTable--stretch {
	width: 100%;
}

.resultTable th {
	padding: 4px 4px 2px 16px;
	color: var(--stone-15);
	background-color: var(--stone50);
	vertical-align: baseline;
	font-weight: normal;
	border-bottom: 1px solid var(--stone80);
}

.resultTable tbody th {
	background-color: #aaa;
	color: #fff;
}

.resultTable tr.bodyHeaderRow th {
	background-color: #777; /* Match page background */
}

.resultTable thead.lightHeader th {
	background-color: #ccc;
	color: #444;
}

.resultTable th a:visited, th a:link {
	color: var(--stone-15);
}

.resultTable .selectedHeader {
	font-style: italic;
}

.resultTable th span {
	font-size: 0.85em;
	font-weight: normal;
}



.resultTable td {
	padding: 4px 16px 4px 16px;
	vertical-align: top;
}

.resultTable td.tableNonCell {
	background-color: var(--stone20); /* To match typical page background */
	border: none;
}

.resultTable .tableAltRow {
	background-color: var(--stone20);
}

.resultTable .tableAutoAltRow:nth-child(even) {
	background-color: var(--stone20);
}


.resultTable input[type=checkbox] {
	padding: 0px;
}

.resultTable .checkboxColumn {
	padding: 2px 8px 0 8px;
}

.resultTable .rowHeader {
	padding-left: 3px;
}

.resultTable .enterValue {
	background-color: #eee;
}

.resultTable .tableAltRow .enterValue {
	background-color: #ddd;
}

.resultTable .selectedRow {
	background-color: var(--eucalyptus30);
}

.resultTable .tableAltRow.selectedRow,
.resultTable .tableAutoAltRow.selectedRow:nth-child(even) {
	background-color: var(--eucalyptus30stone20);
}

/* Option for more row spacing on complicated tables */
.resultTable .spacedRow > td {
	padding-top: 4px;
	padding-bottom: 4px
}

/* Only right side works for single-pixel borders */
.resultTable .separatorColumn {
	border-right: solid 1px #777;
}



/* Nested tables */
.resultTable .tableCell {
	padding: 0;
}

.tableCell table {
	border-collapse: collapse;
	width: 100%;
}

.tableCell table td {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: solid 1px #ddd;
	font-size: 0.85em;
	padding: 0 4px 0 4px;
}

/* Like tableCell, but normal font & no borders */
.resultTable .tableLayoutCell {
	padding: 0 8px 0 8px;
}

.tableLayoutCell table {
	border-collapse: collapse;
}

.tableLayoutCell table td {
	border: none;
	padding: 2px 4px 0 4px;
	vertical-align: baseline;
}

/* Additional table column formats */
.numericColumn {
	text-align: right;
}

.labelColumn {
	text-align: right;
	color: #444;
	font-size: 0.85em;
}

.dateColumn {
	text-align: right;
	white-space: nowrap;
}

.nowrapColumn {
	white-space: nowrap;
}

.smallText {
	font-size: 0.85em;
}


.pagination {
	margin-bottom: 4px;
	margin-left: 20px;
	display: inline-block;
}

.pagination .pageLink {
	border: 1px solid var(--navy70);
	border-radius: 4px;
	padding: 2px 2px 0 2px;
	display: inline-block;
	min-width: 16px;
	text-align: center;
	background-color: white;
	color: var(--navy);
}

.pagination .pageLink:hover {
	text-decoration: none;
	border: 1px solid var(--navy);
}

.pagination .selectedPage {
	font-weight: bold;
	background-color: var(--navy);
	color: var(--stone50);
}

.pagination .pageGap {
	font-weight: bold;
}


/* Lightbox */
.lightbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16, 16, 16, 0.8);
}

.lightboxInner {
	background-color: var(--stone20);
	max-height: 95%;
	max-width: 95%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.lightboxInner h1 {
	margin: 2px 4px 0px 4px;
	display: inline-block;
	float: left;
}


/* View options */
.viewOptionsList {
	list-style: none;
	margin: 0 0px 0px 0px;
	padding: 0px;
}

.viewOptionsList li {
	display: inline-block;
}

.viewOptionsList li a {
	padding: 5px 10px;
	border-radius: 6px;
	color: var(--stone50);
	background-color: var(--navy);
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

.viewOptionsList span,
.viewOptionsList li > div {
	padding: 5px 10px;
	border-radius: 6px;
	color: white;
	background-color: var(--stone);
	cursor: default;
	display: inline-block;
}

.viewOptionsList .smallIconSheet {
	float: right;
	margin-left: 8px;
}

.viewOptionsList li a:hover {
	color: white;
}

.viewOptionsSection {
	margin-top: 10px;
}

.viewOptionsList.miniButtons {
	font-size: 0.85em;
}

.viewOptionsList.miniButtons li a, .viewOptionsList.miniButtons li > div {
	padding: 2px 8px;
}




/* Popups */
.miniPopupDialog {
	font-size: 13.6px; /* 16px * 0.85em = standard default font size * body font size*/
	position: absolute;
	min-width: 300px;
	border: 4px solid #00779a;
	border-radius: 7px;
	box-shadow: 2px 2px 10px #777;
	background-color: #fff;
	bottom: 20px;
	left: -4px;
	font-weight: normal;
	padding: 4px;
}



/* Generally useful stuff
-------------------------- */

.clear {
	clear: both;
}

.hidden {
	display: none !important; /* Override elements that might have display:block etc */
}

.invisible {
	visibility: hidden;
}

.leftFloat {
	float: left;
}


body.noscroll {
	overflow: hidden;
}

.numeric {
}

.decimal {
}



.missingValue {
	font-style: italic;
	color: #777;
}

.disabledAction {
	color: #777;
}

.crossIcon {
	cursor: pointer;
	background-image: url("icon_cross_light.gif");
	background-position: left;
	background-repeat: no-repeat;
	min-height: 8px;
	min-width: 10px;
	display: inline-block;
}

.crossIcon:hover {
	background-image: url("icon_cross_dark.gif");
}

.plusIcon {
	cursor: pointer;
	background-image: url("icon_plus_grey.gif");
	background-position: left;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 20px;
	color: #444;
}




.relativePointAnchor {
	position: relative;
	width: 0;
	height: 0;
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.visibilityHidden {
	visibility: hidden;
}


.alertColour, .alertColour a {
	color: #f00;
}

.warnColour, .warnColour a {
	color: #CC5E00;
}

.successColour, .successColour a {
	color: #080;
}

.disabledColour, .disabledColour a {
	color: #777;
}

.defaultColour, .defaultColour a {
	color: #000;
}

.secondaryColour, .secondaryColour a {
	color: #444;
}

.approvalColour, .approvalColour a {
	color: #008BB3;
}


.dashboard .dashControls {
	margin-left: 30px;
}

/* Controls */
.dashboard .dashControl {
	float: left;
	display: inline-block;
	margin: 4px;
	border-radius: 10px;
	font-weight: 500;
}

.dashboard .dashControl a {
	display: block;
	border-radius: 10px;
	color: var(--navy);
}


/* Dash button */
.dashboard .dashButton {
	min-width: 250px;
}

.dashboard .dashButton a {
	background-color: white;
	border: 1px solid var(--stone80);
}

.dashboard .dashButton a:hover {
	background-color: var(--eucalyptus20);
	border: 1px solid var(--eucalyptus80);
}

.dashboard .dashButton .controlLabel {
	float: right;
	margin: 15px 10px 0 10px;
	font-size: 1.4rem;
}

.dashboard .dashButton .controlIcon {
	margin-top: 5px;
	float: left; /* Fixes wrapping problem in IE11 */
}

.dashboard .dashButton a {
	padding: 10px;
	min-height: 55px;
}


/* Dash counter */
.dashboard .dashCounter  {
	width: 250px;
}

.dashboard .dashCounter a {
	background-color: white;
	border: 1px solid var(--stone80);
}

.dashboard .dashCounter a:hover {
	background-color: var(--eucalyptus20);
	border: 1px solid var(--eucalyptus80);
}

.dashboard .dashCounter a {
	padding: 10px;
	min-height: 125px;
}

.dashboard .dashCounter .controlIcon {
	margin-top: 10px;
}

.dashboard .dashCounter .counterNumber {
	float: right;
	font-size: 4rem;
}

.dashboard .dashCounter .alertCounter {
	color: var(--navy);
}



.dashboard .dashCounter .controlLabel {
	text-align: right;
	font-size: 1.2rem;
}

.dashboard .dashCounter .noCount {
	color: #d4e8ed;
}

.dashboard .dashCounter .counterLoading {
	height: 145px; /* min-height plus padding */
}




/* Dash mini-counter */
.dashboard .dashMiniCounter {
	width: 250px;
}

.dashboard .dashMiniCounter a {
	padding: 10px;
	background-color: white;
	border: 1px solid var(--stone80);
}

.dashboard .dashMiniCounter a:hover {
	background-color: var(--eucalyptus20);
	border: 1px solid var(--eucalyptus80);
}

.dashboard .dashMiniCounter .controlIcon {
	margin-top: 5px;
}

.dashboard .dashMiniCounter .counterNumber {
	float: right;
	font-size: 3rem;
}

.dashboard .dashMiniCounter .controlLabel {
	float: right;
	font-size: 1.2rem;
}





/* Icons */
.subscriptionIconSheet {
	background-image: url("icons/icons_v3.png");
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	display: inline-block;
	overflow: hidden;
}


.iconNewRegistration {
	background-position: 0 0;
}

.iconChangedRegistration {
	background-position: -45px 0;
}

.iconApproveJob {
	background-position: -90px 0;
}

.iconAddJob {
	background-position: -135px 0;
}

.iconJobParameters {
	background-position: -180px 0;
}

.iconJobInProgress {
	background-position: -225px 0;
}

.iconJobComplete {
	background-position: -270px 0;
}

.iconJobScheduled {
	background-position: -315px 0;
}

.iconAnnouncement {
	background-position: -360px 0;
}

.iconAnnouncementNew {
	background-position: -405px 0;
}







.smallIconSheet {
	background-image: url("icons/smallicons.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
}

.smallIconShow {
	background-position: 0 0;
	cursor: pointer;
}

.smallIconHide {
	background-position: -16px 0;
	cursor: pointer;
}

.smallIconOk {
	background-position: -32px 0;
	cursor: pointer;
}

.smallIconSuccess {
	background-position: -48px 0;
	cursor: pointer;
}

.pml-search {
	display: none;
}



a.buttonLink {
	padding: 0 10px;
	margin: 2px;
	min-width: 50px;
	border: 1px solid var(--breeze);
	border-radius: 6px;
	background-color: white;
	color: var(--breeze);
	cursor: pointer;
	outline: none;
}

a.buttonLink:hover {
	text-decoration: none;
	background-color: var(--stone50);
	border-color: var(--navy);
	color: var(--navy);
}

a.buttonLink:active {
	box-shadow: none;
}






.loginBox {
	background-color: var(--stone20);
	display: inline-block;
	color: var(--navy);
	position: absolute;
	width: 500px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -290px;
	padding: 5px 40px 40px 40px;
}

.loginBox h1 {
	color: var(--navy);
	font-size: 3rem;
}

.loginBox .loginField {
	padding: 4px;
}

.loginBox .fieldLabel {
	font-size: 1.2rem;
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 8px;
}

.loginBox .wideFieldLabel {
	width: 150px;
}

.loginBox .extraWideFieldLabel {
	width: 200px;
}

.loginBox .field-validation-error {
	margin: 10px 0;
	display: inline-block;
	color: var(--blush);
	font-size: 1.2rem;
}

.loginBox input[type="submit"]:hover {
}


.loginBox .passwordStrengthHints {
	margin-left: 216px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.loginBox .passwordStrengthHints .successColour {
	color: #c1d728;
}

.loginBox .passwordStrengthHints .alertColour {
	color: #f5a623;
}




/* Sign On styles */


.editor li label {
    float: none;
    width: auto;   
    text-align: left;
}


.appRoleList {
    padding-left: 0px;
}

.appRoleList li {
    padding-left: 0px;
    margin: 2px 0;
    list-style: none;
    font-weight: bold;
    
    overflow: hidden; /* Makes the expander not jump when finished expanding */
}

.appRoleList ul {
    padding-left: 5px;
}

.appRoleList li ul li {
    font-weight: normal;
}

.divisionList {
	padding-left: 0px;
}

.divisionList li {
    list-style: none;
	margin-left: 0px;
}



.disabledRole label {
	color: #696969;
}

.editorValueLabel {
    font-weight: bold;
}




.clientAppsColumn {
    max-width: 600px;
}

.signOnAdmin {
    font-weight: bold;
}


.resultTable .suspended {
    text-decoration: line-through;
}


/* Announcements */
.announcementsSection {
	background-color: var(--blush);
	padding: 10px 20px 20px 20px;
	margin: 0 40px 30px 40px;
	display: inline-block;
	border-radius: 10px;
}

.announcementsSection h1 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #fff;
}


.announcements {
	display: inline-block;
}

.announcement {
	background-color: white;
	border: 1px solid var(--navy50);
	border-radius: 6px;
}

.announcementIcon {
	float: left;
	margin: 4px 0 4px 4px;
}

.announcement .markdown {
	padding: 8px 8px 0 0;
	margin-left: 55px;
}


/* Markdown */
.markdown h1 {
	margin: 0;
	border: 0;
	font-size: 1.8rem;
	font-variant: normal;
	color: var(--navy);
	font-weight: 500;
}

.markdown h2 {
	margin: 0;
	border: 0;
	font-size: 1.4rem;
	font-variant: normal;
	color: var(--navy);
	font-weight: 500;
}

.markdown h3 {
	margin: 0;
	border: 0;
	font-size: 1.2rem;
	font-variant: normal;
	color: var(--navy);
	font-weight: 500;
}

.markdown p {
	margin: 2px 0 6px 8px;
	border: 0;
}


.markdown ul {
	padding: 0;
	margin: 2px 0 6px 18px;
	list-style-type: disc;
	list-style-position: outside;
}

.markdown > ul {
	padding-left: 10px;
}

.markdown li {
	padding: 0;
	margin: 0;
}


/* Dashboard */
.dashPageSection {
	margin-bottom: 50px;
}

.dashLoading {
	visibility: hidden;
}

.dashLoading h1 {
	color: #ccc;
}

.dashboard {
	float: left;
	margin-right: 50px;
}



/* Navigation */

.navigationSection {
	background-color: white;
	margin: 0 40px;
	border-radius: 10px;
}


.appsLists {
	padding: 20px 0 40px 40px;
	float: left;
}

.appsList {
	margin-right: 40px;
	min-width: 300px;
	float: left;
}

.appsList li {
    font-size: 1.8rem;
	border-bottom: 1px solid var(--stone);
	padding-top: 10px;
}

.appsList a 
{
	transition: color 150ms;
    color: var(--navy);
	text-decoration: none;
}

.appsList a:hover {
	color: var(--navy80);
}

.shrinkAppList li {
	font-size: 1.3rem;
}




.contactDetails {
	float: right;
	width: 100%;
	max-width: 500px;
}


.contactDetails .subHead {
	color: var(--stone);
	font-size: 1.2em;
	font-weight: 500;
}

.contactDetails .subHead2 {
	color: var(--stone);
	font-weight: 500;
}

.contactDetails p {
	font-size: 0.95em;
	margin: 0 0 15px 0;
}





.passwordStrengthBar {
	height: 6px;
}




/* pml-common.css sets these when it probably shouldn't, so revert them */
/* (Display of lists and list items should be customised wherever needed, not at the global level) */

.staticContentMarkdown ul {
	margin: revert;
	padding: revert;
	list-style: revert;
}


.staticContentMarkdown li {
	padding: revert;
}