.d3Container {
    margin:0 !important;
    height:100%;
    overflow: hidden;
    padding:0 !important;
  }
  
  .d3Container > section {
    height:calc(100% - 7em);
  }
  
  .d3Container * {
    margin: 0 !important;
    padding: 0 !important;
  }
    
  .d3Container > nav {
    background-color: #666;
    height:4em;
    display:flex;
  }
  
  .d3Container > nav > * {
    height:100%;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  
  .d3Container > section > nav {
    float:left;
    width:250px;
    background:#ccc;
    height:100%;
    display: grid;
    grid-gap: 2px;
    row-gap: 2px;
    column-gap: 2px;
    grid-auto-flow: column dense;
    grid-template-columns: min-content;
    grid-template-rows: min-content;
    padding: 1em !important;
  }
  
    
  .d3Container > section > div {
    float: left;
    height: 100%;
    width: calc(100% - 250px);
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .d3Container > section > div * {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .d3Container > section::after {
    content: "";
    display: table;
    clear: both;
  }
  
  .d3Container > footer {
    background-color:#666;
    height:3em;
    padding: 0 !important;
  }

.d3Container .navbar {
    float: left;
    text-align: center;
    text-decoration: none;
    height:100%;
  }

.d3Container .navbar > button {
    height: 100%;
    border-radius: unset;
    background-color: rgb(69,69,69);
    padding-left: 9px !important;
    padding-right: 9px !important;
    border-right: 2px inset #666;
}

.d3Container .navbar > button:last-child {
  border-right: none;
}

.menuPane {
  z-index: 1;
  position:absolute;
  background-color: transparent;
  color:white;
  top:50%;
  left:50%;
  transform: translate(-50% , -50%);
  box-shadow: 6px 6px 4px 0px rgba(69,69,69 , 0.4);
  padding:0;
  margin:0;
}
.menuPane > .headline {
  margin:0;
  background-color: rgb(69,69,69);
  overflow: hidden;
  padding:0;
  min-width: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #ccc;
}

.menuPane > .headline > * {
  margin:0;
  font-weight: bold;
}


.menuPane a {
  display:block;
  background-color: #ccc;
  text-decoration: none;
  border-bottom: 1px solid #666;
  cursor: pointer;
  width:100%;
  height:2em;
  margin:0;
}

.menuPane a:active, .menuPane a:hover {
  background-color: rgb(255 , 2 , 1);
}

.menuPane a:last-child {
  border-bottom: none;
}

.d3_nav_icon {
  width:50px;
  height:50px;
  background-color: transparent;
  border: 1px outset darkgray;
  background-size: cover;
  background-color: #fff;
  border-radius: 0;
}