table,td,th {
  border: 1px solid #000000;
  border-collapse: collapse;
}
th,td {
  padding:5px;
}
table {
  margin:10px;
}

body {
  padding-bottom:50px;
  font-family: "Segoe UI",Arial,sans-serif;
  background-color: #fcfcfc;
}

iframe {
  background-color: #ffffff;
  border:1px solid #000000;
  box-sizing:border-box;
}
.textareadiv {
  padding-bottom:20px;
  box-sizing:border-box;
  position:relative;
  display:inline-block;
}
.textareadiv button {
  position:absolute;
  bottom:0;
  right:17px;
  z-index:100;
}

button {
  position: relative;

  display: block;
  padding: 0;

  overflow: hidden;

  border-width: 0;
  outline: none;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  
  background-color: #2ecc71;
  color: #ecf0f1;
  
  transition: background-color .3s;
}

button:hover, button:focus {
  background-color: #27ae60;
}

button > * {
  position: relative;
}

button span {
  display: block;
  padding: 5px;
}

button:before {
  content: "";
  
  position: absolute;
  top: 50%;
  left: 50%;
  
  display: block;
  width: 0;
  padding-top: 0;
    
  border-radius: 100%;
  
  background-color: rgba(236, 240, 241, .3);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

button:active:before {
  width: 120%;
  padding-top: 120%;
  
  transition: width .2s ease-out, padding-top .2s ease-out;
}

a {
  font-weight:bold;
  color:blue;
}
.CodeMirror {
  height:150px;
}
#comment .CodeMirror {
  height:300px;
}
#global_scope2 .CodeMirror {
  height:250px;
}
#constants .CodeMirror {
  height:300px;
}
#print .CodeMirror {
  height:220px;
}

#types .CodeMirror {
  height:600px;
}

#foreach_if .CodeMirror {
  height:350px;
}