/*<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;
}

.title-bar-layout .nav-search-wrapper	/*Header search bar. Also styled in side-navigation-header.flskn.*/
{
	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;
}

.search-bar._Skins_searchbar_topic.mc-component	/*SearchBar proxy in header. Also styled in searchbar-topic.flskn.*/
{
	position: fixed;
	z-index: 1001;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	/* width: 35%; */
}

html.home-topic .search-bar._Skins_searchbar_topic.mc-component	/*Hides search bar proxy on home page.*/
{
	display: none;
}

.buttons._Skins_toolbar.mc-component	/*Header toolbar. Also styled in toolbar.flskn.*/
{
	position: fixed;
	z-index: 1001;
	top: 14px;
	right: max(43px, env(safe-area-inset-right));
	/*To make sure toolbar fits inside safe area on iOS devices.*/
	display: block;
	/*To display the toolbar on the search results page.*/
}

._Skins_toolbar.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;
	box-shadow: 0 4px 10px var(--Grey1);
}

._Skins_toolbar.mc-component .toolbar-button-drop-down.select-language-drop-down ul li:hover
{
	border-radius: 4px;
}

.search-clear-btn	/* Rensaknapp i sökfältet */
{
	display: none;
}

.off-canvas-wrapper-inner .outer-row	/*To make sure body fits inside safe area on iPhone in landscape mode*/
{
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}

.off-canvas-wrapper-inner nav.title-bar .outer-row	/*To make sure menu icon fits inside safe area on iPhone in landscape mode*/
{
	padding-left: max(2em, env(safe-area-inset-left));
	padding-right: max(2em, env(safe-area-inset-right));
}

.sidenav-container	/*Prevents browser scroll anchoring from auto-adjusting TOC scroll position when accordion menus expand.*/
{
	overflow-anchor: none;
}

ul.sidenav ul	/*To override browser padding of the entries in the TOC. Also styled in side-navigation-header.flskn.*/
{
	padding-left: 0;
}

ul.sidenav li > a	/*Makes <a> a flex container so all TOC entries align consistently.*/
{
	display: flex;
	align-items: center;
}

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
{
	
}

ul.menu._Skins_topic_toc.mc-component ul > li > a:hover	/*Hover-effekt för h2 i topic TOC. Stylas även i topic-toc.flskn.*/
{
	border-radius: 4px;
}

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

ul.sidenav li:not(.is-accordion-submenu-parent) > a::before	/*Spacer for entries without arrow in the TOC, keeping text aligned with entries that have an arrow. Same width as .submenu-toggle-container below. Add margin-right to increase/decrease margin.*/
{
	content: '';
	display: block;
	flex-shrink: 0;
	width: 1.5em;
}

ul.sidenav li.is-accordion-submenu-parent > a .submenu-toggle-container	/*Moves the arrow icon to the left of the text. position: relative keeps it in the flex flow (so order: -1 works) while remaining a positioning context for span.submenu-toggle inside. Add margin-right to increase/decrease spacing between arrow and text.*/
{
	position: relative !important;
	order: -1;
	flex-shrink: 0;
	width: 1.5em;
}

.is-accordion-submenu-parent > a[aria-expanded='false'] > .submenu-toggle-container > span.submenu-toggle	/*Sets the direction of the collapsed arrow icon in the menu.*/
{
	transform: rotate(270deg);
}

.is-accordion-submenu-parent > a[aria-expanded='true'] > .submenu-toggle-container > span.submenu-toggle	/*Sets the direction of the expanded arrow icon in the menu.*/
{
	transform: rotate(315deg);
}

.off-canvas-wrapper-inner.is-open-left	/*Ingen förskjutning av sidan när menyn öppnas i tablet och mobile*/
{
	right: 0px;
}

aside.off-canvas ul	/*To make sure the menu fits inside safe area on iPhone in landscape mode.*/
{
	padding-left: env(safe-area-inset-left);
}

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;
	overflow-wrap: break-word;
	/*Bryter långa svenska ord utan bindestreck i tabeller, t.ex. mobildatainställningar. Påverkar inte <pre> (white-space: pre förhindrar radbrytning). */
}

td .code,
th .code
{
	overflow-wrap: anywhere;
	/*"anywhere" sätter intrinsic min-width till 0 för tabellkolumner, vilket krävs för att table-layout: auto inte ska expandera kolumner för långa rapporttaggar som RoundedAutomaticEstimatedPickupTimeOrTimeWindowString. "break-word" räcker inte för detta. */
}

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;
	border-radius: 4px;
}

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;
	border-radius: 4px;
}

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;
	border-radius: 4px;
}

.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;
	border-radius: 4px;
}

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

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

div.bodyLayout-8-4	/*Responsiv layout för body + topic TOC.*/
{
	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;
	width: 33.333%;
	margin-left: 0%;
	top: 0em;
}

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

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

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;
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
}

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

a,
pre,
.code	/*För att undvika avstavning i länkar och kodexempel (både fristående och code snippets).*/
{
	hyphens: none;
	-webkit-hyphens: none;
}

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

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|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: 2.5em;
}

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

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

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

li
{
	
}

/*Images*/

img.icon
{
	max-width: auto;
	max-height: 1.4em;
	vertical-align: -0.25em;
}

img.illustration
{
	max-height: 600px;
	max-width: auto;
	display: block;
	margin: auto;
}

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

/*Topic elements*/

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

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

.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;
	border-radius: 4px;
	max-width: 100%;
	overflow-x: auto;
	min-width: 0;
}

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

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

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

td,
th
{
	min-width: 0;
	/*Allows table cells to shrink below content width so code snippets scroll instead of expanding the table.*/
}

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

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

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|popup:hover
{
	background-size: 0px;
}

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

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

td p + p
{
	margin-top: 6px;
}

td li > p	/*Restores margins for paragraphs in list items inside tables, overriding the td p rule above.*/
{
	margin-top: 6px;
	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;
	border-radius: 4px;
}

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

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;
	border-radius: 4px;
}

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;
	border-radius: 4px;
}

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

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

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

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

/* Home page */

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

.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.floating-toolbar
{
	position: fixed;
	z-index: 100;
	bottom: 2.5em;
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: rgba(251, 251, 251, 0.6);
	/*var(--Grey-4) = #FBFBFB at 60% opacity.*/
	border-radius: 30px;
	right: 4em;
	padding-right: 20px;
	padding-left: 20px;
	backdrop-filter: blur(1px);
	padding-bottom: 5px;
	padding-top: 5px;
	box-shadow: 0 4px 6px var(--Grey);
}

p.floating-toolbar a	/*To avoid stacking and baseline gap for icons in the floating toolbar.*/
{
	display: flex;
}

p.docs-links	/*Invisible navigation link placed below the floating toolbar. Follows scroll like the toolbar.*/
{
	position: fixed;
	z-index: 100;
	bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 0.7em;
	right: 6em;
}

p.docs-links a	/*Explicit color on <a> to override link color rules.*/
{
	color: transparent;
	text-decoration: none;
}

iframe.relationship-diagram
{
	top: 52px;
	height: 98%;
}

@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%;
		top: 5em;
	}

	.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.bodyLayout-12 > div:nth-child(1)
	{
		margin-left: 0%;
		width: 100%;
	}

	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 .nav-search-wrapper	/*Header search bar. Also styled in the skin file.*/
	{
		width: 43%;
	}

	.search-bar._Skins_searchbar_topic.mc-component
	{
		/* width: 43%; */
		top: -2px;
	}

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

	.buttons._Skins_toolbar.mc-component	/*Toolbar below header in tablet and mobile, pill style like floating-toolbar.*/
	{
		top: 65px;
		right: max(1em, env(safe-area-inset-right));
		background-color: rgba(251, 251, 251, 0.6);
		/*var(--Grey-4) = #FBFBFB at 60% opacity.*/
		border-radius: 30px;
		padding-right: 16px;
		padding-left: 16px;
		padding-bottom: 5px;
		padding-top: 5px;
		backdrop-filter: blur(1px);
		box-shadow: 0 4px 6px var(--Grey);
	}

	p.floating-toolbar
	{
		bottom: 0em;
		right: max(1em, env(safe-area-inset-right));
		/*To make sure the floating toolbar fits inside safe area on iPhone in landscape mode.*/
	}

	p.docs-links
	{
		bottom: 5em;
		right: max(2em, env(safe-area-inset-right));
	}

	body
	{
		font-size: 16px;
	}

	.search-clear-btn.search-clear-btn--visible	/* Rensaknapp i sökfältet */
	{
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 32px;
		top: 0;
		bottom: 0;
		background: none;
		border: none;
		cursor: pointer;
		color: var(--Grey3);
		font-size: 16px;
		font-weight: bold;
	}
}

@media only screen and (max-width: 1024px)
{
	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-8-4 > div
	{
		padding-left: max(15px, env(safe-area-inset-left));
		padding-right: max(15px, env(safe-area-inset-right));
	}

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

	.title-bar-layout .nav-search-wrapper	/*Header search bar on row 2 in mobile. Also styled in side-navigation-header.flskn.*/
	{
		transform: translateX(-43%);
		width: 65%;
	}

	.search-bar._Skins_searchbar_topic.mc-component	/*SearchBar below header in mobile, in document flow.*/
	{
		position: relative;
		top: -8px;
		transform: none;
		margin-left: max(15px, env(safe-area-inset-left));
		box-shadow: 0 4px 6px var(--Grey);
	}

	.nav-search
	{
		width: 70%;
	}

	div.topic-toc
	{
		display: block;
	}

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

	.buttons._Skins_toolbar.mc-component	/*Toolbar below header in tablet and mobile, pill style like floating-toolbar.*/
	{
		top: 74px;
	}

	p.floating-toolbar
	{
		bottom: 0em;
		right: max(1em, env(safe-area-inset-right));
	}

	p.docs-links
	{
		bottom: 5em;
		right: max(2em, env(safe-area-inset-right));
	}

	td p,
	th p	/*Automatisk avstavning i tabellceller i mobile.*/
	{
		hyphens: auto;
		-webkit-hyphens: auto;
	}

	h1,
	h2,
	h3	/*Automatisk avstavning i rubriker i mobile.*/
	{
		hyphens: auto;
		-webkit-hyphens: auto;
	}

	table
	{
		table-layout: fixed;
		width: 100%;
	}

	td:first-child,
	th:first-child
	{
		width: 25%;
	}

	h1
	{
		font-size: 2.2em;
	}

	h2
	{
		font-size: 1.5em;
	}
}