/*****************************************************************************
** ModuleLateralMenu
*****************************************************************************/

@media all {
    .ModuleLateralMenuContainer { margin: 15px 0 60px 0; }
        .ModuleLateralMenuContainer div.MLMCMenu { /*border-right: 1px solid #ddd;*/ padding-right: 15px; }
        .ModuleLateralMenuContainer ul.MLMCMenu { list-style: none; margin: 0; padding: 0; }
            .ModuleLateralMenuContainer ul.MLMCMenu li { margin: 2px 0; padding: 0; font-size: 0.875rem; font-weight: 500; }
                .ModuleLateralMenuContainer ul.MLMCMenu li a { opacity: 1; display: block; cursor: pointer; position: relative; padding-right: 30px; padding-left: 10px; border-bottom: 1px solid transparent; }
                    .ModuleLateralMenuContainer ul.MLMCMenu li a:hover { opacity: 1; text-decoration: underline; border-bottom: 1px solid #eee; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-haspopup='true'] > a:after { font-size: 0.875rem; vertical-align: middle; font-family: "Font Awesome 5 Free"; font-weight: 900; margin: 0; padding: 0; position: absolute; right: 0; top: calc(50% - (1rem / 2)); backface-visibility: hidden; transition-property: transform; transition-duration: 0.2s; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-haspopup='true'] > a[aria-expanded='false']:after { content: "\f078"; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-haspopup='true'] > a[aria-expanded='true']:after { content: "\f077"; }

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

            .ModuleLateralMenuContainer ul.MLMCMenu li[aria-haspopup='true'] { font-size: 0.875rem; font-weight: 600; border-left-width: 2px; border-left-style: solid; text-transform: uppercase; margin: 15px 0 15px 10px; }
            .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='1'] { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; margin-left: 0; }
            .ModuleLateralMenuContainer ul.MLMCMenu li.MLMCMainLI { font-size: 0.875rem; font-weight: 500; }
            .ModuleLateralMenuContainer ul.MLMCMenu li { text-transform: none; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-haspopup='true'] a { }
                .ModuleLateralMenuContainer ul.MLMCMenu li a.MLMCCurrentA { text-decoration: underline; }

                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='1'] { border-left-color: #006699; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='2'] { border-left-color: #FFCC00; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='3'] { border-left-color: #006699; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='4'] { border-left-color: #FFCC00; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='5'] { border-left-color: #006699; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='6'] { border-left-color: #FFCC00; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='7'] { border-left-color: #006699; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='8'] { border-left-color: #FFCC00; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='9'] { border-left-color: #006699; }
                .ModuleLateralMenuContainer ul.MLMCMenu li[aria-level='10'] { border-left-color: #FFCC00; }

    .AOCSideBar { position: absolute; right: 0; z-index: 10; }
        .AOCSideBar div.AOCSideBarButton { position: sticky; right: 100%; top: 15px; bottom: 15px; width: 40px; height: 40px; display: inline-block; margin-top: 15px; margin-bottom: 15px; }
            .AOCSideBar div.AOCSideBarButton button.AOCSideBarButton { width: 100%; height: 100%; }
        .AOCSideBar .AOCSideBarInner { width: 280px; padding: 15px; background-color: rgba(221,221,221,0.9); height: 100%; overflow-y: auto; margin-top: -70px; margin-left: 40px; }
        .AOCSideBar[aria-hidden='true'] { width: 40px; }
            .AOCSideBar[aria-hidden='true'] .AOCSideBarInner { display: none; opacity: 0; }
        .AOCSideBar[aria-hidden='false'] { width: 320px; top: 0; bottom: 0; }
            .AOCSideBar[aria-hidden='false'] .AOCSideBarInner { display: block; opacity: 1; }
        .AOCSideBar .AOCSideBarInner .ModuleLateralMenuContainer { margin: 0px 0; }
}

/*for IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .AOCSideBar div.AOCSideBarButton { position: static; }
    .AOCSideBar[aria-hidden='true'] div.AOCSideBarButton { margin-right: 0px; }
    .AOCSideBar[aria-hidden='false'] div.AOCSideBarButton { margin-right: 280px; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
    .AOCSideBar { display: none; }
}

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

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

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .AOCLateralMenu { display: none; }
    .ModuleLateralMenuContainer div.MLMCMenu { border-left: none; padding-left: 0px; }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .AOCLateralMenu { display: none; }
    .ModuleLateralMenuContainer div.MLMCMenu { border-left: none; padding-left: 0px; }
    .AOCSideBar { position: fixed; z-index: 50; }
        .AOCSideBar div.AOCSideBarButton { position: fixed; right: 0; top: 165px; width: 40px; height: 40px; bottom: unset; margin-top: unset; margin-bottom: unset; }
        .AOCSideBar[aria-hidden='true'] div.AOCSideBarButton { right: 0px; }
        .AOCSideBar[aria-hidden='false'] div.AOCSideBarButton { right: 280px; }
        .AOCSideBar .AOCSideBarInner { margin-top: 0px; }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .AOCLateralMenu { display: none; }
    .ModuleLateralMenuContainer div.MLMCMenu { border-left: none; padding-left: 0px; }
    .AOCSideBar { position: fixed; z-index: 50; }
        .AOCSideBar div.AOCSideBarButton { position: fixed; right: 0; top: 136px; width: 40px; height: 40px; bottom: unset; margin-top: unset; margin-bottom: unset; }
        .AOCSideBar[aria-hidden='true'] div.AOCSideBarButton { right: 0px; }
        .AOCSideBar[aria-hidden='false'] div.AOCSideBarButton { right: 280px; }
        .AOCSideBar .AOCSideBarInner { margin-top: 0px; }
    .ModuleLateralMenuContainer ul.MLMCMenu li[data-hide-in-mobile-menu='true'] { display: none; }
}

/*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 {
    .ModuleLateralMenuContainer { margin: 30px 0; }
}