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) !important;
}
.text-secondary {
  color: var(--mud-palette-secondary) !important;
}
.text-tertiary {
  color: var(--mud-palette-tertiary) !important;
}
.text-info {
  color: var(--mud-palette-info) !important;
}
.text-success {
  color: var(--mud-palette-success) !important;
}
.text-warning {
  color: var(--mud-palette-warning) !important;
}
.text-error {
  color: var(--mud-palette-error) !important;
}
.text-dark {
  color: var(--mud-palette-dark) !important;
}
.text-black {
  color: var(--mud-palette-black) !important;
}
.text-white {
  color: var(--mud-palette-white) !important;
}
.text-body {
  color: var(--mud-palette-text-primary) !important;
}
.text-grey {
  color: grey !important;
}
.text-underline {
  text-decoration: underline !important;
}

.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);
}

.mud-carousel-swipe.mud-swipearea {
  touch-action: pan-y;
}

.mud-link {
  word-wrap: break-word;
}

.markdown-block h1, .markdown-block h2, .markdown-block h3,
.markdown-block h4, .markdown-block h5, .markdown-block h6 {
  scroll-margin-top: 5rem;
  margin-top: 0.25em;
  word-wrap: break-word;
  margin-bottom: 0.3em;
}
.markdown-block h1, .markdown-block h2 {
  border-bottom: 1px solid var(--mud-palette-text-disabled);
  padding-bottom: 0.125em;
}
.markdown-block h2 {
  font-size: 2rem;
}
.markdown-block h3, .markdown-block h4 {
  font-size: 1.5rem;
}
.markdown-block p.mud-typography-body1 {
  margin-bottom: 1.25em;
}
.markdown-block ol, .markdown-block ul {
  padding-left: 2em;
  margin-bottom: 1.25em;
}
.markdown-block ul {
  list-style-type: disc;
}
.markdown-block li {
  display: list-item;
}
.markdown-block li p.mud-typography-body1 {
  margin-bottom: 0;
}

.list-large > .mud-list-item > .mud-list-item-icon > svg {
  font-size: 2.5rem;
}
.list-large > .mud-list-item > .mud-list-item-text > p {
  font-size: 1.5rem;
}

#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;
}

.tippy-box {
  font-size: 1.3rem;
  background: #fff;
  color: black;
  border: 2px solid #eee;
  border-radius: 20px;
}
.tippy-arrow {
  color: #fff;
}