/*講習会 参加者 レコード*/

.training_participant .col_1 {
  flex: 2;
}

.training_participant .col_2 {
  flex: 2;
}

.training_participant .col_3 {
  flex: 1;
}

.training_participant .col_4 {
  flex: 1.5;
}

/* 安全管理士 未認定 */
.training_participant .not_certified .stat::before {
  content: "未認定";
  background-color: var(--not_certified);
  color: var(--gray5);
}

/* 安全管理士 認定 */
.training_participant .certified .stat::before {
  content: "安全管理士";
  background-color: var(--blue1);
  color: #fff;
}

/* 安全管理士 認定不可 */
.training_participant .rejected li.stat::before {
  content: "認定不可";
  background-color: var(--red);
  color: #fff;
}

/* 背景色の設定 */
/* 安全管理士 認定 */
.training_participant .certified {
  background-color: var(--certified) !important;
}

/* 安全管理士 不可 */
.training_participant .rejected {
  background-color: var(--rejected) !important;
}

/* 講習会 欠席 */
.training_participant .cancelled {
  background-color: var(--attend_cancelled);
}

/* メッセージ*/

/* 基本 */
.training_participant .col_3::before {
  font-size: 0.8rem;
  color: var(--black);
}

/* 出席 */
.training_participant .attended .col_3::before {
  content: "";
}

/* 講習会 欠席 */
.training_participant .cancelled .col_3::before {
  content: "欠席";
}

/* レコード上に安全管理士チェックボックスを表示・非表示 */

body.training_completed .col_4 {
  display: inline-block;
}

body:not(.training_completed) .col_4,
.training_participant .rejected .col_4,
.training_participant .cancelled .col_4 {
  visibility: hidden;
}