@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/

/*===========================================================================================================================================================

Hello! If this is your first time looking at a stylesheet within the text editor view, what you are reading right now is a "comment". Comments are added throughout this stylesheet with the purpose of making the source code easier to understand, comments will not be interpreted during the compile process. Since comments are not interpreted during the compile process, feel free to add or remove any comments.

For help with MadCap Flare go to Help Ribbon > Topics Section > Open Help. Alternatively visit the Flare Online Help at help.madcapsoftware.com

If you have any questions regarding how to work with this stylesheet or template project, please contact MadCap Technical Support. 
https://www.madcapsoftware.com/support/contact-options.aspx

NOTE: Generally, this stylesheet has elements listed out in the order that they appear in the topic from top to bottom. The exception are General styles which are at the top and the stylesheet mediums which are at the bottom.

EXAMPLE: Since the search-bar is at the top of the topic page, it will be listed closer to the top of this stylesheet.

===========================================================================================================================================================*/

/*==Fonts==*/
/*==inconsolata-variable==*/

@font-face 
{
	font-family: 'Inconsolata';
	font-style: normal;
	font-weight: 200 900;
	font-stretch: 50% 200%;
	src: url(../Fonts/Inconsolata/Inconsolata-VariableFont_wdth-wght.ttf) format('truetype-variations');
}

/*==Inconsolata-regular==*/

/*@font-face 
{
	font-family: 'Inconsolata';
	font-style: normal;
	font-weight: 400;
	src: url(../Fonts/Inconsolata/inconsolata-v32-latin_latin-ext-regular.woff2) format('woff2');
} */

/*==Inconsolata-bold==*/

/*@font-face 
{
	font-family: 'Inconsolata';
	font-style: normal;
	font-weight: 700;
	src: url(../Fonts/Inconsolata/inconsolata-v32-latin_latin-ext-700.woff2) format('woff2');
} */

/*==Inconsolata-ultra-expanded==*/

/*@font-face 
{
	font-family: Inconsolata;
	font-style: normal;
	font-weight: 400;
	font-stretch: 200%;
	font-display: swap;
	src: url(../Fonts/Inconsolata/inconsolata-v32-latin_latin-ext-regular_ultra-expanded.woff2) format('woff2'); 
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} */

/*==Mulish-regular==*/

@font-face 
{
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	src: url(../Fonts/Mulish/mulish-v13-latin_latin-ext-regular.woff2) format('woff2');
}

/*==Mulish-italic==*/

@font-face 
{
	font-family: 'Mulish';
	font-style: italic;
	font-weight: 400;
	src: url(../Fonts/Mulish/mulish-v13-latin_latin-ext-italic.woff2) format('woff2');
}

/*==Mulish-bold==*/

@font-face 
{
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 700;
	src: url(../Fonts/Mulish/mulish-v13-latin_latin-ext-700.woff2) format('woff2');
}

/*==Mulish-bold-italic==*/

@font-face 
{
	font-family: 'Mulish';
	font-style: italic;
	font-weight: 700;
	src: url(../Fonts/Mulish/mulish-v13-latin_latin-ext-700italic.woff2) format('woff2');
}

/*==Mulish-light==*/

@font-face 
{
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 300;
	src: url(../Fonts/Mulish/mulish-v13-latin_latin-ext-300.woff2) format('woff2');
}

/*==Mulish-light-italic==*/

@font-face 
{
	font-family: 'Mulish';
	font-style: italic;
	font-weight: 300;
	src: url(../Fonts/Mulish/mulish-v13-latin_latin-ext-300italic.woff2) format('woff2');
}

/*==Noto Sans Simplified Chinese regular==*/

@font-face 
{
	font-display: swap;
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/Noto_Sans_SC/noto-sans-sc-v26-chinese-simplified-regular.woff2') format('woff2');
}

/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
/*==font awesome solid==*/

@font-face 
{
	font-family: 'Font Awesome 6';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("../Fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
}

/*==font awesome regular==*/

@font-face 
{
	font-family: 'Font Awesome 6';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../Fonts/fontawesome/webfonts/fa-regular-400.woff2") format("woff2");
}

.fa,
.fas
{
	font-family: 'Font Awesome 6';
	font-weight: 900;
}

/*==Topic General Styles==*/

:root
{
	--link-color: #abd6ff;
	/* Define a root variable for link color */
	--text-color: #b2b2b2;
	/* Define a root variable for text color */
	--classificationUnclassified: #007a33;
	/* Define a root variable for the USAF UNCLASSIFIED classification banner standard. Font color should be white. */
	--classificationControlled: #502b85;
	/* Define a root variable for the USAF CUI classification banner standard. Font color should be white. */
	--common-font: Mulish;
	/* Define a root value for font-family */
	--dim-color: #595959;
	/* Define a root variable for a color that's dimmer than text color */
}

html
{
	font-size: 16px;
	line-height: 1.5;
}

body
{
	color: var(--text-color);
	font-family: var(--common-font);
	background: #292929;
}

.no-search .search-container
{
	display: none;
}

h1
{
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 8px;
	padding-bottom: 10px;
}

h2
{
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 4px;
	margin-top: 20px;
}

h3
{
	font-size: 1.3rem;
	font-weight: 400;
	font-weight: 400;
	margin-bottom: 4px;
	margin-top: 8px;
}

h4
{
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 4px;
	margin-top: 1rem;
}

h6
{
	font-size: 1rem;
	font-weight: 700;
	font-style: italic;
	margin: 1.5rem 0 8px 0;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

.side-logo img
{
	padding: 5px 3%;
}

a
{
	text-decoration: none !important;
}

.top
{
	vertical-align: top;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.center-svg
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.center2
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
}

.vertical-center
{
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.container
{
	position: relative;
}

.leftpad
{
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

p.toptable
{
	margin-top: 0pt;
	font-size: 9pt;
	margin-bottom: 0pt;
	line-height: 1em;
}

a.MCBreadcrumbsLink
{
	font-style: italic;
	text-decoration: none;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7rem;
	font-style: italic;
	mc-breadcrumbs-prefix: 'You are here: ';
	margin: 0 0 0 20px;
}

MadCap|xref
{
	color: #2D8DCC;
	font-weight: 400;
	text-decoration: none;
	mc-format: ;
}

MadCap|xref:hover
{
	color: #54d5d8;
}

.nav-search-wrapper
{
	position: absolute;
	width: 0px;
	height: 0px;
	margin: -100em -100em;
}

.padded
{
	margin: 0 20px;
}

/*== START Light/Dark Mode ==*/

html._Skins_noMode body
{
	color: var(--text-color);
	font-family: var(--common-font);
	line-height: 1.5em;
	background: #292929;
}

html._Skins_noMode img
{
	filter: brightness(.9) contrast(1.2);
}

html._Skins_noMode .button
{
	filter: invert(80%);
}

html._Skins_noMode.title-bar
{
	border-bottom: 1px solid var(--link-color);
}

html._Skins_noMode h1
{
	color: var(--text-color);
}

html._Skins_noMode h1#results-heading
{
	color: var(--text-color) !important;
}

html._Skins_noMode #resultList h3.title a:link
{
	color: var(--link-color);
}

html._Skins_noMode #resultList h3.title a:hover
{
	color: #fff !important;
}

html._Skins_noMode #resultList h3.title a:visited
{
	color: #e75480 !important;
}

html._Skins_noMode #resultList .url cite
{
	color: #2fa371 !important;
}

html._Skins_noMode a:visited
{
	color: var(--link-color);
}

html._Skins_noMode a,
html._Skins_noMode a:link,
button.dt-paging-button:link
{
	color: var(--link-color);
}

html._Skins_noMode a:hover,
button.dt-paging-button:hover
{
	color: #fff !important;
}

html._Skins_noMode a.MCBreadcrumbsLink:visited
{
	color: #ffffff;
}

html._Skins_noMode a.MCBreadcrumbsLink:hover
{
	color: var(--link-color);
	text-decoration: underline;
}

html._Skins_noMode div.cta:hover
{
	/*box-shadow: 0 10px 20px rgba(255,255,255,0.19), 0 6px 6px rgba(255,255,255,0.23);*/
	transform: scale(1.01);
}

html._Skins_noMode .side-content a
{
	color: var(--text-color) !important;
}

html._Skins_noMode .side-content a:hover
{
	color: #fff !important;
}

html._Skins_noMode div.side-menu a.selected
{
	color: var(--link-color) !important;
}

html._Skins_noMode div.side-menu a.selected:hover
{
	color: #1c5082 !important;
}

html._Skins_noMode div.side-menu a
{
	color: var(--text-color) !important;
}

html._Skins_noMode div.side-menu a:hover
{
	color: #fff !important;
}

html._Skins_noMode .toolbar-button-drop-down a
{
	color: var(--link-color) !important;
}

html._Skins_noMode .toolbar-button-drop-down.select-skin-drop-down
{
	background-color: #292929 !important;
}

html._Skins_noMode .toolbar-button-drop-down.select-skin-drop-down li:hover
{
	background-color: #1c5082 !important;
}

html._Skins_noMode .tooltip
{
	background-color: #707070;
	color: #ffffff;
}

html._Skins_noMode MadCap|dropDownHead.side-content a
{
	color: var(--text-color);
}

html._Skins_noMode MadCap|dropDownHead.side-content a:hover
{
	color: #fff;
}

html._Skins_noMode #pol
{
	content: url('../Images/Assets/otherPages/patterns-of-life_header_white.png');
	max-width: 800px;
}

html._Skins_noMode div.classbanner_footer,
html._Skins_Dark_Mode div.classbanner_header,
div.classbanner_footer,
div.classbanner_header
{
	color: #fff;
	background: var(--classificationUnclassified);
	/* USAF Classification banner standard color */
	min-height: 0 !important;
	font-family: Inconsolata;
	font-weight: 700;
	font-stretch: 200%;
	letter-spacing: 3px;
	text-align: center;
	font-size: 8pt;
	padding: 3px 2px 2px 2px;
	line-height: 0.8em;
	height: 15px;
	width: 100%;
	position: fixed;
	text-transform: uppercase;
	/* capitalize everything */
}

div.classbanner_footer
{
	bottom: 0;
	z-index: 1000;
}

div.classbanner_header
{
	top: 0;
	z-index: 1001;
}

/*==Footer==*/

.height-container
{
	position: inherit;
}

.footer-distributed section
{
	width: 100%;
	display: inline-block;
	background: #111;
	/*height: 50vh;*/
	text-align: center;
	font-size: 13px;
	font-weight: 400;
}

.footer-distributed
{
	background: #111;
	/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);*/
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font-weight: 400;
	padding: 0 14px;
	position: absolute;
	bottom: 15px;
	z-index: 5;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right
{
	display: inline-block;
	vertical-align: middle;
}

/* Footer left */

.footer-distributed .footer-left
{
	width: 35%;
	padding-left: 10px;
}

.footer-distributed .footer-left div
{
	vertical-align: middle;
}

/* The company logo */

.footer-logo2
{
	max-width: 140px;
	padding-right: 25px;
}

/* Footer links */

.footer-distributed .footer-links
{
	/*color:  #ffffff;*/
	margin: 20px 0 12px;
	padding: 0;
	font-size: 13px;
}

.footer-distributed .footer-links a
{
	display: inline-block;
	/*line-height: 1.8;*/
	/*font-weight:400;*/
	/*text-decoration: none;*/
	color: inherit;
}

/* Footer Center */

.footer-distributed .footer-center
{
	width: 29%;
	text-align: center;
}

.footer-distributed .footer-center p
{
	display: inline-block;
	/*color: #ffffff;*/
	/*font-weight:400;*/
	vertical-align: middle;
	margin: 0;
}

.footer-distributed .footer-links a:before
{
	content: "|";
	font-weight: 300;
	font-size: 16px;
	font-style: normal;
	left: 0;
	color: var(--text-color) !important;
	display: inline-block;
	padding: 0 15px;
	cursor: default;
}

.footer-distributed .footer-links .link-1:before
{
	content: none;
}

.footer-icon
{
	height: 40px;
	vertical-align: middle;
	padding: 0 10px;
}

/* Footer Right */

.footer-distributed .footer-right
{
	width: 35%;
	text-align: right;
}

.footer-distributed .footer-company-about
{
	line-height: 20px;
	color: var(--text-color);
	font-size: 13px;
	font-weight: 400;
	margin: 0;
}

.footer-distributed .footer-icons
{
	margin-top: 25px;
}

.footer-distributed .footer-icons a
{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color: #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
}

html._Skins_noMode .brightwhite
{
	color: white;
}

html._Skins_noMode p.note
{
	/*background-color: #f0ffff;*/
}

html._Skins_noMode .dataTables_filter input
{
	color: var(--text-color);
	border: 1px solid #5a5a5a;
}

/*== END Light/Dark Mode ==*/

.search-bar .search-field
{
	display: block;
}

/*==Master Page Topic Layout==*/

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

div.content-container
{
	margin-bottom: 2%;
	margin-top: 2%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding: 25px;
	min-height: 80vh;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: 1px solid #d3d3d3;
	width: 62%;
}

/*==Video Gallery Layout==*/

.videoWrapper
{
	position: relative;
	padding-bottom: 50%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
}

.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoDisplay
{
	width: 100%;
	max-width: 800px;
}

.column
{
	float: left;
	width: 33.33%;
}

.column2
{
	float: left;
	width: 50%;
}

.column2 object
{
	max-width: 480px;
}

/* Clear floats after the columns */

.row:after
{
	content: "";
	display: table;
	clear: both;
}

MadCap|dropDown
{
	mc-closed-image: url('../Fonts/fontawesome/svgs/solid/caret-right.svg');
	mc-open-image: url('../Fonts/fontawesome/svgs/solid/caret-down.svg');
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../Fonts/fontawesome/svgs/solid/caret-down.svg');
	filter: invert(86%) sepia(4%) saturate(6171%) hue-rotate(180deg) brightness(100%) contrast(103%);
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../Fonts/fontawesome/svgs/solid/caret-right.svg');
	filter: invert(86%) sepia(4%) saturate(6171%) hue-rotate(180deg) brightness(100%) contrast(103%);
}

.outdent
{
	margin-left: -20px;
}

.kb-outdent
{
	margin-left: 0px;
}

.indent3
{
	margin-left: 20px;
}

.kb
{
	filter: brightness(0) saturate(100%);
	margin-left: -1px;
}

.unfilter
{
	color: #000;
}

.unfilter-dim
{
	color: #888;
}

MadCap|glossaryTerm
{
	mc-closed-image: url('../Fonts/fontawesome/svgs/solid/angle-right-blue.svg');
	mc-open-image: url('../Fonts/fontawesome/svgs/solid/angles-right-blue.svg');
	mc-image-spacing: 1px;
	color: #e0bf00;
	font-weight: bold;
}

.MCExpanding_Closed .MCExpandingHotSpot_.MCHotSpotImage.MCExpandingHotSpot_Expanding
{
	padding-right: 0;
}

.MCExpanding_Open .MCExpandingHotSpot_.MCHotSpotImage.MCExpandingHotSpot_Expanding
{
	padding-right: 8px;
}

.MCExpanding_Image_Icon
{
	margin-left: -2px;
}

/*==Master Page Topic Layout==*/

nav.title-bar	/*Adds bottom border on top nav bar*/
{
	border-bottom: 1px solid #1c5082;
}

div.top-bar	/*Contains the breadcrumbs and toolbar*/
{
	/*border-bottom: 1px solid #d3d3d3;*/
	min-height: 30px;
	/*min-height is necessary for topics that are not included in a TOC.  Original was 50px*/
}

div.search-container
{
	padding: 10px 20px;
	width: 100%;
	margin-top: 0;
	margin-left: 20px;
}

/*==Elements for the left side of Master Page layout==*/

div.side-menu	/*This is the div that the menu proxy is contained in*/
{
	padding-left: 10px;
	margin-top: 15px;
}

div.side-content	/*This is the div for the side-content containing "Search Tips" and the "Contact Support" button*/
{
	margin: 0 20px 0 20px;
	padding-top: 10px;
}

a.fixedWidth
{
	text-decoration: none;
	font-family: Consolas, Inconsolata, monospace;
}

.fixedWidth a
{
	text-decoration: none;
	font-family: Consolas, Inconsolata, monospace;
}

.fixedWidth
{
	font-family: Consolas, Inconsolata, monospace;
}

.fixedWidthBold
{
	font-family: Consolas, Inconsolata, monospace;
	font-weight: 700;
}

MadCap|dropDownHead.side-content	/*Font properties for the "Search Tips" drop-down header */
{
	font-size: .8rem;
	font-weight: 700;
}

div.cta	/*Call to Action button / Contact Support button*/
{
	border-radius: 30px;
	padding: 6px 2px;
	border: 1px solid #1c5082;
	width: 162px;
	color: #fff !important;
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
	background-color: #1c5082;
	margin-top: 30px;
	font-weight: 700;
	line-height: 1em;
}

div.cta:active
{
	position: relative;
	top: 1px;
}

/*div.cta:hover	/*when hovering over the CTA button the following properties will apply*/

/*{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	transform: scale(1.01);
} */

a.cta:link
{
	color: #fff !important;
	text-decoration: none;
}

a.cta:visited
{
	color: #fff !important;
	text-decoration: none;
}

div.topic-layout	/*This layout was created using the Responsive Layout Editor in MadCap Flare.  Goto: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.topic-layout::before
{
	content: ' ';
	display: table;
}

div.topic-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topic-layout > div
{
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
}

/*div.topic-layout > div:nth-child(1)	/*Menu Proxy container*/

/*{
	padding-right: 20px;
	margin-left: 0%;
	border-right: 1px solid #d3c3d3;
}

div.topic-layout > div:nth-child(2)	/*Menu Proxy container*/

/*{
	width: 73%;
	margin-left: 2%;
} */

div.topic-layout > .search-container
{
	margin-left: 0 !important;
}

/* Tabs */

input[name="tabs"]	/* hide radio buttons */
{
	display: none;
}

input + label	/* show labels inline */
{
	display: inline-block;
	font-size: 1.3rem;
}

input ~ .tab
/* hide contents */
/* show contents only for selected tab */
{
	display: none;
}

#tab1:checked ~ .tab.content1,
#tab2:checked ~ .tab.content2,
#tab3:checked ~ .tab.content3,
#tab4:checked ~ .tab.content4,
#tab5:checked ~ .tab.content5,
#tab6:checked ~ .tab.content6,
#tab7:checked ~ .tab.content7,
#tab8:checked ~ .tab.content8,
#tab9:checked ~ .tab.content9,
#tab10:checked ~ .tab.content10,
#tab11:checked ~ .tab.content11,
#tab12:checked ~ .tab.content12
{
	display: block;
}

input + label
{
	/* box with rounded corner */
	border: 1px solid #999;
	background: #101010;
	padding: 4px 12px;
	border-radius: 6px 6px 0 0;
	position: relative;
	top: 1px;
}

input + label:hover
{
	background: #212121;
}

input:checked + label
{
	background: transparent;
	border-bottom: 2px solid #292929;
}

input ~ .tab
{
	border-top: 1px solid #999;
	padding: 12px;
}

a.clickbox
{
	display: block;
}

.img-classification
{
	font-size: 9pt;
	font-weight: 700;
	padding: 1em 0 0 0;
	margin: 0;
	text-align: left;
	line-height: 1.4;
}

.table-classification
{
	font-size: 9pt;
	font-weight: 700;
	margin: 0;
	text-align: left;
	line-height: 1;
}

span.red
{
	color: #ff0000;
}

object.videoDisplay
{
	padding: 5px;
}

u.controlled
{
	color: #ff0000;
}

/* *** From Library_Styles.css*** */

span.bold
{
	font-weight: 700;
}

span.italic
{
	font-style: italic;
}

caption
{
	font-weight: 700;
	font-style: normal;
	mc-auto-number-format: 'H: Table {n+}.  ';
	padding-bottom: 4px;
	padding-top: 15px;
}

figcaption
{
	mc-auto-number-format: 'GT:Figure {n+} ';
	text-align: center;
}

caption.figure
{
	mc-auto-number-format: 'GT:Figure {n+} ';
}

caption.figure-first
{
	mc-auto-number-format: 'GT:Figure {n=1} ';
}

div.figure
{
	font-weight: 700;
	mc-auto-number-format: 'GT:Figure {n+} ';
	text-align: left;
}

p.FigureTitle
{
	font-size: .9rem;
	margin-bottom: 8px;
	margin-top: 0;
	line-height: 1.1em;
	font-weight: 700;
	max-width: 95%;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	width: 90%;
	mc-auto-number-format: 'Figure {n+}.  ';
}

p.FigureTitle-first
{
	font-size: .9rem;
	margin-bottom: 8px;
	margin-top: 0;
	line-height: 1.1em;
	font-weight: 700;
	max-width: 95%;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	width: 90%;
	mc-auto-number-format: 'Figure {n=1}.  ';
}

p.FigureTitle-Unclass
{
	font-size: .9rem;
	margin-bottom: 8px;
	margin-top: 0;
	line-height: 1.1em;
	font-weight: 700;
	max-width: 95%;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	width: 90%;
	mc-auto-number-format: 'Figure {n+}.  (U) ';
}

caption.table
{
	mc-auto-number-format: 'GT:Table {n+} ';
}

caption.table-first
{
	mc-auto-number-format: 'GT:Table {n=1} ';
}

caption.table-Unclass
{
	mc-auto-number-format: 'GT:Table {n+} (U) ';
}

h6.Unclass
{
	padding-left: 5px;
	mc-auto-number-format: 'GT:(U) ';
	text-decoration: none;
}

p.tableUnclass
{
	margin-bottom: 12pt;
	max-width: 95%;
	padding-left: 1%;
	mc-leader-indent: 0;
	font-size: 0.8rem;
	font-style: italic;
	margin: 0;
	margin-top: 0;
	mc-dita-type: ;
}

li.Unclass
{
	font-size: 1rem;
	max-width: 95%;
	mc-auto-number-format: 'GT:(U) ';
}

p.img-classified
{
	font-size: 1rem;
	margin-top: 12pt;
	max-width: 95%;
	padding-left: 1%;
	margin-bottom: 12pt;
	padding: 0;
}

p.img-classification
{
	font-size: 9pt;
	font-weight: 700;
	padding: 1rem 0 0 0;
	margin: 0;
	text-align: left;
	line-height: 0.6;
}

p.table-classification
{
	font-size: 9pt;
	font-weight: 700;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1;
}

p.table-text
{
	font-size: 12pt;
}

img.classified
{
	border: none;
	max-width: 100%;
	padding-left: 3px;
	padding-top: -5px;
}

h3.Unclass
{
	font-weight: 400;
	font-size: 1.3rem;
	padding-left: 5px;
	mc-auto-number-format: 'GT:(U) ';
	text-decoration: none;
}

MadCap|xref.Fig_Table
{
	mc-format: '{paranumonly}';
	text-decoration: none;
}

MadCap|snippetBlock
{
	padding-top: 15px;
	padding-bottom: 15px;
}

p.note
{
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b}';
	overflow: hidden;
	border: solid 1px #3498db;
	font-weight: 400;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	background: #6c94bc;
	color: #fff;
}

p.note-Unclass
{
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b} (U) ';
	overflow: hidden;
	border: solid 1px #3498db;
	font-weight: 400;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	background: #6c94bc;
	color: #fff;
}

p.note-Unclass-y
{
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b} (U) ';
	overflow: hidden;
	border: solid 1px yellow;
	font-weight: 400;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
}

p.letter
{
	padding-top: 1em;
}

div.hours
{
	border-radius: 6px;
	line-height: 1.5em;
	/*mc-auto-number-format: '{b}Hours: {/b}';*/
	overflow: hidden;
	border: solid 1px #3498db;
	margin-top: 8px;
	margin-bottom: 10px;
	max-width: 95%;
	padding: 5px 10px 10px 45px;
	text-indent: -37px;
}

div.hours:before
{
	content: '\f017 \a0';
	font-family: 'Font Awesome 6';
	font-size: 1.6rem;
	font-weight: 400;
	position: relative;
	top: 4px;
	break-after: avoid;
	color: #3498db;
	text-rendering: auto;
	padding-right: 4px;
}

p.caution
{
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	border: solid 1px #f53143;
	background-color: #eaef83;
	font-weight: 400;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	mc-auto-number-format: '{b}Caution: {/b}';
}

p.caution-unclass
{
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	border: solid 1px #f53143;
	background-color: #eaef83;
	font-weight: 400;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	mc-auto-number-format: '{b}Caution: {/b} (U) ';
	color: #292929;
}

p.caution-unclass a
{
	color: #0066ca !important;
}

div.caution
{
	border-radius: 6px;
	line-height: 1.5em;
	overflow: hidden;
	border: solid 1px #f53143;
	font-weight: 400;
	margin-top: 8px;
	margin-bottom: 10px;
	max-width: 95%;
	padding: 5px 10px 10px 45px;
	text-indent: -37px;
}

div.caution2
{
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	border: solid 1px #f53143;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	background: #cf6679;
	color: #fff;
}

div.caution3
{
	background: url('../Fonts/fontawesome/svgs/solid/') center no-repeat;
	bottom: 0;
	width: 36px;
	height: 36px;
}

div.caution:before,
div.caution2:before
{
	content: '\f071 \a0';
	font-family: 'Font Awesome 6';
	font-size: 1.6rem;
	font-weight: 900;
	position: relative;
	top: 4px;
	break-after: avoid;
	color: #ff0;
	text-rendering: auto;
	padding-right: 4px;
}

p.warning
{
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	border: solid 1px #f53143;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	background: #cf6679;
	color: #fff;
	mc-auto-number-format: '{b}Warning! {/b}';
}

p.warning-unclass
{
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	border: solid 1px #f53143;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	background: #cf6679;
	color: #fff;
	mc-auto-number-format: '{b}Warning! {/b} (U) ';
}

div.warning
{
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	border: solid 1px #f53143;
	margin-top: 8px;
	max-width: 95%;
	padding: 10px 15px;
	background: #cf6679;
	color: #fff;
}

p.detail
{
	margin-top: 0;
	margin-bottom: 12pt;
	font-size: 0.7rem;
	font-style: italic;
	padding-top: 0;
}

div.Attribution
{
	position: fixed;
	bottom: 10px;
	width: 100%;
	text-align: right;
	font-size: 9pt;
	line-height: 0.9em;
	padding: 1.4em;
	z-index: 4;
}

h1.Unclass
{
	mc-auto-number-format: 'GT:(U) ';
}

h2.Unclass
{
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 1rem;
	mc-locked: unlocked;
	mc-auto-number-format: 'GT:(U) ';
}

h2.Indent
{
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: .5rem;
	mc-locked: unlocked;
}

h3.Unclass
{
	font-weight: 400;
	font-size: 1.3rem;
	padding-left: 1rem;
	mc-auto-number-format: 'GT:(U) ';
	text-decoration: none;
}

h3.Indent
{
	font-weight: 400;
	font-size: 1.3rem;
	padding-left: 1rem;
	mc-locked: unlocked;
}

h4.Indent
{
	margin: 12pt 0;
	max-width: 95%;
	padding-left: 1.5rem;
}

p.Unclass
{
	margin-bottom: 12pt;
	margin-top: 12pt;
	max-width: 95%;
	padding-left: 1rem;
	mc-auto-number-format: 'GT:(U) ';
}

p.Indent
{
	margin-bottom: 12pt;
	margin-top: 12pt;
	max-width: 95%;
	padding-left: 1rem;
}

div.Indent
{
	margin-bottom: 12pt;
	margin-top: 12pt;
	max-width: 95%;
	padding-left: 3rem;
}

p.Indent2
{
	margin-bottom: 12pt;
	margin-top: 12pt;
	max-width: 95%;
	padding-left: 1.5rem;
}

.Indent5
{
	padding-left: 1rem;
}

/* ***Other*** */

.fa-stack
{
	display: inline-block;
	height: 2rem;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5rem;
}

.fa-stack-1x,
.fa-stack-2x,
.fa-stack-1-3x
{
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.fa-stack-1x
{
	line-height: 1em;
}

.fa-stack-1-3x
{
	font-size: 1.3rem;
}

fa-stack-2x
{
	font-size: 2rem;
}

.fa-inverse
{
	color: #fff !important;
}

.fa-circle:before
{
	content: "\f111";
	text-rendering: auto;
}

.fa-check-circle
{
	color: #009900;
}

.fa-check-circle:before
{
	content: "\f058";
	text-rendering: auto;
}

.fa-times-circle
{
	color: #cc0000;
}

.fa-times-circle:before
{
	content: "\f057";
	text-rendering: auto;
}

.fa-video:before
{
	content: "\f03d";
}

.fa-bullhorn:before
{
	content: "\f0a1";
}

.fa-school:before
{
	content: "\f549";
}

.fa-laptop-house:before
{
	content: "\e066";
}

.fa-graduation-cap:before
{
	content: "\f19d";
	text-rendering: auto;
}

.fa-desktop:before
{
	content: "\f108";
	text-rendering: auto;
}

.fa-search:before
{
	content: "\f002";
	text-rendering: auto;
}

.fa-angle-right:before
{
	content: "\f105";
	padding: 0 0 0 0.5rem;
	text-rendering: auto;
}

.fa-angle-down:before
{
	content: "\f107";
	padding: 0 0 0 0.5rem;
	text-rendering: auto;
}

.fa-angle-right,
.fa-angle-down
{
	color: var(--link-color);
	font-size: 6rem;
	display: inline-block !important;
}

.fa-arrow-up
{
	color: var(--link-color);
	font-size: 2rem;
	display: inline-block !important;
}

.fa-angle-right a:hover,
.fa-angle-down a:hover,
.fa-arrow-up a:hover
{
	color: #fff !important;
}

.fa-exclamation-triangle
{
	color: #ffff00;
	font-size: 1rem;
	padding: 0 10px 0 0;
}

.fa-exclamation-triangle:before
{
	content: "\f071";
	text-rendering: auto;
}

.fa-star:before
{
	content: "\f005";
	text-rendering: auto;
}

.fa-star-half-stroke:before
{
	content: "\f5c0";
	text-rendering: auto;
}

.fa-quote-left:before
{
	content: "\f10d";
	text-rendering: auto;
}

.fa-quote-right:before
{
	content: "\f10e";
	text-rendering: auto;
}

.fa-arrow-up:before
{
	content: "\f062";
	text-rendering: auto;
}

.fa-video,
.fa-bullhorn,
.fa-school,
.fa-laptop-house,
.fa-graduation-cap,
.fa-desktop,
.fa-search
{
	font-size: 4rem;
	padding: 10px 0 0 0;
	color: #fff;
}

.fa-star,
.fa-star-half-stroke,
.fa-quote-left,
.fa-quote-right
{
	font-size: 1rem;
}

.fa-quote-left
{
	margin-left: -20px;
	padding-right: 3px;
}

.fa-quote-right
{
	padding-left: 3px;
}

.fa-star,
.fa-star-half-stroke
{
	padding: 0 2px;
}

.TableStyle-Library_TableStyles td p,
.TableStyle-Library_TableStyles td li
{
	margin-top: 0;
	margin-bottom: 0;
}

table#myTable
{
	
}

table#myTable p
{
	margin-top: 0;
	margin-bottom: 0;
}

/*==Vid Tiles section==*/

div.vid-tiles
{
	mc-grid-row: true;
	/*margin: 1% auto 1% auto;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.vid-tiles::before
{
	content: ' ';
	display: table;
}

div.vid-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.vid-tiles > div,
div.vid-tiles > a
{
	float: left;
	box-sizing: border-box;
	background-color: #383838;
	border-radius: 20px;
	border: 1px solid #d3d3d3;
	padding: 34px 10px 6px 10px;
	overflow: hidden;
	text-decoration: none;
	color: #565656;
	transition: transform 0s;
}

div.vid-tiles > div:hover,
div.vid-tiles > a:hover
{
	background-color: #454545;
	color: #4a91d6;
}

div.vid-tiles > div:active,
div.vid-tiles > a:active
{
	transform: translate(2px, 2px);
}

div.vid-tiles > div:nth-child(1),
div.vid-tiles > a:nth-child(1)
{
	width: 466px;
	float: left;
}

div.vid-tiles > div:nth-child(2),
div.vid-tiles > a:nth-child(2)
{
	width: 466px;
	float: right;
}

/*  Settings for HTML Video iFrame  */

.smart-player-embed-container
{
	margin-left: auto;
	margin-right: auto;
	max-width: 852px;
	height: 0;
	overflow: hidden;
	padding-top: calc(480 / 852 * 100%);
	position: relative;
}

.smart-player-embed-iframe
{
	top: 0;
	left: 0;
	width: 100%;
	max-width: 852px;
	height: 100%;
	max-height: 480px;
	allowfullscreen: true;
	position: absolute;
}

.smart-player-embed-iframe:-ms-fullscreen
{
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-height: 
)
{
	.smart-player-embed-iframe
	{
		max-height: 100vh;
	}
}

/*=Elements for text contained within each vid-tile=*/

p.tile-title,
p.tile-title2
{
	color: #fff;
	font-size: 1.4rem;
}

p.tile-title
{
	text-align: left;
}

p.tile-title a:link,
p.tile-title2 a:link
{
	color: #7e8890;
}

p.tile-title a:visited,
p.tile-title2 a:visited
{
	color: #7e8890;
}

p.tile-subtitle
{
	text-align: center;
	color: #fff;
	font-weight: 700;
}

p.tile-content
{
	text-align: center;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	padding-bottom: 1.4rem;
}

p.tile-items
{
	color: #7e8890;
	font-size: 0.7rem;
	text-align: center;
}

div.vid-box
{
	max-width: 640px;
}

div.vid-box > p
{
	margin-top: 0;
	line-height: 1em;
	padding-left: 0;
}

p.vid-class
{
	margin-top: 0;
	line-height: 1em;
	padding-left: 0;
}

div.mission
{
	text-align: center;
}

.btn-wrapper
{
	
}

.btn
{
	background-color: white;
	font-size: 10pt;
	font-weight: 400;
	text-align: center;
	width: 210px;
	border-radius: 4px;
	border: 1px solid;
	padding: 2px 4px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.btn-green,
.btn-green a:visited,
.btn-green a
{
	color: #28a745;
	border-color: #28a745;
}

.btn-green:hover,
.btn-green a:hover
{
	color: white !important;
	background-color: #28a745;
}

.btn-drk-blue,
.btn-drk-blue a:visited,
.btn-drk-blue a
{
	color: #1c5082;
	border-color: #1c5082;
}

.btn-drk-blue:hover,
.btn-drk-blue a:hover
{
	color: white !important;
	background-color: #1c5082;
}

.btn:active,
.btn-alert:active,
.btn-warning:active
{
	transform: translateY(1px);
}

/* Alert Messages */

.btn-alert
{
	font-size: 16px;
	border-radius: 6px;
	margin: 0 auto;
	mc-auto-number-format: '{b}\20e0 \a0 Error {/b}';
	overflow: hidden;
	max-width: 95%;
	width: 650px;
	text-align: left;
	padding: 5px 10px 5px 15px;
	color: #fff;
	background-color: #ee5f5b;
	border: 0;
}

.btn-alert a:visited,
.btn-alert a
{
	/*background-color: #ee5f5b;*/
}

.btn-alert:hover
{
	background-color: #fb8b88;
}

.btn-warning
{
	font-size: 16px;
	border-radius: 6px;
	margin: 0 auto;
	mc-auto-number-format: '{b}\26a0 Warning {/b}';
	overflow: hidden;
	max-width: 95%;
	width: 650px;
	text-align: left;
	padding: 5px 10px;
	color: #fff;
	background-color: #f89406;
	border: 0;
}

.btn-warning a:visited,
.btn-warning a
{
	/*background-color: #f89406;*/
}

.btn-warning:hover
{
	background-color: #fbaa38;
}

/* Data Tables */

.dataTables_filter
{
	margin-bottom: 10px;
}

/* Search */

tfoot input
{
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
}

/* to put table footer between header and first row, use the following */

tfoot
{
	display: table-row-group;
}

/* to put footer above table, use the following:
tfoot
{
	display: table-header-group;
}
*/

.dataTables_wrapper .dataTables_length select,
.dt-container .dt-length select
{
	color: var(--text-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
div.dt-container .dt-paging .dt-paging-button:active
{
	color: var(--text-color);
}

/* *** For each new version of data tables, remove the important tag from the color setting below in jquery.dataTables.css:
.dataTables_wrapper .dataTables_paginate .paginate_button
{
	color: #333 !important;
}
	*** Also comment-out the color tag of the following: */

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover
{
	/*color: #333 !important;*/
	color: var(--text-color) !important;
	border: 1px solid #555 !important;
	background: #111 !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover
{
	color: var(--text-color) !important;
}

div.dt-container .dt-paging .dt-paging-button
{
	color: var(--link-color);
	font-family: var(--common-font);
	font-size: 16px !important;
}

table.dataTable
{
	width: 100%;
}

.dt-scroll-body
{
	overflow-x: hidden !important;
}

.dt-container .dt-search
{
	float: right;
	text-align: right;
}

.dt-input
{
	color: var(--text-color);
}

div.dt-buttons,
div.dt-info
{
	float: left;
}

div.dt-info,
div.dt-paging
{
	padding-top: 0.755em;
}

div.dt-paging
{
	float: right;
}

/* Also comment-out the following section:

table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
*/

/* Look for more commented-out sections in that same file.  There are a few. */
/* *** File Export Buttons *** */

button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button
{
	color: #1c5082 !important;
	background: #fff !important;
	border: 1px solid #1c5082 !important;
	border-radius: 4px !important;
	padding: 2px 8px !important;
}

button.dt-button:active,
div.dt-button:active,
a.dt-button:active,
input.dt-button:active
{
	transform: translateY(1px) !important;
	background: #1c5082 !important;
	filter: none !important;
	box-shadow: none !important;
	color: white !important;
}

button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover,
input.dt-button:hover,
button.dt-paging-button:hover
{
	background-color: #1c5082 !important;
	color: white !important;
}

div.section2
{
	width: 62.5rem;
	padding: 0 2rem 0 0.5rem;
}

div.section3
{
	max-width: 85rem;
	padding: 0rem 2rem 0rem .5rem;
}

.vid-table,
table#myTable
{
	font-size: 11pt;
}

.vid-table tbody th,
.vid-table tbody td,
.vid-table tfoot td,
table#myTable tbody th,
table#myTable tbody td,
table#myTable tfoot td
{
	padding: 2px 10px !important;
}

.vid-table tfoot td,
table#myTable tfoot td
{
	font-size: 9pt;
}

.steps,
.steps2
{
	position: relative;
	top: 2px;
	padding: 0 1rem;
}

.steps
{
	font-size: 2rem;
}

.steps2
{
	font-size: 1.3rem;
}

.column-larger
{
	float: left;
}

.column-smaller
{
	float: left;
	width: 300px;
}

.big-logo
{
	padding: 0;
	float: right;
	width: 260px;
}

.footer-logo
{
	max-width: 100px;
}

/*==Get Started Tiles section==*/

div.get-started-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.get-started-tiles::before
{
	content: ' ';
	display: table;
}

div.get-started-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.get-started-tiles > div
{
	width: 32%;
	float: left;
}

div.get-started-tiles > div > p
{
	clear: both;
	font-size: 14px;
	padding-left: 10px;
}

div.get-started-tiles > div > a,
span.get-started-no-button
{
	float: left;
	box-sizing: border-box;
	width: 25em;
	background-color: #383838;
	color: #565656;
	border-radius: 20px;
	border: 1px solid #d3d3d3;
	padding: 34px 10px 6px 10px;
	overflow: hidden;
	transition: transform 0s;
	text-decoration: none;
	text-align: center;
}

div.get-started-tiles > div a:hover
{
	color: #4a91d6;
}

div.get-started-tiles > div a:active
{
	transform: translate(2px, 2px);
}

div.get-started-tiles > div:nth-child(1),
div.get-started-tiles > div:nth-child(2)
{
	width: 32%;
	padding-right: 1%;
}

div.get-started-tiles > div:nth-child(3)
{
	width: 32%;
}

.vert-space
{
	padding: 4em 0;
}

.vert-space-half
{
	padding: 2em 0;
}

.vert-space-quarter
{
	padding: 1em 0;
}

/* *** Star Rating *** */

.checked
{
	color: orange;
}

.faq-table td
{
	vertical-align: top;
}

/* FADE Flash */

.flash h1
{
	padding-top: 2rem;
}

.flash h2
{
	padding-top: 1.3rem;
	color: #eee;
}

.flash h3
{
	padding-top: 1rem;
}

.flash hr
{
	width: 80%;
}

.flashclass
{
	line-height: 1rem;
	padding-bottom: 1.5rem;
}

.anchor3
{
	display: block;
	position: relative;
	top: 50px;
	visibility: hidden;
}

.toc1
{
	margin-right: 1rem;
	margin-left: auto;
	position: fixed;
	top: 5rem;
	right: .1rem;
	padding-left: 1rem;
	line-height: 1rem;
	font-size: .9rem;
}

.toc1 ul,
.toc1 p
{
	list-style-type: none;
	background: #292929;
	box-shadow: 0 0 20px #292929;
	padding-left: 1rem;
}

.toc1 p
{
	margin-top: 1rem;
	margin-bottom: -.5rem;
	color: #eee;
}

.toc1-space2
{
	width: calc(100% - 10rem);
}

.steps-image
{
	height: 30px;
	position: relative;
	display: inline-block;
	top: 5px;
}

.steps-image-small
{
	height: 20px;
	position: relative;
	display: inline-block;
	top: 5px;
	margin-right: -5px;
}

.vid-images
{
	height: 100px;
}

.text-inline
{
	display: inline;
	padding-left: 1rem;
	position: absolute;
	top: 70px;
}

.vid-tiles > a:nth-child(1) > span	/* my last option to center the span */
{
	padding-left: 42px;
}

.vid-tiles > a:nth-child(2) > span	/* my last option to center the span */
{
	padding-left: 88px;
}

.hover-tile:hover
{
	background-color: #454545;
}

.kb-list ul,
.kb-list p
{
	list-style-type: none;
}

.kb-list li
{
	margin-left: -20px;
}

.kb-list td
{
	vertical-align: top;
}

#in20
{
	text-indent: 20px;
}

#out10
{
	margin-left: -10px;
}

.vert-line
{
	border-left: 1px solid #fafafa;
	position: relative;
	left: 50%;
	height: 500px;
}

.hanging-indent
{
	text-indent: -27px;
}

ul.no-bullets
{
	list-style-type: none;
}

.anchorjs-link
{
	font-size: 1rem !important;
}

.chinese
{
	font-family: 'Noto Sans SC';
	font-weight: 400;
}

/* Change Title Bar/Header to use SVG */

nav.title-bar a.logo
{
	background-color: transparent;
	background-image: url("../Images/Assets/Logos/FADE_plus_academy_white-text_horizontal.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	/*height: 50px;*/
	width: 430px;
	margin-top: 1px;
	margin-bottom: 8px;
	mc-hidden: hidden;
}

/* Change search icon to SVG */

.search-bar.search-bar-container._Skins_SearchHome.mc-component .search-submit,
.search-bar.search-bar-container._Skins_SearchSetup.mc-component .search-submit,
.search-bar.search-bar-container .search-submit
{
	width: 36px;
	background: transparent url('../Images/Assets/Icons/MainIcons/icon-search_20px.svg') no-repeat center center;
	margin-right: 6px;
}

.search-bar.search-bar-container._Skins_SearchHome.mc-component .search-submit:hover,
.search-bar.search-bar-container._Skins_SearchSetup.mc-component .search-submit:hover,
.search-bar.search-bar-container .search-submit:hover
{
	background: transparent url('../Images/Assets/Icons/MainIcons/icon-search_20px.svg') no-repeat center center;
}

.search-bar.search-bar-container._Skins_SearchTopics.mc-component .search-submit
{
	width: 36px;
	background: transparent url('../Images/Assets/Icons/MainIcons/icon-search.svg') no-repeat center center;
	margin-right: 6px;
}

.search-bar.search-bar-container._Skins_SearchTopics.mc-component .search-submit:hover
{
	background: transparent url('../Images/Assets/Icons/MainIcons/icon-search.svg') no-repeat center center;
}

.search-bar._Skins_SearchTopics.mc-component .search-submit
{
	border: 0;
}

/* Rel Notes Panel */

section.panel,
section.panel2
{
	border: 1px solid var(--dim-color);
	border-radius: 10px;
	padding: 1rem;
}

section.panel h3,
section.panel2 h3
{
	padding-left: 1rem;
}

section.panel h4,
section.panel2 h4
{
	padding-left: 1.4rem;
}

section.panel h4 > p,
section.panel h4 > ul,
section.panel2 h4 > p,
section.panel2 h4 > ul
{
	padding-left: 3.2rem;
}

section.panel h2
{
	margin-top: 0;
}

.panel2[ic]::before
{
	content: '';
	display: block;
	height: 500px;
	margin-top: -500px;
	visibility: hidden;
}

section.panel p,
section.panel ul,
section.panel2 p,
section.panel2 ul
{
	padding-left: 3rem;
}

p.rel-date
{
	/*margin-top: -0.8rem;*/
	padding-left: 2.2rem;
	padding-bottom: 0;
}

.steps2-keep-text
{
	display: none;
}

.top-button
{
	position: fixed;
	bottom: 80px;
	right: 30px;
	max-width: 50px;
	max-height: 50px;
	width: 100%;
	height: 100%;
	padding: .5px;
	border-radius: 50%;
	border: none;
	outline: none;
	justify-content: center;
	background: linear-gradient(#737373, #333333);
	background-size: auto 150%;
	background-position: 0 100%;
	box-shadow: 0 1px 3px 0px rgba(#0f0f0f, .5), inset 0 1px rgba(#fff, .2);
	cursor: pointer;
	
	&:hover {background-position: 0 50%;}
	
	&:active {transform: translate(1px, 1px);}
}

a:hover .top-button-image
{
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(305deg) brightness(106%) contrast(101%) !important;
}

.top-button-image
{
	filter: invert(79%) sepia(9%) saturate(1293%) hue-rotate(175deg) brightness(101%) contrast(102%) drop-shadow(#222 3px 3px 3px) !important;
	width: 1.7rem;
	display: inline-block !important;
}

/*.SearchHighlight1,
.SearchHighlight2,
.SearchHighlight3,
.SearchHighlight4,
.SearchHighlight5,
.SearchHighlight6,
.SearchHighlight7,
.SearchHighlight8
{
	text-decoration: underline;
	text-decoration-thickness: 3px;
}*/
span.SearchHighlight1
{
	/*text-decoration-color: yellow;*/
	background-color: #ffff00;
}
span.SearchHighlight2
{
	/*text-decoration-color: #ff9933;*/
	background-color: #ff9933;
}
span.SearchHighlight3
{
	/*text-decoration-color: #33c4ff;*/
	background-color: #33c4ff;
}
span.SearchHighlight4
{
	/*text-decoration-color: #1fe716;*/
	background-color: #1fe716;
}
span.SearchHighlight5
{
	/*text-decoration-color: #d321ff;*/
	background-color: #d321ff;
}
span.SearchHighlight6
{
	/*text-decoration-color: #ff212b;*/
	background-color: #ff212b;
}
span.SearchHighlight7
{
	/*text-decoration-color: #4a02d1;*/
	background-color: #4a02d1;
}
span.SearchHighlight8
{
	/*text-decoration-color: #4a02d1;*/
	background-color: #4a02d1;
}
