/**
  * Styling of list of inputs
  * @author Jorn
  * @created 2019-10-10 10:30
  */


ul.inputs {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.inputs > li {
    padding: 4px 0;
    margin: 4px 0;
    border-bottom: solid white 1px;
}

ul.inputs > li:hover {
    border-bottom: solid orange 1px;
}

ul.inputs > li:after {
    display: block;
    content: '';
    clear: both;
}

ul.inputs > li > * {
    float: left;
    margin-left: 4%;
    width: 80%;
    min-width: 220px;
}

ul.inputs > li > label {
    float: left;
    display: block;
    margin-left: 0;
    width: 15%;
    min-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    color: #424242;
}

ul.inputs > li:hover > label {
    color: #048;
}

ul.inputs > li > a {
     display: block;
     padding: 1px 4px;
     color: black;
     text-decoration: none;
     overflow: hidden;
     white-space: nowrap;
     border: solid #999 1px;
}

ul.inputs > li > input[type="button"],
ul.inputs > li > input[type="submit"] {    
    width: 100px;
    min-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 16px;
}

ul.inputs > li > input[type="button"]:first-child,
ul.inputs > li > input[type="submit"]:first-child {    
    margin-left: 19%;
}

ul.inputs > li > h3 {
    margin: 4px;
    padding: 0;
    margin-left: 19%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.inputs > li.highlight {
    margin: 2px;
    padding: 4px 8px;
    background-color: #fca;
}

ul.inputs > li.highlight label {
    color: #009;
}