@import url('style.css');

/* template.ftl: login.ftl 等で header セクションが空のとき余白だけ残さない */
#kc-page-title:empty {
  display: none;
}

.input-field {
  width: 100%;
}

@media (min-width: 650px) {
  .input-field {
    width: 650px;
  }
}

.link-text-container {
  flex-direction: column;
}

/* 限定的な幅のケースにて適用する */
@media (min-width: 420px) {
  .link-text-container {
      flex-direction: row;
  }
}

/* 特定の項目について、折り返しを避けて改行させる css */
@media (max-width: 520px) {
  label.br-label {
    white-space: pre-line;
  }
}

/* 登録画面の説明文の折り返し br 用 */
@media (min-width: 520px) {
  .sp-break-line {
    display: none;
  }
}

/* メンテナンススケジュールの強調表示 */
.maintenance-schedule {
  color: var(--ab-semantic-color-text-notice);
  font-weight: 600;
}