html,
body {
  height: 100dvh;
}

#main {
  min-height: 100%;
}

.has-border {
  border-color: rgb(41, 35, 31) !important;
  border-style: solid !important;
  border: 1px;
}

.has-border-light {
  border-color: hsl(24, 14%, calc(24% + 20%)) !important;
  border-style: solid !important;
  border: 1px;
}

.has-border.is-rounded {
  border-color: rgb(60, 51, 45) !important;
  border-radius: 0 0 0.25em 0.25em;
  border-top: none !important;
}

.is-sticky-scrollable {
  position: sticky;
  display: block;
  max-height: 100vh;
  overflow-y: auto;
  top: 0;
  bottom: 0;
}

#org-selector {
  display: block;
  white-space: nowrap;
  overflow-x: none;
  overflow-y: none;
  text-overflow: ellipsis;
}

.is-sticky-scrollable li a,
#user-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#user-name {
  max-width: 10rem;
}

#org-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#org-dropdown {
  max-width: 100%;
  min-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}