:root {
  /* general */
  --border-width: 1px;
  --line-height: 1.5rem;

  /* z-index */
  --max-z-index: 2000;

  /* color */
  --gray-dark: #9e9e9e;
  --gray-light: #d3d3d3;
  --gray-lighter: #f5f5f5;
  --off-white: #fafafa;
  --blue: #2196f3;
  --blue-dark: #44546a;
}

.truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

.wrap {
  white-space: initial;
  word-break: break-word;
}

.wrap.enableNewLine {
  white-space: pre-wrap;
}

.hidden {
  visibility: hidden;
}

.noOverflow {
  overflow: hidden !important;
}

.clickable {
  cursor: pointer;
}

#printSection {
  visibility: hidden;
}

@media print {
  body *:not(#printSection, #printSection *) {
    display: none;
  }

  #printSection {
    visibility: visible;
    width: 100%;
    height: 100%;
  }

  .avoidPageBreak {
    break-inside: avoid-page;
  }
}