/*<meta />*/

@import url('sideNav.css');

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

/* Revision: 10 Nov 2021, RvN*/
/* NOTE TO SELF: .response has changed to .boxed */
/* Introduced Caption styling */
/********************************************************Custom styles********************************************************/

.boxed	/*Creates a multipurpose gray box*/
{
	background-color: #e2e2e2;
	padding: 5;
	border-radius: 5px;
}

.boxed p	/*Removes margins from p inside the box; for code that is e.g. a reponse to an API call*/
{
	margin: 0;
}

.boxed .steps	/*Used for process steps (e.g. highlighting current step); adds padding to element inside the box for this use*/
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.Note	/*Allows for more than just one <p> in a note by using a div.Note */
{
	mc-auto-number-position: inside-head;
	mc-auto-number-class: Notes;
	mc-auto-number-offset: -14px;
	background-image: url('../Images/info24.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: left center;
	padding-left: 45px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 1em;
	margin-bottom: 1em;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FF1515;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FF1515;
}

.Note ol,
.Note ul	/*Creates a natural separation surrounding lists, that was reduced by removing margins from <li> inside a cell*/
{
	/*margin-top: .2em; */
	/*margin-bottom: .2em; */
}

.Note p,
th p,
td p,
td li
/*Makes div.Note p and p.Note look more alike*/
/*Makes tables more compact by removing whitespace; makes cells with and without <p> look the same*/
/*Makes tables more compact by removing whitespace; makes cells with and without <p> look the same*/
/*Makes tables more compact by removing whitespace; makes cells with and without <p> look the same*/
{
	margin-top: 0;
	margin-bottom: 0;
}

a.popupHead
{
	color: #0092BC !important;
}

td > ul
{
	margin-top: 0;
	margin-bottom: 0;
}

a.external
{
	background-image: url('../Images/ExtLink.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: right center;
	background-size: 10px;
	padding-right: 13px;
}

caption
{
	font-size: 9pt;
	text-align: left;
	padding: 4px;
	mc-auto-number-class: table-caption;
	mc-auto-number-format: 'Table: ';
}

/********************************************************Desktop specific styles********************************************************/

@media screen and (min-width: 891px)
{
	td,
	th	/*Makes text in cells with and witout <p> the same size*/
	{
		font-size: 10pt !important;
	}

	p.Product
	{
		width: calc(100% - 490px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-bottom: 3pt;
	}
}

/********************************************************Mobile specific styles********************************************************/

@media screen and (max-width: 890px)
{
	
}

/********************************************************Print specific styles********************************************************/

@media print
{
	h3.Line	/*Sets h3 apart in PDF a bit more, while not including it in the Contents section. Also takes care of keeping bits together.*/
	{
		/*color: #7f7f7f;*/
		mc-heading-level: 0;
		border-bottom: 1pt solid;
		/*#7f7f7f*/
		margin-top: .5em;
		widows: 0;
		orphans: 0;
	}

	.NoTOC
	{
		mc-heading-level: 0;
		/*excludes selector from Contents*/
	}

	h1.TOC2	/*defines the level at which the topic is displayed in the ToC*/
	{
		mc-heading-level: 2;
	}

	h1.TOC3	/*defines the level at which the topic is displayed in the ToC*/
	{
		mc-heading-level: 3;
	}

	h1.TOC4	/*defines the level at which the topic is displayed in the ToC*/
	{
		mc-heading-level: 4;
	}

	p.TOC4	/*removes top and boottom margins for TOC4 entry*/
	{
		margin-bottom: 0;
		margin-top: 0;
	}
}