/*<meta conditions="" />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* Toolkit colours */

:root
{
	--important: #59BDFF;
	--attention: #E22339;
	--note: #FFCC2C;
}

/* Responsive column breakpoints for screen sizes */

:root
{
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

/* background colours */

:root
{
	--background1: #ecf7ff;
	/* blue */
	--background2: #dff6fc;
	/* teal */
	--background3: #eaf8dd;
	/* green */
	--background4: #fff6e2;
	/* orange */
	--background5: #fff2f4;
	/* pink */
	--background6: #f5f1ff;
	/* purple */
	--background1-dark: #002a4f;
	/* blue dark */
	--background2-dark: #0a4156;
	/* teal dark */
	--background3-dark: #08763b;
	/* green dark */
	--background4-dark: #ffd94d;
	/* yellow dark */
}

.background1
{
	background-color: #ecf7ff !important;
}

.background2
{
	background-color: #dff6fc !important;
}

.background3
{
	background-color: #eaf8dd !important;
}

.background4
{
	background-color: #fff6e2 !important;
}

.background5
{
	background-color: #fff2f4 !important;
}

.background6
{
	background-color: #f5f1ff !important;
}

.background1-fade
{
	background-image: linear-gradient(135deg, 
		 rgba(236, 247, 255, 0) 0%,
		 rgba(236, 247, 255, 1) 70%, 
		 rgba(236, 247, 255, 1) 100%);
}

@media print
{
	.background1-fade
	{
		background-image: none;
	}

	h2
	{
		mc-heading-level: 0;
	}

	h3
	{
		mc-heading-level: 0;
	}

	h4
	{
		mc-heading-level: 0;
	}
}

.background1-dark
{
	background-color: #002a4f;
	background-image: linear-gradient(10deg, #001D74, #003E96) !important;
}

.background2-dark
{
	background-color: #0a4156;
	background-image: linear-gradient(10deg, #0a4156, #008bae) !important;
}

.background3-dark
{
	background-color: #08763b;
	background-image: linear-gradient(10deg, #08763b, #5fa63c) !important;
}

.background4-dark
{
	background-color: #ffd94d;
	background-image: linear-gradient(10deg, #ffd94d, #fff6e2) !important;
}

.background1-dark.tile-card h1,
.background1-dark .container > h1,
.background1-dark [class*="col-"] > h1,
.background1-dark.tile-card h2,
.background1-dark .container > h2,
.background1-dark [class*="col-"] > h2,
.background1-dark.tile-card h3,
.background1-dark .container > h3,
.background1-dark [class*="col-"] > h3,
.background1-dark.tile-card h4,
.background1-dark .container > h4,
.background1-dark [class*="col-"] > h4,
.background1-dark.tile-card p,
.background1-dark .container > p,
.background1-dark [class*="col-"] > p,
.background1-dark.tile-card ul,
.background1-dark .container > ul,
.background1-dark [class*="col-"] > ul,
.background1-dark.tile-card ol,
.background1-dark .container > ol,
.background1-dark [class*="col-"] > ol,
.background1-dark.tile-card a,
.background1-dark .container > a,
.background1-dark [class*="col-"] > a
{
	color: #ffffff !important;
}

.background2-dark.tile-card h1,
.background2-dark .container > h1,
.background2-dark [class*="col-"] > h1,
.background2-dark.tile-card h2,
.background2-dark .container > h2,
.background2-dark [class*="col-"] > h2,
.background2-dark.tile-card h3,
.background2-dark .container > h3,
.background2-dark [class*="col-"] > h3,
.background2-dark.tile-card h4,
.background2-dark .container > h4,
.background2-dark [class*="col-"] > h4,
.background2-dark.tile-card p,
.background2-dark .container > p,
.background2-dark [class*="col-"] > p,
.background2-dark.tile-card ul,
.background2-dark .container > ul,
.background2-dark [class*="col-"] > ul,
.background2-dark.tile-card ol,
.background2-dark .container > ol,
.background2-dark [class*="col-"] > ol,
.background2-dark.tile-card a,
.background2-dark .container > a,
.background2-dark [class*="col-"] > a
{
	color: #ffffff !important;
}

.background3-dark.tile-card h1,
.background3-dark .container > h1,
.background3-dark [class*="col-"] > h1,
.background3-dark.tile-card h2,
.background3-dark .container > h2,
.background3-dark [class*="col-"] > h2,
.background3-dark.tile-card h3,
.background3-dark .container > h3,
.background3-dark [class*="col-"] > h3,
.background3-dark.tile-card h4,
.background3-dark .container > h4,
.background3-dark [class*="col-"] > h4,
.background3-dark.tile-card p,
.background3-dark .container > p,
.background3-dark [class*="col-"] > p,
.background3-dark.tile-card ul,
.background3-dark .container > ul,
.background3-dark [class*="col-"] > ul,
.background3-dark.tile-card ol,
.background3-dark .container > ol,
.background3-dark [class*="col-"] > ol,
.background3-dark.tile-card a,
.background3-dark .container > a,
.background3-dark [class*="col-"] > a
{
	color: #ffffff !important;
}

.background1-dark .tab-content [class*="col-"] > h1,
.background1-dark .tab-content [class*="col-"] > h2,
.background1-dark .tab-content [class*="col-"] > h3,
.background1-dark .tab-content [class*="col-"] > h4,
.background1-dark .tab-content [class*="col-"] > p,
.background1-dark .tab-content [class*="col-"] > ul,
.background1-dark .tab-content [class*="col-"] > ol,
.background2-dark .tab-content [class*="col-"] > h1,
.background2-dark .tab-content [class*="col-"] > h2,
.background2-dark .tab-content [class*="col-"] > h3,
.background2-dark .tab-content [class*="col-"] > h4,
.background2-dark .tab-content [class*="col-"] > p,
.background2-dark .tab-content [class*="col-"] > ul,
.background2-dark .tab-content [class*="col-"] > ol,
.background3-dark .tab-content [class*="col-"] > h1,
.background3-dark .tab-content [class*="col-"] > h2,
.background3-dark .tab-content [class*="col-"] > h3,
.background3-dark .tab-content [class*="col-"] > h4,
.background3-dark .tab-content [class*="col-"] > p,
.background3-dark .tab-content [class*="col-"] > ul,
.background3-dark .tab-content [class*="col-"] > ol
{
	color: #001B37 !important;
}

.background1-dark .text-icon-box h1,
.background1-dark .text-icon-box h2,
.background1-dark .text-icon-box h3,
.background1-dark .text-icon-box h4,
.background1-dark .text-icon-box p,
.background1-dark .text-icon-box ul,
.background1-dark .text-icon-box ol,
.background2-dark .text-icon-box h1,
.background2-dark .text-icon-box h2,
.background2-dark .text-icon-box h3,
.background2-dark .text-icon-box h4,
.background2-dark .text-icon-box p,
.background2-dark .text-icon-box ul,
.background2-dark .text-icon-box ol,
.background3-dark .text-icon-box h1,
.background3-dark .text-icon-box h2,
.background3-dark .text-icon-box h3,
.background3-dark .text-icon-box h4,
.background3-dark .text-icon-box p,
.background3-dark .text-icon-box ul,
.background3-dark .text-icon-box ol
{
	color: #001B37 !important;
}

.background1.tile-card .tile-card-text,
.background1-dark.tile-card .tile-card-text,
.background2.tile-card .tile-card-text,
.background2-dark.tile-card .tile-card-text,
.background3.tile-card .tile-card-text,
.background3-dark.tile-card .tile-card-text,
.background4.tile-card .tile-card-text,
.background4-dark.tile-card .tile-card-text
{
	background-color: transparent;
}

/* Background images (Full content block) */

.container-fluid.container-background
{
	background-size: cover;
	background-position: center;
	min-height: 400px;
	overflow: hidden;
	align-content: center;
	/* Changes vertical alignment of text content (if present) */
}

.container-fluid:has(ul.HHS)
{
	/*	background-image: url(../Images/Misc/HHS-Links-Background.jpg); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Add to any class to only show element on smallest resolution displays */

.mobile-only
{
	display: none;
}

@media only screen and (max-width: 767px)
{
	.mobile-only
	{
		display: unset;
	}
}

@media print
{
	.mobile-only
	{
		display: unset;
	}
}

/* Add to any class to hide element on smallest resolution displays */

@media only screen and (max-width: 767px)
{
	.sml-hide
	{
		display: none;
	}
}

/* Add to any class to hide element on print */

@media print
{
	.print-hide
	{
		display: none;
	}
}

/* --- GENERAL SETTINGS --- */

.title-bar
{
	z-index: 100;
}

body
{
	font-size: 12.5pt;
	line-height: 21pt;
	text-wrap: pretty;
}

h1
{
	font-size: 2.1em;
	line-height: 1.4em;
}

h2
{
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2em;
	color: #03213F;
	background-color: transparent;
	text-align: left;
	padding: 0;
	margin-top: 32px;
	margin-bottom: 8px;
}

h3
{
	font-size: 1.15em;
	line-height: 1.5em;
}

h4
{
	font-size: 1.02em;
	line-height: 1.3em;
	font-weight: 700;
}

.container h1:first-child,
.container h2:first-child
{
	margin-top: 0;
	break-after: avoid;
}

h1,
h2,
h3,
h4,
ul,
ol,
p
{
	width: 100%;
}

p.tooltip
{
	width: unset;
}

p
{
	margin-bottom: 12px;
	margin-top: 12px;
}

[class*="col-"] > p:first-child
{
	margin-top: 0;
}

.tab-content > p:first-child
{
	margin-top: 0;
}

.tab-content > p:last-child
{
	margin-bottom: 0;
}

h3:has(+ul),
h4:has(+ul),
p:has(+ul)
{
	margin-bottom: 6px !important;
	/* Removes the bottom margin of the paragraph preceding an unordered list */
}

li:first-child
{
	margin-top: 0 !important;
	/* Removes the top margin of the first list item in a series */
}

#mc-main-content li:has(ul) ul
{
	margin-top: 6px !important;
	/* Adds a top margin to a list set inside a list set */
}

ul,
ol
{
	padding-inline-start: 25px;
}

li > p
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-align: left;
}

.micro-response p:first-child
{
	margin-top: 0;
}

a
{
	color: #005EB8;
	text-decoration: underline;
}

.container a > img:hover
{
	transform: scale(1.02);
	transition: transform .2s ease;
	text-decoration: none;
}

.container a > img
{
	border-radius: 12px;
	border: 1px solid #D3D3D3;
}

.iframe-container
{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	/* 16:9 aspect ratio (height / width * 100) */
	height: 0;
	overflow: hidden;
}

.iframe-container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.container:has(.iframe-container:only-child)
{
	max-width: 1000px;
}

@media print
{
	.iframe-container
	{
		padding-bottom: 100px;
	}

	iframe::after
	{
		content: "Source: " attr(src);
		/* Use attr(src) to get the iframe's src */
		display: block;
		/* Make it a block-level element */
		font-size: 0.8em;
		/* Adjust font size as needed */
		margin-top: 10px;
		/* Add some spacing */
	}
}

.micro-content
{
	line-height: unset;
}

.container:has(table)
{
	overflow-x: auto;
}

@media only screen
{
	[class*="col-"] img
	{
		max-height: 400px;
	}

	.flip-box
	{
		max-height: 400px !important;
		max-width: 400px !important;
	}
}

/* Auto filling paragraph columns */

.column-container-x2
{
	column-count: 2;
	height: auto;
	overflow-y: auto;
	column-fill: balance;
	column-gap: 60px;
}

.column-container-x3
{
	column-count: 3;
	height: auto;
	overflow-y: auto;
	column-fill: balance;
	column-gap: 60px;
}

@media only screen and (max-width: 767px)
{
	.column-container-x2,
	.column-container-x3
	{
		column-count: 1;
	}
}

/* Icon with horizontal text to the side */

/*
.container-row.text-icon-box
{
	margin-left: 0;
	margin-right: 0;
	height: 100%;
}
*/

.text-icon-box:only-child
{
	height: 100%;
}

.text-icon-box
{
	margin-left: 0;
	margin-right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.text-icon-box
{
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0px 2px 3px rgba(0,0,0,.1), 0px 5px 15px rgba(0,0,0,.01), 0px 8px 6px rgba(0,0,0,.07);
}

.text-icon-box .iconbox
{
	max-width: 250px;
	padding: 30px !important;
}

.text-icon-box .textbox
{
	align-content: center;
	padding: 30px !important;
}

.iconbox + .textbox
{
	padding-left: 0 !important;
	/* Styles applied to selector2 if it immediately follows selector1 */
}

.textbox:has(+.iconbox)
{
	padding-right: 0 !important;
}

@media only screen and (max-width: 767px)
{
	.text-icon-box .iconbox
	{
		order: 1;
		padding: 30px !important;
		padding-bottom: 0 !important;
	}

	.text-icon-box .textbox
	{
		order: 2;
		padding: 30px !important;
	}
}

.text-icon-box .textbox > :first-child
{
	margin-top: 0;
}

.text-icon-box .textbox > :last-child
{
	margin-bottom: 0;
}

/* --- Tile Card Callout Box --- */

.tile-card
{
	display: block;
	align-content: flex-start;
	align-items: center;
	border-radius: 15px;
	border: 1px solid #d3d3d3;
	overflow: hidden;
	background-color: #ffffff;
	padding: 20px 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
	color: #001B37 !important;
	width: 100%;
	box-shadow: 0px 2px 3px rgba(0,0,0,.1), 0px 5px 15px rgba(0,0,0,.01), 0px 8px 6px rgba(0,0,0,.07);
	/*	height: 100%; */
}

.tile-card:only-child
{
	height: 100%;
}

@media print
{
	.tile-card
	{
		height: unset;
	}
}

.tile-card > .tile-card-text
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

a.tile-card:hover
{
	transform: scale(1.02);
	transition: transform .2s ease;
	text-decoration: underline;
}

.tile-card h3
{
	/* margin-top: 0; */
	text-wrap-style: balance;
}

.tile-card-text,
.tile-card-BTN-text
{
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	padding: 20px 20px;
	border-radius: inherit;
	border-top-left-radius: 0;
	min-height: 72px;
	align-content: center;
}

.tile-card-callout,
.tile-card-BTN
{
	display: block;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 10px;
	padding-left: 70px;
	width: 100%;
	overflow: hidden;
	background-size: 50px;
	min-height: 75px;
	border-radius: 15px;
	box-shadow: 0px 2px 3px rgba(0,0,0,.1), 0px 5px 15px rgba(0,0,0,.01), 0px 8px 6px rgba(0,0,0,.07);
	margin-top: 15px;
	margin-bottom: 15px;
}

.tile-card-callout h3
{
	margin-top: 4px;
	margin-bottom: 4px;
	text-wrap-style: balance;
	font-weight: bold;
}

.tile-card-callout p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.tile-card-callout.tile-card-IMPORTANT
{
	background-image: url('../Images/Icons/Icon_Important_White.png');
	background-color: #59BDFF;
	border: solid 2px #59BDFF;
}

.container-fluid:has(.tile-card-IMPORTANT)
{
	background-image: url('../Images/Misc/Background-Image_Blue-Plus.png');
	background-size: cover;
	background-position: center;
}

.container-fluid:has(.col-md-1):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-2):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-3):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-4):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-5):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-6):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-7):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-8):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-9):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-10):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-11):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-12):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-auto):has(.tile-card-IMPORTANT),
.container-fluid:has(.col-md-x5):has(.tile-card-IMPORTANT)
{
	background-image: none;
}

@media print
{
	.container-fluid:has(.tile-card-IMPORTANT)
	{
		background-image: none;
	}
}

.topic-cards .tile-card
{
	align-content: start !important;
	height: 100%;
	break-inside: avoid;
	/*--- Enable this height property at end of build ---*/
}

.topic-cards .tile-card-icon
{
	background-image: url('../Images/Misc/Background-Image_Blue-Plus.png');
	background-size: cover;
	background-position: center;
	height: 150px;
	padding: 15px;
	text-align: center;
}

.tile-card-callout.tile-card-ATTENTION
{
	background-image: url('../Images/Icons/Icon_Attention_White.png');
	background-color: #E22339;
	border: solid 2px #E22339;
}

.tile-card-callout.tile-card-NOTE
{
	background-image: url('../Images/Icons/Icon_Note_White.png');
	background-color: #FFCC2C;
	border: solid 2px #FFCC2C;
}

/* --- LINK BUTTON Callout Boxes --- */

.tile-card-BTN.tile-card-LINK
{
	background-image: url('../Images/Icons/Icon_Hyperlink_White.png');
	background-color: #005EB8;
	border: solid 2px #005EB8;
}

.tile-card-BTN.tile-card-DOWNLOAD
{
	background-image: url('../Images/Icons/Icon_Download_White.png');
	background-color: #003E96;
	border: solid 2px #003E96;
}

.tile-card-BTN:hover
{
	transform: scale(1.01);
	transition: transform .2s ease;
	text-decoration: none;
}

.tile-card-BTN h3
{
	margin-top: 0;
	margin-bottom: 4px;
	text-wrap-style: balance;
	text-decoration: underline;
	color: #005EB8;
}

.tile-card-BTN p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

@media only screen and (max-width: 767px)
{
	.tile-card-callout,
	.tile-card-BTN
	{
		padding-left: 0 !important;
		padding-top: 70px !important;
		background-position-x: center !important;
		background-position-y: 10px !important;
	}

	.tile-card-text,
	.tile-card-BTN-text
	{
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

p + .tile-card
{
	margin-top: 20px;
}

ul + .tile-card
{
	margin-top: 20px;
}

ol + .tile-card
{
	margin-top: 20px;
}

[class*="tile-card"]:first-child,
[class*="tile-card"] > :first-child
{
	margin-top: 0;
}

[class*="tile-card"]:last-child,
[class*="tile-card"] > :last-child
{
	margin-bottom: 0;
}

.tile-card-callout:only-child,
.tile-card-BTN:only-child
{
	margin-top: 0;
	margin-bottom: 0;
}

.container-row:has(.tile-card),
.container-row:has(.tile-card-callout),
.container-row:has(.tile-card-BTN),
.container-row:has(.text-icon-box)
{
	margin-right: -15px;
	margin-left: -15px;
}

[class*="col-md"]:has(.tile-card),
[class*="col-md"]:has(.tile-card-callout),
[class*="col-md"]:has(.tile-card-BTN),
[class*="col-md"]:has(.text-icon-box)
{
	padding-right: 15px;
	padding-left: 15px;
}

/* --- TILE CARD SPACING EXPERIMENT START --- */

.container-row:has(.tile-card-BTN) > [class*="col-md"]:not(:has(.tile-card-BTN)):first-child
{
	padding-right: 30px;
	padding-left: 15px;
}

.container-row:has(.tile-card-BTN) > [class*="col-md"]:not(:has(.tile-card-BTN)):last-child
{
	padding-right: 15px;
	padding-left: 30px;
}

@media only screen and (max-width: 767px)
{
	.container-row:has(.tile-card-BTN) > [class*="col-md"]:not(:has(.tile-card-BTN)):nth-child(n)
	{
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* --- TILE CARD SPACING EXPERIMENT END --- */
/* --- HHS link lists --- */

ul.HHS
{
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}

ul.HHS li
{
	list-style: none;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	background-color: #ffffff;
	/*padding: 10px 12px;*/
	margin: 5px 0.5% !important;
	max-width: 24%;
	width: 100%;
	align-content: center;
	font-weight: 600;
}

ul.HHS li:hover
{
	transform: scale(1.02);
	transition: transform .2s ease;
}

ul.HHS li a
{
	width: 100%;
	/*height: 100%;*/
	display: block;
	align-content: center;
	padding: 10px 12px;
}

ul.HHS p
{
	margin: 0;
	text-align: center;
	/*height: 100%;*/
}

MadCap|miniTocProxy
{
	mc-expandable: true;
}

MadCap|bodyProxy
{
	mc-expandable: true;
}

@media only screen and (max-width: 767px)
{
	ul.HHS li
	{
		max-width: 100%;
	}
}

/*---- BOOTSTRAP FIXES START ----*/

.main-section > .row
{
	flex-wrap: unset;
}

.main-section > .outer-row
{
	padding-bottom: 0;
}

.off-canvas-wrapper-inner .outer-row
{
	padding: 0;
}

ul.menu._Skins_Toolkit_SideNav.mc-component
{
	display: block;
	overflow-y: visible;
	max-height: unset;
}

/*---- CLEQHEPS NAV FIXES START ----*/

li.has-children:has(.selected) > .sub-menu
{
	display: block;
}

div.side-menu .sub-menu
{
	display: none;
}

.breadcrumbs
{
	padding: 5px 0 !important;
	margin: 0 20px !important;
}

span.MCBreadcrumbsPrefix
{
	display: inline-block;
}

.breadcrumbs a.MCBreadcrumbsLink:nth-of-type(1),
.breadcrumbs span.MCBreadcrumbsDivider:nth-of-type(2),
.breadcrumbs span.MCBreadcrumbsDivider:nth-of-type(3),
.breadcrumbs span.MCBreadcrumbsSelf:nth-of-type(4),
.breadcrumbs span.MCBreadcrumbsSelf:nth-of-type(5)
{
	display: none;
}

.topic-layout,
.top-bar
{
	max-width: none;
}

.title-bar
{
	border-bottom: 4px solid #84d3ff;
}

.title-bar.sticky.is-stuck
{
	z-index: 1000;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	padding-left: 30px;
	padding-right: 30px;
}

/* Bottom Prev Next Navigation Buttons */

.button-group-container-left
{
	width: unset;
	float: right;
}

@media only screen and (max-width: 767px)
{
	div.top-bar.bottom-nav
	{
		display: block;
	}

	.button-group-container-left
	{
		width: 100%;
	}
}

#search-results
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
}

#search-results-flex
{
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}

/*
.off-canvas-wrapper-inner .main-section .outer-row {
	flex: 1 1 auto;
}
.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	padding-left: 30px;
    padding-right: 30px;
}
.sidenav-layout
{
	flex-direction: row;
	min-height: 0;
	display: flex;
	max-height: 100vh;
}
.sidenav-wrapper
{
	width: 100%;
	max-width: 300px;
	display: block;
	flex: 0 1 auto;
	background-color: var(--bluedark);
}
ul.sidenav li a.selected {
    color: var(--text);
    font-weight: bold;
    background-color: #ffffff;
}
ul.sidenav li a.selected:hover {
	background-color: var(--greylight);
}
ul.sidenav li a:hover {
    background-color: var(--bluehover);
}
ul.sidenav ul > li > a:hover
{
	background-color: var(--bluehover);
}

ul.sidenav ul ul > li > a:hover
{
	background-color: var(--bluehover);
}

ul.sidenav ul ul ul > li > a:hover
{
	background-color: var(--bluehover);
}

ul.sidenav ul ul ul ul > li > a:hover
{
	background-color: var(--bluehover);
}
*/

/*---- CLEQHEPS NAV FIXES END ----*/
/*---- CHECKBOX BLOCK START ----*/

.checkbox-list
{
	margin-top: 16px;
	margin-bottom: 12px;
}

/* The container */

.checkbox-container
{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */

.checkbox-container input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */

.checkmark
{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #E8F3FD;
	border: 1.5px solid #001D74;
	border-radius: 6px;
}

/* On mouse-over, add a grey background color */

.checkbox-container:hover input ~ .checkmark
{
	background-color: #D1ECFF;
}

/* When the checkbox is checked, add a blue background */

.checkbox-container input:checked ~ .checkmark
{
	background-color: #005EB8;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after
{
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */

.checkbox-container input:checked ~ .checkmark:after
{
	display: block;
}

/* Style the checkmark/indicator */

.checkbox-container .checkmark:after
{
	left: 8px;
	top: 2px;
	width: 8px;
	height: 15px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	transform: rotate(38deg);
}

/*---- CHECKBOX BLOCK END ----*/
/*---- TIMELINE BLOCK START ----*/
/* Timeline wrapper */

.flare-timeline-wrapper *
{
	box-sizing: border-box;
}

/* Timeline container */

.flare-tl
{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	color: #222;
}

/* Vertical line */

.flare-tl::after
{
	content: '';
	position: absolute;
	width: 6px;
	background-color: #E8F3FD;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	z-index: 1;
}

/* Event container – hidden initially */

.flare-tl-container
{
	padding: 10px 40px;
	position: relative;
	width: 50%;
	z-index: 2;
	display: none;
}

/* Show when active */

.flare-tl-container.active
{
	display: block;
}

/* Event circle (above vertical line) */

.flare-tl-container::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #003E96;
	border: 5px solid #FFDD00;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	top: 32px;
	border-radius: 50%;
	z-index: 10;
	left: 50%;
	margin-left: -12.5px;
}

/* Left and right containers */

.flare-tl-left
{
	left: 0;
	padding-left: 0;
	padding-right: 40px;
}

.flare-tl-right
{
	left: 50%;
	padding-left: 40px;
	padding-right: 0;
}

/* Position circles exactly on the vertical line */

.flare-tl-left::after
{
	left: 100%;
	margin-left: -12.5px;
}

.flare-tl-right::after
{
	left: 0;
	margin-left: -12.5px;
}

/* Arrow pointers */

.flare-tl-left::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 30px;
	width: 0;
	z-index: 1;
	right: 25px;
	border: medium solid #ffffff;
	border-width: 15px 1px 15px 15px;
	border-color: transparent transparent transparent #ffffff;
}

.flare-tl-right::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 30px;
	width: 0;
	z-index: 1;
	left: 25px;
	border: medium solid #ffffff;
	border-width: 15px 15px 15px 1px;
	border-color: transparent #ffffff transparent transparent;
}

/* Content card */

.flare-tl-content
{
	padding: 10px 30px;
	background-color: #ffffff;
	position: relative;
	border-radius: 15px;
	opacity: 0;
	transform: translateY(0px);
	transition: transform 0.6s ease, opacity 0.6s ease;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, .1), 0px 2px 8px rgba(0, 0, 0, .01), 0px 5px 8px rgba(0, 0, 0, .07);
}

/* Active container content */

.flare-tl-container.active .flare-tl-content
{
	opacity: 1;
	transform: translateY(0);
}

/* Slightly fade out previous container content */

.flare-tl-container.previous
{
	opacity: 0.5;
}

/* Continue button */

.continue-btn
{
	display: inline-block;
	margin: 10px auto 20px auto;
	padding: 12px 20px;
	background-color: #FFDD00;
	border: none;
	border-radius: 10px !important;
	color: #001B37;
	cursor: pointer;
	font-size: 16px;
}

.continue-btn:disabled
{
	display: none;
}

.active
{
	background-color: unset;
}

/* Responsive */

@media only screen and (max-width: 767px)
{
	.flare-tl::after
	{
		left: 31px;
	}

	.flare-tl-container
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	.flare-tl-container::before
	{
		left: 55px;
		border: medium solid #ffffff;
		border-width: 15px 15px 15px 1px;
		border-color: transparent #ffffff transparent transparent;
	}

	.flare-tl-left::after,
	.flare-tl-right::after,
	.flare-tl-container::after
	{
		left: 31px;
		margin-left: -12.5px;
	}

	.flare-tl-right
	{
		left: 0%;
	}
}

@media print
{
	.flare-tl::after
	{
		left: 31px;
	}

	.flare-tl-container
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	.flare-tl-container::before
	{
		left: 55px;
		border: medium solid #ffffff;
		border-width: 15px 15px 15px 1px;
		border-color: transparent #ffffff transparent transparent;
	}

	.flare-tl-left::after,
	.flare-tl-right::after,
	.flare-tl-container::after
	{
		left: 31px;
		margin-left: -12.5px;
	}

	.flare-tl-right
	{
		left: 0%;
	}

	.flare-tl-container
	{
		display: block;
	}

	.flare-tl-content
	{
		opacity: 1 !important;
	}

	.continue-btn
	{
		display: none;
	}
}

/*---- TIMELINE BLOCK END ----*/

.container-fluid
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
	/*	border-bottom: 1px solid #e5eff7; */
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 767px)
{
	.container-fluid
	{
		padding-left: 30px;
		padding-right: 30px;
	}
}

.container
{
	width: 100%;
	max-width: 1400px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	margin-right: auto;
	margin-left: auto;
	/*	break-inside: avoid; */
}

.container-row
{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -30px;
	margin-left: -30px;
	justify-content: center;
}

@media only screen and (max-width: 767px)
{
	[class*="col-"]
	{
		align-content: center;
		justify-items: center;
	}

	[class*="col-"]:has(img)
	{
		text-align: center;
	}

	[class*="col-"]:has(img) > p
	{
		text-align: left;
	}
}

/*
.container-row:has(.col-md-3)
{
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.container-row:has(.col-md-2)
{
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.container-row:has(.col-md-1)
{
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.col-md-3,
.col-md-2,
.col-md-1
{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
*/

/* --- x5 COLUMNS HACK START--- */

.col-md-x5
{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.container-row:has(.col-md-x5)
{
	margin-left: -10px !important;
	margin-right: -10px !important;
}

@media (min-width: 768px)
{
	.col-md-x5
	{
		flex: 0 0 20%;
		max-width: 20%;
		text-align: center;
	}
}

@media print
{
	.col-md-x5
	{
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* --- x5 COLUMNS HACK END --- */

.no-gutters
{
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"]
{
	padding-right: 0;
	padding-left: 0;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-md-x5
{
	position: relative;
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.col
{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto
{
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.container-row > :only-child
{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

@media (min-width: 768px)
{
	.col-md
	{
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto
	{
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-md-1
	{
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2
	{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3
	{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4
	{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5
	{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7
	{
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8
	{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9
	{
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10
	{
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11
	{
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-md-first
	{
		-ms-flex-order: -1;
		order: -1;
	}

	.order-md-last
	{
		-ms-flex-order: 13;
		order: 13;
	}

	.order-md-0
	{
		-ms-flex-order: 0;
		order: 0;
	}

	.order-md-1
	{
		-ms-flex-order: 1;
		order: 1;
	}

	.order-md-2
	{
		-ms-flex-order: 2;
		order: 2;
	}

	.order-md-3
	{
		-ms-flex-order: 3;
		order: 3;
	}

	.order-md-4
	{
		-ms-flex-order: 4;
		order: 4;
	}

	.order-md-5
	{
		-ms-flex-order: 5;
		order: 5;
	}

	.order-md-6
	{
		-ms-flex-order: 6;
		order: 6;
	}

	.order-md-7
	{
		-ms-flex-order: 7;
		order: 7;
	}

	.order-md-8
	{
		-ms-flex-order: 8;
		order: 8;
	}

	.order-md-9
	{
		-ms-flex-order: 9;
		order: 9;
	}

	.order-md-10
	{
		-ms-flex-order: 10;
		order: 10;
	}

	.order-md-11
	{
		-ms-flex-order: 11;
		order: 11;
	}

	.order-md-12
	{
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-md-0
	{
		margin-left: 0;
	}

	.offset-md-1
	{
		margin-left: 8.333333%;
	}

	.offset-md-2
	{
		margin-left: 16.666667%;
	}

	.offset-md-3
	{
		margin-left: 25%;
	}

	.offset-md-4
	{
		margin-left: 33.333333%;
	}

	.offset-md-5
	{
		margin-left: 41.666667%;
	}

	.offset-md-6
	{
		margin-left: 50%;
	}

	.offset-md-7
	{
		margin-left: 58.333333%;
	}

	.offset-md-8
	{
		margin-left: 66.666667%;
	}

	.offset-md-9
	{
		margin-left: 75%;
	}

	.offset-md-10
	{
		margin-left: 83.333333%;
	}

	.offset-md-11
	{
		margin-left: 91.666667%;
	}
}

/*---- BOOTSTRAP FIXES END ----*/
/*---- CUSTOM STYLING START ----*/

.skip-to-content
{
	display: none;
	visibility: hidden;
}

.search-bar .search-filter
{
	display: none;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	max-width: 100%;
	margin-bottom: 0 !important;
}

.top-bar
{
	max-width: 100%;
}

.body-container
{
	/*	padding: 2em 0;*/
	padding: 0;
}

.height-container
{
	margin: 0 auto;
	padding-bottom: 0;
}

.off-canvas-content > div:nth-child(1)
{
	z-index: 1000;
	/*	position: fixed;
	width: 300px;
*/
}

/*
.title-bar-layout
{
	flex-direction: column;
}

.nav-search-wrapper
{
	width: 100%;
}
*/

.nav-search-wrapper > .row
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.nav-search
{
	width: 100%;
	max-width: 400px;
	/*	margin-top: 15px; */
}

.sidenav-wrapper
{
	/*margin-top: 135px;*/
	width: 100%;
	max-width: 300px;
}

ul.sidenav li:nth-child(1) a
{
	border-top: none;
}

.menu.vertical:nth-child(1) > li > a
{
	border-left: none !important;
	border-bottom: none !important;
}

.menu.vertical:nth-child(1) > li:nth-last-child(1) > a
{
	margin-bottom: 0;
	border-bottom-left-radius: 0;
}

.menu.vertical > li:nth-last-child(n) a
{
	border-left: solid 2px #FFDD00;
}

.tree-node.tree-node-leaf:nth-last-child(1)
{
	margin-bottom: 0.5em;
}

img
{
	max-width: 100%;
}

@media only screen and (max-width: 1279px)
{
	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding: 0 1em;
	}

	.title-bar-layout .logo-wrapper
	{
		padding: 15px 0;
	}

	.title-bar-layout a.logo
	{
		height: 30px;
		width: 142px;
	}

	.title-bar-layout .nav-search-wrapper
	{
		justify-content: center;
	}

	.nav-search.row
	{
		max-width: 500px;
	}
}

@media only screen and (max-width: 767px)
{
	.title-bar-layout .nav-search-wrapper
	{
		display: none;
	}
}

/* SIDE-NAV STYLING START */

/*
.sidenav-wrapper::before
{
	display: block;
	content: "Line Manager's Toolkit";
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.3em;
	padding: 30px 30px 20px;
	background-color: var(--bluedark);
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	background-image: url('../Images/Misc/CLE-Banner_v1.png');
	background-size: cover;
}
*/

div.side-menu
{
	padding-left: 0;
	margin-top: 0;
	background-color: #001D74;
	height: 100%;
	/* padding: 20px; */
}

ul.sub-menu
{
	background-color: #001D74;
}

.has-children > a::after
{
	content: '+';
	display: inline;
	margin: auto;
	float: right;
	font-weight: normal;
}

/* SIDE-NAV STYLING END */
/*---- CUSTOM STYLING START ----*/

MadCap|breadcrumbsProxy
{
	font-size: .8em;
	font-style: italic;
	mc-breadcrumbs-prefix: 'You are here: ';
	padding: 0 3em;
	mc-breadcrumbs-count: 4;
	mc-breadcrumbs-divider: ' > ';
}

MadCap|popupHead
{
	color: #5B8EC1;
}

MadCap|popupBody
{
	color: #EBEBEB;
	border: none;
	background-color: rgba(0, 0, 0, .85);
	padding: 11px 15px;
}

MadCap|glossaryTerm
{
	
}

MadCap|glossaryTerm.Expanding
{
	color: inherit;
	font-weight: inherit;
}

MadCap|glossaryTerm.Hyperlink
{
	color: #5B8EC1;
	font-weight: inherit;
}

MadCap|glossaryTerm.Popup
{
	color: #5B8EC1;
	font-weight: normal;
}

MadCap|conceptLink
{
	color: #000000;
}

MadCap|keywordLink
{
	color: #000000;
}

MadCap|relatedTopics
{
	color: #000000;
}

MadCap|helpControlMenu
{
	color: #707070;
	background-color: #FFFFFF;
	border: none;
}

MadCap|helpControlMenuItem
{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #000000;
	background-color: #E5EFF7;
}

MadCap|dropDown
{
	border-radius: 8px;
	overflow: hidden;
	break-inside: avoid;
}

MadCap|dropDownHotspot.Toolkit
{
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: 700;
	/*padding-left: 5px;
    margin-left: 10px;*/
	padding: 10px 15px;
}

MadCap|dropDownHead.Toolkit
{
	border-left: 8px solid #001D74;
	line-height: 1.7em;
	background-color: #005EB8;
}

MadCap|dropDownHead.Toolkit:hover
{
	background-color: #003E96;
}

MadCap|dropDownBody.Toolkit
{
	background-color: #FFFFFF;
	line-height: 1.7em;
	margin-left: 0;
	padding: 10px 20px;
	border: solid 2px #005EB8;
	border-left: 8px solid #001D74;
	border-top: none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: right 20px center !important;
	padding: 10px 15px !important;
}

.MCDropDown_Image_Icon
{
	display: none;
}

.flip-box
{
	padding: 20px;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 1 / 1;
	border: none !important;
}

.flip-box-inner
{
	cursor: pointer;
}

.flip-box-front
{
	background-color: #ffffff;
	background-size: cover;
	background-position: center;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.flip-box-front > div
{
	height: 100%;
	text-align: center;
	align-content: center;
	padding: 15px;
}

.flip-box-front h2
{
	font-weight: bold;
	text-align: center;
}

.flip-box-back h2
{
	font-weight: bold;
	margin-bottom: 8px !important;
}

.flip-box-back
{
	padding: 20px !important;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	overflow-y: auto;
	text-align: left;
	background-color: #ffffff;
}

div.flip-box:hover .flip-box-inner
{
	transform: none;
}

div.flip-box:hover
{
	transform: scale(1.02);
	transition: transform .2s ease;
}

/*
.carousel-control-prev,
.carousel-control-next
{
	opacity: 1 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon
{
	width: 40px !important;
	height: 40px !important;
}

.carousel-control-prev-icon
{
	background-image: url('../../../../Resources/Images/Assets/Icons/Arrows/left-chevron_white.png') !important;
}

.carousel-control-next-icon
{
	background-image: url('../../../../Resources/Images/Assets/Icons/Arrows/right-chevron_white.png') !important;
}

.carousel-control-prev:hover,
.carousel-control-next:hover
{
	opacity: 0.5 !important;
}
*/

/*=== CAROUSEL BLOCK ===*/

.mySlides
{
	display: none;
	min-height: 300px;
	background-color: #001B37;
}

/* Slideshow container */

.slideshow-container
{
	position: relative;
	margin: auto;
	border-radius: 12px;
	overflow: hidden;
}

/* Next and previous buttons */

.prev,
.next
{
	cursor: pointer;
	position: absolute;
	top: 0;
	width: auto;
	padding: 32px;
	color: white !important;
	font-weight: bold;
	font-size: 32px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	height: 100%;
	align-content: center;
	text-decoration: none;
}

/* Position the "next button" to the right */

.next
{
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover
{
	background-color: #001B37;
}

/* Caption text */

.text
{
	color: #001B37;
	font-size: 15px;
	padding: 18px 80px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgb(239 244 249 / 50%);
}

/* Number text (1/3 etc) */

.numbertext
{
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

/* The dots/bullets/indicators */

.carousel-dots
{
	background-color: #F2F6FA;
	width: fit-content;
	border-radius: 50px;
	margin: 10px auto;
	padding: 0 10px;
}

.dot
{
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 10px 5px 5px;
	background-color: #D1ECFF;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.dot.active,
.dot:hover
{
	background-color: #005EB8;
}

/* Fading animation */

.fade-in
{
	animation-name: fade-in;
	animation-duration: 1.5s;
}

@keyframes fade-in {
	from {
    opacity: 0; /* Start invisible */
  	}
  	to {
    opacity: 1; /* End fully visible */
  	}
} 

/* === END === */

.dropDownHotspot:link
{
	padding: 0;
}

ul.tabs
{
	margin-bottom: 0;
}

ul.tabs li.tab-link
{
	min-width: fit-content;
	background: #E8F3FD;
	margin-top: 0;
	/* border: none; */
}

ul.tabs li.tab-link:hover
{
	background: #D1ECFF;
	color: #000000;
	display: block;
	cursor: pointer;
	margin-left: 0px;
}

ul.tabs li.current
{
	background: #005EB8;
	border-top: 1px solid #005EB8;
	border-right: 1px solid #005EB8;
	border-bottom: 0px solid white;
	border-left: 1px solid #005EB8;
}

ul.tabs li.current:hover
{
	background: #003E96;
	color: #FFFFFF;
	border-top: 1px solid #003E96;
	border-right: 1px solid #003E96;
	border-bottom: 0px solid white;
	border-left: 1px solid #003E96;
}

.tab-content.current
{
	display: block;
}

.tab-content
{
	animation-name: none;
	animation-duration: 0;
	position: relative;
	padding: 20px;
	border: 2px solid #005EB8;
	border-radius: 0 0 10px 10px;
	background-color: #FFFFFF;
}

.tab-content .container-row
{
	margin-top: -15px;
	margin-bottom: -15px;
}

/* --- TAB LAYOUT --- */

.tabs-wrap
{
	display: flex;
	flex-wrap: wrap;
	border: 2px solid #005EB8;
	border-radius: 15px;
	overflow: hidden;
}

/* helps avoid footer overlap */

.tabs-wrap::after
{
	content: "";
	display: block;
	clear: both;
}

.tab
{
	float: left;
	background-color: #E8F3FD;
	width: 15%;
	flex-grow: 1;
}

.tab button
{
	display: block;
	background-color: inherit;
	color: #001B37;
	padding: 16px;
	width: 100%;
	border-bottom: solid 2px white;
	/* ---- border: 0 !important; ---*/
	border-radius: 0 !important;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: background-color 0.3s;
}

.tab button:hover
{
	background-color: #D1ECFF;
	/* ----	text-decoration: underline;  ---*/
}

.tab button.active
{
	background-color: #005EB8;
	color: #FFFFFF;
	font-weight: bold;
}

.tabcontent
{
	float: left;
	padding: 20px;
	display: none;
	width: 75%;
	background-color: #FFFFFF;
	flex-grow: 1;
}

.tabs-wrap .tabcontent h3
{
	margin-top: 0;
}

@media only screen and (max-width: 767px)
{
	.tab
	{
		width: 100%;
	}

	.tabcontent
	{
		width: 100%;
	}

	.tab button
	{
		text-align: center;
	}
}

@media only screen and (max-width: 1279px)
{
	.off-canvas-content > div:nth-child(1)
	{
		position: unset;
		width: 100%;
	}

	div.topic-layout > div:nth-child(2)
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
	}

	nav.title-bar
	{
		padding-top: 0;
		padding-bottom: 0;
	}

	.nav-search
	{
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px)
{
	.container-fluid.overview
	{
		background-image: none;
	}
}

@media print
{
	.container-fluid.overview
	{
		background-image: none !important;
	}

	.container-fluid
	{
		background-image: none !important;
	}

	h1
	{
		margin-bottom: 0.5em;
	}

	/* Displays hyperlink URLs on print output */

	ul.HHS li
	{
		max-width: 100%;
	}

	ul.HHS li p
	{
		text-align: left;
	}

	ul.HHS a[href]::after
	{
		content: "\A (" attr(href) ") ";
		white-space: pre-wrap;
		font-size: 90%;
	}

	/* Hides HHS links on Print */

	.container-fluid:has(ul.HHS)
	{
		display: none;
	}

	/* Hides Link Tile Cards on Print */

	.tile-card-LINK
	{
		display: none;
	}

	.tile-card-LINK:has(p)
	{
		display: block;
	}

	div.topic-layout > div:nth-child(2)
	{
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
	}

	img
	{
		object-fit: contain !important;
		aspect-ratio: unset !important;
	}

	[class*="col-"] img
	{
		max-height: 300px;
		width: 100%;
		margin: auto;
	}

	.container a > img
	{
		border: none;
	}

	ul.tabs
	{
		display: none;
	}

	.tab-content
	{
		display: block;
		border-radius: 10px;
		margin: 10px 0;
		break-inside: avoid;
	}

	.tab-content h2
	{
		margin-top: 5px;
	}

	.container h2
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.container h3
	{
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.container li
	{
		margin-bottom: 6px;
		margin-top: 6px;
	}

	.MCDropDownBody,
	.dropDownBody,
	.dropDownBodyBoxed
	{
		display: block !important;
	}

	div.flip-box
	{
		height: 100% !important;
		min-height: 100px !important;
		aspect-ratio: unset !important;
		flex: 100% !important;
		max-width: 100% !important;
		padding: 5px 20px;
	}

	div.flip-box-front,
	div.flip-box-back
	{
		position: relative !important;
		height: unset !important;
	}

	div.flip-box-inner
	{
		transform: none !important;
		transform-style: unset;
		border: 2px solid #005EB8 !important;
		border-radius: 22px;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	div.flip-box-front
	{
		width: 25%;
		margin: 0;
		background-size: 100% !important;
		background-position-y: unset !important;
	}

	div.flip-box-front h2
	{
		display: none;
	}

	div.flip-box-back
	{
		transform: none !important;
		overflow-y: unset !important;
		margin: 0 0 0 1%;
		width: 74%;
	}

	div.flip-box-inner h2
	{
		margin-top: 0;
	}

	.tile-card
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		break-inside: avoid;
	}

	.tile-card-icon
	{
		width: unset;
		margin-right: 30px;
		margin-bottom: 0;
	}

	.tile-card-text
	{
		flex: 1 0 0%;
	}

	.tile-card-text,
	.tile-card-text h2,
	.tile-card-text h3,
	.tile-card-text h4,
	.tile-card-text p
	{
		text-align: left !important;
	}

	.text-icon-box .textbox
	{
		flex: 1 0 0;
	}

	.slideshow-container
	{
		overflow: unset !important;
		display: flex;
	}

	.mySlides
	{
		display: block !important;
		min-height: unset;
		max-width: 100%;
		position: relative;
	}

	.mySlides img
	{
		min-height: unset;
		max-height: 10cm;
	}

	.mySlides .text
	{
		position: unset !important;
		padding: 18px;
		background-color: #F2F6FA;
	}

	.mySlides .numbertext
	{
		display: none;
	}

	.carousel-dots
	{
		display: none;
	}

	.iframe-container
	{
		display: none;
	}

	.prev,
	.next
	{
		display: none;
	}
}

@media print
{
	.col-md,
	.col-md-auto,
	.col-md-x5,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.container-fluid
	{
		padding: 0 1.5em;
	}

	.col-md-auto
	{
		text-align: center;
	}

	/*
	.col-md
	{
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto
	{
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-md-1
	{
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2
	{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3
	{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4
	{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5
	{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7
	{
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8
	{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9
	{
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10
	{
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11
	{
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	*/
}

/* === BOOTSTRAP PRINTING === */

@media print
{
	*,
	*::before,
	*::after
	{
		text-shadow: none !important;
		box-shadow: none !important;
	}

	a:not(.btn)
	{
		text-decoration: underline;
	}

	abbr[title]::after
	{
		content: " (" attr(title) ")";
	}

	pre
	{
		white-space: pre-wrap !important;
	}

	pre,
	blockquote
	{
		border: 1px solid #adb5bd;
		page-break-inside: avoid;
	}

	thead
	{
		display: table-header-group;
	}

	tr,
	img
	{
		page-break-inside: avoid;
	}

	p,
	h2,
	h3
	{
		orphans: 3;
		widows: 3;
	}

	h2,
	h3
	{
		page-break-after: avoid;
	}

	body
	{
		min-width: 800px !important;
		width: 100%;
	}

	.container
	{
		min-width: 800px !important;
		width: 100%;
	}
}