:root {
  --standard-txt-color:#444444;

  /*
  ------------------------------------------------
  ボタン
  ------------------------------------------------
  */
  /** 標準ボタン **/
  --standard-btn-bg-color: #69c7af;
  --standard-btn-hover-bg-color: #95D7C6;

  /* カスタムボタン */
  --custom-btn-color:#4EBDA0;
  --custom-btn-bg-color:#fff;
  --custom-btn-hover-bg-color:#CBEBE3;

  /** キャンセルボタン **/
  --cancel-btn-color: #444444;
  --cancel-btn-bg-color: #ffffff;
  --cancel-btn-hover-color: #4EBDA0;


  /* 透明ボタン キャンセルボタンに置き換えするので廃止します。 */
  --transparent-btn-color: #444444;
  --transparent-btn-bg-color: #ffffff;
  --transparent-btn-hover-color: #69c7af;
  /* サブボタン（編集ボタンなどに利用） カスタムボタンに置き換えするので廃止します。*/
  --sub-btn-color: #2dc59e;
  --sub-btn-bg-color: #ffffff;


  /* タブボタン */
  --tab-btn-color: #444444;
  --tab-btn-bg-color: #ffffff;
  --tab-btn-hover-color: #ffffff;
  --tab-btn-hover-bg-color: #69c7af;

  /* ホームルームボタン */
  --homeroom-btn-bg-color: #c2d7e4;
  --homeroom-btn-hover-bg-color: #9fc1d6;

  /* 卒業取消ボタン */
  --graduate-cancel-btn-color: #fa7878;

  /*  届出管理ボタン */
  --selected-contact-btn-bg-color: #9cc5f1;

  /*
  ------------------------------------------------
  入力
  ------------------------------------------------
  */
  /* 標準入力 */
  --standard-input-border-color: #d0dde5;

  /* チェックボックス */
  --check-box-color: #4EBDA0;

  /* 成績評価項目（点数入力欄・欠試・保留など）の選択中背景色 */
  --selected-result-mark-color: #b6e3d8;
  /* 成績評価項目（点数入力欄・欠試・保留など）の背景色 */
  --unselected-result-mark-color: #f5f5f5;

  /* 修得単位タブの修得合計パネルの背景色 */
  --obtain-total-panel-color: #e8f6f3;

  /* 修得状況アイコン「修得」の色 */
  --obtain-status-obtained-icon-color: #69c7af;
  /* 修得状況アイコン「既修得」の色 */
  --obtain-status-authorization-icon-color: #75b5f8;
  /* 修得状況アイコン「未修得」の色 */
  --obtain-status-not-obtained-icon-color: #fc3550;
  /* 修得状況アイコン「無効」の色 */
  --obtain-status-ignore-icon-color: #fc3550;
  /* 受験資格アイコン「なし」の色 */
  --qualification-exam-ng-icon-color: #fc3550;

  /** ラベル **/
  --label-color: #444444;

  /* 滞納ラベル */
  --label-arrearage-amount-color: #fc3550;

  /* 警告ラベル */
  --label-attention-color: #fc3550;

  /* 欠席・欠課のラベル */
  --label-absence-color: #fc3550;
  /* 遅刻・早退のラベル */
  --label-lateness-leave-early-color: #F19210;

  /* 出席率 注意 のラベル */
  --label-attendance-rate-attention-color: #F19210;
  /* 出席率 警告 のラベル */
  --label-attendance-rate-warning-color: #F19210;
  /* 出席率 危険 のラベル */
  --label-attendance-rate-danger-color: #FC3550;
  /* 出席率 出席不足 のラベル（あとで正しく定義） */
  --label-attendance-rate-ng-color: #fc3550;

  /* 授業回数のラベル */
  --label-lesson-count-color: #444444;

  /** ヘッダユーザーアイコン **/
  --header-bg-color: linear-gradient(to right, #247FE0, #69C7AF);
  --header-color: #ffffff;
    /* ヘッダーアイコンのテキスト（あとで正しく定義） */
  --header-icon-text-color:#247FE0;

  /** ブックマークバーアイコン **/
  --bookmark-bg-color: #69c7af;
  --bookmark-color: #ffffff;

  --first-panel-gb-color: #ebf0f4;
  --second-panel-gb-color: #ffffff;
  --third-panel-gb-color: #ffffff;

/* トップページ背景色 */
  --top-page-panel-bg-color: linear-gradient(to bottom, #86B8ED, #B1E1D4);

  /* 1パネル目背景色 */
  --first-panel-bg-color: linear-gradient(to right, #86B8ED, #B1E1D4);

  /* カルテのメニュータブ */
  --tab-list-vertical-active-color: linear-gradient(to right, #91BFEF, 60%, #B4E3D7);


  /** テーブル **/
  --table-ht-color: #ebf0f4;
  --table-tr-odd-color: #ffffff;
  --table-tr-even-color: #ffffff;
  --table-tr-hover-color: #e8f6f3;
  --table-tr-lock-color: #e9ecef;
  --table-border-color: #d2d7dc;
  --table-active-color: #c9eae2;
  --cross-hover-table-td-highlight-color: #d2d7dc33;
  /* 暫定 */

  /* zebra表示テーブル */
  --table-zebra-tr-odd-color: #ebf0f4;

  --sortable-border-bar-color: #9fc1d6;

  /* カルテのタブ内にある展開収納パネルの背景色です。おもに、出欠・成績などの科目パネルで使用します。 */
  --panel-sub-title-curriculum-bg-color: #ebf0f4;

  /* 影（透かしを入れるため、例外として RGBA を指定しています） */
  --box-shadow-color: #00000029;

  /* 手入力アイコンの色 */
  --use-manual-icon-color: #75b5f8;

  /* ダイアログの背景色 */
  --dialog-content-bg-color: #ffffff;
  /* ダイアログの枠 */
  --dialog-content-border-color: #00000033;
  /* ダイアログの分割線 */
  --dialog-border-color: #d2d7dc;
  /* ダイアログの背景幕 */
  --dialog-backdrop-color: #00000080;

  /* ヘッダアイコンのホバー色*/
  --header-bar-item-hover: #ffffff33;

  /* インポート必須項目色 */
  --import-required-color: #fc3550;
  /* エラーラベル */
  --label-error-color: #fc3550;

  /* エラー背景色 */
  --error-bg-color: #f9b5be;
  /* 相違背景色 */
  --differ-bg-color: #f9b5be;

  /* 休日背景色 */
  --holiday-bg-color: #fc3550;
  /* 行事背景色 */
  --event-bg-color: #69c7af;

  /* 非活性 */
  --readonly-bg-color: #e9ecef;

  /* インフォメーションアイコンの色 */
  --information-icon-color: #4f84d9;

  /* 編集アイコンパネルの背景色 */
  --edit-button-area-bg-color: #f5f7f9;

    /* 停止ラベル */
  --label-stop-color: #fc3550;

  /* NST専用ラベル色 */
  --label-nstonly-color: #fc3550;
  /* 比較用背景色 */
  --compare-bg-color: #B1E1D4;

}