.complimentary_items {
  .pure-table {
    width: 100%;
  }

  .btn-toolbar {
    display: inline;
  }

  .sort-group {
    padding: 7px 11px;
  }
}

.complimentary-item-record-date {
  padding: 1em;
}

.complimentary-item-discard-form {
  padding-top: 16px;
  text-align: right;
}

.jsf-lendable-button {
  color: white;
  background-color: #010eff;
  white-space: nowrap;
  padding: 1px 2px;
  font-size: 10px;
  border-radius: 3px;
}

/* 優待本文。これまで .main-description にスタイルが無く、行間も字送りも既定のままだった */
.main-description {
  font-size: 13px;
  line-height: 1.7;
  margin-top: 8px;
  word-break: break-word;
}

/*
 * 野村/PDF 由来の本文は等幅フォント前提の固定幅レイアウトで、桁揃えと行頭下げを
 * 全角スペースで表現している (例: 「  100～ 499株 優待券 100円× 30枚」)。
 * プロポーショナルフォントだと株数・枚数・金額の桁が揃わず読めないので等幅で出す。
 * 横幅を超える行は折り返さずスクロールさせる (折り返すと桁揃えが崩れるため)。
 */
.main-description.fixed-width {
  font-family: "SFMono-Regular", Menlo, Consolas, "Courier New", "Osaka-Mono", monospace;
  font-size: 12px;
  line-height: 1.6;
  overflow-x: auto;
  word-break: normal;
}

table.complimentary-item {
  tr.limited {
    background-color: #fff2e7;
  }

  tr.unavailable {
    background-color: #f5f5f5;
  }

  tr.plenty {
    background-color: #f1ffe7;
  }

  tr.stopped {
    background-color: #999;
  }
}