@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.

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

/* Madcap variables */

:root
{
	/* Slate 100 - home page search background */
	--Slate100: #EEF2F6;
	/* Slate 200 - used for highlight hover on drop down menus, also to hover in left menu, background on table headings, normal state of home page buttons, and normal back to top button */
	--Slate200: #DCE5EF;
	/* Slate 400 - used for main body text*/
	--Slate400: #65758B;
	/* Slate 500 - used for headings, and table lines, text in table header, text in table column 1, accordion links  */
	--Slate500: #48566A;
	/* Slate 800 - used for breadcrumbs */
	--Slate800: #0F1729;
	/* Gray 100 - used for main menu drop down background */
	--Gray100: #FAFAFA;
	/* Gray 300 - used for image outlines */
	--Gray300: #B3B3B3;
	/* Gray 600 - used for left menu text secondary headings */
	--Gray600: #666666;
	/* Gray 800 - used for left menu text main headings */
	--Gray800: #333333;
	/* Primary 100 - used for highlighted search terms */
	--Primary100: #F1ECF8;
	/* Primary 200 - used for hover over on back to top button */
	--Primary200: #F0E5FF;
	/* Primary 300 - background to internal only notes */
	--Primary300: #E3CBFC;
	/* Primary 400 - background to internal only notes */
	--Primary400: #BC8EF7;
	/* Primary 500 - used for hover over on links, used for hover over on home page buttons */
	--Primary500: #7342B8;
	/* Warning 100 - used for background on warning boxes */
	--Warning100: #FFE29E;
	/* Info 100 - used for background on information and tips boxes */
	--Info100: #EEF2F6;
	/* Light 100 - background and buttons */
	--Light100: #FFFFFF;
	/* Headings Font */
	--CorpHeadFont: Inter;
	/* Body Font */
	--CorpBodyFont: Inter;
}

/*==Topic General Styles==*/

.keyword
{
	font-weight: 600;
}

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

img.screen
{
	max-width: 100%;
	border: solid 1px var(--Gray300);
}

/* Image boarder if no border exists */

h3.CenterHeading
{
	text-align: center;
}

p.TableContentCenter
{
	text-align: center;
}

td.AlignTopLeft
{
	text-align: left;
	vertical-align: top;
}

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

MadCap|xref
{
	mc-format: {para};
	color: var(--Slate400);
	text-decoration: underline;
	font-weight: 600;
}

MadCap|xref:hover
{
	font-weight: 600;
}

MadCap|dropDownHotspot
{
	font-weight: 600;
}

MadCap|dropDownBody
{
	
}

MadCap|dropDown	/*Change the "mc-open-image" and "mc-closed-image" properties to change the icons used in drop-downs*/
{
	mc-open-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAArElEQVQYlbXNIU4DURRG4W9KtwAKhWMD2OYJGEUCgmAIvk3wuJurYAPdQF0Fe3gkhAQMEofCIakhiNYMyWSC7W/PueeyrTWZeYMjXEfEeihkZoMFXsc4xTG+MfsnOMcV9kY4wzOmmXk3qN5j2vHznVrrbynlAS0uSik/tdanzLxF4A0nEbFqepVdPOIQS1ziHZOI+IJm8Ha/OzjARyd+/vFRX+5Aixe0fXG72wBJmzUpXXAtaQAAAABJRU5ErkJggg==);
	mc-closed-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAt0lEQVQYlZ3RIUuEURCF4edTu0ns/giD7QYVFoQtgkG2G8zahmn7B8Qutu0WBW8yWIw2k21BsAg2yyqXy6LgSYeZlzkHZrBQZp7iAOOI+LBEK43fxi5uM3P9L3iCS+zgPjM3enjoB5k5xRmesRcRr9+71R6utd6VUj5xhHEp5abW+tbX+FFETDHDFq6XdW6rnOMQLzj+V+ehgQZc4ARP2I+IeXtorfFXi8gHjCLivU9t4Uds+uWDXyqPNo3fX/A7AAAAAElFTkSuQmCC);
}

.internal
{
	overflow: hidden;
	color: var(--Slate800);
	mc-auto-number-format: {b}Internal Notes:{/b}  ;
	padding: 10px 10px;
	background: var(--Primary100);
}

p.internal
{
	overflow: hidden;
	color: var(--Slate800);
	mc-auto-number-format: {b}Internal Notes:{/b}  ;
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	page-break-inside: avoid;
	background: var(--Primary100);
}

.internal-no-suffix
{
	overflow: hidden;
	color: var(--Slate800);
	padding: 10px 10px;
	background: var(--Primary100);
}

/*==Style definitions for the callouts==*/

p.info
{
	overflow: hidden;
	color: var(--Slate800);
	mc-auto-number-format: {b}Information:{/b}  ;
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	page-break-inside: avoid;
	background: var(--Info100);
}

p.tip
{
	overflow: hidden;
	color: var(--Slate800);
	mc-auto-number-format: {b}Tip:{/b}  ;
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	page-break-inside: avoid;
	background: var(--Info100);
}

p.warn
{
	overflow: hidden;
	color: var(--Slate800);
	mc-auto-number-format: {b}Warning:{/b}  ;
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	page-break-inside: avoid;
	background: var(--Warning100);
}

p.calc
{
	overflow: hidden;
	text-align: center;
	color: var(--Slate800);
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	page-break-inside: avoid;
	background: var(--Info100);
}

/* Elements for the related topics button */

MadCap|relatedTopics
{
	mc-conditions: General.ExcludeFromZendesk;
}

MadCap|relatedTopics:hover
{
	mc-conditions: General.ExcludeFromZendesk;
}

.link-list-popup ul li:hover
{
	mc-conditions: General.ExcludeFromZendesk;
}

MadCap|relatedTopicsControlList
{
	mc-conditions: General.ExcludeFromZendesk;
}

MadCap|relatedTopicsControlListItemLink:hover
{
	mc-conditions: General.ExcludeFromZendesk;
}

MadCap|relatedTopicsControlListItemLink
{
	mc-conditions: General.ExcludeFromZendesk;
}

MadCap|relatedTopicsControlListItem
{
	mc-conditions: General.ExcludeFromZendesk;
}

.link-list-popup
{
	mc-conditions: General.ExcludeFromZendesk;
}

/* Elements for the back to top button */

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 1em;
	font-weight: 500;
	border: none;
	outline: none;
	color: var(--Gray800);
	cursor: pointer;
	padding: 10px;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--Slate200);
}

#myBtn:hover
{
	color: var(--Gray800);
	background-color: var(--Primary200);
}

h1
{
	
}