body { font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 100%; }
#titlebar { display: flex; flex-flow: row; }
#navbar { overflow: auto; background-color: #333; position: fixed; bottom: 0; left: 0; width: 100%; 
	z-index: 1; }
#navbar a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 10px;
	text-decoration: none; }
#navbar a:hover { background-color: #555; transition: 0.3s; }
#navbar ul { list-style-type: none; margin: 0; padding: 0; }
#file-chooser { display: flex; flex-flow: wrap; margin-bottom: 1em; }
#file-chooser input { flex: 1 0 30em; }
#progress {
    position: fixed;
    top:1em;
    right: 1em;
    z-index: 1;
    padding: 0.5em;
    background-color: #f2f2f2;
    border-style: solid;
    border-width: thin;
    border-radius: 0.5em;
}
#incompatible th, #incompatible td { text-align: left; }
#comments th, #comments td { text-align: left; }
.fading { transition: opacity 0.5s; }
.convergence { display: none; }
.iterations { display: none; }
.nodes	{ display: none; }
.pairs	{ display: none; }
.singularity { display: none; }
.step	{ font-size: 1.4em; font-weight: bold; color:Blue; }
.increment { font-size: 1.2em; font-weight: bold; color:Purple; border-top: solid Purple; }
.iteration { font-weight: bold; }
.bordertop   { border-top: thin solid Gray; }
.converged { font-weight: bold; color: Green; }
.notconverged { font-weight: bold; color: Red; }
.completed { font-size: 1.2em; font-weight: bold; background-color: Lightgreen; }
.value { word-break: keep-all; }
table { font-size: 0.9em; }
thead th { position: sticky; top: 0; }
tbody::before { content: ''; display: table-row; height: 2px; }
th, td { padding: 3px; text-align: right; }
td button.plotButton { display: block; margin-top: 10px; margin-left: auto; }
td button.expand { font-size: 1.1em; width: 1.5em; height: 1.5em; }
td p { margin-top: 0.2em; margin-bottom: 0.2em; }
th.top { vertical-align: top; }
td.top { vertical-align: top; }
td.note { font-weight: bold; text-align: center; }
td.warning { text-align: center; }
td.error { font-weight: bold; text-align: center; }
tr.step-row td { text-align: left; font-size: 1.1em; font-weight: bold; }
tr.step-row td * { margin-left: 5px; display: inline; }
th { background-color: #4caf50; color: white; }
tr { background-color: #f2f2f2;}
tr.cause { background-color: #e2e2e6; }
tbody.unsuccessful tr {background-color: #fbd0d0; }
a:link, a:visited { color:#3333ff; text-decoration: none; }
a:hover { text-decoration: underline; }
.preformatted { font-family: monospace; white-space: pre; }
.preformatted p {margin: 0; }
.monitor { font-weight: bold; color: Navy; }
.warning {background-color: LightYellow;}
.error {background-color: #f9b9b9;}
footer { text-align: right; margin-bottom: 3em; }
.overdrop { background-color: lightBlue; border-style: dashed; }
.chart-container { position: relative; height: 20em; margin: 2em auto; }