.property-filter-div {
  margin-bottom: 1em;
}

.property-filter-table {
  border: 0px;
  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
  margin: 15px 0;
}

.colorscale-table {
  border: 0px;
  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
}

.prop-filter-dropdown-section,
.colorscale-dropdown-section {
  grid-column-start: 1;
  grid-column-end: span 2;
}

.prop-filter-min-value,
.colorscale-min-value {
  grid-row-start: 2;
  grid-column-start: 1;
  height: 28px;
  margin-top: 2.5px;
}

.prop-filter-max-value,
.colorscale-max-value {
  grid-row-start: 2;
  grid-column-start: 2;
  height: 28px;
  margin-top: 2.5px;
}

.prop-filter-min-value input,
.prop-filter-max-value input,
.colorscale-min-value input,
.colorscale-max-value input {
  height: 28px;
  width: 100%;
}

.colorscale-information {
  background-color: lightgray;
  width: 95.5%;
  padding: 0.2vmax;
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid gray;
}

.colorscale-information #selected-colorscale-value,
.colorscale-information #selected-colorscale-min,
.colorscale-information
  #selected-colorscale-max
  .colorscale-information
  #selected-colorscale-value-polymer,
.colorscale-information #selected-colorscale-min-polymer,
.colorscale-information #selected-colorscale-max-polymer,
.colorscale-information #selected-colorscale-value-superelastic,
.colorscale-information #selected-colorscale-min-superelastic,
.colorscale-information #selected-colorscale-max-superelastic {
  font-size: 1.05em;
  margin: 0.2vmax;
}