/**
 *  tag selectors
 *  ( alphabetical afer html{} )
 */

html { color-scheme: dark; }

a {
  text-decoration: none;
}

a:visited {
  color: #bb4fbf;
}

a:hover {
  text-decoration: underline;
}

body {
  width: 35em;
  margin: 0 auto;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #e0e0e0;
  background-color: #18191d;
}

/* select table class rowalt tr class row */
table.rowalt tr.row:first-child {
  background-color: #32313B;
}

/* select table of class rowalt and
 * tr of class row and
 * apply pseudo-selector nth-child(even)
 */
table.rowalt tr.row:nth-child(even) {
  background-color: #24232A;
}

table.rowalt tr.row:hover {
  /* cursor: default; */
  background-color: #32313B;
}

td.lbl:first-child {
  font-weight: bold;
  width: 20%;
  padding-left: 10px;
}

td.lbl2:first-child {
  /* font-style: italic; */
  width: 20%;
  padding-left: 15px;
}

td.lnk {
  text-align: center;
  color: #7A7D94;
}

td.lnk:hover {
  color: #5bc2fd;
}

td.hist {
  padding: 2px 15px 2px 15px;
}

/**
 *  class selectors (can be used in any element in document)
 *  ( alphabetical )
 */

.bkgactive {
  border: none;
  border-radius: 2px;
  border-color: #99999960;
  transition: 0.2s;
}

.bkgactive:hover {
  /* background: #f21b1ea2; */
  /* background: #f24f5160; */
  border: 1px solid #888;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #666;
}

.blue {
  /*color: #238ffd;*/
  color: #56AAFD;
  text-align: center;
}

.container {
  margin: 15px 5px 0 5px;
  padding: 15px 15px 10px 15px;
  border: 1px solid #3c3c3d;
  /* border: 1px outset #3c3c3d; */
  /* border: 1px outset #3f3f4a; */
  border-radius: 8px;
  background: #2B2a33;
  box-shadow: 2px 3px 8px #4d4d4d;
  /* box-shadow: 4px 4px 12px #444444dd; */
}

.gold {
  color: #dcc18c;
}

.green {
  color: #79dd97;
}

.indent10px {
  text-indent: 10px;
}

.ltblue {
  color: #5bc2fd;
}

.maintext {
  font-size: 12pt;
  font-weight: bold;
  margin: 0px;
  padding: 5px 10px 7px 15px;
}

.mono {
  font-family: "DejaVu Sans Mono", monospace;
  font-size: 12px;
}

.mp0 {
  margin: 0;
  padding: 0;
}

.ofouter {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  font-size: .9em;
  background-color: #27262e;
  border: 1px solid #3B3A46;
  border-radius: 5px;
}

.ofinner {
  height: 140px;
  overflow-y: scroll;
  border: 2px solid #2b2a33;
  border-radius: 5px;
}

/**
 *  form classes typically used within forms
 *  ( alphabetical )
 */

.topcontainer {
  margin: 0 0 10px 0;
  font-weight: bold;
}

.btncontainer {
  text-align: center;
  margin-top: 15px;
  /* padding: 15px; */
}

.btntext {
  font-size: 11pt;
  margin: 0px;
  padding: 1px 3px 3px 3px;
  /* text-align: center; */
}

.chkcontainer {
  margin: 10px 10px 0px 10px;
  /* padding: 15px; */
}

.frmcontainer {
  margin: 15px 5px 0 5px;
  padding: 15px 15px 10px 15px;
  border: 1px solid #3c3c3d;
  /* border: 1px outset #3c3c3d; */
  /* border: 1px outset #3f3f4a; */
  border-radius: 8px;
  background: #32313B;
  box-shadow: 2px 3px 8px #4d4d4d;
  /* box-shadow: 4px 4px 12px #444444dd; */
}

.frmhdg {
  font-weight: bold;
}

.frmtext {
  font-size: 11pt;
  margin: 0px;
  padding: 1px 3px 1px 3px;
}

/* error, warn and info class selectors */

.error {
  display: inline;
  color: #ff1313;
  font-size: .9em;
}

.warn {
  display: inline;
  color: orange;
  font-size: .9em;
}

.info {
  display: inline;
  color: #eee;
  font-size: .9em;
}