@charset "utf-8";

/*
 * レイアウト
 */
html {
  font-size: 14px;
  overflow-y: scroll;
}


/*
 * 詳細ボタン
 */
th.col_detail_btn,
td.col_detail_btn {
  width:5rem;
}

/*
 *必須項目
 */
.fw_required_col:after {
  content: "必須";
  color: #ffffff;
  font-size:0.7rem;
  background-color:#dc143c;
  padding:0.4em 0.5em 0.2em;
  margin-left:0.5em;
  word-break: keep-all;
}

/*
 *任意項目
 */
.fw_optional_col:after {
  content: "任意";
  color: #ffffff;
  font-size:0.7rem;
  background-color:#3b82f6;
  padding:0.4em 0.5em 0.2em;
  margin-left:0.5em;
  word-break: keep-all;
}

/*
 * 読み取り専用テキストボックスのフォーカス時の枠線を付加しないよう設定
 */
.form-control-plaintext:focus {
  outline: none;
}

/*
 * ハイフン
 */
.fw_add_hyphen_after:after {
  content: '-';
  font-size: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  display: block;
}


.content-wrapper{
  background-color: #54c3f1;
}

.btn-style1{
    background-color: #005BAC;
    border-color: #005BAC;
}

.alert-info {
    color: red;
    background-color: #ffffff;
    border-color: #ffffff;
}