/* This StyleSheet contains custom styles for this project */

/*Text formatting*/

.body {
word-break: normal;
}
.body {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.paramName {
font-weight: bold;
}

.tableHeader {
font-weight: bold;
}

.button-13 {
  background-color: #fff;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid #d5d9d9;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  box-sizing: border-box;
  color: blue;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  font-size: 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
  width: 50%;
}

.button-13:hover {
  background-color: gray;
    background: rgba(76, 175, 80, 0.3);
}

.button-13:focus {
  border-color: #008296;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  outline: 0;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
    padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  border: 1px solid #d5d9d9;
  text-align: left;
  outline: none;
  font-size: 1.5em;
  font-weight: bolder;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 18px 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

<script>
var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.display === "block") {
      content.style.display = "none";
    } else {
      content.style.display = "block";
    }
  });
}</script>