html, body {
   padding: 0px;
   margin: 0px;
}
body {
   background-color: #1C1C1C;
   color: #999999;
}
p {
   margin: 0px;
   padding: 0px;
}
div.mainbody {
   width: 100%;
   text-align: center;
   color: #999999;
   font-family: Futura, Arial;
   font-size: 18pt;
   font-weight: bold;
}
.ui-tabs .ui-tabs-nav li a { font-size: 0.85em; !important; }
.row {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   width: 100%;
   margin-bottom: 0.25em;
}
.column-middle {
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   flex: 1;
   text-align: center;
}
.column-left {
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   flex: 1;
   text-align: right;
}
.column-right {
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   flex: 2;
   text-align: left;
}
.inline {
   display: inline;
}
.noshow {
   display: none;
}
.width_90 {
   width: 90%;
}
.width_50 {
   width: 50%;
}
.task {
   width: 100%;
   text-align: left;
   border: 1px solid #999999;
   margin-bottom: 1em;
   margin-left: auto;
   margin-right: auto;
   cursor: pointer;
}
.clickable {
   cursor: pointer;
}
.strongtext {
   font-color: blue !important;
   font-size: 120%;
}
.center {
   text-align: center !important;
   margin-left: auto;
   margin-right: auto;
}
.border {
   border: 1px solid lightgray;
}
.spaceabove {
   margin-top: 2em;
}
.button_small {
   width: 8em;
}
.button_medium {
   width: 16em;
}
.floatright {
   float: right;
   display: inline;
   clear: none;
}
.showallcheckbox {
   flex: none;
   align-self: end;
   height: 1em;
   width: 1em;
}