:root {
  --background-color: #3e3e42;
  --bg-status-box: rgb(0, 90, 156);
  --bg-backlink: #6e6e67;
  --bg-hlist: #67676E;
  --bg-description: #535358;
  --owl-bg-pre: rgb(15, 15, 15);
  --text-color: rgb(240, 240, 240);
  --htag-text: #83E9F0;
  --text-backlink: white;
  --literal: #49C00D;
  --link: #DDC1F2;
  --link-visited: #BD7DEE;
  --link-active: blue;
  --href-hover: gray;
  --border: white;
  --shadow-color: rgba(240, 240, 240, 0.5);
  --accent-color: rgba(0, 0, 240, 0.5);
  --type-ap: #EB4A4A;
  --type-op: #75E1FC;
  --type-dp: #75FA32;
  --type-ni: #f3cdcd;
  --entity-bg-color: #4a4a4f;
  --entity-text-color: #e0e0e0;
  --entity-border-color: #5a5a5f;
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--htag-text);
}

a {
  color: var(--link);
}

a:visited {
  color: var(--link-visited);
}

a:active {
  color: var(--link-active);
}

a:hover {
  color: var(--href-hover);
}

.status div {
  background-color: #FFD166;
  color : black;
}

.backlink {
  background-color: black;
  color: var(--text-backlink);
}

.backlink a {
  color: #FFD166;
}

.backlink:hover a {
  color: #FFB833;
}

.hlist {
  background-color: var(--background-color);
}

.description {
  background-color: var(--bg-description);
}

.literal {
  color: var(--literal);
}

.type-ap {
  color: var(--type-ap);
}

.type-op {
  color: var(--type-op);
}

.type-dp {
  color: var(--type-dp);
}

.type-ni {
  color: var(--type-ni);
}

.hlist li {
  background-color: #47484c;
}

.hlist li a {
  color: #FFD166;
}

.hlist li a:hover {
  color: #FFB833;
}

.entity, div#objectproperties>div, div#dataproperties>div, div#annotationproperties>div, div#properties>div , div#auxiliary>div, div#classes>div{
  background-color: #50505A;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.entity p {
  color: white !important;
}

.entity .backlink {
  background-color: black;
  color: var(--text-backlink);
  font-size: 14px;
}

.entity .backlink:hover {
  background-color: black;
  color: var(--text-color);
}

.entity h3 .backlink a {
  color: #FFD166;
}

.entity .backlink a:hover {
  color: #FFB833;
}

.entity hr {
  color: white;
}

.entity h3 {
  background: none !important;
  color: white !important;
  font-weight: bold;
}

.entity p strong {
  color: white !important;
  font-weight: bold;
}

.entity dl {
  background-color: #50505A;
}

.entity dl.description {
  border-radius: 3px;
}

.entity dl dt {
  font-weight: bold;
  color: white !important;
}

.entity dl dd {
  color: white !important;
}

.concept-table {
  background-color: #2c2c2c !important;
  color: #f5f5f5 !important;
}

.concept-table th, .concept-table td {
  border: 1px solid #555 !important;
}

.concept-table th {
  background-color: #444 !important;
}

#revisionSection {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

#revisionSection h2 {
  font-size: 1.8rem !important;
  margin-bottom: 1rem !important;
  border-bottom: 2px solid var(--border) !important;
  padding-bottom: 0.3rem !important;
  color: var(--htag-text) !important;
}

#revisionSection table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.95rem !important;
  background-color: var(--entity-bg-color) !important;
  border: 1px solid var(--entity-border-color) !important;
  color: var(--text-color) !important;
}

#revisionSection th,
#revisionSection td {
  text-align: left !important;
  padding: 12px 15px !important;
  vertical-align: top !important;
  border-bottom: 1px solid var(--entity-border-color) !important;
}

#revisionSection td:first-child {
  white-space: nowrap;
}

#revisionSection th {
  white-space: nowrap;
  background-color: var(--bg-backlink) !important;
  font-weight: bold !important;
  border-bottom: 2px solid var(--border) !important;
  color: var(--text-backlink) !important;
}

#revisionSection tr:nth-child(even) {
  background-color: var(--bg-description) !important;
}

#revisionSection td ul {
  margin: 0 !important;
  padding-left: 20px !important;
  list-style-type: disc !important;
}

#revisionSection td ul ul {
  list-style-type: circle !important;
  padding-left: 20px !important;
  margin-top: 0.25rem !important;
}

#revisionSection li {
  margin-bottom: 4px !important;
}