.hidden {
  display: none;
}


/* Popup container */
.popup {  
    border:2px solid #000;
    position:fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    width:550px;         
    height:450px;
    background: #fff;
    padding: 25px;
    margin:auto;
    z-index: 6;
    overflow: scroll;
}

@media all and (max-width: 600px) {
  .popup{
    width: auto;
  }
}  
  
  /* The blurred background */
.overlay {
  margin: auto;  
  background:#dbd3a17b;  
  z-index: 1;
  width: 100%;
  height: 100%;
  position:fixed;
  top: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(3px);
}
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
    visibility: visible;
  }

.btn-open{
  position: relative;
  cursor: pointer;
  font-size: larger;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    overflow-wrap: break-word;
}

h5{
    font-size: 14pt;
    margin: 0;
}

p, div.special{
    padding: 0 0 0.5em 0;
    margin: 16px 0px;
}

.nesttotal{
    margin-block: 0;
    padding: 0;
}

.special{
    margin-block: 0;
}

.nest1{
    position: relative;
    left: 40px;
    list-style-type: none;
    width: 90%;
}

.nest2{
    position: relative;
    left: 80px;
    list-style-type: none;
    width: 80%;
}

.nest3{
    position: relative;
    left: 120px;
    list-style-type: none;
    width: 70%;
}

.toc {
    list-style-type: none;
}