/*******************************************************************************
 *   Themestyles Enablement
 *   Last Updated:  13.12.2023 by ee 
 *
 *   IMPORTANT: DO NOT modify the mainstyles.css file but instead create a copy of the 
 *   themestyles.css file in the CSS folder of the respective Theme at 
 *   X:\produktion\Technische_Redaktion\__Quellen_AIT\Templates\disy Magellan Themes
 *
 *******************************************************************************/


/******************** Disy Settings *******************************************/


/* Cadenza-Schriftzug auf der Startseite */

.mainpage_block.jumbotron>h1 {
    color: var(--dark-gray-color);
    text-shadow: none;
    font-weight: bold;
}


/* color embedded SVG icons Language dropdown weiss unter grünem Header, todo: muss davor sein*/

header#desktop .top_icons .top_icons_menu {
    fill: #ffffff;
}

header#ipad .m_top_icons>li>a>svg {
    fill: #ffffff !important;
}


/* Todo: language dropdown EN DE in Vordergrund, da weißer Text von grünem Header verfärbt */

header#desktop a#langDp
/* Settings Icon
*  Hide icon also in "Mobile" mode
*/

ul.top_icons>li:nth-child(3),
ul.m_top_icons>li.m_top_config {
    display: none!important;
}


/* Help Icon
*  Hide icon also in "Mobile" mode
*/

ul.top_icons>li:nth-child(4),
ul.m_top_icons>li.m_top_help {
    display: none!important;
}


/* links over glossary terms */

.content_block span[data-glossaryitemid] {
    color: var(--dark-gray-color);
    cursor: pointer;
}


/* toc: list items with children */

ul.jqtree-tree li.jqtree-folder {
    margin: 6px;
}


/* toc: text of items */

ul.jqtree-tree span.jqtree-title {
    font-size: 14px;
    margin-left: 18px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}


/* drop-down menu increase column size*/

ul.dropdown-menu {
    border: 1px solid var(--light-gray-color);
    border-bottom-left-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
    background-color: var(--control-bg-color);
    padding: 5px;
    transition: all 0.4s ease-in-out;
    z-index: 100;
    max-height: 800px;
    overflow-y: auto;
    width: 450px;
}


/* defaults for links*/

a {
    color: var(--color-link-or-colour-info);
}

a:hover,
a:active,
a:visited,
a:focus {
    outline: none;
    text-decoration: none;
    color: var(--color-link-or-colour-info);
}


/* Web Heading from [LandingPageContentItems] topics, always H3 regardless of TOC level in book,
Cadenza: Groesse der 4 Überschriften graue LP Content Cadenza, wenn Text mittig, dann kein Padding  */

.landing_content_box h3 {
    margin: 0;
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--panel-head-bg-color);
    color: var(--panel-head-text-color);
    text-align: center;
}


/* Größenanpassung Überschriften*/

h3.tooltip_heading,
h4.panel-title,
h4.pl-1 {
    line-height: 1;
    padding-bottom: 0;
}


/* Größenanpassung Landingpage Box Bodytext*/


/* table restyling Oct 2022 */

div._landingpagerotatoritem_ table.table td p.bodytext,
div._landingpagecontentitem_ table.table td p.bodytext {
    font-size: 13px;
}


/* Schaltfläche Save Search ausblenden solange Favoriten=false, aktualisierte Version Paul Trotter */

h3 button.submit_btn:first-of-type {
    display: none;
}


/* unterstrichene Linie der Glossareinträge */

.content_block span[data-glossaryitemid] {
    color: var(--dark-gray-color);
    border-bottom: thin dotted;
    cursor: pointer;
}


/* Marginanpassung für einheitliche Abstände TOC - container for open/close icon */

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left {
    margin-right: -3px;
}

html {
    /*Informations-Icon bei Glossareinträgen im Fließtext (Topics) ausblenden */
    --glossary-link-icon: none;
}


/* Ausblenden des rechten Bereichs sowie der Dreipunkte-Schaltfläche neben den Überschriften */

.right_block,
.right-box-menu {
    display: none !important;
}


/******************** End Disy Settings *******************************************/


/******************** Start Disy CD implementation *******************************************/

header#desktop>div.container-fluid>div.row {
    background-color: var(--primary-color);
}

header#desktop .top_icons .top_icons_menu {
    fill: #fff;
}

header#desktop.inner_top_bar .top_icons>li>a:hover {
    background-color: var(--primary-color);
    border: none;
    border-radius: unset;
    box-shadow: none;
    font-size: 18px;
    min-height: 35px;
    max-height: 35px;
    min-width: 45px;
    opacity: 1;
}

header#desktop.inner_top_bar .top_icons>li>a {
    padding: 5px 10px 5px 10px;
    font-size: 18px;
    min-height: 35px;
    max-height: 35px;
    min-width: 45px;
    text-align: center;
    border: none;
    opacity: .75;
}


/*navbar*/

nav.navbar-default {
    border-radius: 0px;
    background-color: #fff;
    margin: 0;
    border: 0;
    z-index: 9;
    min-height: 40px;
    max-width: 100vw;
    border-bottom: 1px solid var(--primary-color);
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none;
}

.navbar-default .navbar-nav>li>a {
    margin: 5px 3px 5px 3px;
    padding: 5px 8px 5px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--primary-color) !important;
    font-size: 15px;
    font-weight: 300;
}

.navbar-default .navbar-nav>li>a {
    margin: 0;
    padding: 10px 16px 16px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--gray-08) !important;
    font-size: 15px;
    font-weight: 300;
}

div#navigation-root>ul.nav.navbar-nav>li.dropDownChild>a a {
    color: var(--gray-08) !important;
}

div#navigation-root>ul.nav.navbar-nav>li.dropDownChild>a>a:hover {
    border-bottom: none;
}

div#navigation-root>ul.nav.navbar-nav>li.dropDownChild.open>a {
    background-color: var(--gray-01);
    border-radius: 0px;
}

div#navigation-root>ul.nav.navbar-nav>li.dropDownChild.open>a:hover {
    box-shadow: none;
}

.mainpage_block.jumbotron>h1 {
    color: var(--dark-gray-color);
    text-shadow: none;
    font-weight: 300;
    text-align: left;
}

.mainpage_block {
    padding-top: 20vh !important;
    /*! max-width: 300px; */
    background-color: #FF00cc !important;
}


/* Kachelcontainer: Ausrichtung links plus 100 px, nicht mittig*/

.landing_content_box_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 0;
    margin-left: 95px;
}


/*LP Padding = Abstand Suche nach oben, weiße Fläche Margin = Abstand links (nicht mittig) */

.mainpage_block.jumbotron {
    background-color: transparent !important;
    padding: 4vh 0 0 0 !important;
    /* Changed for intro text, small padding */
    max-width: 1460px;
    width: 1090px;
    margin-left: 105px;
    position: static !important;
    text-align: left;
}


/*Abstand Kacheln zu Suche*/

.content_root_section {
    background-color: transparent !important;
    margin-top: 15px;
    padding-bottom: 0px !important;
}


/*LP Begrüßungstext und Breite */

.mainpage_block.jumbotron h1 {
    margin: 0;
    padding: 0;
    text-transform: none;
    max-width: 800px !important;
}


/*LP Suche Breite */

.mainpage_block>.search_block {
    max-width: 720px !important;
    /* Changed for intro text, small padding */
}

.mainpage_block>.search_block>a#searchHelpButtonLp {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='d-icon d-icon-bold' fill='none' id='j_idt58' viewBox='0 0 24 24'%3e%3cpath d='M12 17.001V17m-3-7a3 3 0 113 3v1m9-2a9 9 0 11-18 0 9 9 0 0118 0z' stroke='rgb(107,129,32)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3c/path%3e%3c/svg%3e");
    /* To change the color of the help symbol, replace the rgb color after stroke= */
    display: inline-block;
    width: 24px;
    margin-left: 12px;
    margin-bottom: 12px;
}

.mainpage_block>.search_block>form {
    display: inline-block;
    width: calc(100% - 36px);
}

@media screen AND (max-width: 1480px) {
    .mainpage_block.jumbotron {
        background-color: transparent !important;
        padding: 8vh 0 0 0 !important;
        /* Changed for intro text, small padding */
        max-width: 1090px;
        width: 1090px;
        margin: 0 auto 0 auto;
        text-align: left;
    }
    .mainpage_block.jumbotron>p {
        display: block;
        max-width: 720px !important;
        /* Changed for intro text */
    }
    .mainpage_block.jumbotron h1 {
        margin: 0;
        padding: 0;
        max-width: 720px !important;
    }
    .mainpage_block>.search_block {
        max-width: 720px !important;
        /* Changed for intro text, small padding */
    }
}

@media screen AND (min-width: 1120px) {
    /* small screens update Nov 22 */
    section.content_block>.center_block>.center_content>.content_container>div[data-aitid] {
        width: 62%;
    }
    /* small screens update Nov 22 */
    #shortened_search_result {
        width: 30%;
    }
}

@media screen AND (max-width:1120px) {
    .mainpage_block.jumbotron {
        background-color: transparent !important;
        padding: 0px !important;
        max-width: 770px;
        width: 770px;
        margin: 0 auto 0 auto;
        text-align: left;
    }
    .mainpage_block.jumbotron>p {
        display: block;
        padding-left: 16px;
        max-width: 735px !important;
        margin-top: 0;
        /* Changed for intro text */
    }
    .mainpage_block.jumbotron h1 {
        margin: 0;
        padding: 8vh 0 5vh 0;
        /* Changed for intro text, small padding */
        max-width: 720px !important;
        word-wrap: normal;
        display: block;
        padding-left: 16px;
    }
    .mainpage_block>.search_block {
        max-width: 735px !important;
        /* Changed for intro text, small padding */
        padding-left: 14px;
    }
}

@media screen AND (max-width:750px) {
    .mainpage_block.jumbotron {
        background-color: transparent !important;
        padding: 0px !important;
        max-width: 350px;
        width: 350px;
        margin: 0 auto 0 auto;
        text-align: left;
    }
    .mainpage_block.jumbotron>p {
        display: block;
        padding-left: 0;
        max-width: 720px !important;
        margin-top: 0;
        /* Changed for intro text */
    }
    .mainpage_block.jumbotron h1 {
        margin: 0;
        padding: 8vh 0 5vh 0;
        /* Changed for intro text, small padding */
        max-width: 720px !important;
        word-wrap: normal;
        display: block;
    }
    .mainpage_block>.search_block {
        max-width: 720px !important;
        /* Changed for intro text, small padding */
        padding-left: 0px;
    }
    .landing_bg {
        background-position-x: -15vw !important;
        ;
    }
    .table-responsive {
        border: none;
    }
}


/* Body content from [LandingPageContentItems] individual topics divs have id="l_{topic id}"
Kacheln: muss overflow: hidden;, sonst laeuft aus Rahmen heraus,  padding Textabstand Fließtext zum Rahmen, font-size Aenderung greifen nicht
Größe der Kacheln für Workbooks 350x300 */

.landing_content_box {
    background-color: var(--content-bg-color);
    border-radius: var(--border-radius-large);
    padding: 2px;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    margin: 10px;
    width: 350px;
    max-height: 300px;
    border: 1px solid var(--light-gray-color);
    box-shadow: 1px 1px 3px var(--shadow-color);
}


/* Ausrichtung Infotext */

.landing_content_title>div>p,
.landing_content_title>div>ul {
    text-align: left !important;
    /* Changed for intro text */
}

.landing_content_title {
    padding: 0;
    /* Changed for intro text */
}

.landing_content_box h3 {
    font-weight: normal;
    font-size: 1.6rem;
    text-align: left;
    text-indent: 1rem;
    line-height: 44px;
    position: relative;
    background-color: transparent;
    z-index: 3;
    color: #fff;
}

.landing_content_box:before {
    content: ' ';
    display: block;
    width: 99%;
    height: 44px;
    border-top: 44px solid var(--primary-color);
    border-right: 44px solid transparent;
    position: absolute;
    z-index: 2;
}

.landing_content_box {
    position: relative;
    padding: 0px;
    border-radius: 0px;
}

footer {
    height: 32px;
    max-height: 32px;
    line-height: 15px;
    padding: 0px;
    background-color: var(--gray-08) !important;
}

footer a,
footer span {
    color: var(--gray-05-opaque) !important;
}

header#ipad logo-component,
header#ipad>div.container-fluid {
    background-color: var(--primary-color);
}

header#ipad logo-component {
    margin: 4px;
}

header#ipad logo-component div figure,
header#ipad logo-component div,
header#ipad logo-component {
    max-width: 84px !important;
}

logo-component {
    position: absolute;
    left: 44px;
    z-index: 1000;
}

.landing_bg {
    background-image: url(../images/landing_bg.jpg);
    background-position: right -90px;
    background-repeat: no-repeat;
    background-size: auto;
}

.top_search_block {
    width: 350px;
    max-width: 350px;
    position: relative;
    left: 180px;
    top: -5px;
    z-index: 999;
}

.container-fluid>.row {
    height: 44px;
}

.container-fluid>.row>.col-md-4 {
    position: absolute;
    left: 0px;
    top: 0px;
}

.container-fluid>.row>.col-md-2 {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 147px;
}

.container-fluid>.row>.col-md-4>ul {
    position: absolute;
    right: 0px;
    top: 4px;
    width: 100px;
    width: 100%;
}

.container-fluid>.row>.col-md-offset-1 {
    margin-left: 0px;
}


/* ===== ADDITIONS MARCH 2022 (yl) START ===== */


/* Define font and its source */

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/titillium-web-latin-300-normal.v_d14d732f8caf915919ff.woff2) format("woff2"), url(../fonts/titillium-web-latin-300-normal.v_5fc7a5959453be1da598.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/titillium-web-latin-300-italic.v_fdec1d245e60295f39bb.woff2) format("woff2"), url(../fonts/titillium-web-latin-300-italic.v_66a2701c3d322108bdad.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/titillium-web-latin-400-normal.v_557f6d0883db85be712c.woff2) format("woff2"), url(../fonts/titillium-web-latin-400-normal.v_f93a1c07a662a188a22e.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/titillium-web-latin-400-italic.v_51c77586201df2f52721.woff2) format("woff2"), url(../fonts/titillium-web-latin-400-italic.v_2b98be73ef3c4039cfb5.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/titillium-web-latin-600-normal.v_dd870101ad4e95d687a2.woff2) format("woff2"), url(../fonts/titillium-web-latin-600-normal.v_b48f0ccd51703895398c.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/titillium-web-latin-600-italic.v_d6dcae2370102b9e49c2.woff2) format("woff2"), url(../fonts/titillium-web-latin-600-italic.v_a5a3ab7266366a88af1a.woff) format("woff")
}


/* Add constants */

html {
    --default-font-family: "Titillium Web", arial, helvetica, sans-serif;
    --heading-font-family: var(--default-font-family);
    --monospace-font-family: consolas, menlo, monaco, "DejaVu Sans Mono", "Droid Sans Mono", "Courier New", monospace;
    --font-size-1: 12px;
    --font-size-2: 14px;
    --font-size-3: 16px;
    --font-size-4: 18px;
    --font-size-5: 20px;
    --font-size-6: 24px;
    --font-size-7: 28px;
    --font-size-8: 32px;
    --font-size-9: 36px;
    --small-font-size: var(--font-size-1);
    --default-font-size: var(--font-size-2);
    --heading-font-size: var(--font-size-4);
    --default-font-weight: 400;
    --bold-font-weight: 600;
    --default-line-height: 18px;
    --heading-line-height: 1.33;
    --button-bg-active: var(--white-02);
    --button-bg-hover: var(--white-01);
    --button-color: var(--white-06);
    --button-color-active: var(--white-09);
    --button-color-disabled: var(--white-04);
    --default-page-margin: 16px;
}


/* Apply font in body */

body {
    font-family: var(--default-font-family);
    font-size: var(--default-font-size);
    font-weight: 400 !important;
    line-height: var(--default-line-height);
}


/* ==== HEADER AREA START ==== */

.container-fluid>.row {
    height: 40px !important;
    display: flex;
    flex-direction: row;
    padding: 0 3px !important;
}


/* Big screen */

#desktop .container-fluid>.row {
    padding: 4px var(--default-page-margin) !important;
}


/* === Logo area BEGIN === */

logo-component {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 4px !important;
    margin-left: 10px !important;
    order: 1;
    z-index: 1 !important;
}


/* Instead of logo, show home symbol */

logo-component .inner_logo {
    width: 0;
    height: 0;
    padding: 12px !important;
    background: url(../images/home.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
}


/* Lighter background when hover */

logo-component:hover,
#tree_menu:hover,
#menu_mob:hover {
    background-color: var(--button-bg-hover) !important;
}


/* === Logo area END === */


/* === Hamburger menu area BEGIN === */


/* = Big screen = */

.col-md-5, /* landing page */
.col-md-4 /* inner pages */ {
    order: 2;
    position: static !important;
    width: auto !important;
    margin-left: 3px !important;
    padding: 0 !important;
}

.inner_page .col-md-4 { /* increase gap between home button and hamburger menu on inner pages */
    margin-left: 3px !important;
}

/* reduce gap between home button and hamburger menu on landing page */
.indexPage .col-md-5 {
    margin-left: 3px !important;
}

.col-md-4 .top_icons {
    position: static !important;
    float: none !important;
    padding: 0;
}


/* Link with icon (#menu_mob is small screen) */

#tree_menu,
#menu_mob {
    width: 32px !important;
    height: 32px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    background: url(../images/hamburger.svg);
    background-repeat: no-repeat;
}

#tree_menu {
    background-position: 4px 4px;
}


/* Hide original icon */

#tree_menu svg,
#menu_mob svg {
    display: none;
}


/* disy Help title */

.col-md-5 .top_icons::after, /* landing page */
.col-md-4 .top_icons::after, /* other pages */
.col-md-12 .m_top_menu::after /* narrow screen */ {
    display: inline-block;
    vertical-align: top;
        font-family: var(--heading-font-family);
    font-size: 26px;
    font-weight: 300;
    color: #ffffffd9;
    line-height: 1.30;
    /* var(--heading-line-height) */
    text-align: left;
    margin-left: 19px;
    order: 2;
}


/*Schalte je nach Sprachvariante Header um zwischen DE und EN - tl */

html[lang=de] .col-md-5 .top_icons::after, /* landing page */
html[lang=de] .col-md-4 .top_icons::after, /* other pages */
html[lang=de] .col-md-12 .m_top_menu::after /* narrow screen */ {
    content: "disy Cadenza – Lernmodule";
}

html[lang=en] .col-md-5 .top_icons::after, /* landing page */
html[lang=en] .col-md-4 .top_icons::after, /* other pages */
html[lang=en] .col-md-12 .m_top_menu::after /* narrow screen */ {
    content: "disy Cadenza – Learning Modules";
}

static-component .col-md-5:after {
    margin-left: 0px;
}

static-component .col-md-5 {
    margin-left: 5px;
}


/* min-width of the title area, so that search field aligns with right border of tree menu */

.col-md-4 .top_icons::after {
    min-width: calc(22vw - 137px) !important;
}


/* = Small screen = */

.col-md-12 {
    order: 2;
    position: static !important;
    float: none !important;
    max-width: none !important;
    padding: 0 !important;
}

.col-md-12 .m_top_menu {
    text-align: left;
}

#menu_mob {
    background-position: 3px 3px;
}

.col-md-12 .m_top_menu::after {
    width: calc(100vw - 150px);
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/* === Hamburger menu area END === */


/* === Search area BEGIN */


/* = Big screen = */

.col-md-5 {
    order: 3;
    position: static !important;
    margin-left: 10px;
}

.col-md-5 .top_search_block {
    position: static !important;
}

.col-md-5 .top_search_block>form>.input-group>.form-control {
    height: 32px;
}

.col-md-5 .top_search_block>form>.input-group>.input-group-addon svg {
    height: 24px !important;
    width: 24px !important;
}

.col-md-5 .top_search_block>a#searchHelpButton {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='d-icon d-icon-bold' fill='none' id='j_idt58' viewBox='0 0 24 24'%3e%3cpath d='M12 17.001V17m-3-7a3 3 0 113 3v1m9-2a9 9 0 11-18 0 9 9 0 0118 0z' stroke='white' stroke-opacity='0.62' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3c/path%3e%3c/svg%3e");
    display: inline-block;
    width: 24px;
    margin-left: 8px;
    margin-bottom: 3px;
}

.col-md-5 .top_search_block>form {
    display: inline-block;
    width: 316px;
}


/* = Small screen = */


/* Glass */

.m_top_search {
    position: absolute;
    right: 10px;
    opacity: 0.62;
}


/* === Search area END == */


/* Hide language selection dropdown as de and en are in separate folders*/

.lang_dropdown {
    display: none !important;
}


/* Hide three points menu in small screen */

.m_top_ellipses {
    display: none !important;
}

nav.navbar-default {
    border-bottom: 1px solid var(--light-gray-color);
}

#navigation-root ul.navbar-nav {
    max-height: 38px;
}

.navbar-default .navbar-nav>li>a {
    margin: 0;
    font-size: 17px;
}

ul.dropdown-menu {
    font-size: 15px;
}


/* ==== HEADER AREA END ==== */


/* ==== LEFT MENU AREA START ==== */

ul.jqtree-tree span.jqtree-title {
    font-size: 15px;
    line-height: 19px;
    color: var(--default-color);
}

ul.jqtree-tree span.jqtree-title:hover {
    border-right: 0 !important;
}

ul.jqtree-tree .jqtree-element {
    padding-right: 20px !important;
}

.header_navigation .has_footer #menusection>div.panel-body {
    height: calc(100vh - 153px) !important;
}

.header_navigation section.content_block>leftmenu-component.left_block.has_footer {
    height: calc(100vh - 97px) !important;
}


/* ==== LEFT MENU AREA END ==== */


/* ==== CENTER START ==== */

.center_block {
    font-size: 15px;
}

.breadcrumb>li>a {
    color: var(--default-color);
}


/* small screens update Nov 22 */

section.content_block>.left_block {
    min-width: 22%;
}

#content_container.content_container a:hover {
    text-shadow: none !important;
}

#content_container.content_container.has_footer {
    height: calc(100vh - 150px) !important;
}


/* ==== CENTER END ==== */


/* ==== FOOTER START ==== */

.inner_page_footer {
    padding: 0;
    height: 18px !important;
}

.footer_links a {
    font-size: 11px;
    color: var(--white-08) !important;
}

/* Footer spacing in pages "About disy Cadenza Help" and "About", see https://jira.disy.net/browse/TENT-5517 */
.footer_link a {
    margin: 0 10px;
}

/* ==== FOOTER END ==== */


/* Add external link Symbol to FontAwesome (code by tl)) */
div[data-aitid='20032'] td:nth-child(2) p.bodytext::after,
div[data-aitid='26351'] td:nth-child(2) p.bodytext::after, 
div[data-aitid='26120'] td:nth-child(2) p.bodytext::after,
div[data-aitid='26173'] td:nth-child(2) p.bodytext::after,
div[data-aitid='26351'] td:nth-child(2) p.bodytext::after,
div[data-aitid='26901'] td:nth-child(2) p.bodytext::after,
div[data-aitid='20999'] td:nth-child(2) p.bodytext::after,  
div[data-aitid='29963'] td:nth-child(2) p.bodytext::after,
div[data-aitid='29405'] td:nth-child(2) p.bodytext::after,
div[data-aitid='31258'] td:nth-child(2) p.bodytext::after

{
    content: var(--external-link-icon);
    font-family: 'FontAwesome';
    padding-left: 5px;
    color: var(--color-link-or-colour-info);
}

/* ===== ADDITIONS MARCH 2022 END ===== */


/******************** End Disy CD implementation *******************************************/

html {
    /* base colors */
    --primary-color: #6b8120;
    /*#0066cc;*/
    --primary-light-color: #89a429;
    --secondary-color: #6b8120;
    /*#305676;*/
    /* functional colors */
    --color-link-or-colour-info: #6b8120;
    --color-info-color-info-light: #8aa5280e;
    --color-warning-light: #ffe28c;
    --color-warning-20: rgba(253, 245, 213);
    /* functional elements */
    /* default icons - FontAwesome */
    --toc-open: '\f107';
    --toc-closed: '\f105';
    /* default CADENZA colors */
    --default-color-rgb: 53, 59, 68;
    --default-color: rgb(var(--default-color-rgb));
    --primary-color-rgb: 107, 129, 32;
    --primary-color: rgb(var(--primary-color-rgb));
    --link-color-rgb: 137, 164, 41;
    --link-color: rgb(var(--link-color-rgb));
    --link-color-10: rgba(var(--link-color-rgb), 0.1);
    --link-color-35: rgba(var(--link-color-rgb), 0.35);
    --color-error-light: #ffa6a6;
    --color-error-lighter: #f23535;
    --color-error: #c01818;
    --color-error-rgb: 192, 24, 24;
    --color-error-10: rgba(var(--color-error-rgb), 0.1);
    --color-error-10-opaque: #f9e8e8;
    --color-error-20: rgba(var(--color-error-rgb), 0.2);
    --color-error-dark: #a61414;
    --color-warning-light: #ffe28c;
    --color-warning: #fcc422;
    --color-warning-rgb: 252, 196, 34;
    --color-warning-20: rgba(var(--color-warning-rgb), 0.2);
    --color-warning-20-opaque: #fef3d3;
    --color-warning-88: rgba(var(--color-warning-rgb), 0.88);
    --color-warning-darker: #dba918;
    --color-warning-dark: #664d0c;
    --color-info-light: #add3ff;
    --color-info-light-rgb: 172, 211, 255;
    --color-info-light-60: rgba(var(--color-info-light-rgb), 0.6);
    --color-info: var(--link-color);
    --color-info-10: rgba(var(--link-color-rgb), 0.1);
    --color-info-10-opaque: #e8eff7;
    --color-info-30: rgba(var(--link-color-rgb), 0.3);
    --color-info-dark: #14426b;
    --color-success-light: #b1d04d;
    --color-success: #7fa429;
    --color-success-rgb: 127, 164, 41;
    --color-success-10: rgba(var(--color-success-rgb), 0.1);
    --color-success-20: rgba(var(--color-success-rgb), 0.2);
    --color-success-20-opaque: #e5edd4;
    --color-success-dark: #4b6018;
    --gray-01: rgba(var(--default-color-rgb), 0.05);
    --gray-02: rgba(var(--default-color-rgb), 0.1);
    --gray-03: rgba(var(--default-color-rgb), 0.2);
    --gray-04: rgba(var(--default-color-rgb), 0.32);
    --gray-05: rgba(var(--default-color-rgb), 0.5);
    --gray-06: rgba(var(--default-color-rgb), 0.72);
    --gray-07: rgba(var(--default-color-rgb), 0.88);
    --gray-08: var(--default-color);
    --gray-09: #101214;
    --gray-01-opaque: #f3f4f4;
    --gray-02-opaque: #ebeced;
    --gray-03-opaque: #d7d8da;
    --gray-04-opaque: #bdbfc2;
    --gray-05-opaque: #9a9da2;
    --gray-06-opaque: #6d7177;
    --gray-07-opaque: #4d525a;
    --gray-08-opaque: var(--gray-08);
    --gray-09-opaque: var(--gray-09);
    --white-rgb: 255, 255, 255;
    --white-01: rgba(var(--white-rgb), 0.05);
    --white-02: rgba(var(--white-rgb), 0.1);
    --white-03: rgba(var(--white-rgb), 0.2);
    --white-04: rgba(var(--white-rgb), 0.32);
    --white-05: rgba(var(--white-rgb), 0.48);
    --white-06: rgba(var(--white-rgb), 0.62);
    --white-07: rgba(var(--white-rgb), 0.76);
    --white-08: rgba(var(--white-rgb), 0.88);
    --white-09: #fff;
}


/* ===== ADDITIONS JUNE 2022 BEGIN ===== */


/* Fix for the progress bar bug of the new AIT version */

.progress {
    display: block !important;
}

.progress .progress-bar {
    margin-top: 0;
}

.progress-bar {
    display: block !important;
    margin-top: 10px;
    height: 15px;
    max-width: 100%;
    background-color: var(--primary-light-color);
}

#shortened_search_result {
    /* small screens update Nov 22 */
    height: 98vh;
}

#shortened_search_result>div td a {
    font-weight: 400;
    font-size: 14px;
}

#shortened_search_result>div td a>span {
    display: block !important;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

#shortened_search_result>div td a>br {
    display: none;
}


/* Padding adjustment for Search results title bar */

#shortened_search_result>div>h2 {
    padding-top: 3px;
    padding-bottom: 6px;
    line-height: 29px;
}

#shortened_search_result>div img {
    padding: 8px 4px 10px;
}

#shortened_search_result>div .submit_btn {
    padding-top: 3px;
    padding-bottom: 7px;
    margin-top: 3px !important;
}


/* In Magellan 2022.R5, there are no << in the back button of the search, remove if fixed in later versions */

#shortened_search_result>div .submit_btn:last-of-type:before {
    content: "<<";
}


/* ===== ADDITIONS JUNE 2022 (yl) END ===== */

.mainpage_block.jumbotron p {
    color: var(--default-color);
    font-size: 16px !important;
    font-weight: normal;
    text-shadow: none !important;
    max-width: 720px !important;
}


/* Changed for intro text */

.mainpage_block.jumbotron>p {
    margin-bottom: 25px;
}


/* Changed for intro text */

#content_container_static.content_container {
    padding: 26px 16px;
}

#imagePopup {
    text-align: center;
}

.modal-dialog {
    display: inline-block;
    width: auto !important;
    /* Image popup constraints to prevent oversize and scrolling, Nov 22 */
    max-width: 1200px;
}


/* Image popup constraints to prevent oversize and scrolling, Nov 22 */

.modal-body {
    padding: 10px 15px;
    max-height: 80vh !important;
}

.modal-title {
    display: none;
}


/* Display version on the right */

header#desktop>div.container-fluid>div.row:after {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #ffffffd9;
}


/* Overwirte white-space: nowrap in allcss.min.css so that text in menu items can be broken */

.dropdown-menu>li>a {
    white-space: normal !important;
}


/* BEGIN Back to top button, Nov 22 */

#topButton {
    display: none;
    z-index: 99;
    position: fixed;
    bottom: 40px;
    right: 30px;
    padding: 4px 4px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: none;
    outline: none;
    background-color: white;
    cursor: pointer;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2);
}

#topButton:before {
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    content: '\f106';
    margin: auto;
    display: block;
}

#topButton:hover {
    background-color: var(--primary-light-color);
}


/* END Back to top button, Nov 22 */


/* Tooltip for the landing page */

.simpletooltip {
    position: relative;
    border-bottom: thin dotted;
    z-index: 1;
}

.simpletooltip:hover {
    cursor: default;
    border-bottom: thin dotted;
    text-shadow: 1px 1px 3px var(--light-gray-color);
}

.simpletooltip:hover+.simpletooltiptext {
    visibility: visible;
}

.simpletooltiptext {
    position: absolute;
    visibility: hidden;
    max-width: 300px;
    border: 1px solid var(--light-gray-color);
    border-radius: var(--border-radius-small);
    box-shadow: 1px 1px 3px var(--shadow-color);
    padding: 8px 15px 12px;
    margin-left: 5px;
    background-color: white;
    z-index: 3;
}


/* Enable printing of multiple pages */
@media print {
    html,
    body {
        height: auto;
    }
    section.content_block {
        height: auto;
    }
    div.center_block {
        height: auto;
    }
    div.center_content {
        height: auto;
    }
    #content_container.content_container.has_footer {
        height: auto !important;
    }
    /*Remove various elements that are not needed in the PDF*/
    #shortened_search_result,
    header .container-fluid div.row logo-component,
    header .container-fluid div.row div,
    navigation-component,
    config-component,
    help-component,
    footer-component,
    leftmenures-component,
    div.h_sidebar_container,
    div.p_sidebar_container,
    .modal.fade,
    div.sidebar_overlay,
    div.col-md-5,
    div.dropdown.pull-right.thisRatebox.right-box-menu.open,
    div.dropdown.pull-right.thisRatebox.right-box-menu,
    #left_block_collapse,
    #right_block_collapse,
    #searchmenu_mob,
    div.col-md-12 li.m_top_ellipses,
    #ipad,
    ul.nav.navbar-nav,
    nav.navbar.navbar-default,
    leftmenu-component,
    section div.right_block.visible-sm.visible-md.visible-lg {
        display: none !important;
    }

    /* Always show version in print mode */
    #desktop {
        display: block;
    }
}


/* Hide Settings Configuration (Zahnrad)*/

a[data-target="#configPopup"] {
    display: none !important;
}

/* Fix position and size of spinning disy logo in search */
#search_loading_icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Fix right margin getting bigger in each indentation level of the navigation tree (tl, 2024-06) */
ul.jqtree-tree ul.jqtree_common {
    margin-right: 0;
}