html, body {
  height: 100%;
  font-family: var(--mud-typography-body1-family);
  font-weight: var(--mud-typography-body1-weight);
  line-height: var(--mud-typography-body1-lineheight);
  letter-spacing: var(--mud-typography-body1-letterspacing);
  text-transform: var(--mud-typography-body1-text-transform);
}

h1 {
  font-size: var(--mud-typography-h1-size);
  font-family: var(--mud-typography-h1-family);
  font-weight: var(--mud-typography-h1-weight);
  line-height: var(--mud-typography-h1-lineheight);
  letter-spacing: var(--mud-typography-h1-letterspacing);
  text-transform: var(--mud-typography-h1-text-transform);
}

h2 {
  font-size: var(--mud-typography-h2-size);
  font-family: var(--mud-typography-h2-family);
  font-weight: var(--mud-typography-h2-weight);
  line-height: var(--mud-typography-h2-lineheight);
  letter-spacing: var(--mud-typography-h2-letterspacing);
  text-transform: var(--mud-typography-h2-text-transform);
}

h3 {
  font-size: var(--mud-typography-h3-size);
  font-family: var(--mud-typography-h3-family);
  font-weight: var(--mud-typography-h3-weight);
  line-height: var(--mud-typography-h3-lineheight);
  letter-spacing: var(--mud-typography-h3-letterspacing);
  text-transform: var(--mud-typography-h3-text-transform);
}

h4 {
  font-size: var(--mud-typography-h4-size);
  font-family: var(--mud-typography-h4-family);
  font-weight: var(--mud-typography-h4-weight);
  line-height: var(--mud-typography-h4-lineheight);
  letter-spacing: var(--mud-typography-h4-letterspacing);
  text-transform: var(--mud-typography-h4-text-transform);
}

h5 {
  font-size: var(--mud-typography-h5-size);
  font-family: var(--mud-typography-h5-family);
  font-weight: var(--mud-typography-h5-weight);
  line-height: var(--mud-typography-h5-lineheight);
  letter-spacing: var(--mud-typography-h5-letterspacing);
  text-transform: var(--mud-typography-h5-text-transform);
}

h6 {
  font-size: var(--mud-typography-h6-size);
  font-family: var(--mud-typography-h6-family);
  font-weight: var(--mud-typography-h6-weight);
  line-height: var(--mud-typography-h6-lineheight);
  letter-spacing: var(--mud-typography-h6-letterspacing);
  text-transform: var(--mud-typography-h6-text-transform);
}

.h-100 {
  height: 100%;
}

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.td-truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 1px;
  width: 100%;
}

.word-break-smart {
  word-break: normal;
  overflow-wrap: anywhere;
}

.html-text {
  overflow-x: auto;
}
.html-text ol {
  padding-left: 1.5em;
}
.html-text li[data-list=bullet] {
  list-style: disc;
}
.html-text .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 3px;
  font-family: monospace;
  font-size: 13px;
  overflow-y: auto;
  padding: 12px 15px;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.html-text h1 {
  font-size: var(--mud-typography-h4-size);
  font-family: var(--mud-typography-h4-family);
  font-weight: var(--mud-typography-h4-weight);
  line-height: var(--mud-typography-h4-lineheight);
  letter-spacing: var(--mud-typography-h4-letterspacing);
  text-transform: var(--mud-typography-h4-text-transform);
}
.html-text h2 {
  font-size: var(--mud-typography-h5-size);
  font-family: var(--mud-typography-h5-family);
  font-weight: var(--mud-typography-h5-weight);
  line-height: var(--mud-typography-h5-lineheight);
  letter-spacing: var(--mud-typography-h5-letterspacing);
  text-transform: var(--mud-typography-h5-text-transform);
}
.html-text h3 {
  font-size: var(--mud-typography-h6-size);
  font-family: var(--mud-typography-h6-family);
  font-weight: var(--mud-typography-h6-weight);
  line-height: var(--mud-typography-h6-lineheight);
  letter-spacing: var(--mud-typography-h6-letterspacing);
  text-transform: var(--mud-typography-h6-text-transform);
}

/* Bug fix BlazoredTextEditor (link popup) */
.ql-snow .ql-tooltip {
  z-index: 1150;
}

/* Bug fix MudTreeView */
.mud-collapse-wrapper-inner {
  overflow-y: hidden;
}