body {
  color: initial;
  background-color: initial;
}

.card {
  color: initial;
  background-color: initial;
}

.tnt-fgcolor {
  color: black;
}

.tnt-bgcolor {
  background-color: white;
}

.tnt-hrcolor {
  background-color: #808080;
}

.tnt-sbcolor {
  background-color: #c8c8c8;
}

.tnt-nav-colors {
  color: white;
  background-color: #2684fc;
}

a.tnt-nav-colors:hover {
  color: #e0e0e0;
  font-weight:bold;
  background-color: #303030;
}

.tnt-nav-fgcolor {
  color: white;
}

.tnt-nav-bgcolor {
  background-color: #2684fc;
}

button.tnt-nav-fgcolor:hover {
  color: white;
  font-weight:bold;
}

.tnt-navcard-colors {
  color: white;
  background-color: #2684fc;
}

.tnt-selected-navcard-colors {
  color: white;
  font-weight:bold;
  background-color: #46a4fc;
}

.tnt-striped:nth-child(even) {
  color:black;
  background-color: #e0e0e0;
}

.tnt-striped:nth-child(odd) {
  color:black;
  background-color: #b0b0b0;
}

.tnt-notselected-pagebutton {
  color: blue;
  background-color: white;
  border-width: 1px;
  border-color: #808080;
}

a.tnt-notselected-pagebutton:hover {
  color: blue;
  font-weight:bold;
}

.tnt-selected-pagebutton {
  color: white;
  background-color: #2684fc;
  border-width: 2px;
  border-color: black;
}

a.tnt-selected-pagebutton:hover {
  color: white;
  font-weight:bold;
}

.tnt-notification-content {
  color: initial;
  background-color: initial;
  border-color: black;
}

.tnt-contentcard-colors {
  color: initial;
  background-color: initial;
}

.tnt-contentcard-emphasize {
  color: initial;
  border-color: #808080;
  border-width: 3px;
  background-color: #e0e0ff;
}

.tnt-iconinactive {
  color: #ffffff;
}

.tnt-iconactive {
  color: #00f0f0;
}