#filter {
  margin-top: calc(var(--base-spacing-height));
}

.filter-category-checkbox {
  display: none;
}

.filter-category-label {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 0.2em 0;
  border-radius: var(--base-border-radius);
  border: solid 1px var(--base-color-black);
}

.filter-category-label:hover {
  cursor: pointer;
}

.filter-category-checkbox:checked + .filter-category-label {
  background: var(--base-color-black);
  color: var(--base-color-white);
}

.materials {
  width: auto;
  margin-top:  calc(var(--base-spacing-height));
  margin-left:  calc(var(--base-spacing-width)*2/3);
  margin-right:  calc(var(--base-spacing-width)*2/3);
  list-style-type: none;
}

.material {
  margin-top:  calc(var(--base-spacing-height)*1/3);
  display: flex;
}

.material-term {
  display: inline-block;
  width: 4em;
}

.materials-table-cell.title {
  text-indent: -3.2em;
  padding-left: 3.2em;
}

.material-file_icon {
  display: inline-block;
  height: 1.2em;
  width: 2.7em;
  vertical-align: -0.1em;
  margin-right: .5em;
  background-size: auto 1.2em;
  background-repeat: no-repeat;
}

.material-file_icon.pdf {
  background-image: url('/sqip/common/images/file_icon_pdf.svg');
}

.material-file_icon.xlsx {
  background-image: url('/sqip/common/images/file_icon_xlsx.svg');
}