/*
 | This file is part of the DITA Open Toolkit project.
 | See the accompanying LICENSE file for applicable license.
*/
/*
 | (c) Copyright 2004, 2005 IBM Corporation
 */
.unresolved {
  background-color: skyblue;
}
.noTemplate {
  background-color: yellow;
}
.base {
  background-color: #ffffff;
}
/* Add space for top level topics */
.nested0 {
  margin-top: 1em;
}
/* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
/* modification for classmate CLOUD */
.p {
  margin: 0.85em 0;
}

/* Default of italics to set apart figure captions */
.figcap {
  font-style: italic;
}
.figdesc {
  font-style: normal;
}
/* Use @frame to create frames on figures */
.figborder {
  border-style: solid;
  padding-left: 3px;
  border-width: 2px;
  padding-right: 3px;
  margin-top: 1em;
  border-color: Silver;
}
.figsides {
  border-left: 2px solid;
  padding-left: 3px;
  border-right: 2px solid;
  padding-right: 3px;
  margin-top: 1em;
  border-color: Silver;
}
.figtop {
  border-top: 2px solid;
  margin-top: 1em;
  border-color: Silver;
}
.figbottom {
  border-bottom: 2px solid;
  border-color: Silver;
}
.figtopbot {
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin-top: 1em;
  border-color: Silver;
}
/* Most link groups are created with <div>. Ensure they have space before and after. */
.ullinks {
  list-style-type: none;
}
.ulchildlink {
  margin-top: 1em;
  margin-bottom: 1em;
}
.olchildlink {
  margin-top: 1em;
  margin-bottom: 1em;
}
.linklist {
  margin-bottom: 1em;
}
.linklistwithchild {
  margin-left: 1.5em;
  margin-bottom: 1em;
}
.sublinklist {
  margin-left: 1.5em;
  margin-bottom: 1em;
}
.relconcepts {
  margin-top: 1em;
  margin-bottom: 1em;
}
.reltasks {
  margin-top: 1em;
  margin-bottom: 1em;
}
.relref {
  margin-top: 1em;
  margin-bottom: 1em;
}
.relinfo {
  margin-top: 1em;
  margin-bottom: 1em;
}
.breadcrumb {
  font-size: smaller;
  margin-bottom: 1em;
}

/*
 * =================================================================================================
 * Static label: tasktroubleshooting, prereq
 * =================================================================================================
 */

.tasktroubleshooting:lang(de):before {
/*    background-repeat:no-repeat;
    background-image:url('global/images/tasks/icons/troubleshooting/IMG_TRO_troubleshooting.svg') !important;*/
    font-weight: bold;
    
/*    padding:4px 4px 4px 23px;
    background-position:left;*/
    
    content: "Fehlerbehebung: ";
}
.tasktroubleshooting:lang(en):before {
/*    background-repeat:no-repeat;
    background-image:url('global/images/tasks/icons/troubleshooting/IMG_TRO_troubleshooting.svg') !important;*/
    font-weight: bold;
    
/*    padding:4px 4px 4px 23px;
    background-position:left;*/
    
    content: "Troubleshooting: ";
}

.prereq:lang(de):before {
    content: "Voraussetzungen: ";
    font-weight: bold;
}
.prereq:lang(en):before {
    content: "Prerequisites: ";
    font-weight: bold;
}




dt.prereq {
  margin-left: 20px;
}
/* Set heading sizes, getting smaller for deeper nesting */
.topictitle1 {
  margin-top: 0;
  margin-bottom: .1em;
  font-size: 1.34em;
}
.topictitle2 {
  margin-top: 1pc;
  margin-bottom: .45em;
  font-size: 1.17em;
}




/* Optimierte Farben */
/* Allgemein */
/* Schrift Breadcrumb Weiß */
.wh_breadcrumb li
{
  color: white !important; 
}
/* Startseite */
/* Hitergrund Menüleiste Blau wie costing24-Buttons */
.wh_top_menu ul ul li
{
  background-color: #3D70D7 !important;
}
/* Hitergrund Menüleiste verändert durch Kursor und Aufkalappen simus-Orange*/
.wh_top_menu ul li:hover,
.wh_top_menu ul li a:hover,
.wh_top_menu ul li a:visited
{
  background-color: #fa8622 !important;
}
/* Hintergrund Suchbutton simus-Orange*/
.wh_search_button
{
  background-color: #fa8622 !important;
}
/* Buttons Blau wie costing24-Buttons */
.webhelp_expand_collapse_sections,
.wh_print_link button:before
{
  color: #3D70D7 !important;
}
/* Pfeil simus-Grün */
.wh_main_page_toc_accordion_header:before,
.wh_main_page_toc_accordion_header.expanded:before {
    color: #a9b586 !important;
}
/* Hitergrund Blau wie costing24-Buttons */
.wh_main_page_toc,
.wh_main_page_toc .expanded,
.wh_main_page_toc_accordion_entries,
.wh_publication_toc
{
  background-color: #3D70D7 !important;
}
/* Hitergrund verändert durch Kursor und Aufkalappen simus-Orange*/
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc > .wh_main_page_toc_entry:hover,
.wh_main_page_toc .expanded{
  background-color: #fa8622 !important;
}
/* Schrift Weiß */
.wh_toc_shortdesc
{
  color: white; 
}
/* Seiten */
/* Schrift Weiß und Fett*/
.wh_publication_toc .active > .topicref a,
.wh_breadcrumb ol .active
{
  font-weight: bold !important;
  color: white !important;
}
/* Hitergrund Weiß, Schrift  */
.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links 
{
  background-color: white !important;
}
/* Schrift Blau wie Buttons und Fett */
.wh_topic_content a,
.wh_topic_content a:hover,
.wh_topic_content a:visited,
.wh_child_links a,
.wh_related_links a,
.related-links a,
.related-links a:visited
{
  font-weight: bold;
  color: #3D70D7;
}
/* Icon für Anmerkungen simus-Orange */
div.note {
  background-repeat: no-repeat;
  background-image: url('products/costing24/images/icons/note.png') !important;
}



/* Optimierte Abstände zwischen dem verlinktem Titel und der Kurzbeschreibung drunter. */
.ulchildlink {
    margin-bottom: 1em !important;
}
.related-links strong a {
    margin: 0cm !important;
    padding: 0cm !important;
}
/* Modification for classmate DATA tutorial - Space around the related links */
.wh_child_links {
    padding: 1.5em;
}

/* ----------------------------------
 * Ebenen definieren die Einrückungen von links.
 * Die Nummerierung innerhalb von Ebenen (z.B. "3)b)-2-c-I.ii") bedeuten die Verschachtelung von Containern in HTML.
 * In diesem Beispiel ("3)b)-2-c-I.ii") sind 6 ineinander verschachtelte Container dargestellt.
 * Diese Information braucht man, wenn eine neue Information in das Topic reinkommt, die analogisch zu den anderen Informationen formatieren werden muss.
 * Die Verschachtelung muss berücksichtigt werden.
 * D.h die Container, in welche die neue Infiormation verschachtelt ist, müssen auch analogisch zu den anderen Containern formatiert werden.
 * ---------------------------------- */
/* 1. Ebene */
/* 1) */
    .title.topictitle1 {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0.5em;
        padding: 6px;
        padding-left: 0;
    }
    .title.topictitle1 .xref {
        text-decoration: none;
        pointer-events: none;
        cursor:default;
        color: #295193;
    }
/* 2) */
    .title.topictitle1 + .shortdesc {
        margin: 0;
/*        margin-top: 3pt;
        margin-bottom: 3pt;*/
    }
/* 3) */
    .topic.reference.nested1 {
        margin-left: 0;
        margin-top: 1em;
        margin-bottom: 1em;
    }
/* 3)a) */
    .topic.reference.nested1 > .title.topictitle2 {
        font-size: 21px;
        margin-top: 1em;
        margin-bottom: 0.5em;
        padding: 6px;
        background-color: #ECECEC;
    }
/* 2. Ebene */
/* 3)b) */
    .topic.reference.nested1 > .body.refbody, 
    .topic.reference.nested1 > .topic.reference.nested2 {
        margin-left: 3em;
        margin-top: 1em;
        margin-bottom: 1em;
        line-height: 18px;
        font-size: 12px;
        background-color: #F2F5FA;
    }
/* 3)b)-1 */
    .topic.reference.nested1 > .topic.reference.nested2 > .title.topictitle3 {
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 1em;
        text-align: initial;
        margin-top: 1em;
        margin-bottom: 0.5em;
        padding: 6px;
    }
    .topic.reference.nested1 > .topic.reference.nested2 > .title.topictitle3 .xref {
        text-decoration: none;
    }
/* 3)b)-2 */
    .topic.reference.nested1 > .body.refbody > .bodydiv.refbodydiv, 
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody {
        margin: 0;
    }
/* 3)b)-2-a */
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .shortdesc {
        margin: 0;
        margin-left: 6px;
    }
/* 3)b)-2-b */
    .topic.reference.nested1 > .body.refbody > .bodydiv.refbodydiv > .example, 
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .section {
        margin-left: 0;
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .section .xref {
        text-decoration: none;
    }
    .body.refbody > .section .xref {
        text-decoration: none;
    }
/* 3)b)-2-b-I */
    .topic.reference.nested1 > .body.refbody > .bodydiv.refbodydiv > .example > .title.sectiontitle, 
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .section > .title.sectiontitle {
        padding: 6px;
    }
/* 3)b)-2-b-II */
    .topic.reference.nested1 > .body.refbody > .bodydiv.refbodydiv > .example > .p {
        margin: 0;
    }
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .section > .p {
        margin: 0;
        margin-left: 6px;
    }
/* 3)b)-2-c */
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .bodydiv.refbodydiv {
        margin-left: 0;
        margin-top: 1em;
        margin-bottom: 1em;
    }
/* 3)b)-2-c-I.i */
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .bodydiv.refbodydiv > .section > .title.sectiontitle  {
        padding: 6px;
    }
/* 3)b)-2-c-I.ii */
    .topic.reference.nested1 > .topic.reference.nested2 > .body.refbody > .bodydiv.refbodydiv > .section > .tablenoborder {
        padding: 10px;
    }
/* ----------------------------------*/
.topictitle3 {
  margin-top: 1pc;
  margin-bottom: .17em;
  font-size: 1.17em;
  font-weight: bold;
}
.topictitle4 {
  margin-top: .83em;
  font-size: 1.17em;
  font-weight: bold;
}
.topictitle5 {
  font-size: 1.17em;
  font-weight: bold;
}
.topictitle6 {
  font-size: 1.17em;
  font-style: italic;
}
.sectiontitle {
  margin-top: 1em;
  margin-bottom: 0;
  color: black;
  font-size: 1.17em;
  font-weight: bold;
}
.section {
  margin-top: 1em;
  margin-bottom: 1em;
}
.example {
  margin-top: 1em;
  margin-bottom: 1em;
}
div.tasklabel {
  margin-top: 1em;
  margin-bottom: 1em;
}
h2.tasklabel,
h3.tasklabel,
h4.tasklabel,
h5.tasklabel,
h6.tasklabel {
  font-size: 100%;
}
/* All note formats have the same default presentation */
.note {
  margin-top: 3pt;
  margin-bottom: 3pt;
}
.notetitle {
  font-weight: bold;
}
.notelisttitle {
  font-weight: bold;
}
.tip {
  margin-top: 1em;
  margin-bottom: 1em;
}
.tiptitle {
  font-weight: bold;
}
.fastpath {
  margin-top: 1em;
  margin-bottom: 1em;
}
.fastpathtitle {
  font-weight: bold;
}
.important {
  margin-top: 1em;
  margin-bottom: 1em;
}
.importanttitle {
  font-weight: bold;
}
.remember {
  margin-top: 1em;
  margin-bottom: 1em;
}
.remembertitle {
  font-weight: bold;
}
.restriction {
  margin-top: 1em;
  margin-bottom: 1em;
}
.restrictiontitle {
  font-weight: bold;
}
.attention {
  margin-top: 1em;
  margin-bottom: 1em;
}
.attentiontitle {
  font-weight: bold;
}
.dangertitle {
  font-weight: bold;
}
.danger {
  margin-top: 1em;
  margin-bottom: 1em;
}
.cautiontitle {
  font-weight: bold;
}
.caution {
  font-weight: bold;
  margin-bottom: 1em;
}
.warning {
  margin-top: 1em;
  margin-bottom: 1em;
}
.warningtitle {
  font-weight: bold;
}
/* Simple lists do not get a bullet */
ul.simple {
  list-style-type: none;
}
/* Used on the first column of a table, when rowheader="firstcol" is used */
.firstcol {
  font-weight: bold;
}
/* Various basic phrase styles */
.bold {
  font-weight: bold;
}
.boldItalic {
  font-weight: bold;
  font-style: italic;
}
.italic {
  font-style: italic;
}
.underlined {
  text-decoration: underline;
}
.uicontrol {
  font-weight: bold;
}
.wintitle {
  font-weight: bold;
}
.parmname {
  font-weight: bold;
}
.kwd {
  font-weight: bold;
}
.keyword {
  font-weight: bold;
}
/* In Überschriften erster Ebene eines Topics, im IHVZ und im Breadcrumb */
.wh_topic_content .topictitle1 .keyword,
.wh_breadcrumb .keyword,
.wh_publication_toc .keyword {
  font-weight: 400;
}

.defkwd {
  font-weight: bold;
  text-decoration: underline;
}
.var {
  font-style: italic;
}
.shortcut {
  text-decoration: underline;
}
.menucascade > abbr {
    text-decoration: none;
}
/* Default of bold for definition list terms */
.dlterm {
  font-weight: bold;
}
/* Use CSS to expand lists with @compact="no" */
.dltermexpand {
  font-weight: bold;
  margin-top: 1em;
}
*[compact="yes"] > li {
  margin-top: 0;
}
*[compact="no"] > li {
  margin-top: .53em;
}
.liexpand {
  margin-top: 1em;
  margin-bottom: 1em;
}
.sliexpand {
  margin-top: 1em;
  margin-bottom: 1em;
}
.dlexpand {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ddexpand {
  margin-top: 1em;
  margin-bottom: 1em;
}
.stepexpand {
  margin-top: 1em;
  margin-bottom: 1em;
}
.substepexpand {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* Align images based on @align on topic/image */
div.imageleft {
  text-align: left;
}
div.imagecenter {
  text-align: center;
}
div.imageright {
  text-align: right;
}
div.imagejustify {
  text-align: justify;
}
/* The cell border can be turned on with
   {border-right:solid}
   This value creates a very thick border in Firefox (does not match other tables)

   Firefox works with 
   {border-right:solid 1pt}
   but this causes a barely visible line in IE */
.cellrowborder {
  border-left: none;
  border-top: none;
  border-right: solid 1px;
  border-bottom: solid 1px;
}
.row-nocellborder {
  border-left: none;
  border-top: none;
  border-right: hidden;
  border-bottom: solid 1px;
}
.cell-norowborder {
  border-top: none;
  border-left: none;
  border-bottom: hidden;
  border-right: solid 1px;
}
.nocellnorowborder {
  border: none;
  border-right: hidden;
  border-bottom: hidden;
}
pre.screen {
  padding: 5px 5px 5px 5px;
  border: outset;
  background-color: #CCCCCC;
  margin-top: 2px;
  margin-bottom: 2px;
  white-space: pre;
}
span.filepath,
samp.codeph,
pre.codeblock {
  font-family: monospace;
}
/* modification for classmate CLOUD */
body{ 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
  background-color: #FFFFFF;
  color: #474647 !important;
}

/* OXYGEN PATCH END - EXM-18359 */

/* OXYGEN PATCH START - EXM-18138 */
span.uicontrol > img {
  padding-right: 5px;
}
/* OXYGEN PATCH END - EXM-18138 */

/* OXYGEN PATCH START EXM-17248 - Center figure captions. */
div.fignone p.figcap {
  display:block;
  text-align:left;
  font-weight:bold;
  padding:2px 10px 5px 10px;
}

div.fignone p.figcapcenter {
  display:block;
  text-align:center;
  font-weight:bold;
  padding:2px 10px 5px 10px;
}

div.fignone p.figcapright {
  display:block;
  text-align:right;
  font-weight:bold;
  padding:2px 10px 5px 10px;
}

div.fignone p.figcapjustify {
  display:block;
  text-align:justify;
  font-weight:bold;
  padding:2px 10px 5px 10px;
}

div.fignone img {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
/* modification for classmate CLOUD */
a {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

/* modification for classmate CLOUD */
h1 {
       font-size: 26px;
       line-height: 1.8em;
       font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
       font-weight: bold;
       text-transform: none;
}

/* modification for classmate CLOUD */
h2 {
       font-size: 22px;
       line-height: 1.8em;
       font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
       font-weight: bold;
       text-transform: none;
}

/* modification for classmate CLOUD */
.image.icon
    {
        height: 16px !important;
    }

/* modification for classmate CLOUD */
.fig .image {
        margin-top: 10px;
        margin-bottom: 10px;
}

#u_Profile, #confirmDelete, #comments, #loginData, #signUp, #recoverPwd {
     background-color: #fff;
     border: 1px solid #ccc;
}

.hazardstatement.attention .note__title {
    display:block;
    background-color:#0000FF;
    background-position-y: center;
/*    border-bottom: 2pt solid;*/
    font-weight:normal;
    font-size:1.6em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    background-image: none !important;
    padding: 0.5em;
}

.hazardstatement .messagepanel {
    border-top: 2pt solid;
    margin:0;
    padding: 0.5em;
    width: 100%;
    font-weight:normal;
}

.hazardstatement .hazardsymbol {
    max-width: 6em;
    max-height:6em;
    width:auto;
}

.hazardstatement {
    display:flex;
    flex-direction:row-reverse;
    justify-content: flex-end;
    flex-wrap: wrap;
    border: 2pt solid;
    padding:0;
    margin:1em 0;
}

.hazardstatement .messagepanel li {
    list-style-type:none !important;
}

.typeofhazard {
    font-weight:normal;
    font-size:1.4em;
}

.howtoavoid {
    font-weight:normal;
}

.consequence {
}

/*
 * =================================================================================================
 * Symbol: only one list item
 * =================================================================================================
 */
/* When the numbered list has only one list item, bullet point will be displayed instead of number */
.ol .li:only-child {
    display: list-item;
    list-style-type: disc !important;
}

/*
 * =================================================================================================
 * Symbol: only one step
 * =================================================================================================
 */

/* When the task has only one step, bullet point will be displayed instead of number */
.step.p
{
    display: list-item;
    list-style-type: disc !important;
    margin-left: 3em;
}

/*
 * =================================================================================================
 * Symbol: result and stepresult
 * =================================================================================================
 */

/*.result {
  display: list-item;
  list-style-type: none;
}*/
/*.stepresult {
  display: list-item;
  list-style-type: none;
}*/

.result {
    margin-left: 1.5em;
}
.result:before {
    content: url('global/images/tasks/icons/results/IMG_RES_result16px.png') "\2002";
}
.stepresult {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.stepresult:before {
    content: url('global/images/tasks/icons/results/IMG_RES_stepresult16px.png') "\2002";
}

/**[outputclass ~= "contains_image"]:before,
*[outputclass ~= "contains_codeblock"]:before
{
    content:none !important;
}*/

/* Alle Bilder haben keinen Bildunterschrift */
.figcap {
  display:none;
}

/* Alle Tabellen haben keinen Tabellenunterschrift, dmait die die mehr auf-/einklappbar sind. */
.table caption .wh_expand_btn {
    display: none !important;
} 
/* Titel unter den Hauptmenü-Punkten werden nicht in Großbuchstaben angezeigt. */
.wh_top_menu ul ul li {
    text-transform: none !important;
}
/* Überschriften im Inhaltsverzeichnis überlaufen den IHVZ-Rahmen nicht und werden umgebrochen*/
.wh-tooltip-container,
.wh_breadcrumb title,
.wh_publication_toc .title {
    position: relative;
   /* display: inline-block;*/
    /* makes word-wrap: break-word work */
    min-width: 1px;
