div.db-colorbox::before {
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
}

.db-entry.details .attribute .value {
  word-wrap: break-word;
}

#db-entries-for-relation {
  height: 200px;
  overflow: auto;
}

#db-entries-for-relation label { display: block; }
div.issue table span.db_entry { float: none; }
div.contact table span.db_entry { float: none; }
div.db-entry { background: #eee; }

input#db_entry_search { width: 100%; }

span.db-entry.non-valid,
a.db-entry.non-valid,
a.db-entry.non-valid:link,
a.db-entry.non-valid:visited {
  color: #999;
  text-decoration: line-through;
}

.db-relations ul {
  padding-left: 0;
}

.db-relations ul li {
  list-style: none;
}

input#db_entry_name { width: 99%; }

#db-entry-private-wrap {
  float: right;
  margin-right: 1em;
  margin-left: 1em;
  padding-left: 0;
  padding-bottom: 0;
}

/* Sticky header scroll-margin adjustments for db_entries (reuses Redmine's sticky-issue-header CSS) */
.controller-db_entries.action-show div.wiki a[name],
.controller-db_entries.action-show #history div[id^='note-'],
.controller-db_entries.action-show #history div[id^='change-'],
.controller-db_entries.action-show #add_comment_form {
  scroll-margin-top: var(--sticky-header-scroll-margin);
}

@media all and (max-width: 899px) {
  .controller-db_entries.action-show div.wiki a[name],
  .controller-db_entries.action-show #history div[id^='note-'],
  .controller-db_entries.action-show #history div[id^='change-'],
  .controller-db_entries.action-show #add_comment_form {
    scroll-margin-top: var(--sticky-header-scroll-margin-mobile);
  }
}