/*<meta conditions="General.DoNotTranslate" />*/

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

@font-face 
{
	font-family: Pebble;
	src: url("https://docs.ace.teliacompany.com/19.0/sv/Resources/Stylesheets/Pebble.eot");
	src: url("https://docs.ace.teliacompany.com/19.0/sv/Resources/Stylesheets/Pebble.eot") format('embedded-opentype'), url("https://docs.ace.teliacompany.com/19.0/sv/Resources/Stylesheets/Pebble.woff2") format('woff2'), url("https://docs.ace.teliacompany.com/19.0/sv/Resources/Stylesheets/Pebble.woff") format('woff'), url("https://docs.ace.teliacompany.com/19.0/sv/Resources/Stylesheets/Pebble_Rg.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

html
{
	color: black;
	background-color: white;
	font-size: 15px;
	/* We should not do this - we should set font sizes relative to the user's preferences! */
}

body
{
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	margin: 1rem;
	padding: 0;
	text-align: left;
	max-width: 100%;
}

/* These should really, really have been <header> tag styles, but Flare does
 ** not support <header>. :(  /=j 2018-02-09
 */

/* "Banner" type, intended to be used with a custom background image suitable
 ** for a white foreground (text colour), i.e. dark background. Used as
 ** headers on the start pages for each sub-product.
 */

ul.sidenav ul > li > a
{
	padding-left: 0;
}

.sidenav-container ul ul
{
	background-color: #f5f5f5;
	margin-left: 1em;
}

.topicToolbarProxy
{
	padding-left: 0;
}

.product-banner
{
	max-width: 700px;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	/* A text shadow to enhance readability on brighter background images */
	text-shadow: 0px 4px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.2), 0px 18px 23px rgba(0,0,0,0.2);
	padding: 100px 10px 30px 30px;
	margin: 0 0 1rem 0;
	/* top right bottom left */
}

.product-banner h1
{
	color: inherit;
	font-family: Pebble, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 30pt;
	text-transform: uppercase;
}

.product-banner h2
{
	color: inherit;
	font-family: Arial;
	font-size: 20pt;
}

/* Main body footer styles */

footer
{
	margin-top: 1rem;
	background-color: #f2f2f2;
	color: #808080;
	border: 1px solid #f0f0f0;
	padding: 20px;
	text-align: center;
	font-style: normal;
	font-size: 10pt;
}

footer p
{
	font-size: 8pt;
	margin-top: 0;
	margin-bottom: 0;
}

footer time
{
	opacity: 0.7;
}

/* Heading styles */
/******************/

h1,
h2,
h3,
h4
{
	font-weight: normal;
	padding: 0;
}

h1
{
	color: #990AE3;
	/* Core Purple colour */
	margin: 0 0 0.3em 0;
	text-transform: uppercase;
	font-size: 26pt;
	text-decoration: none;
	font-family: Pebble, Helvetica, Arial, sans-serif;
}

h2
{
	color: #9933ff;
	margin: 0.5em 0 0 0;
	font-size: 22pt;
}

h3
{
	color: #af5aff;
	/* Purple */
	margin: 0.4em 0 0 0;
	font-size: 18pt;
}

h4
{
	margin: 0.4em 0 0 0;
	font-size: 14pt;
	font-style: normal;
}

h1.inline,
h2.inline,
h3.inline,
h4.inline
{
	display: inline;
}

h2:first-child,
h3:first-child,
h4-first-child
{
	margin-top: 0;
}

/* Misc. element styles */
/************************/

hr
{
	margin: 0.5em 0;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border: 0;
}

/* Image and figure styles */
/***************************/

img
{
	max-width: 100%;
	width: auto;
	height: auto;
}

img.inline-icon,
svg.inline-icon
{
	height: 1em;
	vertical-align: middle;
	/* Slight adjustment - many icons seemed to end up too far down otherwise, with respect to the text. */
	position: relative;
	top: -.1em;
	fill: currentColor;
}

h1.coverPage > svg.inline-icon
{
	width: 1em;
}

img.shadow
{
	background-color: rgba(0,0,0,0.2);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

/* 
 *** FLEXBOX BROKEN IN IE. SIMPLIFYING THIS FOR NOW. /=j 2018-02-28 ***
figure.flex
{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

figure.flex img
{
	height: auto;
	display: inline-block;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

figure.flex img + img
{
	margin-left: 1rem;
}
*/

figure
{
	margin-left: 0;
	margin-right: 0;
}

/* <figure class="inset"> is intented for figures that are not that important that they need be 
 ** in the ordinary text flow (occupy the full width of the reading area). Typically used with
 ** images that should be kept really, really close to the text that describes them.
 ** Note that the figure
 */

figure.inset
{
	/* Nothing special, unless for print or the screen is at least 480px wide. See the media query below. */
}

MadCap|relatedTopics,
MadCap|relatedTopics:focus,
MadCap|relatedTopics:hover
{
	color: black;
	/*For IE that do not handle "initial"*/
	/*color: initial;*/
	/* Flare whines about color: initial, although it is perfectly valid css. */
}

MadCap|relatedTopicsControlList
{
	background: #F2F2F2;
	padding: 1em;
	border: #A0A0A0;
	border-radius: 15px;
	border-width: 5px;
	list-style: inherit;
}

MadCap|topicToolbarProxy
{
	padding-left: 0.5rem;
	padding-bottom: 0.5rem;
}

MadCap|relatedTopicsControlListItemLink,
MadCap|conceptLinkControlListItemLink:link
{
	color: #0099ff;
	target: _blank;
}

MadCap|conceptLink
{
	mc-help-control-display: list;
	mc-thumbnail: normal;
	list-style: none;
	font-weight: normal;
	mc-image: none;
	mc-label: 'Topics with the same concept...';
}

MadCap|conceptLinkControlList
{
	background: #F2F2F2;
	padding: 1em;
	border: #A0A0A0;
	border-radius: 15px;
	border-width: 5px;
	list-style: inherit;
}

MadCap|conceptLinkControlListItemLink:link
{
	target: _blank;
}

MadCap|relatedTopics
{
	mc-help-control-display: list;
	mc-thumbnail: normal;
	list-style-position: inside;
	list-style-type: decimal;
	font-weight: normal;
	padding: 1em;
	mc-image: none;
	mc-image-position: none;
	mc-image-spacing: 0px;
	mc-label: 'Related topics...';
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #cc00ff;
	border: #f2f2f2;
	background-color: #ffffff;
}

MadCap|helpControlMenuItem
{
	padding: 1em;
	color: black;
	/*For IE that do not handle "initial"*/
	/*color: initial;*/
	/* Flare whines about color: initial, although it is perfectly valid css. */
}

span.SearchHighlight,
span.SearchHighlight1,
span.SearchHighlight2,
span.SearchHighlight3,
span.SearchHighlight4,
span.SearchHighlight5,
span.SearchHighlight6,
span.SearchHighlight7,
span.SearchHighlight8,
span.SearchHighlight9,
span.SearchHighlight10
{
	background-color: #99ff64;
}

h2.coverPage	/*On start pages for GetStarted and training*/
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
	color: black;
	/*For IE that do not handle "initial"*/
	/*color: initial;*/
	/* Flare whines about color: initial, although it is perfectly valid css. */
	font-size: 1.75rem;
}

@media (min-width: 480px)
{
	figure.inset
	{
		max-width: 40%;
		width: 40%;
		vertical-align: top;
		margin: 0 0 1rem 2rem;
		/* top right bottom left */
		padding: 0;
		float: right;
	}

	figure.inset > img
	{
		max-width: 100%;
	}
}

figcaption
{
	margin: 0;
	padding-top: 0.02ex;
	font-size: 80%;
}

/* Hyperlink styles */
/********************/

a:link,
MadCap|xref
{
	text-decoration: none;
}

a:hover,
a:focus,
MadCap|xref:hover,
MadCap|xref:focus
{
	text-decoration: underline;
}

a:link,
MadCap|xref,
MadCap|shortcut,
MadCap|dropDownHead,
MadCap|dropDownHotspot,
MadCap|expandingHead,
MadCap|conceptLink,
MadCap|relatedTopicsControlListItemLink,
MadCap|conceptLinkControlListItemLink:link,
MadCap|popupHead,
.MCDropDownHead,
.dropDownHead
{
	/* Light blue */
	color: #0099ff;
}

/* Purple links when hovering/focused */

a:hover,
a:focus,
MadCap|xref:hover,
MadCap|xref:focus,
MadCap|dropDownHotspot:focus,
MadCap|dropDownHotspot:hover,
MadCap|expandingHead:focus,
MadCap|expandingHead:hover,
MadCap|conceptLink:focus,
MadCap|conceptLink:hover,
MadCap|conceptLinkControlListItemLink:focus,
MadCap|conceptLinkControlListItemLink:focus,
MadCap|relatedTopicsControlListItemLink:focus,
MadCap|relatedTopicsControlListItemLink:hover
{
	color: #990ae3;
}

/* Automatic file type icons for links to some known file types. */

a[href$=".docx"],
a[href$=".doc"],
a[href$=".xlsx"],
a[href$=".xls"],
a[href$=".pptx"],
a[href$=".ppt"],
a[href$=".exe"],
a[href$=".msi"],
a[href$=".pdf"]
{
	background-size: 1em;
	background-repeat: no-repeat;
	background-position-x: left;
	padding-left: 1.3em;
}

a[href$=".docx"],
a[href$=".doc"]
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Common/DocxIcon.png');
}

a[href$=".xlsx"],
a[href$=".xls"]
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Common/XlsxIcon.png');
}

a[href$=".pptx"],
a[href$=".ppt"]
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Common/PptxIcon.png');
}

a[href$=".exe"]
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Common/ExeIcon.png');
}

a[href$=".msi"]
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Common/MsiIcon.png');
}

a[href$=".pdf"]
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Common/PdfIcon.png');
}

/* Do not underline images or the logo link */

img,
a.logo
{
	text-decoration: none;
}

/* MadCap "specials" styles */
/****************************/

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

MadCap|dropDown
{
	mc-closed-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/DropDownClosed.png');
	mc-open-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/DropDown.png');
	padding-top: 3px;
	margin-bottom: 3px;
	text-decoration: none;
	font-weight: normal;
}

MadCap|dropDownHead
{
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

MadCap|dropDownHotspot
{
	font-size: 1rem;
	/*For IE that do not handle "initial".*/
	font-size: initial;
	margin-bottom: 2px;
	margin-top: 2px;
	padding-top: 5px;
	font-style: normal;
	text-decoration: none;
	box-shadow: unset;
	font-weight: normal;
}

.MCDropDownHead,
.dropDownHead
{
	margin-top: 10px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.MCDropDownBody
{
	padding-top: 2px;
	text-decoration: none;
}

MadCap|expandingHead
{
	text-decoration: none;
	box-shadow: none;
	font-weight: normal;
	font-style: normal;
}

MadCap|indexProxy
{
	border-top-width: 0;
	border-top-color: #ffffff;
}

MadCap|tocProxy
{
	border-top-style: none;
	border-top-color: transparent;
}

MadCap|popupBody
{
	/*color: #696969;*/
	background-color: #f2f2f2;
	border: solid 2px #990ae3;
	padding: 20px;
}

MadCap|popupBody.long
{
	font-size: 0.9rem;
	width: auto;
}

MadCap|popupHead
{
	text-decoration: none;
	box-shadow: none;
}

MadCap|breadcrumbsProxy
{
	color: #a0a0a0;
	font-family: Arial;
	font-size: 10pt;
	border-bottom: none;
	position: inherit;
	margin-bottom: 0.5rem;
	mc-breadcrumbs-count: 4;
	mc-breadcrumbs-prefix: '>';
}

/* QR-codes should be uniformly styled, so here goes the style definition. */

MadCap|qrCode
{
	width: 66px;
	height: 66px;
}

body *[data-mc-conditions*="General.Internal"],
*[data-mc-conditions*="General.Internal"] h1
{
	background-color: #fed;
	background: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Internal_watermark.png') repeat;
}

*[data-mc-conditions*="General.NextRelease"]
{
	background-color: #fdf;
	background: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Draft_watermark.png') repeat;
}

/* Paragraph class styles */
/*************************/
/* List styles */
/***************/

ul,
ol
{
	font-size: 1rem;
	list-style-image: none;
	/*For IE that do not handle "initial". */
	list-style: initial;
	font-size: initial;
	max-width: 80ch;
}

li
{
	margin-top: 10px;
	list-style-image: none;
}

ul:empty
{
	display: none;
}

/* Ordered lists, nested ordered lists */

ol	/* First level ordered list = decimal numbering; 1. 2. 3. etc. */
{
	list-style-type: decimal;
}

ol ol	/* Second level ordered list = lower alpha; a. b. c. etc. */
{
	list-style-type: lower-alpha;
}

ol ol ol	/* Third level ordered list = Upper roman; I. II. III. etc. */
{
	list-style-type: upper-roman;
}

ol ol ol ol	/* Fourth level ordered list (getting ridiculous) = lower greek; α, β, γ. etc. */
{
	list-style-type: lower-greek;
}

/* Icon list (ul.icons) is a list intended for listing
 *  icon description
 *  icon description
 *  etc...
 * Example:
<ul class="icons">
 <li><img src="...">This icon means blablabla...</li>
 <li><img src="...">This icon means blublublu...</li>
</ul>
* No left indentation. This might some day become "flex"-controlled, in order
* to display items in multiple columns if there is enough space.
* Currently (2018-02-14) I (/=j) haven't solved that trick satisfactory.
*/

ul.nodots
{
	list-style: none;
	padding-left: 1.5em;
}

ul.nodots > li
{
	margin-top: 0.3em;
}

ul.nodots > li:first-child
{
	margin-top: 0;
}

ul.icons
{
	position: relative;
	list-style: none;
	padding-left: 2rem;
	/* Base indentation */
	background-color: inherit;
}

ul.icons li
{
	list-style: none;
	position: relative;
}

ul.icons > li > *:first-child
{
	position: absolute;
	left: -2rem;
	/* Negate the base indentation for the first child element, typically an <img>. */
}

ul.TeliaChecklist > li
{
	list-style-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/check.png');
}

div.TeliaIndent
{
	margin-left: 35px;
}

div.example
{
	margin: 30px 0px;
	color: black;
	/*For IE that do not handle "initial"*/
	/*color: initial;*/
	/* Flare whines about color: initial, although it is perfectly valid css. */
	background-color: #f2f2f2;
	display: block;
	height: auto;
	margin-right: 0px;
	margin-left: 0px;
	border: 2px solid #990ae3;
	border-radius: 5px;
	padding: 20px;
}

/* Information block styles */
/****************************/

div.info,
div.success,
div.warning,
div.error
{
	margin: 30px 0px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	min-height: 34px;
	display: block;
	border-style: none;
	padding: 20px 70px;
	height: auto;
}

div.info
{
	background-color: #f2f2f2;
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Company2016/Info_TS_Icon_48px_G.png');
}

div.success
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Company2016/Favourites_TS_Icon_48px_G.png');
	/*background-color: #f2f2f2;*/
	background-color: #c9fcdb;
}

div.warning
{
	background-color: #ff9b00;
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Company2016/Alert_TS_Icon_48px_W.png');
}

div.error
{
	background-color: #ff3264;
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Company2016/Delete_TS_Icon_48px_W.png');
}

/* Highlighting styles */
/***********************/

span.new	/* New stuff in this release */
{
	background-color: #cdff99;
}

span.highlight,
mark,
dl > dt
/*ACE-terms*/
/*Definition terms are styled the same way as product specific terms (span.highlight) */
{
	color: #642d96;
	mc-italic-correction: 3px;
	font-weight: bold;
	font-style: normal;
}

mark
{
	background: transparent;
}

dt + dt
{
	margin-top: 0;
}

.italic	/* Why not use element <i> then? */
{
	font-style: italic;
}

.bold	/* Why not use element <b>, or <em>, or <strong> with the same styling? */
{
	font-weight: bold;
}

kbd
{
	white-space: pre-wrap;
}

kbd.key,
span.btn,
span.tab	/* This is suggested by Mozilla */
{
	max-height: 17px;
	margin: 0;
	font-size: 12px;
	background-color: #eaeaea;
	vertical-align: middle;
	white-space: pre;
	/* Do not break apart buttons! */
}

/* Keyboard text, styled as a keycap */

kbd.key	/* This is suggested by Mozilla */
{
	padding: 1px 3px;
	line-height: 30px;
	border: 4px solid;
	border-left-color: #dfdfdf;
	border-top-color: #dfdfdf;
	border-right-color: #c2c2c2;
	border-bottom-color: #c2c2c2;
	border-radius: 2px;
	background: linear-gradient(to bottom, #dadada, #eee);
}

/* Button text, styled as a screen button */

span.btn
{
	padding: 3px 6px;
	line-height: 1.5rem;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background: linear-gradient(to bottom, white, #dadada);
}

/* Tab text, styled as a screen tab */

span.tab
{
	padding: 3px 6px 0px;
	border: 1px solid #c2c2c2;
	border-bottom: none;
	background-color: white;
	position: relative;
	top: -1px;
}

th,
td
{
	vertical-align: top;
}

/* Definition list styles */

/* This is really the simplest possible version. A prettier styling would
   require a lot more tweaks and hacks... Coming soon... /=j 2018-02-07 */

dl
{
	width: 100%;
	position: relative;
}

dt
{
	font-weight: bold;
	position: relative;
	margin-top: .5rem;
}

dd
{
	margin-top: 0;
	margin-bottom: .5rem;
}

/* Alpha-numbered block styles */
/*******************************/

ol.ball
{
	counter-reset: ball;
}

.ball li
{
	list-style: none;
	margin-left: 1rem;
	min-height: 2em;
	counter-increment: ball;
}

.ball li::before
{
	float: left;
	text-align: center;
	font-family: Pebble, arial;
	font-size: 1.25rem;
	color: #652d85;
	border: 1px solid currentColor;
	margin-left: -2.5rem;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	content: 'counters(ball, "", upper-alpha)';
}

div.A,
div.B,
div.C,
div.D,
div.E,
div.F,
div.G,
div.H,
div.I,
div.J,
div.K
{
	margin: 10px 0;
	padding-top: 2px;
	padding-bottom: 15px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 0 top;
	background-color: #FFF;
	display: block;
}

div.A
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-A.png');
}

div.B
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-B.png');
}

div.C
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-C.png');
}

div.D
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-D.png');
}

div.E
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-E.png');
}

div.F
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-F.png');
}

div.G
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-G.png');
}

div.H
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-H.png');
}

div.I
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-I.png');
}

div.J
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-J.png');
}

div.K
{
	background-image: url('https://docs.ace.teliacompany.com/19.0/sv/Resources/Images/Icons/icon-K.png');
}

div.productWrapper
{
	display: block;
	border: 0;
	margin: 8px 0;
	padding-bottom: 10px;
	width: 100%;
	overflow: hidden;
	clear: both;
	vertical-align: middle;
}

video
{
	max-width: 100%;
	height: auto;
}

/* Currently only MIME-specific styling for <code>. Generalise? */

code.mime
{
	display: block;
	margin-top: 1em;
	white-space: pre;
	font-size: 90%;
}

/* --------------------- print media nedan ----------------------------- */

@media print
{
	body
	{
		font-family: Helvetica, Arial, Sans-Serif;
		font-size: 10pt;
	}

	h1.coverPage,
	h2.coverPage
	{
		font-family: Pebble, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-weight: bold;
	}

	h1.coverPage
	{
		font-size: 32pt;
		color: #9A0BE3;
	}

	h2.coverPage
	{
		font-size: 18pt;
		color: #00CDFF;
	}

	h1
	{
		font-weight: bold;
		font-size: 22pt;
		margin-top: 1em;
		border-bottom-width: 100%;
		border-bottom: solid 1px #652D86;
	}

	h2
	{
		font-weight: bold;
		font-size: 18pt;
		margin-top: 1em;
	}

	h3
	{
		font-weight: bold;
		font-size: 14pt;
		margin-top: 1em;
	}

	h4
	{
		font-weight: bold;
		font-size: 12pt;
		margin-top: 1em;
	}

	img
	{
		margin-top: 0;
		max-width: 160mm;
	}

	div,
	p
	{
		font-size: 10pt;
	}

	ul,
	ol,
	li
	{
		font-size: 10pt;
		margin-top: 3pt;
		margin-left: 15pt;
	}
}

/* Pebble related styles */
/*************************/

h1.coverPage	/*Used on SideNav Startpage above tiles*/
{
	text-align: center;
	font-size: 3em;
	/*margin: 0.5em 0;*/
}

p.PebbleOrange
{
	font-size: 1rem;
	/*For IE that do not handle "initial"*/
	font-size: initial;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0;
	color: #ff9b00;
}

span.highlight_HotSpot
{
	font-weight: bold;
	color: #af5aff;
}

span.GreyExtratexts
{
	font-weight: bold;
	color: #a0a0a0;
	font-size: 1rem;
	/*For IE that do not handle "initial"*/
	font-size: initial;
}

span.boldPurple
{
	font-weight: bold;
	font-family: arial;
	font-size: 20pt;
	color: #990ae3;
}

a.VersionssiffraLink
{
	font-style: normal;
	font-family: Pebble;
	color: #990ae3;
	background-color: #f2f2f2;
	font-size: 1rem;
	/*For IE that do not handle "initial"*/
	font-size: initial;
	text-align: left;
	line-height: 18pt;
	word-spacing: 3px;
	text-decoration: none;
	padding: 5px 0.5rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

/* Styles for displaying DOS like entries */

.console
{
	padding: 1rem;
	display: block;
	font-family: monospace;
	font-size: 90%;
	max-width: 80ch;
	margin-left: auto;
	margin-right: auto;
	border: 5px ridge #ccc;
	color: #eee;
	background-color: #111;
}

.console kbd	/* This is what the user enters */
{
	font-weight: bold;
	color: #fff;
}

/* Table styles, short-cutting the need for separate css for tables */

table.telia
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-style: none;
	border-bottom: 1px solid #a9a9a9;
	/* Really? */
	margin: 10px 0 30px 0;
}

table.telia th,
table.telia td
{
	padding: 10px;
}

table.telia thead th,
table.telia thead td
{
	color: white;
	font-family: Pebble, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-style: normal;
	text-align: left;
	vertical-align: top;
	background-color: #990ae3;
}

table.telia th[colspan],
table.telia td[colspan]
{
	text-align: center;
}

table.telia th[colspan]
{
	letter-spacing: 0.1em;
	/* Make the multicolumn headers stand out a bit */
}

table.telia th[colspan] *
{
	letter-spacing: normal;
}

table.telia td[colspan] *
{
	text-align: left;
}

table.telia thead tr
{
	border-bottom: 2px solid #5a0c5a;
}

table.telia th,
table.telia td
{
	border-right: 1px solid #a9a9a9;
}

table.telia th:last-child,
table.telia td:last-child
{
	border-right: none;
}

table.telia td:last-child[rowspan]
{
	/* When the last child is spanning several rows we might have to show aleft hand border to separate the multi-row-spanning cell from the preceding ones. */
	border-left: 1px solid #a9a9a9;
}

table.telia thead th,
table.telia thead td
{
	border-bottom: 2px solid #5a0c5a;
}

table.telia tbody tr:nth-child(odd)
{
	/* When MadCap fixes the rgba-bug in the XML Editor,
	   we can revert this to
	   background-color: rgba(0,0,0,0.04); */
	background-color: rgba(196,196,196,0.2);
}

/* Style the search-filter drop-down list */

.search-filter-content
{
	border: solid;
	border-width: 1px;
	border-color: #e2e2e2;
}

/* =========================================== Home Tiles 4Tiles section ====================================================== */
/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/

div.home-tiles,
div.home-3tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

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

div.home-tiles::after,
div.home-3tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div,
div.home-3tiles > div
{
	float: left;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	position: relative;
	margin-left: 1%;
	/* overflow: hidden; */
	/* truncating overflow will clip pop up info hints. /=j 2018-11-28 */
}

div.home-tiles > div
{
	height: 14rem;
	width: 22%;
	padding: 1em;
}

div.home-3tiles > div
{
	height: 250px;
	width: 32%;
	padding: 1.7em 1em;
}

div.home-tiles > div:hover,
div.home-3tiles > div:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transform: translateY(-8px);
	/* Using scale as transformation looks hideous during animation! /=j 2018-11-28 */
}

/*=Elements for text contained within each home-tile=*/

p.tile-title,
p.tile-subtitle,
p.tile-content
{
	color: #7E8890;
	text-align: center;
	width: calc(100% - 1rem);
	position: absolute;
	left: 50%;
	margin: 0;
}

p.tile-title
{
	font-family: Arial;
	font-size: 1.4em;
	top: 1rem;
	transform: translateX(-50%);
}

p.tile-subtitle
{
	font-size: 0.9em;
	bottom: 1rem;
	transform: translateX(-50%);
}

p.tile-content
{
	font-size: 0.8em;
	margin: auto;
	top: 50%;
	transform: translate(-50%, -50%);
}

p.tile-content img
{
	width: 80px;
	height: 80px;
}

p.tile3-content img
{
	width: 100px;
	height: 100px;
}

div.home-tiles a
{
	text-decoration: none;
	color: #000;
}

/* Make the logobox same width as the menu */

.title-bar-layout .logo-wrapper
{
	width: 22rem;
}

/* =========================================== Home Tiles home-3tiles section ====================================================== */

/*
div.home-3tiles > div:nth-child(1)
{
	width: 22.667%;
	margin-left: 15%;
}

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

div.home-3tiles > div:nth-child(3)
{
	width: 22.667%;
	margin-left: 1%;
}
*/

/*=Elements for text contained within each home-tile=*/

p.tile3-title,
p.tile3-content
{
	text-align: center;
	margin: 0;
}

p.tile3-title
{
	text-transform: uppercase;
	font-size: 26pt;
	font-family: Pebble, Helvetica, Arial, sans-serif;
}

p.tile3-title,
p.tile3-title a,
p.tile3-title a:hover,
p.tile3-title a:focus
{
	color: #990AE3;
	text-decoration: none;
}

p.tile3-content
{
	font-size: 0.8em;
}

/* Make the logobox same width as the menu */

.title-bar-layout .logo-wrapper
{
	width: 22rem;
}

/*=============================================================================
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.
-------------------------------------------------------------------------------
NOTE: "tablet" and "mobile" are not standard media types. Rewriting to use
viewport width instead, wich is what we actually *mean*. /=j 2018-12-11
=============================================================================*/

/* "Wide" screen */

@media (min-width: 802px)
{
	div.home-tiles > div:nth-child(1)
	{
		margin-left: 5%;
	}
}

/*@media "tablet" and "mobile"*/

@media (max-width: 801px)
{
	div.home-3tiles > div
	{
		width: 96%;
		margin-left: 2%;
		margin-top: 2%;
		height: 180px;
		padding: 1em;
	}

	div.home-3tiles > div:first-child
	{
		margin-top: 0;
	}

	p.tile3-content img
	{
		width: 100px;
		height: 100px;
	}

	p.tile3-title
	{
		font-size: 20pt;
	}

	/*Used on SideNav Startpage above tiles*/

	h1.coverPage
	{
		font-size: 2.5em;
	}

	/* Move Logo to the right when hamburger menu visible */

	.title-bar-layout .logo-wrapper
	{
		padding-left: 40px;
		width: auto;
	}
}

/*@media "tablet"*/

@media (min-width: 481px) and (max-width: 801px)
{
	div.home-tiles > div
	{
		width: 47%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(1),
	div.home-tiles > div:nth-child(3)
	{
		margin-left: 2.5%;
	}

	div.home-tiles > div:nth-child(3),
	div.home-tiles > div:nth-child(4)
	{
		margin-top: 1%;
	}
}

/*
MadCap|xref.xrefStartpageTiles
{
	text-decoration: none;
	color: #990AE3;
	font-family: Pebble;
	font-size: 2em;
	text-transform: uppercase;
}
*/