/**
 * All of the CSS for the public-facing CSS source
 * for the MODEC motor tapping tool's specs.
 */

:root {
  --color-motor: var(--color-primary);
}

table#motor-flow-controller-specs {
  width: 100%;
  text-align: center;
  font-size: .9em;
  border-spacing: 0;
  white-space: nowrap;
}

table#motor-flow-controller-specs,
table#motor-flow-controller-specs th,
table#motor-flow-controller-specs td {
  border-collapse: collapse;
  border: 1px solid #ccc;
}

table#motor-flow-controller-specs tr {
  /* display: flex; */
}
table#motor-flow-controller-specs th {
  margin: 0;
  padding: 0 8px;
  font-weight: 600;
  vertical-align: center;
  color: #374047;
  background-color: #eee;
  width: 0;
  min-width: fit-content;
}

table#motor-flow-controller-specs thead th:first-child {
  color: var(--color-on-primary);
  background-color: var(--color-primary);
}
table#motor-flow-controller-specs td {
  /* flex-grow: 1; */
  width: auto;
}

table#motor-flow-controller-specs tbody th {
  background-color: #eee;
  color: #333;
}

table#motor-flow-controller-specs span.flow-controller-power-range-chip {
  padding: 0px 4px;
  border-radius: 1px;
  color: var(--color-on-primary);
  font-family: "AvantGarde Regular";
  font-weight: 800;
  font-size: 14px;
}

table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-05 {
  background-color: var(--color-power-range-05);
}
table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-07 {
  background-color: var(--color-power-range-07);
}
table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-08 {
  background-color: var(--color-power-range-08);
}
table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-10 {
  background-color: var(--color-power-range-10);
}
table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-20 {
  background-color: var(--color-power-range-20);
}
table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-25 {
  background-color: var(--color-power-range-25);
}
table#motor-flow-controller-specs
  span.flow-controller-power-range-chip.power-range-30 {
  background-color: var(--color-power-range-30);
}

.motor-flow-controller-specs-title {
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: 20px;
}