@charset "UTF-8";

/*
App.vueで動的にfont-sizeを追加
:root {
  --root-font-size: 14px;
}

html {
  font-size: var(--root-font-size);
}
*/

/*
   以下で使用
   トップ画面の個人情報について
   受講者入力の免除
   送信画面の一番上に表示されるコメント
*/

.custom-dialog .q-dialog__title {
  color: white;
  line-height: 1em;
}

.dialog-confirm .q-dialog__title {
  background-color: var(--q-primary);
}

.dialog-error .q-dialog__title {
  background-color: var(--q-negative);
}

.dialog-ok .q-dialog__title {
  background-color: var(--q-positive);
}

.comment-area {
  border-color: rgb(167, 167, 167);
  border-radius: 4px;
  margin: 1em 0;
  padding: 1em;
  border-width: 1px;
  border-style: solid;
}

/* 送信画面の一番上に表示されるコメント */
.confirm-comment {
  margin: 0 0;
  padding-top: 0;
  padding-bottom: 2em;
  border-style: none;
}

/* 入力項目等の下に表示される文字 */
.custom-label {
  /* color: var(--q-negative); */
  color: #2f4f4f !important;
}

.custom-table-header {
  color: white !important;
  background-color: #ff9900 !important;
}

.confirm-title {
  color: black !important;
  background-color: #fdbf60 !important;
  font-weight: bold !important;
}

.confirm-subtitle {
  color: rgb(36, 36, 36) !important;
  background-color: #b6fdaf !important;
  font-weight: bold !important;
}

.confirm-expand-icon {
  color: white !important;
}

.confirm-sub-expand-icon {
  color: black !important;
}

.q-dialog__message {
  padding: 1em !important;
}

.q-scrollarea__thumb {
  width: 0.25rem !important;
  /* background-color: var(--q-negative) !important; */
  background: #388e3c !important;
  opacity: 0.5 !important;
}