/* Compatibility layer for the original calculator layouts. */
.legacy-content .fz-container,
.legacy-content .LB-container {
  clear: both;
  display: flow-root;
  width: 542px;
  max-width: 100%;
  margin: 24px auto 32px;
  box-sizing: content-box;
}

.legacy-content .fz-container *,
.legacy-content .LB-container * {
  box-sizing: content-box;
}

.legacy-content .fresnel-zone,
.legacy-content .link-budget-form {
  display: flow-root;
  width: 100%;
}

.legacy-content .fz-container + br,
.legacy-content .LB-container + br {
  display: none;
}

.legacy-content .fz-container input,
.legacy-content .LB-container input,
.legacy-content .fz-container select,
.legacy-content .LB-container select {
  min-height: 0;
}

.legacy-content .fz-container h2,
.legacy-content .fz-container h3,
.legacy-content .LB-container h2,
.legacy-content .LB-container h3 {
  line-height: normal;
}

/* The archived markup uses a slightly different class name than its old CSS. */
.legacy-content .LB-container h2.lb_form-title {
  float: none;
  margin: 5px 3px 25px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}

/* Restore the neutral controls from the original RF calculator. */
.legacy-content .LB-container #setTxCable,
.legacy-content .LB-container #setRxCable {
  box-sizing: border-box;
  min-height: 34px;
  padding: 5px 8px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  background: #eee;
  box-shadow: none;
  color: #333;
  font: 13px/14px Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-shadow: none;
  vertical-align: top;
}

.legacy-content .LB-container #setTxCable:hover,
.legacy-content .LB-container #setRxCable:hover {
  border-color: #aaa;
  background: #e5e5e5;
}

.legacy-content .LB-container #CableType select {
  box-sizing: border-box;
  height: 28px;
}

/* Keep the paired input/output sections on the same horizontal lines. */
.legacy-content .fz-padtop-antenna-heights {
  padding-top: 190px;
}

.legacy-content .fz-padtop-in-pointP {
  padding-top: 90px;
}

@media (max-width: 680px) {
  .legacy-content .fz-container,
  .legacy-content .LB-container {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }

  .legacy-content .fz-container *,
  .legacy-content .LB-container * {
    box-sizing: border-box;
  }

  .legacy-content .fz-left,
  .legacy-content .fz-right1,
  .legacy-content .fz-right2,
  .legacy-content .link-budget-left,
  .legacy-content .link-budget-right1,
  .legacy-content .link-budget-right2 {
    float: none;
    width: 100%;
    margin: 24px 0 0;
  }

  .legacy-content .fz-padtop,
  .legacy-content .fz-padtop-in-pointP,
  .legacy-content .fz-padtop-out-pointP,
  .legacy-content .fz-padtop-equal-antenna-height,
  .legacy-content .fz-padtop-antenna-heights,
  .legacy-content .fz-padtop-min-clearance {
    padding-top: 16px;
  }
}