#_viewPort {position: relative; overflow: visible; width: 100%; max-width: 1024px; margin: 0 auto; margin-top: 2vh; display: flex; justify-content: space-between; align-items: top; background-color: white; }
#_pageMenu {position: relative; margin-bottom: 2rem; width: 150px; }
#_pageMenuClose {display: none}
#_pageMenuOpen {display: none;}
#_content {width: calc(100% - 170px)}
#_pageContent {width: 100%; margin-bottom: 3vh}
#_pageFooter {z-index: 1000; background-color: white; height: 1rem; padding-top: 0.5vh; position: fixed; bottom: 0; width: calc(100% - 2rem); text-align: right; font-size: 0.7rem}
#_menu {text-align: left; margin: 0}
#_menu li {margin-top: 0.5vh}
#_menu li:first-child {margin: 0}
#_menuBack {margin-top: 0}
#_loginBtn {margin-top: 5vh; width: calc(100% - 1rem); font-size: 0.8rem}
#_logoutBtn {margin-top: 5vh; width: calc(100% - 1rem); font-size: 0.8rem}
.backLink {text-align: right}
.notificationSetup {text-align: center; font-size: 0.8rem; margin-top: 1rem}
.welcomeLoginButton {display: none; text-align: center; margin-top: 2rem}

#_pdfExecuteBox {display: flex; justify-content: left; align-items: center; gap: 0.5rem}
#_pdfExecuteBox > img {width: 2rem}

@media only screen AND (max-width: 500px) 
{
  #_viewPort {margin-top: 0; width: calc(100% - 2rem)}
  #_pageMenu {position: fixed; z-index: 1001; top: 10px; left: -180px; background-color: white; padding: 10px; border: 2px solid #CCC; border-left: 0; border-radius: 0 0.5rem 0.5rem 0; height: 85vh; overflow: hidden; overflow-y: scroll}
  #_content {width: 98%; margin: 0 auto}
  #_pageMenuClose {display: block; position: absolute; right: 7px; top: 11px; font-weight: bold; color: red}
  #_pageMenuOpen {display: block; position: fixed; z-index: 100; top: 0.5rem; left: 1rem; color: green; font-weight: bold; background-color: #FAFAFA; border: 2px solid gray; border-radius: 100px; padding: 5px 8px;}
  .welcomeLoginButton {display: block}
}

@media only screen AND (orientation: landscape) AND (max-width: 1024px) 
{
  #_viewPort {width: 98%}
}