@charset "UTF-8";

@import url(__stock_webhelp.css);

/* Copyright (c) 2014 Opacc Laboratory AG
 * Author: Sascha Reimann / Martin Schild
 */

/* Body */
body {
	font: 12pt "Century Gothic"; color: #000000;
	margin-top: 24px;
}
/*Container*/
div.abstract {font: 10pt "Arial"; margin-top: 24px;  margin-bottom: 24px;  font-weight: bold}
div.green       {margin-top: 12px}
/* Headers */
/* div.blackBig h2 {font: 16pt "Arial"; margin-top: 24px;  margin-bottom: 12px; font-weight: bold; color: #404040} */
/* div.topic h2       {font: 16pt "Arial"; margin-top: 24px; margin-bottom: 2px;  font-weight: bold; color: #404040} */
/* div.blueBig h3   {font: 18pt "Arial"; margin-top: 24px; margin-bottom: 2px; color: #6D7DB1} */
/* div.blue h2,h3    {font: 14pt "Arial"; margin-top: 12px; margin-bottom: 2px;  font-weight: bold;  color: #6D7DB1} */
/* div.blue h2,h3    {font: 14pt "Arial"; margin-top: 12px; margin-bottom: 2px;  font-weight: normal; color: #6D7DB1} */
/* div.green h3       {font: 12pt "Arial"; margin-top: 6px;  margin-bottom: 2px;  font-weight: bold;  color: #AAB450} */
/*
 * SCH / 18.08.2021
 * Farbe der blauen Schrift (blueBig und blue) auf blau gemäss neuer Website gesetzt. Alter Farbwert: #6D7DB1
 * 
 * SCH / 13.10.2021
 # blackBig und SectionTitle (Definition findet sich weiter unten) auf Schriftgrösse 20pt gesetzt.
*/
/*section.topic h2       {font: 22pt "Century Gothic"; margin-top: 24px; margin-bottom: 2px;  font-weight: bold;    color: #4D4D4D}*/
section.topic h2       {font: 18pt "Century Gothic"; margin-top: 24px; margin-bottom: 2px;  font-weight: normal;    color: #4D4D4D}
section.blackBig h2 {font: 20pt "Century Gothic"; margin-top: 24px; margin-bottom: 12px;  color: #4D4D4D}
section.blueBig h3   {font: 18pt "Century Gothic"; margin-top: 24px; margin-bottom: 2px;  font-weight: normal; color: #4B60AD}
section.blue h3         {font: 16pt "Century Gothic"; margin-top: 12px; margin-bottom: 2px;  font-weight: normal; color: #4B60AD}
section.green h3       {font: 12pt "Century Gothic"; margin-top: 6px;  margin-bottom: 2px;  font-weight: bold;   color: #4D4D4D}
section.orange h3     {font: 12pt "Century Gothic"; margin-top: 2px;  margin-bottom: 2px;  font-weight: normal;   color: #EE7600}
/* Links & Images */
img {margin-left: 0px; margin-right: 5px; margin-top: 5px; margin-bottom: 0px;}
/* Farbe der Links.
 * 18.08.2021 / SCH
 * Farbe der Links von orange auf blau gemäss neuer Website gesetzt. Alter Farbwert: #EE7600
*/
a:link {color: #4B60AD}
a:visited {color: #4B60AD}
/* Quotation elements */
q:before, q:after {content: ""}
/* Paragraphs */
/* Normale Schrift */
div.p {font: 12pt "Century Gothic"; margin-top: 0.5ex;  margin-bottom:0ex; line-height:1.25}
/* Fette (bold) Formatierung innerhalb von <p> mit 70% schwarz */
b.b {font: 12pt "Century Gothic"; font-weight: bold; color: #4D4D4D; margin-top: 0.75ex;  margin-bottom:0ex}
/* Blaue Schrift in ReleaseNotes-Tabelle als "Titel" */
div.p.blue {font: 14pt "Century Gothic"; margin-top: 0.75ex;  margin-bottom:0ex; line-height:1.25; font-weight: bold; color: #4B60AD}
/* Grüne Schrift in ReleaseNotes-Tabelle als "Titel" */
/* 24.08.2021 / SCH
 * Schriftgrösse 14pt und Farbe von #AAB450 nach #A1AB50 geändert.
*/
div.p.green {font: 14pt "Century Gothic"; margin-top: 0.75ex;  margin-bottom:0ex; line-height:1.25; font-weight: normal; color: #AAB450}

/*Farbe für Attribute, wenn die Struktur des DITA-Files bereits nach neuem Konzept erstellt ist.*/
div.sectiondiv {font: 12pt "Century Gothic"; margin-top: 2px;  margin-bottom: 2px;  font-weight: normal;   color: #EE7600}
b.uicontrol {font: 12pt "Century Gothic"; margin-top: 2px;  margin-bottom: 2px;  font-style: italic;   color: #EE7600}

/* Farbige Markierung innerhalb eines Codeblock - Outputclass: code_mark */
b.b.code_mark {font-family: monospace; font-size: 1em; color: #CC3300; line-height: 1.48; margin-top: 1.48em; margin-bottom: 1.48em;}

/* Auszeichnen von Attributnamen über die spezielle "Umformatierung" von italic */

/* Orange */
/* i.i {font: 11pt "Arial"; color: #FF7F00; margin-top: 0.75ex;  margin-bottom:0ex} */

/* Kursiv orange */
/* i.i {font: 11pt "Arial"; font-style: italic; color: #FF7F00; margin-top: 0.75ex;  margin-bottom:0ex} */

/* Kursiv, fett 75% schwarz */
/* i.i {font: 11pt "Arial"; font-style: italic; font-weight: bold; color: #404040; margin-top: 0.75ex;  margin-bottom:0ex} */

/* Fett 70% schwarz */
/* i.i {font: 11pt "Arial"; font-weight: bold; color: #4D4D4D; margin-top: 0.75ex;  margin-bottom:0ex} */
/* 24.07.2019 / SCH
   Von 11pt Arial bold geändert auf Helvetica 11pt italic
*/
/* 23.08.2021 / SCH
 * Geändert von 11pt Helvetica 85% schwarz (#262626) nach Arial 12pt Italic bold, dunkelgrau (#808080)
*/
i.i {font: 12pt "Arial"; font-weight: bold; font-style: italic; color: #808080; margin-top: 0.75ex;  margin-bottom:0ex}

/* Kursiv, grau hinterlegt */
/* i.i {font: 11pt "Arial"; font-style: italic; background-color: #D9D9D9; margin-top: 0.75ex;  margin-bottom:0ex} */

/* Eigene Schrift Courier New */
/* i.i {font: 12pt "Courier New"; margin-top: 0.75ex;  margin-bottom:0ex} */

/* Title of Section */
/* div.section h3 {font: 11pt "Arial"; margin-top: 20px;  margin-bottom:5px; font-weight: bold; color: #333333} */
/* Title of Category */
div.Kategorie {font: 14pt "Century Gothic"; margin-top: 12px; margin-bottom:2px; font-weight: bold; color: #000000}
/* Paragraph with margin-left */
div.Einzug   {font: 12pt "Century Gothic"; margin-top: 0.75ex;  margin-bottom:0ex; margin-left: 15px}
div.Einzug2 {font: 12pt "Century Gothic"; margin-top: 0.75ex;  margin-bottom:0ex; margin-left: 30px}
div.EinzugF {font: 12pt "Century Gothic"; margin-top: 0.75ex;  margin-bottom:0ex; margin-left: 15px; font-style: italic; color: #FF7F00}
div.Einzug_Top {font: 12pt "Century Gothic"; margin-top: 0.1ex;  margin-bottom:0ex; margin-left: 15px}
div.Einzug_Top2 {font: 12pt "Century Gothic"; margin-top: 0.1ex;  margin-bottom:0ex; margin-left: 30px}

/* 24.04.2015 / SCH
   Spezielle Formatierung für <ph>. Beachten: <ph> sollte in <p> eingebettet werden, da sonst keine Zeilenumbrüche möglich sind.
*/
span.ph {
	font: 12pt "Century Gothic";
	margin-top: 0ex;
	margin-bottom: 0ex;
}

/* Simple List */
/* ul {margin-top: 0px;  margin-bottom:0px}*/

ul { 
    display: block;
    margin-left: 1.5ex;
    margin-top: 0ex;
    margin-bottom: 0.8ex;
	padding-inline-start:10px;
	list-style-type: disc;
}

/* 19.03.2021 / SCH
   Mit dem Eintrag bei last-child wird dafür gesorgt, dass in der ReleaseNotes Tabelle die Einträge nicht ganz unten auf der Linie stehen.
*/
th > *:last-child,
td > *:last-child {
    margin-bottom: 0.8em;
}

ul ul { 
    list-style-type: square;
}

ul ul ul { 
    list-style-type: circle;
}

li {font: 12pt "Century Gothic"; margin-top: 6px;  margin-bottom:6px}

/* 09.10.2013 / SCH
   Oberen und unteren Abstand für Tabellen gesetzt.
*/
table {
margin-top: 0.75em;
margin-bottom: 0.75em;
}

/* 16.02.2015 / SCH
   th, td entfernt. Grund: Neue XMLMind Version 6.2 behandelt Tabellen anders.
*/

/* Table elements */
/*
th, td			{font: 11pt "Arial"; margin-top: 2px; margin-bottom: 2px; border-bottom: 1px solid}
.tgroup			{border: 0px solid; border-collapse:collapse; border-color: #FFFFFF}
.header-entry	{padding: 0.2em; vertical-align: top; background-color: #D2E1F0; font-weight: bold; text-align: left}
.entry          {padding: 0.2em; vertical-align: top; background-color: #FFFFFF}
*/

/* 16.02.2015 / SCH
 * Neuer Eintrag für thead Grund: Neue XMLMind Version 6.2 behandelt Tabellen anders.
 * Hintergrundfarbe des Tabellen-Headers auf blau gemäss neuer Website gesetzt. Alter Farbwert: #D2E1F0
*/
thead				{font: 14pt "Century Gothic"; margin-top: 2px; margin-bottom: 2px; border: 0px solid}
.table-header-style	{padding: 0.2em; vertical-align: top; background-color: #F5F8FF; font-weight: bold; text-align: left}

/* 16.02.2015 / SCH
   Neuer Eintrag für tbody Grund: Neue XMLMind Version 6.2 behandelt Tabellen anders.
*/
tbody                {font: 12pt "Century Gothic"; margin-top: 2px; margin-bottom: 2px; border: 0px solid}
.entry		{padding: 0.2em; vertical-align: top; border-color: #E5E5E5}

/* 02.12.2015 / SCH
   Neuer Eintrag für Tabellen-Titel. (Wurde bisher in den DITA-Files von Opacc nicht verwendet.)
*/
.table-title	{
font: 14pt "Century Gothic";
color: #404040;
font-weight: bold;
font-style: normal;
line-height: 1;
margin-top: 0.1em;
margin-bottom: 0.1em;
padding: 0.2em;
vertical-align: top;
text-align: left}

/* 25.11.2014 / SCH
 * Rund um die Note-Bereiche einen Rand von 1em gesetzt.
 * 18.08.2021 / SCH
 * Textfarbe (note-head) auf blau gemäss neuer Website gesetzt. Alter Farbwert: #6D7DB1
*/
.note {
    font-size: 90%;
    margin: 1em 1em 1em 1em;
	border-top: none;
	border-bottom: none;
	padding: 0 0;
}

.note-head {
    font-size: 100%;
    font-weight: bold;
	color: #4B60AD;
    margin-top: 0;
    margin-bottom: 0ex;
	font: 12pt "Century Gothic";
}

.note-icon {
    vertical-align: top;
    padding-right: 1em;
	border-bottom: none;
}

.note-text {
    vertical-align: baseline;
	border-bottom: none;
}

/* Line break */
pre  {
	font-family: sans-serif;
    font-size: 100%; 
	margin-top: 0px;
	margin-bottom:0px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* Codeblock */
pre.codeblock {
    font-family: monospace;
    font-size: 90%;
    background-color: #E2E2E2;
    padding: 0.5ex;
    border-color: #C0C0C0;
    /* Add actual border using the frame attribute. */
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* Screen */
pre.screen {
	background-color: #CED5EF;
	/* Farbe hellblau: #F5F8FF
	   Farbe dunkelblau: #CED5EF*/
	/* border-color: #CED5EF; */
	/* border-style: solid; */
	/* border-width: 3px; */
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/*
 * 05.09.2014 / SCH
 * Titelbereich mit anderer Farbe.
 * 18.08.2021 / SCH
 * Hintergrundfarbe des Titelbereichs auf blau gemäss neuer Website gesetzt. Alter Farbwert: #DEE5EF Alter Farbwert des Borders: 7E99C0
 * Textfarbe für diesen Bereich explizit auf weiss #FFFFFF gesetzt.
*/

/* ------------------------------------------------------------------------
 | titlePage
 +------------------------------------------------------------------------- */

.title-page {
    text-align: center;
    border: 1px solid #4B60AD;
    -moz-border-radius: 1ex;
    -webkit-border-radius: 1ex;
    border-radius: 1ex;
    background-color: #4B60AD;
    padding: 0.5em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
	color: #FFFFFF
}

.document-title {
    font-weight: bold;
    font-size: 2em;
    line-height: 1; /*Not 0.66*/
    margin-top: 0.33em;
    margin-bottom: 0.33em;
	font: 22pt "Century Gothic";
}

/*
 * 05.09.2014 / SCH
 * Topic-Titel, section1 und section2
 * 18.08.2021 / SCH
 * Strich unterhalb des Topic-Title von orange auf blau gemäss der neuen Website geändert. Alter Farbwert: #FF7F00
*/

/* ------------------------------------------------------------------------
 | topic-title
 +------------------------------------------------------------------------- */
.section1-title,
.section2-title,
.section3-title,
.section4-title,
.topic-title {
    font-size: 1.6em;
    line-height: 1;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
	border-bottom: 1px solid #4B60AD;
	font: 22pt "Century Gothic";
}

/*
 * 05.09.2014 / SCH
 * Section-Titel (section-title)
 * 03.06.2015 / SCH / font-weight auf normal gesetzt.
*/

/* ------------------------------------------------------------------------
 | section-title
 +------------------------------------------------------------------------- */
.section-title {
    font-size: 1.2em;
    line-height: 1.11;
    margin-top: 1.11em;
    margin-bottom: 0.33em;
	font-weight: normal;
	font: 20pt "Century Gothic";
}

/*
 * 20.02.2018 / SCH
 * Section (section)
 * 20.02.2018 / SCH / Abstände vor und nach der Section auf 0.35em gesetzt.
*/

/* ------------------------------------------------------------------------
 | section
 +------------------------------------------------------------------------- */
.section {
    margin-top: 0.5em;
    margin-bottom: 0.15em;
}

/*
 * 05.09.2014 / SCH
 * Abstand oben und unten bei Auflistungen (ul)
*/

/* ------------------------------------------------------------------------
 | Auflistungen (ul, ol und sl)
 +------------------------------------------------------------------------- */
.ol,
.compact-ol,
.ul,
.compact-ul,
.sl,
.compact-sl {
    margin-top: 0.2em;
    margin-bottom: 0.8em;
}

/*
 * 05.09.2014 / SCH
 * Abstand oben und unten bei Linien (lines)
 * 
 * 14.10.2021 / SCH
 * Schrift von 11pt Arial auf 12pt Century Gothic umgestellt.
*/
.lines {
    white-space: pre;
    font: 12pt "Century Gothic";
	line-height: 1.25;
    padding: 0.5em;
    margin-top: 0em;
    margin-bottom: 0em;
}