.pageWrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
  .pageWrapper {
    flex-direction: column;
  }
  li.titleItem {
    padding: 0px;
    font-size: 12px;
  }
  li.liItemDynamicArticle {
    display: none !important;
  }
  .mylogo {
    display:none;
  }
  .footer {
    max-height: 10px;
    font-size: 10px;
    padding: 0px;
  }
  #logobar {
    height: 0px;
  }
  .dropdownToggle {
    display: none !important;
  }
}
ul.pageNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex: 1;
  background-color: #f1f1f1;
  height: 100%; /* Full height */
  z-index: 1;
  display: block;
  position: sticky; /* Make it stick, even on scroll */
  top: 0;
  overflow: auto; /* Enable scrolling if the sidenav has too much content */
}
li.titleItem {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  padding: 30px 20px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  background-color: #474747;
}
li.liItemDynamicArticle a,
li.liItemDynamicArticle a:link,
li.liItemDynamicArticle a:visited {
  margin: 0;
  display: block;
  color: #000;
  padding: 10px 20px;
  text-decoration: none;
  transition: 0.1s ease-out;
}
li.liItemDynamicArticle a:hover,
li.liItemDynamicArticle a:active {
  background-color: #ff6a1a;
  color: white;
  text-decoration: none;
  transition: background-color 0.2s ease-out;
}
.activeNavItem {
  background-color: #ff6a1a;
  color: white;
  text-decoration: none;
  transition: 0.2s ease-out;
}
.pageTitle {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: bold;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version */
}
.rotate90 {
  rotate: 90deg;
  transition: 0.3s ease-in;
}
.bodyContentWrapper {
  padding: 30px;
  flex: 3;
}
.contentHeaderWrapper {
  display: block;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version */
}
.contentHeader {
  display: inline-block;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-weight: bold;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.dropdownToggle {
  display: inline-block; 
  transition: 0.3s ease-in;
}
.dropdownToggle:hover, .contentHeader:hover {
  color: #ff6a1a;
  transition: 0.3s ease-in;
  cursor: pointer;
}
.content {
  padding: 0px;
  transition: 0.3s ease-out;
  height: 0;
  overflow: hidden;
  transition: height 0.8s ease;
}
.column {
  flex: 50%;
}
.footer {
  display: fixed;
  position: sticky;
  width: 100%;
  bottom: 0;
  z-index: 4;
}
.referenceTag,
.referenceTag:active,
.referenceTag:visited,
.referenceTag:hover {
    margin-left: 3px;
    margin-right: 5px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    color:#ff6a1a;
}
.referenceTag:hover,
.referenceTag:visited {
    color:#cd4c06;
}
a.referenceText {
  all: unset;
  font-size: 10px;
  margin: 0;
  margin-left: 50px;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  color:blue;
}
.referenceText {
  font-size: 10px;
  margin: 0;
  margin-left: 50px;
  padding: 0;
  line-height: 1;
}
.referenceBlock {
    margin-top: 50px;
}