html, body, #app, .mud-main-content {
  height: 100%;
}

h1:focus {
  outline: none;
}

.background-primary {
  background-color: var(--mud-palette-primary);
  color: var(--mud-palette-primary-text);
}
.background-primary .mud-list-item-icon {
  color: var(--mud-palette-primary-text);
}
.background-secondary {
  background-color: var(--mud-palette-secondary);
  color: var(--mud-palette-secondary-text);
}
.background-secondary .mud-list-item-icon {
  color: var(--mud-palette-secondary-text);
}
.background-tertiary {
  background-color: var(--mud-palette-tertiary);
  color: var(--mud-palette-tertiary-text);
}
.background-tertiary .mud-list-item-icon {
  color: var(--mud-palette-tertiary-text);
}
.background-info {
  background-color: var(--mud-palette-info);
  color: var(--mud-palette-info-text);
}
.background-info .mud-list-item-icon {
  color: var(--mud-palette-info-text);
}
.background-success {
  background-color: var(--mud-palette-success);
  color: var(--mud-palette-success-text);
}
.background-success .mud-list-item-icon {
  color: var(--mud-palette-success-text);
}
.background-warning {
  background-color: var(--mud-palette-warning);
  color: var(--mud-palette-warning-text);
}
.background-warning .mud-list-item-icon {
  color: var(--mud-palette-warning-text);
}
.background-error {
  background-color: var(--mud-palette-error);
  color: var(--mud-palette-error-text);
}
.background-error .mud-list-item-icon {
  color: var(--mud-palette-error-text);
}
.background-dark {
  background-color: var(--mud-palette-dark);
  color: var(--mud-palette-dark-text);
}
.background-dark .mud-list-item-icon {
  color: var(--mud-palette-dark-text);
}
.background-black {
  background-color: var(--mud-palette-black);
  color: var(--mud-palette-black-text);
}
.background-black .mud-list-item-icon {
  color: var(--mud-palette-black-text);
}
.background-white {
  background-color: var(--mud-palette-white);
  color: var(--mud-palette-white-text);
}
.background-white .mud-list-item-icon {
  color: var(--mud-palette-white-text);
}
.background-gray, .background-grey {
  background-color: var(--mud-palette-action-default-hover);
  color: var(--mud-palette-text-primary);
}
.background-gray .mud-list-item-icon, .background-grey .mud-list-item-icon {
  color: var(--mud-palette-text-primary);
}

.full-height {
  height: 100% !important;
}
.full-width {
  width: 100% !important;
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-bold {
  font-weight: bold;
}
.text-bold-500 {
  font-weight: 500;
}
.text-primary {
  color: var(--mud-palette-primary);
}
.text-secondary {
  color: var(--mud-palette-secondary);
}
.text-tertiary {
  color: var(--mud-palette-tertiary);
}
.text-info {
  color: var(--mud-palette-info);
}
.text-success {
  color: var(--mud-palette-success);
}
.text-warning {
  color: var(--mud-palette-warning);
}
.text-error {
  color: var(--mud-palette-error);
}
.text-dark {
  color: var(--mud-palette-dark);
}
.text-black {
  color: var(--mud-palette-black);
}
.text-white {
  color: var(--mud-palette-white);
}

.section-wrapper {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.mud-alert.alert-icon-center .mud-alert-icon {
  align-items: center;
}

.mud-typography-gutterbottom {
  margin-bottom: 1.5rem;
}

.mud-expand-panel > .mud-expand-panel-header {
  font-weight: 900;
  font-size: 1.3rem;
  color: var(--mud-palette-secondary);
}
.mud-expand-panel.mud-panel-expanded > .mud-expand-panel-header {
  color: var(--mud-palette-tertiary);
}

#blazor-error-ui > .dismiss {
  position: initial;
  right: initial;
  top: initial;
}

.loading-app {
  position: absolute;
  top: 30vh;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-app-logo {
  position: absolute;
  width: 5rem;
}
.loading-app-spin {
  width: 10rem;
  fill: #f4941c;
}