.cs-page-bg {
	position: relative;
	display: flow-root;
	isolation: isolate;
	background-color: #071823;
	background-image: url('/Images/portalbg.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
@media (max-width: 991px) {
	.cs-page-bg {
		background-attachment: scroll;
		background-position: center top;
	}
}
.cs-page-bg .cs-hero-zone {
	background: transparent;
}
/* The two pages without .cs-hero-zone use a plain teal band instead */
.cs-page-bg .cs-hero-band {
	background-color: transparent !important;
}

/* --------------------------------------------------------------------------
   Body copy — the inline blocks set #191f20 text on white
   -------------------------------------------------------------------------- */
.cs-page-bg .Dashboard-overview-section {
	background-color: transparent;
	color: #cbd5e1;
}
.cs-page-bg .Dashboard-overview-section p,
.cs-page-bg .Dashboard-overview-section li,
.cs-page-bg .Dashboard-overview-section li p,
.cs-page-bg .Dashboard-overview-section td,
.cs-page-bg .Dashboard-overview-section span {
	color: #cbd5e1;
}
/* Section headings were brand teal (#0C6983) — too dark on the image */
.cs-page-bg .Dashboard-overview-section .dashboard-title h2,
.cs-page-bg .Dashboard-overview-section h1,
.cs-page-bg .Dashboard-overview-section h2,
.cs-page-bg .Dashboard-overview-section h3,
.cs-page-bg .Dashboard-overview-section h4,
.cs-page-bg .Dashboard-overview-section h5,
.cs-page-bg .Dashboard-overview-section h6,
.cs-page-bg .Dashboard-overview-section strong,
.cs-page-bg .Dashboard-overview-section b,
.cs-page-bg .problem-sta-head {
	color: #ffffff;
}
.cs-page-bg .Dashboard-overview-section li::marker {
	color: #73FDFF;
}
.cs-page-bg .Dashboard-overview-section a {
	color: #22d3ee;
}
.cs-page-bg .Dashboard-overview-section a:hover {
	color: #73FDFF;
}
.cs-page-bg .mobile-align .name {
	color: #cbd5e1;
}
.cs-page-bg .mobile-align hr {
	border-color: rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.14);
	opacity: 1;
}
.cs-page-bg .Dashboard-overview-section .table {
	--bs-table-bg: transparent;
	--bs-table-color: #cbd5e1;
	--bs-table-border-color: rgba(255, 255, 255, 0.16);
	--bs-table-striped-bg: rgba(255, 255, 255, 0.05);
	--bs-table-striped-color: #cbd5e1;
	--bs-table-hover-bg: rgba(255, 255, 255, 0.08);
	--bs-table-hover-color: #ffffff;
	--bs-table-accent-bg: transparent;
	background-color: transparent;
	color: #cbd5e1;
	border-color: rgba(255, 255, 255, 0.16);
}
.cs-page-bg .Dashboard-overview-section .table > :not(caption) > * > * {
	background-color: transparent;
	color: #cbd5e1;
	border-color: rgba(255, 255, 255, 0.16);
}
/* Striped rows: Bootstrap paints these via box-shadow on the cell */
.cs-page-bg .Dashboard-overview-section .table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-accent-bg: rgba(255, 255, 255, 0.05);
	box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05);
	color: #cbd5e1;
}
.cs-page-bg .Dashboard-overview-section .table thead th,
.cs-page-bg .Dashboard-overview-section .table th {
	background-color: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.16);
}