html {
    background-image: linear-gradient(145deg, #1a2b58 0%, #233b77 35%, #357db1 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;
}

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

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

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

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 grey; 
    padding: 4px;
    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 #757575; 
    padding: 4px;
    border-radius: 5px 5px 0px 0px;
    left: 25%;
}

input.button{
    font-size: 15px;
    background-color: #757575;
    color: white;
    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: #595959;
    padding: 5px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 40px;
}

th.header {
   font-size: larger;
}

.subtab{
    width: 400px;
}

td.button{
    text-align: center;
}

td.logdatahead{
    padding-top: 2px;
    padding-bottom: 0px;
}

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

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

.left_panel{
    background-image: url("linstep.png"); 
    background-size: 300px;
    margin: 0px;
    font-size: xx-small;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
    vertical-align: bottom;
}

.bottom_text{
    vertical-align: bottom;
    
}

.top_text{
    vertical-align: top;
    margin-top: 5px;
    padding-top: 5px;
    display: block;
}