/*hack*/
#blazor-error-ui {
    display: none !important;
}

.text-nowrap {
  white-space: nowrap;
}

.primary-color {
  color: #1a3360;
}

.width100rem {
    width: 100rem;
}

.app-loader {
  position: absolute;
  top: 50vh;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-loading {
  margin-bottom: 10px;
}

.import-form .mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text,
.import-form .mud-input-control {
  margin: 0;
}

.custom-dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 8px;
  z-index: 1;
  left: -8px;
}

.children-text-transform-none button {
    text-transform: none;
}

.custom-dropdown:hover .dropdown-content,
.custom-dropdown button:focus + .dropdown-content {
  display: flex;
  flex-direction: column;
}
.small-input {
  max-height: 30px !important;
}

.mail_underline a {
    text-decoration: underline;
}

.metadata-overflow {
    overflow-y: auto;
    max-height: calc(100vh - 500px);
}

/*.information-banner {
    position: sticky;
    top: 0;
    text-align: center;
    background-color: rgba(var(--graylightRGB), .3);
    color: var(--black);
    font-weight: 500;
    font-size: 16px;
    z-index: 99;
}*/

.information-banner {
    text-align: center;
    font-size: 16px;
    color: darkgray;
    font-weight: bold;
}

#version {
    position: fixed;
    height: 24px;
    bottom: 0;
    width: inherit;
    max-width: inherit;
    padding: 0px 2px;
}

.selectedImage {
    border-top: 4px solid rgb(0, 200, 0) !important;
}

.viewer-container {
    z-index: 100 !important;
    pointer-events: auto;
}

.mud-dialog-root .viewer-container {
    pointer-events: none !important;
}