.hero-global-sidebar {
  position: relative !important;
  width: 100% !important;
  height: unset !important;
  margin-bottom: 50px !important;
}
.hero-global-sidebar a.item {
  color: rgba(0,0,0,.87) !important;
}

html {
  height: auto;
}

th, td {
  max-width: 500px;
  overflow: hidden;
}

#searchbar {
  -webkit-box-sizing: unset;
  box-sizing: unset;
}

select {
    max-width: 400px;
}

.submit-row a.deletelink {
  height: auto !important;
}

.delete-confirmation form .cancel-link {
  height: auto !important;
}

/* Fix semantic.min.css overrides in dark mode */
html[data-theme="dark"] body {
  background-color: var(--body-bg) !important;
  color: var(--body-fg) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5 {
  color: var(--body-fg) !important;
}

html[data-theme="dark"] .hero-global-sidebar a.item {
  color: var(--body-fg) !important;
}

html[data-theme="dark"] a {
  color: var(--link-fg) !important;
}

html[data-theme="dark"] a:hover {
  color: var(--link-hover-color) !important;
}

html[data-theme="dark"] #header a:link,
html[data-theme="dark"] #header a:visited {
  color: var(--header-link-color) !important;
}

/* Fix panels and menus */
html[data-theme="dark"] .ui.segment,
html[data-theme="dark"] .ui.menu,
html[data-theme="dark"] .ui.card {
  background-color: var(--darkened-bg) !important;
  color: var(--body-fg) !important;
}

html[data-theme="dark"] .ui.menu .item {
  color: var(--body-fg) !important;
}

html[data-theme="dark"] .ui.menu .item:hover {
  background-color: var(--selected-bg) !important;
}

/* Fix semantic.min.css table overrides in dark mode */
html[data-theme="dark"] .ui.table {
  background: var(--body-bg) !important;
  color: var(--body-fg) !important;
  border-color: var(--border-color) !important;
}

html[data-theme="dark"] .ui.table thead th {
  background: var(--darkened-bg) !important;
  color: var(--body-fg) !important;
  border-color: var(--border-color) !important;
}

html[data-theme="dark"] .ui.table tbody tr {
  background: var(--body-bg) !important;
  color: var(--body-fg) !important;
}

html[data-theme="dark"] .ui.table tbody tr:nth-child(odd) {
  background: var(--darkened-bg) !important;
}

html[data-theme="dark"] .ui.table tbody tr:hover {
  background: var(--selected-bg) !important;
}