/* 

TOC 

 == General == 

 == Layout == 
 -- Header -- 
 -- Arrange Welcome title and search input field -- 
 -- Menu -- 
 -- Submenus -- 
 -- Breadcrumbs + Tools -- 
 -- Main page -- 
 -- TOC -- 
 -- Subtopics -- 
 -- Footer -- 
 -- Tiles -- 

 == Content == 
 -- Headers -- 
 -- Paragraphs -- 
 -- Lists -- 
 -- Tables -- 
 -- Figures -- 
 -- Videos -- 
 -- Admonitions. Override settings in ssy-notes.css -- 
 -- Glossary -- 
 -- Index -- 

 == Inline elements == 
 -- Links -- 
 -- Other elements -- 


 -- Styles for XSD-to-DITA documents (not generated by Oxygen) -- 
 -- Styles for OQ documents (not generated by Oxygen) -- */



/* == General == */

/* -- Colors PLA according to https://wiki.stegmannsystems.com/display/ORGA/CR-GEN-0050+Farbwelt -- */

:root {
    --ssy-pla-main: #009ec7;
    --ssy-pla-accent1: #4ddbff;
    --ssy-pla-accent1-light: rgba(77, 219, 255, 0.1); /* Hex: #E5EFF2 */
    --ssy-pla-accent2: #003340;
    --ssy-pla-accent3: #ff7a00;
    --ssy-pla-accent4: #006680;
    --ssy-pla-accent4-light: rgba(0, 102, 128, 0.1);
    --ssy-pla-accent4-light2: rgba(0, 102, 128, 0.2);
    --ssy-pla-accent5: #b35600;
    --ssy-pla-gray1: #5d5d5d;
    --ssy-pla-gray2: #727272;
    --ssy-pla-gray3: #f7f7f9; /* light gray, nicht in der Farbwelt definiert */
}


/* == Layout == */

/*  -- Header --  */

/* -- Color: Use Akzentfarbe 3 -- */

.wh_search_button {
    background-color: var(--ssy-pla-accent1);
}

/* -- Logo color -- */

.wh_publication_title > a {
    /* --   color: #var(--ssy-pla-main);
  font-size: 1.9em;
  font-weight: 400;
  margin-top: 2.4em;
-- */
    display: none;
}


/* -- Menu -- */

/* -- Labels in main bar -- */

.wh_top_menu a,
.wh_top_menu a:hover,
.wh_top_menu a:visited {
    color: var(--ssy-pla-main);
}

/* -- Color: Use PLA Akzentfarbe 4, 10%, #006680-- */

.wh_top_menu ul li:hover {
    background-color: var(--ssy-pla-accent1-light);
    color: var(--ssy-pla-gray1);
}

.wh_top_menu ul ul li a:hover {
    background-color: var(--ssy-pla-accent1-light);
    color: var(--ssy-pla-gray1);
}


/* -- Breadcrumbs + Tools -- */

.wh_tools {
    background-color: var(--ssy-pla-gray3);
}

span.oxy-icon {
    color: var(--ssy-pla-main);
}

span.oxy-icon-up {
    color: inherit;
}

/* -- Main page -- */

.welcome_title {
    font-weight: 700;
    font-size: 38px;
}

.wh_main_page .wh_search_input,
.wh_topic_page .wh_search_input {
    background: url('resources/images/web/header-pla-1920x640.png') center no-repeat;
    background-size: cover;
}

.wh_search_input {
    background: url('resources/images/web/header-pla-1920x640.png') center no-repeat;
    background-size: cover;
}


/* -- TOC -- */

.wh_publication_toc {
    background-color: var(--ssy-pla-gray3);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 1em;
}

/* TOC tooltip */

.wh_breadcrumb .topicref .wh-tooltip,
.wh-toc-tooltip {
    background-color: var(--ssy-pla-main);
    color: #fff;
    font-size: 1.4rem;
    width: 300px;
}

/* Tooltip arrow. */

[data-tooltip-position = "left"] .topicref .wh-tooltip::before,
[data-tooltip-position = "left"] .wh-toc-tooltip::before {
    border-left-color: var(--ssy-pla-main);
}

[data-tooltip-position = "right"] .topicref .wh-tooltip::before,
[data-tooltip-position = "right"] .wh-toc-tooltip::before {
    border-right-color: var(--ssy-pla-main);
}

[data-tooltip-position = "bottom"] .topicref .wh-tooltip::before,
[data-tooltip-position = "bottom"] .wh-toc-tooltip::before {
    border-bottom-color: var(--ssy-pla-main);
}

[data-tooltip-position = "top"] .topicref .wh-tooltip::before,
[data-tooltip-position = "top"] .wh-toc-tooltip::before {
    border-top-color: var(--ssy-pla-main);
}

.wh_child_links::before {
    content: "Subtopics:";
    font-weight: 600;
}

.related-links a,
.related-links a:visited {
    display: inline-block;
}

@media only screen and (max-width : 767px) {
    .wh_related_links,
    .wh_child_links,
    .wh_topic_content .related-links {
        border: none;
    }
}


/* -- Footer -- */

.wh_footer {
    min-height: 120px;
    font-size: 0.9em;
}

.footer-container {
    width: 100%;
}

.footer_links a {
    color: #fff !important;
}

.footer_nav {
    margin-top: 10px;
}

.footer_info_container a,
a:hover,
a:visited {
    color: var(--ssy-pla-main);
}

.footer_info_container {
    display: flex;
    background-color: var(--ssy-pla-gray3);
}

.footer_general_container {
    display: flex;
    background-color: var(--ssy-pla-main);
    min-height: 120px;
    align-items: center;
    background-image: url("resources/images/web/footer-bg.png");
    background-repeat: no-repeat;
    background-position-x: right;
}

@media (max-width : 700px) {
    .footer_info_container,
    .footer_general_container {
        flex-direction: column;
    }
}

.footer_info_tile {
    background-color: var(--ssy-pla-gray3);
    cursor: pointer;
    margin: 0;
    padding: 10px 50px;
    min-height: 100px;
    flex: 100%;
}

p.info_product_title {
    color: #878787;
    font-weight: 700;
}

p.info_product_text {
    color: #878787;
}

.copyright_text {
    border-top: 1px solid var(--ssy-pla-accent2);
}


/* -- Tiles -- */

.wh_tile_image {
    padding-bottom: 1.5em;
}

.wh_tile {
    background-color: var(--ssy-pla-gray3);
    border-color: #402101;
    border-radius: 20px;
    cursor: pointer;
    transition: all 200ms ease-out;
}

.wh_tile:hover {
    box-shadow: 0 0 10px 5px lightgray;
}

.wh_tile_title a,
.wh_tile_title a:visited {
    color: var(--ssy-pla-main);
}



/* == Content == */

/* -- Headers -- */

.topictitle1 {
    color: var(--ssy-pla-main);
}

/* -- Color: Use LB main color -- */

.sectiontitle {
    color: var(--ssy-pla-main);
}


/* -- Paragraphs -- */

/* -- Styles prolog information in topics (com.oxygenxml.webhelp.xsl.dita2webhelp extension) -- */

.abstract {
    margin-top: 1em;
    margin-bottom: 0;
}

div.conbody .shortdesc,
div.body .shortdesc,
div.taskbody .shortdesc,
div.refbody .shortdesc,
div.abstract .shortdesc {
    margin-top: 2.5em;
    margin-bottom: 2em;
    border-left: 4px solid var(--ssy-pla-main);
    padding-left: 1em;
    display: block
}

div.conbody .shortdesc::before,
div.body .shortdesc::before,
div.taskbody .shortdesc::before,
div.refbody .shortdesc::before {
    content: "Summary: ";
    font-weight: bold;
}


/* -- Lists -- */

*[class = "- topic/ul ul"] > *[class = "- topic/li li"]::marker,
*[class = "- topic/sli sli"]::marker,
*[class ~= "index/groups"]::before,
ul.steps-unordered li.step::marker,
ul.choices li.choice::marker {
    color: var(--ssy-pla-main);
}

dfn {
    color: var(--ssy-pla-accent2);
}


/* -- Tables -- */


/* -- Glossary -- */

article h2.glossterm.topictitle2 {
    font-size: 1em;
    margin: 1.5em 0 -.5em;
    font-weight: bold;
    color: initial;
}


/* -- Index -- */

.wh_indexterms_link a:before {
    color: var(--ssy-pla-accent5);
}

.wh-letters {
    background-color: var(--ssy-pla-accent1-light);
}

.wh_index_terms span.wh_first_letter {
    color: var(--ssy-pla-main);
}

.wh-letters li a {
    color: var(--ssy-pla-accent4);
}



/* == Inline elements == */


/* -- Links -- */

a,
a:hover,
a:visited,
.related-links a,
.related-links a:visited,
.wh_publication_toc .active > .topicref a,
.wh_breadcrumb ol a {
    color: var(--ssy-pla-main);
}

a:hover {
    text-decoration: underline;
}

.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.wh_print_link button,
.oxy-icon-pdf-link,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before {
    color: var(--ssy-pla-main);
}


/* -- Other elements -- */


.filepath,
.codeph,
.cmdname,
span.ph.code {
    color: var(--ssy-pla-accent4);
    background-color: #eee;
    padding: 2px 3px;
    border-radius: 5px;
}

.filepath,
.cmdname,
span.ph.code {
    font-size: 95%;
}

span.ph.code {
    font-family: monospace;
}

.uicontrol,
.wintitle {
    color: var(--ssy-pla-gray2);
}

.start {
    color: white;
}

kbd {
    background-color: var(--ssy-pla-main);
}



/* -- Styles for XSD-to-DITA documents (not generated by Oxygen) -- */

article h2.topictitle2 {
    margin-bottom: 0.5em;
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: normal;
    color: var(--ssy-pla-main);
}

article h3.sectiontitle {
    color: initial;
    font-size: 1em !important;
}

table.headerRowAllLeft tbody.topic\/tbody,
table.headerRowAllCenter tbody.topic\/tbody,
table.headerRowColTdCenter tbody.topic\/tbody,
table.headerRowColTdRight tbody.topic\/tbody,
table.headerRowColTdMixed tbody.topic\/tbody,
table.description tbody.topic\/tbody {
    font-size: 14px;
}

table.headerRowAllLeft tbody tr.topic\/row:first-child,
table.headerRowAllCenter tbody tr.topic\/row:first-child,
table.headerRowColTdCenter tbody tr.topic\/row:first-child,
table.headerRowColTdRight tbody tr.topic\/row:first-child,
table.headerRowColTdMixed tbody tr.topic\/row:first-child,
table.description tbody tr.topic\/row:first-child {
    background-color: #eeeff0;
    font-weight: 700;
    vertical-align: middle;
}

table.headerRowColTdCenter th.entry {
    background-color: #eeeff0;
}

table.headerRowColTdCenter tbody tr.topic\/row td:first-child
{
    background-color: #eeeff0;
    font-weight: 700;
}

table.frame-all {
    border: inherit;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.border-all,
table.border-all tr.topic\/row, 
table.border-all tr.topic\/chrow,
table.border-all thead th {
    border: 1px solid #ccc;
}

td.colsep-1,
td.colsep-0,
td.rowsep-1,
td.rowsep-0 {
    border: inherit;
}

li.topic-item li.section-item {
    display: none;
}

.MathJax_Display {
    text-align: left !important;
    padding-left: 1em;
}

.MathJax span {
    font-family: 'Noto Sans Math' !important;
}

td.entry .topic\/lines {
    margin-bottom: 0em;
}


/* -- Styles for OQ documents (not generated by Oxygen) -- */

p.divheaderH1 {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--ssy-pla-gray2);
    margin-bottom: -0.5em;
}

p.divheaderH2 {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--ssy-pla-gray2);
    margin-bottom: -0.5em;
}

p.divheaderH3 {
    font-size: 0.9em;
    text-transform: uppercase;
    color: var(--ssy-pla-gray2);
    margin-bottom: -0.5em;
    margin-top: 1.5em;
}