.module_toc_menu {
 position: fixed;
  z-index: 50;
  left: 0;
  top: 25vh;
  height: auto;

}

@media (min-width: 600px) {
 .module_toc_menu {
    top: 25vh;
  }
}

.module_toc__menu__body {
 position: relative; 
}

.module_toc_menu__button {
 background:  #ee7203;
  width: 40px;
  height: 40px;
  border: none;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.module_toc_menu__toggle {
   width: 40px;
  height: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.module_toc_menu__toggle i {
 position: relative; 
}

.module_toc_menu__toggle i, .module_toc_menu__toggle i:before, .module_toc_menu__toggle i:after {
    width: 25px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
}

.module_toc_menu__toggle i:before, .module_toc_menu__toggle i:after {
 content: ""; 
  position: absolute;
  left: 0;
}

.module_toc_menu__toggle i:before {
    top: -6px !important;
    margin-top: 0 !important;
}

.module_toc_menu__toggle i:after {
    top: 6px !important;
    margin-top: 0 !important;
}

.module_toc_menu__links {
  
 position: absolute;
  left:40px;
  top: 0;
  background: #fff;
  padding: 25px;
  width: 455px;
  max-width: 83vw;
  border: 1px solid #eee;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  display: none;
  max-height: 75vh;
  overflow: auto;
  
  
}

@media (min-width:1700px) {
 
  .module_toc_menu__links {
    display: block; 
    width: 235px;
    padding: 15px;
  }
  
}

.module_toc_menu__links li, .module_toc_menu__links ul {
 list-style: none; 
  margin: 0;
  padding: 0;
}

.module_toc_menu__links li {
 display: block;
  margin-bottom: 15px;
}

.module_toc_menu__links li:last-child {
  margin-bottom: 0;
}

.module_toc_menu__links p {
 margin: 0 0 20px 0; 
}

.module_toc__links a {
  

  font-weight: 700;
  margin-right: 0px;
   display: block; 

}

.module_toc__links ul {
  list-style: none; 
  margin: 0;
  padding: 0;
}
 .module_toc__links li {
    margin: 0;
  padding: 0;
 margin-right: 8px;
    list-style: square;
    margin-bottom: 5px;
    margin-left: 18px;
  
}

.module_toc__links span {
 display: inline-block;

 
  display: none;
}

@media (min-width:500px) {
  .module_toc__links li {
    display: inline-block; 
      margin-right: 8px;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none; 
  }
  
    .module_toc__links a {
    display: inline-block;   
  }
  
  .module_toc__links span {
    display: inline-block;  
  }
}
{% require_css %}
<style>
  .list-with-dividers {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .list-with-dividers li {
    display: inline;
  }

  .list-with-dividers li:not(:last-child)::after {
    content: "|";
    padding: 0 8px;
    color: inherit;
  }

  @media (max-width: 1200px) {
    body .container-fluid .row-fluid .page-center {
      padding: 10px 20px 10px 50px;
    }
  }
</style>
{% end_require_css %}