html {
}
header, body, footer {
    background-color: #e9ecef;
}
.container-sm {
    background-color: white;
    border-radius: 15px;
    margin-top: 15px;
}
    .container-sm > div {
        padding: 8px 0;
    }
header {
}
    header > nav > div {
        width:100%;
    }
nav ul:last-of-type {
    margin-left: auto;
}
table.readings {
    font-size: 14px;
    max-width: 500px;
}
form, 
#divResults {
    max-width: 500px;
    margin-bottom:10px;
}
form .input-group-text,
#divResults .input-group-text {
    width: 150px;
}
    form .field-validation-error {
        width:100%;
    }
    #divResults .list-group-item span:last-child {
        position:absolute;
        right: 16px;
    }
    form .input-group-text label.align-right {
        margin-left:auto;
    }
div.input-group {
    margin-top: 5px;
}
div.actions {
    margin: 10px 0;
    display: flex;
    justify-content: end;
    position:relative;
}
    div.actions a {
        position: absolute;
        left:0;
    }
footer .container {
    border-top: solid 1px #dee2e6;
}
#btnShow {
    margin-left: 10px;
}
.card-header p.lead {
    margin-bottom: 8px;
}
.table .align-right {
    text-align:right;
}
.row.insights > div {
    margin-top:20px;
}