div#header {
  background: #ffff00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAYAAACWuCNnAAAEBElEQVR4AezBAQEAAAjDoPUvrUEOtAIAAAAAAAAAAACunj17gJE2CcI4/o7nbNu2bdsKzrZt27Zt2/bdZ9trq75/ktqk0+lhsq4n+SVT/aIrixrNiy096yIbOHcTbJnDIljHW1tAr1vLWds4Tx/b4wgs56yvmGfPNXL0tR7md+6R9o5voOtJb31Vr/bF/X5076Uji8XS9dF/0q8hmIEPMRQteBOLOefehyYIPsb7+F/r43GZc/xHrKPXnY3paMcjgR620b0H4X0971Y9dijGQPCPHv8KrfhEz7nX2fcDjEOrrs+N+fAFBO14OiJ67FUIpuAcfOP8LN7X+82CYL5AP7+gHd9h7chisXRt9BVIHT5x1rbCdAxHxll/CYL5nLVPcLo+vguCnb09nsaLOfb/CX879QMY59QHQnC8s3Y8vnHqFzr70vpCrU/UOomxmIm4c10CTThA6wzqvZ/FomjGolrv39mP1iuhA59FFoul66OvKD7x1s6E4Fxn7cHAwFoXy+rjDSF4wDme1PvvnGPv0fjSqRfx7r9DYGAtgK1CfWm9ltbPOefcDMH2ztqu2luywM9idyTz9DMIjVGPxWKxgbUMBK/kG1iBew3DNCS03gNTtQ6dfzsE92FB91h4QPgJDqwjtT7fG6yCh5y1J/Fg3p9Fnn60ngvN+CXqsVgsNrCS6MBvgcEwFRPVUd51V0Owk9bP4L48ey+ODyGowhmIBwZErbPnqzkG1ml4DLPwLrLeeYMwHQlkdL9tAz8LcfYahwUC/TyFqzAI47FO1GOxWGxgzQ3Bx4HBsCTmUinvutUgeBRZ1GDLIno4CqMheCcwIM5w9kznGFh3ogqVmC+wx+UQ7Iz9MAGxwM/ic8zliAX6+RA/Q3Bg1KOxWGxgbQDBTaW8JdTz/sB0HIBxiOU5NybQxym8gw6sVM5bQpwNwf2B81aC4CG8gNsjUu5bQqyEJozBnFGPxWKxgfUIBHsV+NB9QTzpXXs+BH/hljz7ZjASWztrB0FwUL6BRX0bVvH7QhKD0I5NAnv+gnGowMZF/iz2wzF+P1pfr/XNUZfHYrFhtTBa8InWS+AadOAu79yPvA+3E7gcYwMf2HdAsEGBgTUFryCOOfA6JmBOPefYwLdy66MZm3p9ra/1TloP8z/Id16BjQn0sxCa8YmztgC+w21ePzdoPSfGoRW7RF0Ti8Wi35xVQtCGOq3fw1neh9+/QVQlKlCv9eDAvb/F0CJ6OAL/Yxam4DVso8cuQzNE96rQvUWt7fVVhwP12vMwAzWY09lvSbTjusDPogKCVlSoVgiu8fppx1N67WYYpMcOjSyWfh8bngv4H+DPbg8OBAAAAAAE+VsPcgUAAAAAAAAAAAAAAPASDySVQs+/+IUAAAAASUVORK5CYII=) repeat-x left top;
  border-bottom: 3px solid #ff0000;
}


body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 80%;
}

table {
  font-size: 12px;
}

table.basic {
  border-collapse: collapse;
}

table.basic td {
  border: 1px solid black;
  padding: 3px;
}

table.summary {
  border: 1px solid #000000;
  border-collapse: collapse;
}
table.summary td {
  border: 1px solid #000000;
  padding: 3px;
}
table.summary th {
  border: 1px solid #000000;
  padding: 3px;
  text-align: left;
  font-weight: bold;
  background-color: #e0e0e0;
}
table.summary tr.totals_row,
table.summary tr.totals_row td {
  font-weight: bold;
  background-color: #e0e0e0;
}

#main_container {

}

#header {
  height: 70px;
}

.page_title {
  margin-left: 10px;
  font-size: 130%;
  font-weight: bold;
}

#content {
  margin-left: 10px;
}

#footer {

}

div.clear {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  width: 100%;
  height: 0px;
  clear: both;
}

br.clear {
  clear: both;
}

#logo {
  float: left;
  margin: 5px;
}

#menu {
  float: left;
  margin: 5px 15px;
}

#login {
  width: 400px;
  margin: 100px auto;
  border: 1px solid;
  background-color: white;
  /* outer shadows  (rgba is red, green, blue, alpha) */
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
  /* rounded corners */
  -webkit-border-radius: 12px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /* gradients */
  background: -webkit-gradient(linear, left top, left bottom,
  color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5));
  background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
}

.required_field {
  font-weight: bold;
  color: #ff0000;
}

label.required:after {
  color: #ff0000;
  content: " *";
}

.label_align {
  width: 150px;
  float: left;
  text-align: right;
  margin-right: 10px;
  display: block;
}

.num_align {
  text-align: right;
  margin-right: 5px;
}

.left_content {
  text-align: left;
}

.center_content {
  text-align: center;
}

.right_content {
  text-align: right;
}

.gen_margin {
  margin: 10px;
}
.gen_left_right_margin {
  margin-left: 10px;
  margin-right: 10px;
}
.gen_left_margin {
  margin-left: 15px;
}
.gen_space {
  margin-left: 10px;
  margin-right: 5px;
}
.gen_space_important {
  margin-left: 10px !important;
  margin-right: 5px !important;
}

/*************** text handling ***************/
.error_msg {
  color: red; /* standard "red" is #ff0000 */
  margin-left: 5px;
}

.warning_msg {
  color: #800000; /* dark red */
  margin-left: 5px;
}

.info_msg {
  color: green; /* standard "green" is #008000 */
  margin-left: 5px;
}

.bold_title {
  font-weight: bold;
  margin: 5px 0;
}

.bold_text {
  font-weight: bold;
}

.bold_red {
  font-weight: bold;
  color: #ff0000;
}

.smcaps {
  font-variant: small-caps;
}

.red {
  color: red; /* standard "red" is #ff0000 */
}

.red_important {
  color: red !important; /* standard "red" is #ff0000 */
}

.green {
  color: green; /* standard "green" is #008000 */
}

.green_important {
  color: green !important; /* standard "green" is #008000 */
}

.yellow {
  color: #ffff00;
}

.yellow_important {
  color: #ffff00 !important;
}

.orange {
  color: #ff8000;
}

.orange_important {
  color: #ff8000 !important;
}

.highlight_red {
  background-color: #e75555;
}

.highlight_yellow {
  background-color: #ffff00;
}

.highlight_yellow2 {
  background-color: #fffacd;
}

.highlight_green {
  background-color: #98fb98;
}

.highlight_pink {
  background-color: #ff1493;
}

.hidden {
  display: none !important;
}

.clickme {
  /* text we want people to click (make it look like a link) */
  color: #0000ee;
  cursor: pointer;
  text-decoration: underline;
}

/*************** custom grey button ***************/
.grey_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  margin-left: 10px;
}
.grey_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.grey_button:active {
	position:relative;
	top:1px;
}

/* tables sorter*/
@media only screen {
  table.tablesorter {
    background-color: #CDCDCD;
    text-align: right;
  }
  table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: blue;
    border: 1px solid #000;
    color: white;
    text-align: center;
    padding-right: 20px;
  }
  table.tablesorter thead tr .header,
  table.tablesorter thead tr th.tablesorter-header {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAIAAABSYfAhAAAABnRSTlMAAAAAAABupgeRAAAAKElEQVR4AWPAD+5cOo9HlrBmCCJbMwKRr5l8V1Dqc2p6gVbhT2n8AwCdF0+h1W6IawAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
  }
  table.tablesorter tbody td {
    color: #000000;
    background-color: #ffffff;
    vertical-align: top;
  }
  table.tablesorter tbody tr.odd, table.tablesorter tbody tr.odd td,
  table.tablesorter tbody tr.odd_row, table.tablesorter tbody tr.odd_row td {
    background-color:#DCDDE1;
  }
  table.tablesorter tbody tr.row_highlight td {
    background-color:#10E3F4;
  }
  table.tablesorter tbody tr.row_completed td {
    background-color:#2ffc88;
  }
  table.tablesorter thead tr .headerSortUp,
  table.tablesorter thead tr th.tablesorter-headerAsc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAIAAADu/+P/AAAABnRSTlMAAAAAAABupgeRAAAAHElEQVR4AWPACu5cOo+JGEgC5GvGNIKBbEBQMwAj1ifRidCCkwAAAABJRU5ErkJggg==);
  }
  table.tablesorter thead tr .headerSortDown,
  table.tablesorter thead tr th.tablesorter-headerDesc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAIAAADu/+P/AAAABnRSTlMAAAAAAABupgeRAAAAHElEQVR4AWMgCO5cOo9HlrBmCCJbMwKRo5mgEQA6oyfRKZDQSwAAAABJRU5ErkJggg==);
  }
  table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp,
  table.tablesorter thead tr .tablesorter-headerDesc, table.tablesorter thead tr .tablesorter-headerAsc {
    background-color: #7b95f4;
  }
}

@media only screen {
  .row_highlight {
    background-color: #10E3F4;
  }
}

@media only print {
  .hide_from_printing {
    display: none !important;
  }
}

@media (prefers-color-scheme: dark) {
  #login {
    background-image: unset !important;
  }
}