table {
  border-collapse: collapse;
}

table.settings {
  padding: 1px;
  width: 100%;
  font-family: "Courier New", Calibri;
  font-size: 80%;
  font-weight: normal;
}

table.lookup {
  margin: 0 auto;
  width: 100%;
  font-family: "Courier New", Calibri;
  font-size: 100%;
  text-align: right;
  font-weight: normal;
}

th.settings {
  text-align: right;
  font-family: "Helvetica", Arial, "Courier New";
  color: #484848;
}

th.summary {
  text-align: right;
  font-family: "Courier New", Calibri;
  font-size: 75%;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  color: #313334;
}

th.summary_center {
  text-align: center;
  font-family: "Courier New", Calibri;
  font-size: 75%;
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  color: #313334;
}

th.summary_group {
  text-align: center;
  font-family: "Courier New", "Helvetica", Calibri;
  font-size: 80%;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #DDDDDD;
  color: #313334;
}

th {
  text-align: right;
  font-family: "Courier New", Calibri;
  font-size: 100%;
  font-weight: normal;
}

td {
  text-align: center;
  font-family: "Helvetica", Arial, "Courier New", Calibri;
  font-size: 75%;
  font-weight: normal;
}

tr.viewtitle {
  background-color: #F9F9F9;
  border-bottom: 1px solid #DDDDDD;
}

td.viewtitle {
  text-align: left;
  padding-left: 5px;
  font-family: "Helvetica", Arial, "Courier New", Calibri;
  font-size: 100%;
  color: #1F1F21;
  font-weight: normal;
}

td.red {
  color: #FF0000;
}

td.smallfont {
  font-family: "Helvetica", Arial, Courier New;
  font-size: 85%;
}

.enabled_settings_button {
  color: #000000;
  background: #EDF8FE;
  border: 2px solid #5856D6;
  text-align: center;
  margin: 5px;
}

.disabled_settings_button {
  color: #D0D0D0;
  background: #FCFCFC;
  border: 2px solid #F8F8F8;
  text-align: center;
  margin: 5px;
}

.tdbutton {
  color: #000000;
  background: #EDF8FE;
  font-size: 85%;
  border: 1px solid #999;
  text-align: center;
  margin: 1px;
}

a.simple {
  text-decoration: none;
}

a.viewicon {
  text-decoration: none;
  margin-right: 10px;
  font-family: "Helvetica", Arial, "Courier New";
  font-size: 150%;
}

a.simpletitle {
  text-decoration: none;
  padding: 2px 2px 2px 10px;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
  text-overflow: ellipsis
}

a.popuptitle {
  text-decoration: none;
  padding: 5px;
  border-radius: 5px;
}

div.red {
  color: #FF0000;
}

div.subtitleicon {
  background-color: #F9F9F9;
  font-family: "Helvetica", Arial, Courier New;
  padding-right: 1px;
  float: right;
}

div.titleicon {
  background-color: #FDFDF8;
  color: #A0A0A0;
  border: 0px solid #999;
  font-family: Courier New;
}

div.viewicon {
  margin-right: 20px;
  float: right;
  font-family: "Helvetica", Arial, "Courier New", Cailibri;
  font-size: 110%;
  font-weight: normal;
  color: blue;
}

div.infobox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

div.progressbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

div.titlebox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  padding: 10px;
  font-size: 85%;
}

.compactinput {
  width: 45px;
  font-size: 100%;
  text-align: right;
  background: #FAFAFA;
  border: 1px solid #DDDDDD;
}

input[type="date"] {
  font-family: "Helvetica", Arial, "Courier New";
}

.hover_in {
  background: #FFFFCC;
}

.hover_out {
  background: #F9F9F9;
}

.loading {
  background: white url("/v2/img/ui-anim_basic.gif") right center no-repeat;
}

.ui-widget {
  color: navy;
  border-radius: 0px;
  font-family: "Courier New", "Helvetica", Arial, sans-serif;
  background: #FFFFFF;
}

.ui-widget-header {
  border: 1px solid #c0c0c0;
  background: #F6F6F6;
  color: black;
  font-family: "Courier New", "Helvetica", Arial, sans-serif;
  font-size: 90%;
  font-weight: normal;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
  .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
  {
  background: #FFFFE8;
  color: navy;
  font-weight: normal;
}

.ui-dialog .ui-dialog-content {
  background: #FDFDF8;
}

.ui-corner-all {
  border-radius: 7px;
}

.ui-widget-overlay {
  opacity: 0.16;
}

.error-dialog {
  border: 1px solid #CD0A0A;
  border-radius: 7px;
  background: #FDFDF8;
  font-family: "Courier New", "Helvetica", Arial, sans-serif;
  font-size: 100%;
  font-weight: normal;
}

.ui-dialog-titlebar {
  background: #FDFDF8;
  border: none;
}

.ui-dialog-title {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: #FDFDF8;
}

.no-close .ui-dialog-titlebar {
  background-color: #FAFFFF;
  display: none;
}

.no-close .ui-dialog-titlebar-close {
  background-color: #FAFFFF;
  display: none;
}