/*<meta />*/

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

:root	/*Colour variables*/
{
	--Yellow: #FDFFAE;
	--Mint: #7ECAAB;
	--Green-1: #275948;
	--Grey4: #222120;
	--Grey3: #464544;
	--Grey2: #777675;
	--Grey1: #9F9E9C;
	--Grey0: #C9C7C6;
	--GreyLight: #DFDAD4;
	--Grey-1: #DCDAD9;
	--Grey-2: #EDEDEC;
	--Grey-3: #F5F5F5;
	--Orange: #F64F10;
	--Grey: #CDC6BE;
	--Green: #204A3C;
	--Grey-4: #FBFBFB;
}

nav.title-bar	/*Header containing the logo and search bar. Also styled in the skin file.*/
{
	position: relative;
	/*border-bottom: solid 1px var(--Grey-1);*/
}

.title-bar-layout .nav-search-wrapper	/*Header search bar. Also styled in the skin file.*/
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 35%;
	justify-content: center;
}

html.home-topic .nav-search-wrapper	/*Hides header search bar on home page.*/
{
	display: none;
}

.buttons._Skins_toolbar_topic.mc-component	/*Header toolbar. Also styled in the skin files.*/
{
	position: fixed;
	z-index: 1001;
	top: 18px;
	right: 2em;
	display: block;
	/*To display the toolbar on the search results page.*/
}

.buttons._Skins_toolbar_home.mc-component	/*Header toolbar. Also styled in the skin files.*/
{
	position: fixed;
	z-index: 1001;
	top: 18px;
	right: 2em;
}

._Skins_toolbar_topic.mc-component .toolbar-button-drop-down.select-language-drop-down	/*Language drop-down menu slides out to the left.*/
{
	left: auto !important;
	right: 0;
	margin-right: 3%;
	width: max-content;
}

ol,
ul
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10pt;
}

p
{
	line-height: 1.6em;
}

li > p	/*Smaller margins for paragraphs in lists.*/
{
	margin-top: 6px;
	margin-bottom: 6px;
}

td
{
	background-color: transparent;
	vertical-align: middle;
}

div.note
{
	background: var(--Grey-4);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	margin-top: 8px;
	border: solid 2px var(--Orange);
	background-image: url('../Images/Icons/Documentation/icon-obs.svg');
	background-size: 30px;
	padding-left: 35px;
	background-position: 2px 9px;
	padding-right: 10px;
}

div.note > p	/*To get correct margins around <p> in notes and tips in tables*/
{
	margin-bottom: 14px;
	margin-top: 14px;
}

div.note > ul	/*To get correct margins around <p> in notes with bullet lists only*/
{
	margin-bottom: 14px;
	margin-top: 14px;
}

div.tip
{
	background: var(--Grey-4);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	margin-top: 8px;
	border: solid 2px var(--Mint);
	background-image: url('../Images/Icons/Documentation/icon-lightbulb.svg');
	padding-left: 35px;
	background-size: 30px;
	background-position: 2px 9px;
	padding-right: 10px;
}

div.tip > p	/*To get correct margins around <p> in tips in tables*/
{
	margin-bottom: 14px;
	margin-top: 14px;
}

div.tip > ul	/*To get correct margins around <p> in tips with bullet lists only*/
{
	margin-bottom: 14px;
	margin-top: 14px;
}

div.ai-search-summary	/* AI-sammanfattning */
{
	background: var(--Grey-4);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	margin-top: 8px;
	border: solid 2px var(--Grey1);
	padding-right: 10px;
	padding-left: 35px;
	background-position: 4px 9px;
	background-size: 27px;
	background-image: url('../Images/Icons/Documentation/robot-001.svg');
	padding-bottom: 8px;
}

.ai-search-summary p.typing
{
	white-space: pre-wrap;
	overflow: hidden;
	border-right: .15em solid var(--Grey1);
	animation: blinkCaret .75s step-end infinite;
}

#loading-dots::after	/* Pulserande punkter under laddning */
{
	content: '';
	display: inline-block;
	width: 0.5em;
	text-align: left;
	animation: dots 1s steps(3, end) infinite;
}

@keyframes blinkCaret {
    from, to { border-color: transparent; }
    50% { border-color: var(--Grey1); }
} 

@keyframes dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60% { content: '...'; }
    80%, 100% { content: ''; }
} 

#ai-summary-sources
{
	list-style: none;
	padding-left: 0;
	margin-left: 16px;
	margin-right: 8px;
}

#ai-summary-sources img
{
	height: 16px;
	margin-right: 8px;
}

#ai-summary-sources img[src$=".png"]
{
	vertical-align: -2px;
}

#ai-summary-sources img[src$=".svg"]
{
	vertical-align: -1px;
}

#ai-summary-sources li span.UI
{
	font-weight: bold;
	/* Endast markerade ord blir fetstilta */
}

#ai-summary-sources-label	/* ”Källor:” döljs tills källorna skrivs ut */
{
	display: none;
	margin-top: 8px;
}

div.topic-toc
{
	background: var(--Grey-4);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	margin-top: 8px;
	border: solid 2px var(--Grey1);
	padding-right: 10px;
	padding-left: 35px;
	background-position: 2px 9px;
	display: none;
	background-image: url('../Images/Icons/Documentation/toc-001.svg');
	padding-bottom: 8px;
	background-size: 27px;
}

div.topic-toc > h3
{
	margin-top: 14px;
}

/*.sidenav-container	Hide logo above side menu
{
	position: relative;
	z-index: 1;
}*/

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: var(--Dark);
}

div.bodyLayout-8-4	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.bodyLayout-8-4::before
{
	content: ' ';
	display: table;
}

div.bodyLayout-8-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.bodyLayout-8-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding-right: 35px;
	padding-left: 25px;
}

div.bodyLayout-8-4 > div:nth-child(1)
{
	width: 66.667%;
	margin-left: 0%;
}

div.bodyLayout-8-4 > div:nth-child(2)
{
	position: sticky;
	padding-right: 0px;
	padding-left: 70px;
	margin-top: 0px;
	top: 1em;
	width: 33.333%;
	margin-left: 0%;
}

div.bodyLayout-4-4-4	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.bodyLayout-4-4-4::before
{
	content: ' ';
	display: table;
}

div.bodyLayout-4-4-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.bodyLayout-4-4-4 > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-right: 30px;
	padding-left: 25px;
	margin-bottom: 24px;
}

div.bodyLayout-4-4-4 > div:nth-child(1)
{
	width: 41.667%;
	margin-left: 0%;
}

div.bodyLayout-4-4-4 > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.bodyLayout-4-4-4 > div:nth-child(3)
{
	width: 33.333%;
	margin-left: 0%;
	text-align: right;
	display: none;
}

div.bodyLayout-6-6	/*Sidfot i mobile med länkar till startsida och överst på sidan.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.bodyLayout-6-6::before
{
	content: ' ';
	display: table;
}

div.bodyLayout-6-6::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.bodyLayout-6-6 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 25px;
	display: none;
}

div.bodyLayout-6-6 > div:nth-child(1)
{
	width: 33.333%;
	margin-left: 0%;
}

div.bodyLayout-6-6 > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
}

div.topicHeaderLayout-6-6	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.topicHeaderLayout-6-6::before
{
	content: ' ';
	display: table;
}

div.topicHeaderLayout-6-6::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topicHeaderLayout-6-6 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.topicHeaderLayout-6-6 > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.topicHeaderLayout-6-6 > div:nth-child(2)
{
	text-align: right;
	width: 50%;
	margin-left: 0%;
}

/*script
{
	
}*/

iframe
{
	border-width: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*MadCap|menuProxy
{
	
}

:hover
{
	
}*/

div.topicTocLayout-8-4	/*Used to hide elements in web and tablet, but display them in mobile. Inserted in all individual topics for topic TOC. Inserted in template page to display link to top at the bottom of page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

div.topicTocLayout-8-4::before
{
	content: ' ';
	display: table;
}

div.topicTocLayout-8-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topicTocLayout-8-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-left: 35px;
	padding-right: 35px;
}

div.topicTocLayout-8-4 > div:nth-child(1)
{
	width: 66.667%;
	margin-left: 0%;
}

div.topicTocLayout-8-4 > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
	position: sticky;
	top: 0px;
	margin-top: 47px;
	padding-right: 0px;
	padding-left: 70px;
}

p.sticky-container
{
	margin-bottom: 8px;
	font-size: 17px;
	margin-top: 0px;
}

div.main-section
{
	overflow-y: inherit;
}

div.bodyLayout-12	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.bodyLayout-12::before
{
	content: ' ';
	display: table;
}

div.bodyLayout-12::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.bodyLayout-12 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.bodyLayout-12 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}

span.SearchHighlight
{
	background-color: var(--Yellow);
}

body
{
	font-family: Roboto, Arial;
	background: var(--Grey-2);
	color: var(--Green);
	font-size: 14px;
}

.code
{
	font-family: monospace;
	color: #000000;
}

.doNotTranslate	/*Inga formteringsändringar, samma som vanlig text. Används på text som inte ska översättas, men ändå publiceras publikt. T.ex. strängar från Telerik.*/
{
	
}

span.mc-variable[class*='AdminTool.']	/*Automatic styling of UI references included in certain variable sets*/
{
	font-weight: bold;
}

span.mc-variable[class*='Client.']
{
	font-weight: bold;
}

span.mc-variable[class*='MiscUI.']
{
	font-weight: bold;
}

span.mc-variable[class*='MobileDataSettings.']
{
	font-weight: bold;
}

span.mc-variable[class*='OpterDriver.']
{
	font-weight: bold;
}

span.mc-variable[class*='OpterDriverClassic.']
{
	font-weight: bold;
}

span.mc-variable[class*='OpterLink.']
{
	font-weight: bold;
}

span.mc-variable[class*='OpterTerminal.']
{
	font-weight: bold;
}

span.mc-variable[class*='Reports.']
{
	font-weight: bold;
}

span.mc-variable[class*='SMSTags.']
{
	font-weight: bold;
}

.UI
{
	font-weight: bold;
}

/*Links*/

a
{
	color: var(--Orange);
	text-decoration: none;
}

a:link
{
	/*För animerat understreck under länkar
	background-size: 0% 0.1em;
	background-position-x: 0%;
	background-position-y: 100%;
	background-repeat: no-repeat;
	transition: background-size 0.2s ease-in-out;
	background-image: linear-gradient(var(--Orange), var(--Orange));*/
}

a:visited
{
	
}

a:focus
{
	
}

a:hover
{
	/*För animerat understreck under länkar. Ta även bort text-decoration: underline;
	background-size: 100% 0.1em;*/
	text-decoration: underline;
}

a:active
{
	text-decoration: underline;
}

MadCap|xref
{
	color: var(--Orange);
	text-decoration: none;
	mc-format: '{h1}';
}

MadCap|xref:hover
{
	/*För animerat understreck under länkar. Ta även bort text-decoration: underline;
	background-size: 100% 0.1em;*/
	text-decoration: underline;
}

MadCap|relatedTopics
{
	mc-image: none;
	mc-help-control-display: list;
	mc-use-custom-sort-order: true;
	border-top: inset 1px #404040;
	font-size: 22px;
	padding-top: 16px;
	margin-top: 12px;
	color: #204a3c;
}

MadCap|relatedTopicsControlListItem
{
	font-size: 11pt;
}

MadCap|relatedTopicsControlList
{
	font-size: 11pt;
}

MadCap|relatedTopicsControlListItemLink
{
	font-size: 11pt;
}

MadCap|relatedTopicsControlListItemLink:hover
{
	/* För animerat understreck under länkar. Ta även bort text-decoration: underline;
	background-size: 100% 0.1em;
	*/
}

MadCap|relatedTopics:hover
{
	
}

MadCap|dropDown
{
	mc-closed-image: url('../Images/Icons/dropDownArrowCollapsed.png');
	mc-open-image: url('../Images/Icons/dropDownArrowExpanded.png');
}

/*MadCap|dropDownHead
{
	
}

MadCap|dropDownHotspot
{
	
}

MadCap|dropDownHotspot:hover
{
	
}

MadCap|dropDownHotspot:focus
{
	
}*/

MadCap|relationshipsProxy
{
	border-top-style: none;
	padding-top: 0px;
	padding-left: 7px;
	margin-top: -8px;
}

MadCap|relationshipsHeading.concept
{
	font-weight: normal;
	display: none;
	mc-label: Skin / Relationships / concept / Label(Related Information);
}

MadCap|relationshipsHeading.reference
{
	font-weight: normal;
	mc-label: Skin / Relationships / reference / Label(Reference Materials);
	display: none;
}

MadCap|relationshipsHeading.task
{
	font-weight: normal;
	display: none;
	mc-label: Skin / Relationships / task / Label(Related Tasks);
}

MadCap|relationshipsHeading
{
	font-weight: normal;
	padding-left: 8px;
	margin-bottom: 0px;
	display: none;
}

MadCap|relationshipsItem
{
	font-size: inherit;
	margin-top: 8px;
	margin-bottom: 8px;
	display: list-item;
}

a.MCBreadcrumbsLink
{
	font-style: italic;
}

a.MCBreadcrumbsLink:hover
{
	
}

MadCap|xref.UI
{
	mc-format: '{b}{paratext}{/b}';
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-style: italic;
	mc-breadcrumbs-count: 10;
	mc-breadcrumbs-prefix: '';
	color: var(--Green);
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 9px;
}

MadCap|conceptLink
{
	padding-top: 8px;
	text-decoration: none;
	mc-image: none;
	font-size: 22px;
	mc-help-control-display: list;
	color: #204a3c;
}

MadCap|conceptLink:hover
{
	color: #404040;
	text-decoration: none;
}

MadCap|glossaryTerm
{
	color: #2d8dcc;
	mc-closed-image: none;
	mc-open-image: none;
}

MadCap|glossaryTerm:hover
{
	text-decoration: underline;
	color: #2d8dcc;
}

MadCap|conceptLinkControlList
{
	color: #2D8DCC;
	font-weight: bold;
	font-size: 14px;
}

/*Headings*/

h1
{
	font-weight: normal;
	margin: 0;
	font-size: 35px;
}

h2
{
	border-bottom: none;
	border-top: none;
	line-height: 1;
	font-weight: normal;
	margin-top: 25px;
	font-size: 24px;
	margin-bottom: 14px;
}

h3
{
	margin-bottom: 4px;
	margin-top: 16px;
	font-weight: normal;
	font-size: 17px;
}

h4
{
	margin-bottom: 4px;
	margin-top: 12px;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
}

li
{
	
}

/*Images*/

img.icon
{
	max-width: auto;
	vertical-align: top;
	max-height: 16px;
}

img.illustration
{
	
}

img.screenshot
{
	border: solid 1px var(--Grey4);
}

img.screenshotPopup
{
	box-shadow: 3px 3px 6px 1px #A5A5A5;
	border-radius: 0px;
	outline: none;
	outline-radius: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	mc-thumbnail: popup;
	background-size: 0px !important;
}

/*Topic elements*/

optgroup
{
	color: #483d8b;
}

.InsertText
{
	font-style: italic;
	background-color: #fffacd;
}

.inline-internal
{
	background: var(--Grey-4);
	padding: 3px;
	border: solid 2px var(--Grey1);
	mc-conditions: 'Conditions.Internal';
}

MadCap|pageBreak
{
	page-break-after: avoid;
}

ul
{
	font-size: 1.0em;
}

ol
{
	font-size: 1.0em;
}

.Value
{
	background-color: #f0f0f0;
	font-style: italic;
}

.code_highlight
{
	background-color: #ffff00;
	font-family: monospace;
}

p.internalNote
{
	margin-top: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #b0c4de;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #b0c4de;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #b0c4de;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #b0c4de;
	background-color: #ffffff;
}

.filename
{
	font-style: italic;
}

span.mc-variable
{
	font-style: normal;
	font-weight: normal;
}

ol ul
{
	list-style-type: disc;
}

ol > li::marker
{
	display: list-item;
}

MadCap|toggler
{
	mc-image-position: right;
	color: #2d8dcc;
}

pre
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.header
{
	margin-top: 0;
	line-height: normal;
	font-size: 0.7em;
	padding-left: 0px;
	margin-bottom: 0;
}

h6
{
	margin-bottom: 1.67em;
	margin-top: 1.67em;
	font-size: 0.75em;
}

MadCap|codeSnippet
{
	border: solid 2px var(--Grey-1);
	background: var(--Grey-4);
	margin-top: 8px;
	padding: 0em;
	margin-bottom: 8px;
}

MadCap|codeSnippetBody
{
	mc-code-border: dotted 1px #000000;
	mc-code-lang: XML;
	max-height: 9.5cm;
	padding: 1em;
}

MadCap|codeSnippetCaption
{
	text-decoration: none;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 10px;
	font-size: 1.3em;
}

MadCap|codeSnippetCopyButton
{
	mc-label: ' ';
	height: 24px;
	width: 24px;
	margin-top: 8px;
	margin-right: 20px;
	background: none;
	position: relative;
	/* behövs för pseudo-element */
}

/*Copy button fades into a checkmark after click through JavaScript*/

MadCap|codeSnippetCopyButton::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px;
	transition: opacity 200ms ease-in-out;
	opacity: 1;
	background-image: url('../Images/Icons/Opter/Copy.svg');
}

MadCap|codeSnippetCopyButton::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px;
	transition: opacity 300ms ease-in-out;
	opacity: 0;
	background-image: url('../Images/Icons/Opter/ic_fluent_checkmark_16_regular.svg');
}

.codeSnippetCopyButton.copied::before
{
	opacity: 0;
}

.codeSnippetCopyButton.copied::after
{
	opacity: 1;
}

div.internalInfo
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	background-color: var(--Grey1);
	margin-bottom: 8px;
}

div.internalInfoBody
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #f5f5f5;
}

p.internalInfoHeading
{
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.LongWordLineBreakNoHyphen
{
	word-break: break-all;
}

table
{
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
	overflow: hidden;
}

button.header
{
	font-size: 1em;
	background: transparent;
	border: solid 1px transparent;
}

button:hover
{
	cursor: pointer;
	border: solid 1px var(--Grey);
}

/*a#sv
{
	
}

a#da
{
	
}

a#fi
{
	
}

a#no
{
	
}

a#en
{
	
}*/

img
{
	max-width: 100%;
}

MadCap|helpControlMenuItem.Highlighted
{
	font-family: Roboto, Arial;
}

MadCap|helpControlMenuItem
{
	font-family: Roboto, Arial;
}

MadCap|slideshowCaption
{
	font-family: Roboto, Arial;
}

MadCap|xref.TOCPageNumber
{
	font-family: Roboto, Arial;
}

MadCap|popupHead
{
	background-size: 0%;
	color: #204a3c;
	text-decoration: underline;
}

MadCap|popupBody
{
	background-color: #ededec;
	border-radius: 0px;
	color: #204a3c;
}

/*MadCap|expandingHead
{
	
}*/

MadCap|popup:hover
{
	background-size: 0px;
}

th
{
	font-weight: normal;
	font-size: 1.1em;
}

td p
{
	margin-top: 0px;
	margin-bottom: 6px;
}

th p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

i.inheritedValue
{
	color: #a9a9a9;
}

hr
{
	margin-top: 20px;
	margin-bottom: 0px;
}

img.screenshotApp
{
	border: solid 1px var(--Grey4);
	max-height: 600px;
	max-width: auto;
}

.excludeFromTranslatedFile	/*Används på text som ska exkluderas från maskinöversatta målfiler (release-notes-001), men publiceras internt.*/
{
	mc-conditions: 'Conditions.Internal';
}

.topic-toolbar
{
	width: auto;
}

div.internal
{
	background: var(--Grey-4);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	margin-top: 8px;
	border: solid 2px var(--Grey1);
	mc-conditions: 'Conditions.Internal';
	padding-right: 10px;
	padding-left: 35px;
	background-image: url('../Images/Icons/Documentation/internal-001.svg');
	background-position: 4px 9px;
	background-size: 27px;
}

div.internal > p	/*To get correct margins around <p> in internal info in tables*/
{
	margin-bottom: 14px;
	margin-top: 14px;
}

div.internal > ul	/*To get correct margins around <p> in internal info with bullet lists only.*/
{
	margin-bottom: 14px;
	margin-top: 14px;
}

p.table-header
{
	margin-top: 0px;
	margin-bottom: 3px;
}

p.table-rows
{
	margin-bottom: 6px;
}

ul.menu._Skins_topic_toc.mc-component li > a	/*Hide h1 in topic TOC*/
{
	display: none;
}

ul.menu._Skins_topic_toc.mc-component ul > li > a	/*Only display h2 in topic TOC*/
{
	display: block;
}

div.example
{
	padding-right: 10px;
	background: var(--Grey-4);
	border: solid 2px var(--Grey-1);
	padding-left: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
}

#searchPane b	/*Background colour on search words on search results page, instead of bold*/
{
	background-color: var(--Yellow);
	mc-hidden: hidden;
}

div.topicTocLayout-6-6	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.topicTocLayout-6-6::before
{
	content: ' ';
	display: table;
}

div.topicTocLayout-6-6::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topicTocLayout-6-6 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}

div.topicTocLayout-6-6 > div:nth-child(1)
{
	width: 66.667%;
	margin-left: 0%;
}

div.topicTocLayout-6-6 > div:nth-child(2)
{
	display: none;
	text-align: right;
	width: 33.333%;
	margin-left: 0%;
}

.step
{
	mc-auto-number-format: '{n+}';
}

MadCap|xref.BookmarkHeading
{
	mc-format: '{paratext}';
}

td p img.icon
{
	vertical-align: baseline;
}

/* Home page */

div.home-layout
{
	padding-left: 10%;
	padding-right: 10%;
	display: flex;
	flex-direction: column;
	height: 100vh;
	text-align: center;
	justify-content: center;
}

._Skins_toolbar_home.mc-component .toolbar-button-drop-down.select-language-drop-down	/*Language drop-down menu on public home page.*/
{
	left: auto !important;
	right: 0;
}

.body-container:has(.home-layout)	/* Removes scroll bar from home page in desktop */
{
	overflow: hidden;
}

div.home-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before,
div.home-tiles::after
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
	text-align: center;
}

div.home-tiles > div:nth-child(1)
{
	width: 48%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 48%;
	margin-left: 4%;
}

p.back-to-top
{
	position: fixed;
	z-index: 100;
	right: 2em;
	bottom: 2.5em;
}

/*
html.home-topic .body-container	/*Overrides padding set in the skin on the home page.
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin on the home page in tablet/mobile.
{
	max-width: 100%;
	padding: 0;
}

.nav-search	/*Hides topic search field on the home page, which has a custom search field.
{
	display: none;
}

html.home-topic	/*Overrides padding set in the skin on the home page.
{
	
}
*/

@media only screen and (max-width: 1279px)
{
	div.bodyLayout-8-4 > div:nth-child(1)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	div.bodyLayout-8-4 > div:nth-child(2)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	div.bodyLayout-4-4-4 > div:nth-child(1)
	{
		width: 41.667%;
		margin-left: 0%;
	}

	div.bodyLayout-4-4-4 > div:nth-child(2)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.bodyLayout-4-4-4 > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
		display: block;
	}

	div.bodyLayout-6-6 > div:nth-child(1)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	div.bodyLayout-6-6 > div:nth-child(2)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.js-off-canvas-exit	/*Tar bort box shadow vid sidan om rullisten på menyn i tablet och mobile.*/
	{
		box-shadow: none;
	}

	div.bodyLayout-8-4 > div
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	div.topicHeaderLayout-6-6 > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.topicHeaderLayout-6-6 > div:nth-child(2)
	{
		
	}

	div.topicTocLayout-8-4 > div:nth-child(1)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	div.topicTocLayout-8-4 > div:nth-child(2)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	div.topicTocLayout-8-4 > div
	{
		padding-left: 28px;
		padding-right: 28px;
	}

	div.bodyLayout-4-4-4 > div
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	div.bodyLayout-12 > div:nth-child(1)
	{
		margin-left: 0%;
		width: 100%;
	}

	div.topicTocLayout-6-6 > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.topicTocLayout-6-6 > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
		display: block;
	}

	div.home-layout
	{
		padding-top: 60px;
		height: auto;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	.title-bar-layout .logo-wrapper	/*To make room for slide-out menu. Also styled in the skin file.*/
	{
		padding-left: 5%;
	}

	.buttons._Skins_toolbar_topic.mc-component
	{
		right: 1em;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px)
{
	div.bodyLayout-8-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.bodyLayout-8-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		padding-left: 27px;
		display: none;
	}

	div.bodyLayout-4-4-4 > div:nth-child(1)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	div.bodyLayout-4-4-4 > div:nth-child(2)
	{
		margin-bottom: 0px;
		width: 33.333%;
		margin-left: 0%;
	}

	div.bodyLayout-4-4-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
		display: none;
	}

	div.bodyLayout-6-6 > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.bodyLayout-6-6 > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.bodyLayout-8-4 > div
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	div.topicHeaderLayout-6-6 > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.topicHeaderLayout-6-6 > div:nth-child(2)
	{
		
	}

	div.topicTocLayout-8-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		padding-left: 8px;
	}

	div.topicTocLayout-8-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		padding-left: 27px;
	}

	div.topicTocLayout-8-4 > div
	{
		padding-right: 28px;
		padding-left: 28px;
		margin-bottom: 0px;
	}

	div.topicTocLayout-8-4	/*Used for topic TOC in mobile. Inserted in all individual topics. Hidden in web and tablet, but displayed in mobile.*/
	{
		display: block;
	}

	div.bodyLayout-4-4-4 > div
	{
		padding-left: 11px;
		padding-right: 7px;
	}

	div.bodyLayout-12 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	.button	/*Margins around buttons in toolbar to fit on one row in mobile*/
	{
		margin-left: 2px;
		margin-right: 2px;
	}

	.title-bar-layout .logo-wrapper	/*To make room for slide-out menu. Also styled in the skin file.*/
	{
		padding-left: 10%;
	}

	div.internal
	{
		
	}

	div.topic-toc
	{
		display: block;
	}

	div.bodyLayout-6-6 > div
	{
		display: block;
	}

	div.topicTocLayout-6-6 > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.topicTocLayout-6-6 > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
		display: none;
	}

	div.home-layout
	{
		padding-right: 0;
		padding-left: 0;
		padding-top: 50px;
		height: auto;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}

	.body-container
	{
		padding-left: 1em;
		padding-right: 1em;
	}
}