/* mint2 ユーザー画面のカスタムスタイル (旧 users.scss から .css 化)
   フレームワークは bootstrap.min.css、日付は flatpickr.min.css をレイアウトで読み込む */

.error-text {
  color: #C44D4D;
  font-weight: bold;
}

.error-msg {
  color: #C44D4D;
  margin: 1em 0 1em 0;
}

.caseInputData__btn button.btn-disabled {
  min-width: 120px;
  opacity: .5;
}

.caseInputData__btn button.btn-registration {
  min-width: 120px;
}

.caseFooter__btn button.btn-registration {
  min-width: 120px;
}

.caseFooter__btn button.btn-disabled {
  min-width: 120px;
  opacity: .5;
}

/* 有害事象の新規追加ボタンに btn-add を追加して対応 */
.caseDataList__title .btn-add {
  margin: 0 0 0 25px;
}

/* ヘッダー固定時の背景色と同じにする */
header.header__nav {
  background: #efefef;
}

/* 一覧だけの画面用のヘッダー固定時の設定 */
.container__main.content-main.list-main {
  padding: 170px 60px 0;
}
/* 一覧だけだがタイトルありの画面用のヘッダー固定時の設定 */
.container__main.content-main.list-title {
  padding: 200px 60px 0;
}
/* リリース後、お知らせが見切れる事象が発生した件で急遽対応時に書いたもの */
.container__main.content-main.list-announce {
  padding: 210px 60px 0;
}
@media (max-width: 1279px) {
  .container__main.content-main.list-main {
    padding: 0px 15px 0;
  }
  .container__main.content-main.list-title {
    padding: 0px 15px 0;
  }
  /* リリース後、お知らせが見切れる事象が発生した件で急遽対応時に書いたもの */
  .container__main.content-main.list-announce {
    padding: 0px 15px 0;
  }
}

/* 横並びから除外パターンの説明文箇所のリンクを .caseDataList__item_text にあわせる */
.caseDataList__item.caseDataList__item_text a {
  color: #469CCE;
}

.caseDataList__item.caseDataList__item_text_black {
  padding: 0 25px;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}

/* 注意書きの数値部分の色を変更 */
.registration_no_in_mint_1_label {
  color: #E78D1A;
}
/* 注意書きの数値部分の色を変更 */
.registration_no_in_mint_2_label {
  color: #3599D5;
}

/* ログイン画面の注意書き */
.login__supported_browser {
  padding: 0 0 0 30px;
}
.login__supported_browser p {
  line-height: 2;
  padding-top: 10px;
}

/* flash メッセージで追加 */
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 0 0 20px;
}

.alert-danger {
  color: #571515;
  background-color: #edd4d4;
  border-color: #e6c3c3;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 0 0 20px;
}

/* ログイン画面のロゴ */
.centerBox__login__logo {
  margin: 0 0 20px;
  overflow: hidden;
}
.login__logo {
  padding: 0 25%;
}
.login__logo img {
  height: auto;
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 1279px) {
  .login__logo {
    padding: 0 40%;
  }
}

/* button_to をリンク風に見せる (枠・背景なし)。
   Bootstrap 非読込の抗体価セクションで、旧 link_to の削除リンク見た目を維持するため。
   色・太字は .f-red 等に委ねる */
.btn-as-link {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
}

/* Rails8/Bootstrap5 化に伴う見た目の差異を旧環境(BS4)に合わせる調整。
   症例新規登録などのフォームで「行間が狭い・青い注記文が明るい」と指摘されたため。 */

/* 行間: BS5 は素の <label> の reboot から margin-bottom:0.5rem を撤去したため、
   治療法・組織型などのチェックボックス一覧 (label_tag + <br>) が旧より詰まって見える。
   BS4 の label reboot を復元して旧表示に合わせる。
   ※ antibody セクション (body.case) は bootstrap 非読込で base.css 独自スタイルのため除外。 */
body:not(.case) label {
  margin-bottom: 0.5rem;
}

/* 青い注記文: BS5 の .text-info は #0dcaf0 (明るいシアン)。旧 BS4 の #17a2b8 に戻す。 */
body:not(.case) .text-info {
  color: #17a2b8 !important;
}