.navbar-top {
    position: fixed;
    background-color: rgb(88, 135, 168);
    width: 100%;
    top: 0;
    min-height: 7.5vh;
    max-height: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-style: ridge;
    border-color: #000000;
  }
  
  .sticky-footer {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-color: #21313c;
    background: rgb(88, 135, 168);
    height: auto;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-style: ridge;
    border-color: #000000;
  }
  
  .navbar-container {
    display: flex;
    justify-content: space-between;
  }
  
  .Footer-Copyright-Text {
    color: var(--bs-body-bg);
    font-weight: bold;
  }
  
  .footer-links {
    color: #ffffff;
  }
  
  .primary-content-div {
    background-color: #ffffff;
    margin-top: 10vh;
    height: calc(100vh - 10vh - 12.5vh);
    overflow-y: auto;
  }
  
  .body {
    background-color: rgba(255,255,255,0.99);
  }
  
  #content-wrapper {
    height: calc(100vh - 12.5vh);
  }
  
  .navbar-header-link {
    display: inline-flex;
  }
  
  .logo {
    position: absolute;
    top: -12.5px;
    left: 50px;
    filter: drop-shadow(0 0 1px white);
  }
  
  .navbar-row-icon {
    display: flex;
    align-items: center;
  }
  
  .hamburger-menu-icon {
    width: 1.5em;
    height: 1.5em;
    stroke: white;
    stroke-width: 0.2;
    cursor: pointer;
    position: absolute; /* or 'fixed' depending on your layout */
    right: 50px; /* Adjust this value to move the icon further to the right */
    top: 15px; /* Adjust if you also want to change the vertical position */
  }
  
  
  .hamburger-menu-icon path {
    fill: #21313c;
    filter: drop-shadow(0 0 1px white);
  }