body {
  margin:0;
  padding:0;
  overflow: hidden;
}
#mainTable {
  width: 100%;
  height: 100%;
  padding-right:5px;
  border: solid 1px gray;
  background: rgb(39,129,255);
  background: linear-gradient(
    90deg, 
  rgba(39,129,255,1) 38%, 
  rgb(250, 250, 250) 50%, 
  rgba(255,49,0,1) 62%);
}
td {
  text-align: center;
  padding: 1px;
}
#data, #yml {
  min-width: 100%;
  min-height: 100%;
  overflow-y: scroll;
  min-height: auto;
  resize: none;
  border: solid 1px;
  outline: none !important;
}
#data { 
  border-color: rgba(39,129,255,1); 
}
#yml { 
  border-color: rgba(255,49,0,1); 
}
input[type=file], input[type=file]::-webkit-file-upload-button {
  color: black;
  cursor: pointer;
}
button {
  cursor: pointer;
}
#convertbutton, #downloadbutton, #writeFileButton {
  visibility: hidden;
}
#downloadlink {
    display: none;
}
#console {
  text-align: left;
  height: 200px;
  width: 100%;
  overflow-y: scroll;
  border: 1px solid black;
  background-color: white;
}
#howto {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  display: none;
  width: 80%;
  height: auto;
  padding: 50px;
  border: solid 1px black;
  border-radius: 15px;
  background-color: white;
}
#HTcontent {
  width: 100%;
  height: 100%;
}
#topbar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:35px;
  color: black !important; 
  background: linear-gradient(
    90deg, 
  rgba(39,129,255,1) 38%, 
  rgb(250, 250, 250) 50%, 
  rgba(255,49,0,1) 62%);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#topbar #close {
  position: absolute;
  color: white;
  top: 10px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  vertical-align:middle;
  border: solid 1px white;
  cursor: pointer;
}
#howto #version {
  height:150px;
  overflow-y: scroll;
  border: dashed 1px gray;
  border-radius: 15px;
}
#howto img {
  position:absolute;
  top: -150px;
  left: 50px;  
  display: none;
  border: 1px solid;
  border-radius: 10px;
}
#howto #showimage, #showimage:visited {
  text-decoration: none;
  font-weight: bold;
  color:black;
}
#modeSteps {
  display: block;
}
ItemRequiresSkillLevel {
  color: black;
}