/*<meta />*/

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

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

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.

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

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(Fonts/Roboto-300.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(Fonts/Roboto-400.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(Fonts/Roboto-500.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(Fonts/Roboto-700.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

/* Skin Customizations */

div.logo-wrapper::after	/* adds the API text after the logo*/
{
	content: "API";
	font-family: 'roboto', opensans, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #EE3025;
	padding-top: 6px;
	padding-left: 3px;
}

.nav-search	/* position the search box below the logo */
{
	position: absolute;
	top: 60px;
	left: 15px;
}

.body-container	/* adjust padding on the topic container */
{
	padding-top: 0;
	padding-left: 60px;
	padding-right: 60px;
}

.search-bar .search-submit	/* remove the double border on the search button */
{
	border-top: none;
	border-right: none;
	border-bottom: none;
}

li.is-accordion-submenu-parent	/* style a parent entry differently in the TOC */
{
	text-transform: ;
}

ul.sidenav ul > li > a	/* padding for items in the TOC */
{
	padding-top: 3px;
	padding-bottom: 3px;
}

#resultList h3.title	/* change search results styles */
{
	font-weight: normal;
	font-size: 1em;
	padding-top: 0px;
	border-bottom: none;
}

/* drop-down lists */

select
{
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, 'Roboto', Helvetica Neue, sans-serif;
	border: 1px solid #CCC;
	border-radius: 3px;
}

/* Buttons */

.button
{
	background-color: #fff;
	border: 2px solid #red;
	color: black;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

.button:hover
{
	background-color: red;
	color: white;
}

/* Fonts */

@font-face 
{
	font-family: 'opensans';
	src: url('Fonts/OpenSans-Regular.ttf'), url('Fonts/OpenSans-Bold.ttf'), url('Fonts/OpenSans-BoldItalic.ttf'), url('Fonts/OpenSans-Italic.ttf'), url('Fonts/OpenSans-Light.ttf'), url('Fonts/OpenSans-LightItalic.ttf'), url('Fonts/OpenSans-Semibold.ttf'), url('Fonts/OpenSans-SemiboldItalic.ttf'), url('Fonts/OpenSans-ExtraBold.ttf'), url('Fonts/OpenSans-ExtraBoldItalic.ttf');
}

/*==Topic General Styles==*/

body
{
	color: #404040;
	line-height: 1.7em;
	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, 'Roboto', opensans, Helvetica Neue, sans-serif;
}

h1
{
	font-size: 1.75em;
	color: #45494c;
	font-weight: normal;
	margin-top: 0;
}

h2
{
	font-weight: normal;
	font-size: 1.5em;
	border-top: 1px solid #dadada;
	padding-top: 40px;
}

h3
{
	font-weight: normal;
	font-size: 1.3em;
	border-bottom: 1px solid #dadada;
	padding-top: 40px;
}

h4
{
	font-weight: normal;
	font-size: 1.2em;
	padding-top: 20px;
}

h5
{
	font-weight: bold;
	font-size: 1em;
}

h6
{
	font-weight: bold;
	font-size: .8em;
}

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

p
{
	font-size: 1em;
	line-height: 1.66em;
	letter-spacing: 0.25;
}

p.Option
{
	margin-left: 1.8em;
	font-style: italic;
}

p.OptionDef
{
	margin-left: 3.2em;
	margin-top: 1em;
}

p.table
{
	font-size: 1em;
	line-height: 1em;
}

p.table_indent
{
	font-size: .95em;
	line-height: 1em;
	padding-left: 2em;
}

p.table_indent2
{
	font-size: .95em;
	line-height: 1em;
	padding-left: 4em;
}

p.table_indent3
{
	font-size: .95em;
	line-height: 1em;
	padding-left: 6em;
}

p.table_indent4
{
	font-size: .95em;
	line-height: 1em;
	padding-left: 8em;
}

p.copyright
{
	font-size: .8em;
	color: #a9a9a9;
	text-align: center;
}

pre,
code
{
	font-size: 0.95em;
}

span.parameter
{
	font-size: 1em;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-weight: bold;
	background: none;
}

span.data_type
{
	font-size: 0.9em;
	color: #8792a2;
}

span.required
{
	font-size: 0.8em;
	color: red;
}

td
{
	vertical-align: top;
}

/* Note styles */

p.Note
{
	background-repeat: no-repeat;
	border: #cccccc solid 1px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 8px 8px;
	padding-right: 10px;
	padding-left: 35px;
	background-image: url(../Images/note.png);
}

/* styles for code samples */

code	/*adds a background to inline code snippets*/
{
	background: #f2f2f2;
	padding: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

table code	/*removes the background from text tagged as code in tables*/
{
	background: none;
	padding: 0px;
	border-radius: 0px;
}

/*classes for styling different endpoints*/

.get,
.put,
.post,
.patch,
.delete
{
	background: #f2f2f2;
	padding: 3px 5px 3px 0px;
	border-radius: 5px 5px 5px 5px;
}

.get:before	/*adds GET text with a blue background before GET endpoint paths*/
{
	content: "GET";
	color: white;
	background: #61affe;
	font-size: 1em;
	display: inline;
	margin-right: 5px;
	padding: 3px 6px;
	border-radius: 5px 0px 0px 5px;
}

.put:before	/*adds PUT text with an orange background before PUT endpoint paths*/
{
	content: "PUT";
	color: white;
	background: #fca130;
	font-size: 1em;
	display: inline;
	margin-right: 5px;
	padding: 3px 6px;
	border-radius: 5px 0px 0px 5px;
}

.post:before	/*adds POST text with a green background before POST endpoint paths*/
{
	content: "POST";
	color: white;
	background: #49cc90;
	font-size: 1em;
	display: inline;
	margin-right: 5px;
	padding: 3px 6px;
	border-radius: 5px 0px 0px 5px;
}

.patch:before	/*adds PATCH text with a light green background before PATCH endpoint paths*/
{
	content: "PATCH";
	color: white;
	background: #50e3c2;
	font-size: 1em;
	display: inline;
	margin-right: 5px;
	padding: 3px 6px;
	border-radius: 5px 0px 0px 5px;
}

.delete:before	/*adds DELETE text with a red background before DELETE endpoint paths*/
{
	content: "DELETE";
	color: white;
	background: #f93e3e;
	font-size: 1em;
	display: inline;
	margin-right: 5px;
	padding: 3px 6px;
	border-radius: 5px 0px 0px 5px;
}

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

img.thumbnail
{
	mc-thumbnail: popup;
}

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

a:link	/*Color of hyperlinks*/
{
	color: #2d9bae;
}

a:visited
{
	color: #2d9bae;
}

ul.menu._Skins_SideMenu.mc-component li > a:hover
{
	background-color: #D9443F;
	border-radius: 5px;
}

ul.menu._Skins_SideMenu.mc-component ul > li > a:hover
{
	background-color: #D9443F;
	border-radius: 5px;
}

ul.menu._Skins_SideMenu.mc-component ul ul > li > a:hover
{
	background-color: #D9443F;
	border-radius: 5px;
}

ul.menu._Skins_SideMenu.mc-component ul ul ul > li > a:hover
{
	background-color: #D9443F;
	border-radius: 5px;
}

ul.menu._Skins_SideMenu.mc-component ul ul ul ul > li > a:hover
{
	background-color: #D9443F;
	border-radius: 5px;
}

a.MCBreadcrumbsLink
{
	text-decoration: underline;
}

a.MCBreadcrumbsLink:visited
{
	color: #2d9bae;
}

a.MCBreadcrumbsLink:hover
{
	color: #2d9bae;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-family: 'roboto', opensans, sans-serif;
	mc-breadcrumbs-prefix: " ";
	margin-top: 20px;
}

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

MadCap|xref:hover
{
	color: #2d9bae;
}

MadCap|dropDownHotspot
{
	color: #2d9bae;
}

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-open-image: url('../Images/Assets/Icons/Arrows/arrow-down-gray.png');
	mc-closed-image: url('../Images/Assets/Icons/Arrows/arrow-right-gray.png');
}

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

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

div.search-container
{
	float: right;
	max-width: 25%;
}

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

div.side-menu	/*This is the div that contains the menu proxy*/
{
	
}

/*Styles that provide the border radius to the menu proxy items*/

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 5px;
}

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%;
}

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

div.overflow	/* this is a test style to wrap around example requests and responses so that when the content is taller or wider than the container, a scrollbar is automatically shown */
{
	overflow: auto;
	box-shadow: 0 0 0 1px rgba(0,0,0,.07);
	border-radius: 5px;
}

MadCap|codeSnippet	/* Style for Flare code snippets used in printed output only */
{
	border: none;
}

@media (min-width: 1125px)
{
	div.ContentRow	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		margin-bottom: 15px;
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
	}

	div.ContentRow::before	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		content: ' ';
		display: table;
	}

	div.ContentRow::after	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		content: ' ';
		display: table;
		clear: both;
	}

	div.ContentRow > div	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.ContentRow > div:nth-child(1)	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		width: 58%;
		margin-left: 0%;
		margin-right: 8%;
	}

	div.ContentRow > div:nth-child(2)	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		position: sticky;
		top: 0;
		width: 33%;
		margin-left: 0%;
	}
}

/*===========================================================================================================================================================
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: 767px)
{
	h1
	{
		margin-top: .75em;
	}

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

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

	.nav-search	/* reset search bar */
	{
		position: relative;
		top: auto;
		left: auto;
	}

	.body-container	/* adjust padding on the topic container */
	{
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@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%;
	}

	.nav-search	/* reset search bar */
	{
		position: relative;
		top: auto;
		left: auto;
	}

	.body-container	/* adjust padding on the topic container */
	{
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	div.ContentRow	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		display: block;
	}

	div.ContentRow > div:nth-child(1)	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		width: 100%;
	}

	div.ContentRow > div:nth-child(2)	/* this is a test style used to show content in two columns on desktop and collapse to one column on mobile */
	{
		width: 100%;
	}
}

@media (max-width: 1000px)
{
	.body-container	/* adjust padding on the topic container */
	{
		padding-top: 0;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media print
{
	body
	{
		color: #404040;
		line-height: 1.7em;
		background-color: #fff;
		font-family: Calibri, "Open Sans", Roboto, "Helvetica Neue", sans-serif;
	}

	p,
	li
	{
		font-family: Calibri, "Open Sans", Roboto, "Helvetica Neue", sans-serif;
		font-size: 11pt;
	}

	h1,
	h2,
	h3,
	h4
	{
		font-family: Calibri, "Open Sans", Roboto, "Helvetica Neue", sans-serif;
	}

	MadCap|dropDownHotspot
	{
		font-family: Calibri, "Open Sans", Roboto, "Helvetica Neue", sans-serif;
		font-size: 12pt;
		font-weight: bold;
	}

	code	/*adds a background to inline code snippets*/
	{
		background-color: none;
		font-family: "Courier New";
		font-size: 10pt;
	}

	MadCap|dropDownHotspot
	{
		color: #404040;
		font-size: 14.5pt;
	}

	MadCap|dropDownBody
	{
		border-bottom: none;
		margin-bottom: 2em;
	}

	p.table
	{
		font-size: 11pt;
		margin-top: 3pt;
		margin-bottom: 3pt;
	}

	p.Note
	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
		background-image: none;
	}

	.get,
	.put,
	.post,
	.delete
	{
		background-color: none;
	}

	.get:before	/*adds GET text before GET endpoint paths*/
	{
		content: "GET ";
		color: #404040;
		background: #ffffff;
		font-size: 1em;
		display: inline;
		margin-right: 5px;
		padding: 3px 6px;
		border-radius: 5px 0px 0px 5px;
	}

	.put:before	/*adds PUT text before PUT endpoint paths*/
	{
		content: "PUT ";
		color: #404040;
		background: #ffffff;
		font-size: 1em;
		display: inline;
		margin-right: 5px;
		padding: 3px 6px;
		border-radius: 5px 0px 0px 5px;
	}

	.post:before	/*adds POST text before POST endpoint paths*/
	{
		content: "POST ";
		color: #404040;
		background: #ffffff;
		font-size: 1em;
		display: inline;
		margin-right: 5px;
		padding: 3px 6px;
		border-radius: 5px 0px 0px 5px;
	}

	.patch:before	/*adds PATCH text before PATCH endpoint paths*/
	{
		content: "PATCH ";
		color: #404040;
		background: #ffffff;
		font-size: 1em;
		display: inline;
		margin-right: 5px;
		padding: 3px 6px;
		border-radius: 5px 0px 0px 5px;
	}

	.delete:before	/*adds DELETE text before DELETE endpoint paths*/
	{
		content: "DELETE ";
		color: #404040;
		background: #ffffff;
		font-size: 1em;
		display: inline;
		margin-right: 5px;
		padding: 3px 6px;
		border-radius: 5px 0px 0px 5px;
	}

	body
	{
		mc-hyphenate: never;
		line-height: 1em;
	}

	MadCap|codeSnippetBody
	{
		line-height: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
	}

	p.table,
	p.table_indent,
	p.table_indent2,
	p.table_indent3,
	p.table_indent4
	{
		margin-top: 1em;
		margin-bottom: 1em;
	}

	li
	{
		line-height: 1.5em;
	}
}

p.table_indent5
{
	font-size: 0.95em;
	line-height: 1em;
	padding-left: 10em;
}

span.NumContinued
{
	font-size: .8em;
	font-style: italic;
}