/*講習会 training レコード*/

/*---　rows内の設定　---*/
/*---　adminの場合　---*/
.admin .training .col_1 {
  flex: 1.2;
}

.admin .training .col_2 {
  flex: 2.5;
}

.admin .training .col_3 {
  flex: 2;
}

.admin .training .col_4 {
  flex: 1;
}

.admin .training .col_5 {
  flex: 1;
}

/*---　operatorの場合　---*/
.operator .training .col_1 {
  flex: 1.2;
}

.operator .training .col_2 {
  flex: 3;
}

.operator .training .col_3 {
  flex: 2;
}

.operator .training .col_6 {
  flex: 1.3;
}

.operator .training .col_7 {
  flex: 3;
}

/* statusアイコン */

/* 下書き */
.training .draft .stat::before {
  content: "下書き";
  border: 1px solid var(--gray4);
  color: #fff;
}

/* 予定 */
.training .scheduled .stat::before {
  content: "予定";
  background-color: var(--blue2);
  color: #fff;
}

/* 受付中 */
.training .accepting .stat::before {
  content: "受付中";
  background-color: var(--blue1);
  color: #fff;
}

/* 受付終了 */
.training .closed .stat::before {
  content: "受付終了";
  background-color: var(--gray3);
  color: var(--gray5);
}

/* 終了 */
.training .completed .stat::before {
  content: "終了";
  background-color: var(--gray4);
  color: #fff;
}

/* 背景色の設定 */

/* 未入金 */
.operator .training .unpaid {
  background-color: var(--unpaid);
}

/* 申込受理*/
.operator .training .accepted {
  background-color: var(--accepted);
}

/* キャンセル*/
.operator .training .cancelled {
  background-color: var(--cancelled);
}

/* 受講済み・終了*/
.training .completed {
  background-color: var(--gray2);
}

/* メッセージ*/

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

/* 予定 */
.training .scheduled .col_7::before {
  content: "受付はまだです";
  color: var(--black);
}

/* 受付中*/
.training .accepting .col_7::before {
  content: "受付を開始しました";
}

/* 受付終了*/
.training .closed .col_7::before {
  content: "受付は終了しました";
}

/* 終了*/
.training .completed .col_7::before {
  content: "未受講";
}

/* 未入金*/
.training .unpaid .col_7::before {
  content: "ご入金ください";
}

/* 申込受理*/
.training .accepted .col_7::before {
  content: "申込を受理しました";
}

/* 受講済み*/
.training .completed.attended .col_7::before {
  content: "受講しました";
}

/* 申込キャンセル*/
.training .cancelled .col_7::before {
  content: "申込をキャンセルしました";
}