body
{
margin:0px;
padding-top:0px;
width:100%;
font: 14px "Courier New", sans-serif;
}
.sidenav {
    position: fixed !important;
    z-index: 1;
}
.sidenav button {
margin-bottom:7px;
}
label {
  font-weight: bold;
}
#introduction {
width:90%;
float: left;
border: 1px solid #888; 
padding: 6px;
margin-bottom: 5px;
}
.question {
 color:red;
 margin-bottom: 3px;
}
.show {
float:left;
padding-bottom:15px;
}
fieldset {
    width: 45%;
	height:40%;
    float: left;
	border: none;
	padding: 0px 5px 0px 0px;
}
fieldset#fs4 {
	margin-left:20px;
}
input {
  font: 14px "Courier New", sans-serif;
  background-color : #d1d1d1;
  border: 1px solid #888; 
  width:60%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-top: 3px;
  box-shadow: none;
  outline: none;
}
#layer4 input {
width:85%;
}
#fs2 textarea {
min-height:300px;
}
#fs3 {
clear:both;
}
#fs3 textarea{
  max-height:260px;
  min-height:260px;
}
#fs4 input {
  font: 14px "Courier New", sans-serif;
  background-color : #d1d1d1;
  border: 1px solid #888; 
  width:60%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  margin-top:2px;
}
#form_id {
margin-top:10px;
padding:5px;
}
#txtOutput {
	width:80%!important;
}
#buttonSubmit {
	margin-top:10px;
	text-align:center;
}
.hideable {
     position: absolute;
     left: 2px;
     top: 3px;
}
textarea {
  font: 14px "Courier New", sans-serif;
  color: black;
  background-color : #d1d1d1;
  border: 1px solid #888; 
  width:100%;
  resize: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-height:340px;
  min-height:340px;
  overflow-x: auto;
  white-space: pre;
  -webkit-touch-callout: none; 
  -webkit-user-select: none;   
  -khtml-user-select: none;    
  -moz-user-select: none;      
  -ms-user-select: none;      
  user-select: none;          
}