/*水上エア遊具施設一覧 レコード*/

/*---　rows内の設定　---*/
/*---　adminの場合　---*/
.admin .application .col_1 {
  flex: 1;
}
.admin .application .col_2 {
  flex: 2;
}
.admin .application .col_3 {
  flex: 2;
}
.admin .application .col_4 {
  flex: 2;
}

/*---　operatorの場合　---*/
.operator .application .col_1 {
  flex: 1;
}
.operator .application .col_2 {
  flex: 3;
}
.operator .application .col_4 {
  flex: 2;
}

/* statusアイコン */
/* operator専用メッセージ */

/* 下書き */
.application .draft .stat::before {
  content: "下書き";
  background-color: var(--gray4);
  color: #fff;
}

/* 送信済 */
.application .submitted .stat::before {
  content: "送信済";
  background-color: var(--blue2);
  color: #fff;
}

/* 差戻し */
.application .remand .stat::before {
  content: "差し戻し";
  background-color: var(--red);
  color: #fff;
}

/* 再提出 */
.application .resubmitted .stat::before {
  content: "再提出";
  background-color: var(--blue2);
  color: #fff;
}

/*審査完了（入金待ち）*/
.application .unpaid .stat::before {
  content: "未入金";
  background-color: var(--orange);
  color: #fff;
}

/*受理*/
.application .accepted .stat::before {
  content: "受理";
  background-color: var(--blue1);
  color: #fff;
}

/*失効*/
.application .invalid .stat::before {
  content: "失効";
  background-color: var(--gray4);
  color: #fff;
}

/* 背景色の設定 */

/*差し戻し*/
.application .remand {
  background-color: var(--remand);
}

/*再提出済み*/
.application .resubmitted {
  background-color: var(--resubmitted);
}

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

/*失効*/
.application .invalid {
  background-color: var(--gray2);
}

/* statusメッセージ */

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

/* 下書き */
.application .draft .col_4::before {
  content: "下書きで保存中";
}

/* 送信済 */
.application .submitted .col_4::before {
  content: "届出が送信されました";
}

/* 差し戻し */
.application .remand .col_4::before {
  content: "差し戻し項目があります";
}

/*再提出済み*/
.application .resubmitted .col_4::before {
  content: "再提出されました";
}

/* 未入金 */
.application .unpaid .col_4::before {
  content: "内容確認済 ご入金ください";
}

/* 受理 */
.application .accepted .col_4::before {
  content: "この届出は受理されました";
}

/* 失効 */
.application .invalid .col_4::before {
  content: "失効しました";
}

/* editページ */

/* 背景色の設定 */

/* 協会の確認待ち */
.application_edit .pending {
  background-color: var(--pending);
}

/*修正してください*/
.application_edit .returned {
  background-color: var(--returned);
}

.application_edit .approved {
  background-color: transparent;
}

/* メッセージ */

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

/* 再提出 */
.admin .application_edit .returned .status::before {
  content: "差し戻しました";
}

.operator .application_edit .returned .status::before {
  content: "修正が必要です";
}

.admin .application_edit .returned .status::before {
  content: "修正をリクエストしました";
}

.admin .application_edit .pending .status::before {
  content: "事業者から再提出されました";
}

.operator .application_edit .pending .status::before {
  content: "再提出しました";
}

@media only screen and (max-width: 768px) {
  .application span {
    display: flex;
    align-items: center;
    text-align: left;
    width: 100%;
  }
}