/*講習会 キャンセル選択 レコード*/

/*---　rows内の設定　---*/
.cancel_select .col_1 {
  flex: 3;
}

.cancel_select .col_2 {
  flex: 2;
}

.cancel_select .col_3 {
  flex: 1;
}

/* statusアイコン */

/* 出席 */
.cancel_select .attended .stat::before {
  content: "申込中";
  background-color: var(--blue1);
  color: #fff;
}

/* キャンセル */
.cancel_select .cancelled .stat::before {
  content: "キャンセル";
  background-color: var(--red);
  color: #fff;
}

/* 背景色の設定 */

/* 未入金 */
.cancel_select .cancelled {
  background-color: var(--cancelled);
}

/* メッセージ */
/* 基本 */
.cancel_select .col_3::before {
  font-size: 0.8rem;
  color: var(--black);
}

/* 申し込み */
.cancel_select .attended .col_2::before {
  content: "申し込み中";
}

/* キャンセル */
.cancel_select .cancelled .col_2::before {
  content: "キャンセル";
}