body * {
  hyphens:  auto;
}
.row:not(:last-child){
  margin-bottom: 1vh;
}
.row {
  margin-bottom:  1.5vh;
}
.functions .scrollcontainer ,.variables .scrollcontainer, .myfeeds .scrollcontainer{
  padding-right: 0.2vw;
  max-height: 80vh;
  overflow-y: auto
}
section.variables h3,section.functions h3{
    text-align:center;
    padding: 0.5vw 0  
}

.functions th:first-letter, .variables th:first-letter{
  text-transform: uppercase
}

.functions td, .variables td{
  *word-break:  break-all;
}
.functions td.description, .variables td.description{
  width: 40%;
  max-width: 200px
}
tr.return td:first-child,
.return.name:empty:before{
  font-style: italic;
  color: gray;
}

.return.name:empty:before{
    content: '[return]'
}

tr.return td:first-child:before{
  content: '['
}
tr.return td:first-child:after{
  content: ']'
}
.variables .scroll {
  width: 90%;
  overflow-x: auto;
}
.panel-body h4 {
  display: none
}
.myfeeds .feed-item h4 {
  display: inherit
}
.myfeeds .panel.heading {
  padding-right: 10%;
}
/*
.panel-heading[role="tab"]{
  position: relative;
}

a[role="button"][data-toggle="collapse"] .glyphicon{
  position: absolute;
  margin: 0;
  top: 50%;
  right: 2.5%;
  transform: translate(0%, -50%);
}
*/
a[role="button"][aria-expanded="true"] .glyphicon-menu-down{
  display: none
}
.panel-group{
  counter-reset: panel
}
/*
.collapsed{
  counter-increment: panel
}
*/
/*a[role="button"][data-toggle="collapse"]*/
.panel-default
{
  counter-increment: panel;
  text-decoration: none  
}

.panel-title{
  display: flex;
  justify-content: center;
}

.panel-heading:before{
  position: absolute;
  top:50%;
  left: 1%;
  transform: translate(0,-50%);
  content: '(' counter(panel) ') ';
  color: #31708f
}

.table.variable th{
  vertical-align: top
}
.table.variable td,
.table.variable th,
.table.function td,
.table.function th{
  vertical-align:  middle;
  text-align: center
}
.table.variable th:not(:last-child):not(.five-columns),.table.variable td:not(:last-child):not(.five-columns){
  width: 20%
}
.table.variable.five-columns th:not(:last-child),.table.variable.five-columns td:not(:last-child){
  width: 15%
}
.table.variable th:not(:last-child),.table.variable td:not(:last-child){
  text-align: center;
}
span.panel.heading{
  background-color: unset;
}