/*****************************************************************************
** ModuleSiteMap
*****************************************************************************/

@media all {
    .ModuleSiteMapContainer { }
        .ModuleSiteMapContainer .MSMCButtons { text-align: right; }
            .ModuleSiteMapContainer .MSMCButtons:first-child { margin-top: 60px; }
            .ModuleSiteMapContainer .MSMCButtons:last-child { margin-bottom: 60px; }
        .ModuleSiteMapContainer div.MSMCSiteMap { margin: 15px 0; overflow: hidden; }
            .ModuleSiteMapContainer div.MSMCSiteMap ul.MSMCSiteMap { }
                .ModuleSiteMapContainer div.MSMCSiteMap ul.MSMCSiteMap li { }

    .DTTree { margin: 0; font-size: 0.875rem; }
        .DTTree ul { padding: 0; margin: 0; list-style-type: none; position: relative; padding-bottom: 10px; }
        .DTTree li { list-style-type: none; border-left: 1px solid #006699; margin-left: 20px; position: relative; }
            .DTTree li div { position: relative; padding-top: 10px; padding-bottom: 10px; margin-left: 25px; }
            .DTTree li > div { padding-top: 5px; padding-bottom: 5px; }
            .DTTree li div::before { content: ''; position: absolute; top: 0px; left: -26px; bottom: 50%; width: 20px; border: 1px solid #006699; border-top: 0 none transparent; border-right: 0 none transparent; }
        .DTTree ul > li:last-child { border-left: 1px solid transparent; }

        .DTTree a.DTTNodeLink { }
            .DTTree a.DTTNodeLink:hover { }
            .DTTree a.DTTNodeLink:not([href]) { color: #444; }
            .DTTree a.DTTNodeLink:hover:not([href]) { color: #444; }

        .DTTree li[aria-haspopup='true'] span.DTTNav { font-size: 1rem; vertical-align: middle; color: #006699; width: 16px; height: 16px; position: absolute; top: calc(50% - 8px); left: -35px; cursor: pointer; display: inline-block; text-align: center; background-color: #fff; z-index: 5; line-height: 16px; margin: 0; padding: 0; }
        /*.DTTree li[aria-haspopup='true'][aria-expanded='true'] span.DTTNav { font-weight: 400; content: "\f146"; }
        .DTTree li[aria-haspopup='true'][aria-expanded='false'] span.DTTNav { font-weight: 900; content: "\f0fe"; }*/

        .DTTree ul > li > ul[aria-hidden='true'] { visibility: hidden; opacity: 0; height: 0; }
        .DTTree ul > li > ul[aria-hidden='false'] { visibility: visible; opacity: 1; height: auto; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
}

/*screen, bootstrap grid md, mouse*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: fine) {
}

/*screen, bootstrap grid sm, mouse*/
@media only screen and (max-width: 991px) and (min-width: 768px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, mouse*/
@media only screen and (max-width: 767px) and (min-width: 577px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, touch*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: coarse) {
}

@media only print {
    .DTTree li[aria-haspopup='true'] span.DTTNav { width: 16px; height: 16px; position: absolute; top: calc(50% - 8px); left: -33px; background-color: #fff !important; }
}