/*<meta />*/

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

/*===========================================================================================================================================================

Comments in this style sheet separate sections (e.g., paragraph styles, heading styles, etc.).

===========================================================================================================================================================*/

/* ----- GLOBAL FORMATS ----- */
/* ----- EMBEDDED FONTS ----- */

@font-face 
{
	font-family: 'Plus Jakarta Sans';
	src: url(../Fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf);
}

/* ----- COLOR VARIABLES ----- */

:root
{
	--Primary1: #005654;
	/* -- FT Green; H1, H3, and upper hero background on Home page -- */
	--Primary2: #545747;
	/* -- FT Gray Tint 1; H2, H4, H5, H6 on topics pages -- */
	--Primary3: #00e091;
	/* -- FT Mint Tint; H2 on Home page -- */
	--Primary4: #b3f6de;
	/* -- FT Logo Light Mint; background TOC shading in the side menu proxy. This shade is not in the FinThrive palette; it is in the logo. --*/
	--Primary5: #282d2d;
	/* -- FT Gray -- */
	--Accent1: #80f2c3;
	/* -- FT Mint Tint 1 -- */
	--Accent2: #c0f9e1;
	/* -- FT Mint Tint 2 -- */
	--Accent3: #d4faec;
	/* -- FT Mint Tint 3 -- */
	--Accent4: #ffca98;
	/* -- FT Coral Tint 2 -- */
	--Accent5: #f87a3a;
	/* -- FT Coral Tint 0; used for H5 drop-downs -- */
	--Glossary: #005654;
	/* -- FT Green -- */
}

/* ----- PARAGRAPH STYLES ----- */

body
{
	font-size: .92em;
	font-family: "Plus Jakarta Sans", Arial, sans-serif;
}

p
{
	margin-top: 6pt;
	margin-bottom: 6pt;
}

p.AuthorNote
{
	font-size: 12pt;
	color: #616E14;
	background-color: #daE691;
	border: solid 1px #bfd62f;
	box-sizing: content-box;
	padding: 6px;
	border-radius: 8px;
	mc-conditions: 'Primary.Internal_DocTeam';
}

p.Footer
{
	font-size: 10pt;
	text-align: center;
}

p.Note
{
	font-style: italic;
	mc-auto-number-format: '{b}Note: {/b}';
}

p.Important
{
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url('../Images/Important_icon.png');
	background-position: left 6px;
	padding: 20px 10px 23px 80px;
	max-width: 90%;
}

p.TableText
{
	margin-top: 0pt;
	margin-bottom: 3pt;
}

p.TableNote
{
	mc-auto-number-format: '{b}Note: {/b}';
	font-style: italic;
	margin-top: 3pt;
	margin-bottom: 3pt;
}

/* ----- Still used? ----- */

p.Header
{
	font-family: Arial;
	font-size: 12pt;
	margin-top: 12pt;
	margin-bottom: 0pt;
}

/* ----- INDENT STYLES ----- */

div.indent
{
	margin-left: 20px;
}

/*---- The following indent styles can still be used, but div.indent is preferred ----*/

.indent_20px
{
	margin-left: 20px;
}

.indent_40px
{
	margin-left: 40px;
}

.indent_60px
{
	margin-left: 60px;
}

.indent_80px
{
	margin-left: 80px;
}

/* ----- HEADING STYLES ----- */

h1
{
	font-size: 2em;
	font-weight: bold;
	color: #005654;
	margin-top: 16pt;
	margin-bottom: 12pt;
	page-break-before: always;
}

h2
{
	font-size: 1.5em;
	color: #545747;
	margin-top: 12pt;
	margin-bottom: 6pt;
}

h3
{
	font-size: 1.25em;
	color: #005654;
	margin-top: 12pt;
	margin-bottom: 6pt;
}

h4
{
	font-size: 1.15em;
	color: #545747;
	margin-top: 12pt;
	margin-bottom: 6pt;
}

h5
{
	font-size: 1.1em;
	color: #f87a3a;
	margin-top: 12pt;
	margin-bottom: 6pt;
}

h6
{
	font-size: 1em;
	color: #545747;
	margin-top: 12pt;
	margin-bottom: 6pt;
}

.noTOC	/* Used to keep headings from appearing in a Table of Contents (e.g., a "Contents" title).*/
{
	mc-heading-level: 0;
}

.ProductName	/*Used with the side menu in top nav. Displays the Product Name in the OtherTopics tempalte page. Used instead of H3 to keep this from appearing/repeating in auto-generated TOCs. */
{
	font-size: 1.25em;
	font-weight: bold;
	color: #005654;
	margin-top: 12pt;
	margin-bottom: 6pt;
}

/*== Image Styles==*/

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

img.BorderOnly
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

img.W25PercentPopup
{
	mc-thumbnail: popup;
	mc-thumbnail-min-width: 25%;
	mc-thumbnail-max-width: 500px;
	mc-thumbnail-max-height: auto;
}

img.W250PxPopUp
{
	mc-thumbnail: popup;
	mc-thumbnail-min-width: 50%;
	mc-thumbnail-max-width: 250px;
	mc-thumbnail-max-height: auto;
}

img.W300
{
	width: 300px;
	height: auto;
}

img.w500
{
	width: 500px;
	height: auto;
}

img.W500PxPopUp
{
	mc-thumbnail: popup;
	mc-thumbnail-min-width: 50%;
	mc-thumbnail-max-width: 500px;
	mc-thumbnail-max-height: auto;
}

img.w600
{
	height: auto;
	width: 600px;
}

img.Thumbnail
{
	mc-thumbnail: hover;
	mc-conditions: 'Primary.HTML_Only';
}

a.Popup_Gif
{
	mc-popup-width: 950;
	mc-popup-height: 800;
}

/* ----- LIST STYLES ----- */
/* ----- ol STYLES ----- */

ol
{
	margin-top: 6pt;
	margin-bottom: 6pt;
}

/* ----- li STYLES ----- */

li
{
	margin-top: 6pt;
	margin-bottom: 6pt;
}

li.ListParagraph
{
	text-indent: 0px;
}

li.ListParagraph_1
{
	mc-disabled: true;
}

li.ListParagraph_2
{
	mc-disabled: true;
}

li.ListParagraph_3
{
	margin-top: 3pt;
	margin-bottom: 3pt;
	margin-left: 90pt;
	mc-disabled: true;
}

li.ListParagraph_4
{
	mc-disabled: true;
}

/* ----- ul STYLES ----- */

ul
{
	margin-bottom: 6pt;
	margin-top: 6pt;
	list-style-type: disc;
}

ul.ul_2
{
	margin-left: 20px;
	list-style-type: circle;
}

ul.ul_3
{
	list-style-type: disc;
	margin-left: 72pt;
	mc-disabled: true;
}

ul.ul_4
{
	list-style-type: circle;
	margin-left: 36pt;
	mc-disabled: true;
}

ul.CheckList
{
	list-style-image: none;
	margin-bottom: 12pt;
	margin-top: 12pt;
}

ul.CheckList > li::marker
{
	font-family: Wingdings;
	content: 'o';
}

ul.ExtendedNote
{
	font-family: Arial;
	font-size: 12pt;
	margin-top: 12pt;
	margin-bottom: 12pt;
	background-color: #dcdcdc;
	background-image: url('../images/note(small).png');
	background-position-x: 5px;
	background-position-y: 5px;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 70px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #808080;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #808080;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #808080;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #808080;
}

/* ----- TESTING UNDERLINE IN TOP NAV TOC
ul.navigation a
{
	text-decoration: underline;
}
----- */

/* ----- UNSORTED STYLES ----- */

a.Hyperlink
{
	color: #0000FF;
	text-decoration: underline;
}

a.Popup
{
	masterpage: TopicPopUp;
	mc-popup-width: 650;
	mc-popup-height: 325;
}

a:link
{
	color: #0000EE;
}

a:visited
{
	color: #0000EE;
}

button
{
	font: inherit;
}

caption
{
	text-align: left;
	font-weight: bold;
}

html.NoMiniTOC
{
	
}

/* ----- SPAN STYLES ----- */

span.UIElement	/*Span class for user interface elements.*/
{
	font-weight: bold;
}

span.Hyperlink
{
	color: #0000FF;
	text-decoration: underline;
}

span.SearchHighlight1
{
	color: #000000;
	background-color: #ffff66;
}

span.SearchHighlight10
{
	color: #ffffff;
	background-color: #990099;
}

span.SearchHighlight2
{
	color: #000000;
	background-color: #a0ffff;
}

span.SearchHighlight3
{
	color: #000000;
	background-color: #99ff99;
}

span.SearchHighlight4
{
	color: #000000;
	background-color: #ff9999;
}

span.SearchHighlight5
{
	color: #000000;
	background-color: #ff66ff;
}

span.SearchHighlight6
{
	color: #ffffff;
	background-color: #880000;
}

span.SearchHighlight7
{
	color: #ffffff;
	background-color: #00aa00;
}

span.SearchHighlight8
{
	color: #ffffff;
	background-color: #886800;
}

span.SearchHighlight9
{
	color: #ffffff;
	background-color: #004699;
}

/*==MadCap TOC Styles==*/

a.MiniTOC1:link
{
	text-decoration: underline;
	color: #0000ff;
}

a.MiniTOC2:link
{
	text-decoration: underline;
	color: #0000ff;
}

a.MiniTOC3:link
{
	text-decoration: underline;
	color: #0000ff;
}

a.MiniTOC4:link
{
	text-decoration: underline;
	color: #0000ff;
}

p.MiniTOC1
{
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	display: list-item;
	padding: 1px;
	margin-top: 2px;
	margin: 1px;
	mc-leader-offset: 0pt;
}

p.MiniTOC2
{
	text-decoration: underline;
	display: list-item;
	margin: 1px;
	list-style-position: inside;
	padding-left: 2px;
}

p.MiniTOC3
{
	text-decoration: underline;
	display: list-item;
	margin: 1px;
	padding-left: 25px;
	list-style-position: inside;
}

p.MiniTOC4
{
	text-decoration: underline;
	display: list-item;
	margin: 1px;
	padding-left: 50px;
	list-style-position: inside;
}

/*==Drop-Down Heading Styles==*/

MadCap|dropDownHead
{
	font-size: 12pt;
	color: #000000;
	margin-bottom: 6pt;
	mc-conditions: 'Primary.HTML_Only';
}

MadCap|dropDownHead.DropDown_h2
{
	font-size: 16pt;
	font-weight: bold;
	color: #545747;
	margin-top: 12pt;
}

.dropDownHead.dropDownHeadDropDown_h2 a
{
	font-size: 16pt;
	font-weight: bold;
	color: #545747;
}

MadCap|dropDownHead.DropDown_h3
{
	font-size: 14pt;
	font-weight: bold;
	color: #005654;
	margin-top: 12pt;
}

.dropDownHead.dropDownHeadDropDown_h3 a
{
	font-size: 14pt;
	font-weight: bold;
	color: #005654;
}

MadCap|dropDownHead.DropDown_h4
{
	font-size: 12pt;
	font-weight: bold;
	color: #545747;
	margin-top: 12pt;
}

.dropDownHead.dropDownHeadDropDown_h4 a
{
	font-size: 12pt;
	font-weight: bold;
	color: #545747;
}

MadCap|dropDownHead.DropDown_h5
{
	font-size: 12pt;
	font-weight: bold;
	color: #f87a3a;
	margin-top: 12pt;
}

.dropDownHead.dropDownHeadDropDown_h5 a
{
	font-size: 12pt;
	font-weight: bold;
	color: #f87a3a;
}

/*==MadCap Styles==*/

.micro-content-container .micro-response .topic-only
{
	display: none;
}

a.MCBreadcrumbsLink
{
	text-decoration: underline;
}

a.MCBreadcrumbsLink:hover
{
	color: #000000;
}

MadCap|breadcrumbsProxy
{
	font-size: 11pt;
	font-style: italic;
	border-bottom-style: none;
	mc-breadcrumbs-count: 8;
}

MadCap|xref
{
	color: #0000EE;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: #0000EE;
}

MadCap|dropDownBody
{
	border-bottom: 1px solid #d3d3d3;
}

MadCap|dropDown	/*Change the "mc-open-image" and "mc-closed-image" properties to change the icons used in drop-downs*/
{
	mc-closed-image: url('../Images/ic_expand_15px.png');
	mc-disabled: false;
	mc-open-image: url('../Images/ic_collapse_15px.png');
}

MadCap|glossaryTerm	/*The mc-closed and mc-open properties are set to none to remove the default hover icon, which is being mistaken for a video play button. */
{
	mc-hyphenate: true;
	color: #005654;
	font-size: inherit;
	font-weight: bold;
	mc-closed-image: none;
	mc-open-image: none;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

/*-- Glossary Page Styles --*/

div.GlossaryPageTerm
{
	font-weight: bold;
}

li.GlossaryPageEntry	/* Required to suppress bullets in HTML5 Target */
{
	list-style-type: none;
}

MadCap|glossaryProxy
{
	border-top: none;
}

/*==Master Page Topic Layout==*/

nav.title-bar	/*Adds bottom border on top navigation bar*/
{
	border-bottom: 1px solid #d3d3d3;
}

div.top-bar	/*Contains the breadcrumbs and toolbar*/
{
	border-bottom: 1px solid #d3d3d3;
	min-height: 50px;
	/*Min-height is necessary for topics that are not included in a TOC*/
}

div.search-container
{
	padding-bottom: 20px;
}

/*==Elements for the left side of Master Page layout==*/

div.side-menu	/*This div contains the product name, the side menu proxy, and the search tips drop-down.*/
{
	padding-left: 10px;
	margin-top: 15px;
	padding-bottom: 10px;
}

div.side-content	/*This div contains the Search Tops drop-down and the Contact Support button.*/
{
	padding-top: 10px;
	background: #ffffff;
}

div.side-menu-proxy	/* This div contains the side menu. The light mint background color is in the logo, but not in the brand color set. */
{
	background-color: #b3f6de;
}

MadCap|dropDownHead.side-content	/*Font properties for the "Search Tips" drop-down head */
{
	font-size: 1.1em;
	font-weight: bold;
}

div.cta div.cta:hover
/*Call to action button/Contact Support button
{
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	padding: 2px 0px;
	border: 2px solid var(--Primary1);
	width: 162px;
	background-color: var(--Primary1);
	color: #ffffff;
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
	margin-top: 20px;
	margin-bottom: 20px;
}
 */
/*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;
	text-decoration: none;
}

a.cta:visited
{
	color: #FFF;
	text-decoration: none;
}

div.topic-layout	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: 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;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.topic-layout > div:nth-child(1)	/*Menu Proxy container*/
{
	width: 25%;
	margin-left: 0%;
	border-right: 1px solid #d3d3d3;
}

div.topic-layout > div:nth-child(2)
{
	width: 73%;
	margin-left: 2%;
}

/* Back To Top Button === This section contains the CSS code for styling the Back To Top button */

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #ffffff;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #005654;
}

#myBtn:hover
{
	color: #f87a3a;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-width: 1279px)
{
	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 98%;
		margin-left: 2%;
	}
}

@media only screen and (max-width: 767px)
{
	div.top-bar
	{
		min-height: 0;
	}

	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 98%;
		margin-left: 2%;
	}
}

@media print
{
	p.Important
	{
		max-width: 100%;
		page-break-inside: avoid;
	}
}