.flex-wrapper {
  margin-left: .5em;
  margin-right: .5em;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}
body {
	text-size: small;
	margin: 0;
}
.debug {
	display: none;
}
div.tablemarkup > table {
        border-collapse: collapse;
        border: 1px solid black;
}
div.tablemarkup > table * td, div.tablemarkup > table * th {
        padding-top: 1.1mm;
        padding-bottom: 1.1mm;
        padding-left: 1.1mm;
        padding-right: 1.1mm;
        border: 1px solid black
}
#errormsg {
        margin: 10px 50px 10px 50px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        background-color: #f77;
        text-align: center;
	clear: both;
}
#successmsg {
        margin: 10px 50px 10px 50px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        background-color: #7f7;
        text-align: center;
	clear: both;
}
#footer {
	font-size: xx-small;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-top: 15px;
	margin-bottom: 5px;
}
#footerlogo {
	padding-top: .3ex;
	padding-bottom: .3ex;
	float: left;
}
#footerlogo img {
	height: 6.9ex;
}
#footertext {
	float: left;
	padding-left: .5em;
	padding-top: .3ex;
	padding-bottom: .3ex;
}
#menu {
        font-family: Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        padding-top: 2px;
        list-style-type: none;
        background-color: #eee;
        background-image: url(../images/logo.png);
	background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center right;
        font-size: small;
        height: 5.5ex;
        line-height: 5.5ex;
        border-top: 0px solid #eee;
        border-bottom: 2px solid #ccc;
}
#menu li {
        float: left;
        margin: 0;
        padding: 0 5px;
}
#menu li a {
        text-decoration: none;
        padding-left: 5px;
        padding-right: 5px;
        display: block;
        color: #666;
}
#menu li a:hover, #menu li.active a {
        background-color: #f5f5f5;
        border-bottom: 2px solid #DDD;
        color: #999;
}
.table-fixed thead th {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 999;
	background-color: #fff;
	color: #000;
}