/*<meta conditions="q2_2022_updates.include" />*/

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

*
{
	margin: 0;
	padding: 0;
}

/* Change the --brand_color variable color to the required color an it will change that color throughout the project. You can add an additional color variable as needed. Make sure to also change the variable in the Content_Styles and System_Styles.css file.

	--DTCC_Yellow: #FFD200;
	--DTCC_Green: #7AC143;
	--DTCC_Orange: #F78E1E;
	--DTCC_Blue: #0096D6;
	--DTCC_Marine: #00B0AD;
	--DTCC_Magenta: #A0285A;
	--DTCC_Gray: #7E8083;
*/

:root
{
	--brand_color: #E85F43;
	--brand_color_alternate: #E85F43;
}

/* Start of Smart Menu Styles */

.sm-blue
{
	background: #ffffff;
	padding-left: 2px;
	margin-right: 12px;
}

.sm-blue a,
.sm-blue a:focus,
.sm-blue a:active,
.sm-blue a.highlighted	/*.sm-blue a:hover,*/
{
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	background: #ffffff;
	font-family: Arial, san-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}

.sm-blue a:hover
{
	text-decoration: underline;
}

.sm-blue ul a:hover
{
	text-decoration: underline;
	color: #000000;
}

.sm-blue a.has-submenu,
.sm-blue a.has-submenu:focus,
.sm-blue a.has-submenu:active,
.sm-blue a.has-submenu highlighted	/*.sm-blue .has-submenu:hover*/
{
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	background: #ffffff;
	color: #5F6062;
	font-family: Arial, san-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}

.sm-blue a.has-submenu:hover
{
	text-decoration: underline;
}

.sm-blue a.has-submenu:active
{
	font-weight: bold;
}

a.selected.current
{
	color: #000000;
	font-weight: bold;
	background-color: #d7d7d7;
	margin: -10px 0px 0px -2px;
	padding: 5px 5px 5px 8px;
}

.has-submenu.current.highlighted
{
	margin: 0px 0px 4px -2px;
	padding-bottom: 10px;
}

.sm-blue a.disabled
{
	color: #a1d1e8;
}

.sm-blue a span.sub-arrow:before
{
	content: '4';
	font-family: webdings;
	font-size: 14pt;
	color: #0096D6;
	float: left;
	transform: scale(none);
	margin-top: -2px;
	margin-right: 8px;
	text-decoration: none;
	margin-left: 3px;
}

.sm-blue a span.sub-arrow
{
	text-decoration: none;
}

.sm-blue a.highlighted span.sub-arrow:before
{
	content: '6';
	font-family: webdings;
	font-size: 14pt;
	color: #0096D6;
	float: left;
	transform: scale(none);
	margin-top: -4px;
	margin-right: 8px;
	text-decoration: none;
	margin-left: 3px;
}

.sm-blue a.highlighted span.sub-arrow
{
	text-decoration: none;
}

/* This isn't needed from what i can tell but let's keep it just in case.
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
} */

.sm-blue ul
{
	font-family: Arial, san-serif;
	background: white;
	padding-left: 24px;
	color: #5F6062;
	font-size: 9pt;
	line-height: 18px;
}

.sm-blue ul ul
{
	padding-left: 20px;
}

.sm-blue ul a,
.sm-blue ul a:focus,
.sm-blue ul a:active	/* .sm-blue ul a:hover */
{
	color: #5F6062;
	font-size: 9pt;
	line-height: 18px;
}

/* .sm-blue ul a.current
{
	background: #006892;
	color: white;
} */

.sm-blue ul a.disabled
{
	color: #b3b3b3;
}

.sm-blue ul ul a,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active	/*.sm-blue ul ul a:hover,*/
{
	border-left: 4px solid transparent;
	font-size: 9pt;
	color: #5F6062;
}

.sm-blue ul ul ul a,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active	/*.sm-blue ul ul ul a:hover,*/
{
	border-left: 8px solid transparent;
}

.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active	/*.sm-blue ul ul ul ul a:hover,*/
{
	border-left: 32px solid transparent;
}

.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active	/*.sm-blue ul ul ul ul ul a:hover,*/
{
	border-left: 40px solid transparent;
}

.sm-blue ul ul a:hover,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:hover
{
	color: #57585b;
}

li.tree-node-leaf,
li.has-children
{
	border-bottom: solid 1px #d7d7d7;
}

li.tree-node-leaf:last-child,
li.has-children:last-child
{
	border-bottom: none;
}

@media (min-width: 5000px)
{
	/* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/

	/* start... (it's not recommended editing these rules) */

	.sm-blue ul
	{
		position: absolute;
	}

	.sm-blue li
	{
		float: left;
	}

	.sm-blue.sm-rtl li
	{
		float: right;
	}

	.sm-blue ul li,
	.sm-blue.sm-rtl ul li,
	.sm-blue.sm-vertical li
	{
		float: none;
	}

	.sm-blue a
	{
		white-space: nowrap;
	}

	.sm-blue ul a,
	.sm-blue.sm-vertical a
	{
		white-space: normal;
	}

	.sm-blue .sm-nowrap > li > a,
	.sm-blue .sm-nowrap > li > :not(ul) a
	{
		white-space: nowrap;
	}

	/* ...end */

	.sm-blue
	{
		background: #3092c0;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
		background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-ms-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	}

	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted
	{
		padding: 13px 24px;
		background: #3092c0;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
		background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
		color: white;
	}

	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted
	{
		background: #2b82ac;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3092c0), color-stop(100%, #267397));
		background-image: -webkit-linear-gradient(to bottom, #3092c0, #267397);
		background-image: -moz-linear-gradient(to bottom, #3092c0, #267397);
		background-image: -o-linear-gradient(to bottom, #3092c0, #267397);
		background-image: linear-gradient(to bottom, #3092c0, #267397);
	}

	.sm-blue a.current
	{
		background: #006892;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
		background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
		background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
		background-image: -o-linear-gradient(to bottom, #005678, #007aab);
		background-image: linear-gradient(to bottom, #005678, #007aab);
		color: white;
	}

	.sm-blue a.disabled
	{
		background: #3092c0;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
		background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
		color: #a1d1e8;
	}

	.sm-blue a span.sub-arrow
	{
		top: auto;
		margin-top: 0;
		bottom: 2px;
		left: 50%;
		margin-left: -5px;
		right: auto;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid dashed dashed dashed;
		border-color: #a1d1e8 transparent transparent transparent;
		background: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	.sm-blue a.highlighted span.sub-arrow:before
	{
		display: none;
	}

	.sm-blue > li:first-child > a,
	.sm-blue > li:first-child > :not(ul) a
	{
		-webkit-border-radius: 8px 0 0 8px;
		-moz-border-radius: 8px 0 0 8px;
		-ms-border-radius: 8px 0 0 8px;
		-o-border-radius: 8px 0 0 8px;
		border-radius: 8px 0 0 8px;
	}

	.sm-blue > li
	{
		border-left: 1px solid #2b82ac;
	}

	.sm-blue > li:first-child
	{
		border-left: 0;
	}

	.sm-blue ul
	{
		border: 1px solid #a8a8a8;
		padding: 7px 0;
		background: white;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		-ms-border-radius: 0 0 4px 4px;
		-o-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
		box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	}

	.sm-blue ul ul
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		background: white;
	}

	.sm-blue ul a,
	.sm-blue ul a:hover,
	.sm-blue ul a:focus,
	.sm-blue ul a:active,
	.sm-blue ul a.highlighted
	{
		border: 0 !important;
		padding: 9px 23px;
		background: transparent;
		color: #2b82ac;
	}

	.sm-blue ul a:hover,
	.sm-blue ul a:focus,
	.sm-blue ul a:active,
	.sm-blue ul a.highlighted
	{
		background: #3092c0;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
		background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
		background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
		color: white;
	}

	.sm-blue ul a.current
	{
		background: #006892;
		background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
		background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
		background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
		background-image: -o-linear-gradient(to bottom, #005678, #007aab);
		background-image: linear-gradient(to bottom, #005678, #007aab);
		color: white;
	}

	.sm-blue ul a.disabled
	{
		background: white;
		color: #b3b3b3;
	}

	.sm-blue ul a span.sub-arrow
	{
		top: 50%;
		margin-top: -5px;
		bottom: auto;
		left: auto;
		margin-left: 0;
		right: 10px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #a1d1e8;
	}

	.sm-blue ul li
	{
		border: 0;
	}

	.sm-blue span.scroll-up,
	.sm-blue span.scroll-down
	{
		position: absolute;
		display: none;
		visibility: hidden;
		overflow: hidden;
		background: white;
		height: 20px;
	}

	.sm-blue span.scroll-up-arrow,
	.sm-blue span.scroll-down-arrow
	{
		position: absolute;
		top: -2px;
		left: 50%;
		margin-left: -8px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 8px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #2b82ac transparent;
	}

	.sm-blue span.scroll-down-arrow
	{
		top: 6px;
		border-style: solid dashed dashed dashed;
		border-color: #2b82ac transparent transparent transparent;
	}

	.sm-blue.sm-rtl.sm-vertical a span.sub-arrow
	{
		right: auto;
		left: 10px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #a1d1e8 transparent transparent;
	}

	.sm-blue.sm-rtl > li:first-child > a,
	.sm-blue.sm-rtl > li:first-child > :not(ul) a
	{
		-webkit-border-radius: 0 8px 8px 0;
		-moz-border-radius: 0 8px 8px 0;
		-ms-border-radius: 0 8px 8px 0;
		-o-border-radius: 0 8px 8px 0;
		border-radius: 0 8px 8px 0;
	}

	.sm-blue.sm-rtl > li:first-child
	{
		border-left: 1px solid #2b82ac;
	}

	.sm-blue.sm-rtl > li:last-child
	{
		border-left: 0;
	}

	.sm-blue.sm-rtl ul a span.sub-arrow
	{
		right: auto;
		left: 10px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #a1d1e8 transparent transparent;
	}

	.sm-blue.sm-vertical
	{
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	}

	.sm-blue.sm-vertical a
	{
		padding: 9px 23px;
	}

	.sm-blue.sm-vertical a span.sub-arrow
	{
		top: 50%;
		margin-top: -5px;
		bottom: auto;
		left: auto;
		margin-left: 0;
		right: 10px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #a1d1e8;
	}

	.sm-blue.sm-vertical > li:first-child > a,
	.sm-blue.sm-vertical > li:first-child > :not(ul) a
	{
		-webkit-border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		-ms-border-radius: 8px 8px 0 0;
		-o-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
	}

	.sm-blue.sm-vertical > li:last-child > a,
	.sm-blue.sm-vertical > li:last-child > :not(ul) a
	{
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
		-ms-border-radius: 0 0 8px 8px;
		-o-border-radius: 0 0 8px 8px;
		border-radius: 0 0 8px 8px;
	}

	.sm-blue.sm-vertical > li
	{
		border-left: 0 !important;
	}

	.sm-blue.sm-vertical ul
	{
		-webkit-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		-ms-border-radius: 4px !important;
		-o-border-radius: 4px !important;
		border-radius: 4px !important;
	}

	.sm-blue.sm-vertical ul a
	{
		padding: 9px 23px;
	}
}