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


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

.error {
    color:red;
}

body {
    font:1em sans-serif;
}

main {
    max-width:50em;
}

#KBtextDIV {
    max-width:50em;
    height:20em;
    overflow:scroll;
    text-align:left;
    border: 1ex groove #fcfcfc;
    padding:1ex;
    line-height:4ex;
}

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

table {
    border:1px solid #444;
    margin-top:1em;
}

caption {
    font:120% sans-serif;
    padding:.5ex;
}

tbody tr:nth-child(even) {
    background-color: #eff;
}

tbody tr:nth-child(odd) {
    background-color: #eef;
}

td {
    vertical-align: top;
    font-size:90%;
    padding:1ex;
}

textarea {
    width:30em;
    height:5em;
}

hr {
    width:80%;
}

p {
    max-width:36em;
}