html {
	/*background-color: #1fc8db;*/
  background-image: linear-gradient(145deg, #78C280 0%, #8DC278 50%, #78C294 99%);
  background-repeat: no-repeat;
  font-family: OpenSans, sans-serif;
min-height: 100%;
}

form{
  max-width: 800px;
  max-height: 800px;
  margin-left: auto;
  margin-right: auto;
  vertical-align : middle;
  align-content: middle;

}

table.main{
  background-repeat: no-repeat;
  font-family: arial, sans-serif;
  border-color: black;
  width: 800px;
  height: 400px;
  margin-top:15%;
  border-collapse: collapse;
  padding: center;
  border-radius: 5px;
}

table.sub{
  font-family: arial, sans-serif;
  border-color: black;
  position: right;
  float: right;
  background-color: white;
  width: 400px;
  height: 400px;
  border-collapse: collapse;
  border-radius:0px 5px 5px 0px;

}

th{
  text-align: center;
  border-radius: 8px;
  padding: 0;
  cursor: default;
}

textarea:focus, input:focus{
  outline: none;
}

input.logdata{
  background-color: white;
  position: relative;
  text-align: left;
  border-top: 0px;
  border-left: 0px ;
  border-right: 0px;  
  border-bottom: solid 2px lightgray; 
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 5px 5px 0px 0px;
  left: 25%;
}

input.logdata:hover{
  background-color: #fafafa;
  position: relative;
  text-align: left;
  border-top: 0px;
  border-left: 0px ;
  border-right: 0px;  
  border-bottom: solid 2px lightgray; 
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 5px 5px 0px 0px;
  left: 25%;
}

input.button{
  font-size: 15px;
  background-color: lightgray;
  color: black;
  border: 1px solid #757575;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 40px;
}

input.button:hover {
  font-size: 15px;
  cursor: pointer;
  background-color: #bababa;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 40px;
}

th.header {
 font-size: larger;
}

td.ph{
  text-align: top right;
  margin: 0px;
  padding: 0px;
}

td.subtab{
  width: 400px;
}

td.button{
  text-align: center;
}

td.logdatahead{
  text-align: left 50%;
  padding-top: 2px;
  padding-bottom: 0px;
  
}

label{
  color: lightslategray ;
  font-size: x-small;
  position: relative;
  left: 25%;
}

td.ph{
  font-size: xx-small;
  cursor: default;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
}

p.header{
  position: relative;
  left: 25%;

}
p.header2{
  position: relative;
  left: 25%;
  font-size: medium;
  color: lightslategray; 
}

#div_a{
  right: 42px;
}