.flexColumn {
    display:flex;
    flex-direction:column;
    align-items:center;
}


.flexRow {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.flexInput {
    display:flex;
    align-items:center;
}

.error {
    color:red;
}

body {
    font:1em sans-serif;
}

p {
    max-width:40em;
    margin:1ex;
}

.input label {
    background-color:#eef;
    padding:1ex;
    margin:0 1ex;
}

select {
    padding:.5ex;
    margin:0 .5ex;
}

#sliders>div {
    background-color:#eef;
    margin:0 1ex;
    padding:1ex;
}

#sliders input {
    margin:1ex;    
    margin-bottom:0;    
    vertical-align:bottom;
}

.busyDIV svg {
    height:1em;
    width:1em;
    vertical-align: text-top;
}

.checkbox input {
    vertical-align:text-bottom;
    margin:2px;
}

#outputs {

    max-width:40em;
    table {
	border:1px solid #000;
	margin:1ex 0;
    }
    
    tr:nth-child(odd) {
	background-color: #eff;
    }
    
    tr:nth-child(even) {
	background-color: #eef;
    }
    
    th {
	text-align:right;
	font:80% normal, sans-serif;
    }
}