@charset "UTF-8";
/* CSS Document */
/* Edition PriBiz Login */
.pb-header {
  /* ヘッダー */
  width: 100%;
  padding: 1px;
  background-color: #fff;
  border-top: solid 4px #0f6aac; }

.pb-logo {
  /* ロゴ */
  width: 115px;
  height: 36px;
  margin-left: 1rem;
  display: inline-block;
  position: relative;
  vertical-align: top; }
  .pb-logo img {
    /* ロゴ画像 */
    margin: 0px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.pb-pagetitle {
  /* ページタイトル */
  width: 100%;
  padding: 0.2rem 1rem;
  background-color: #f2f2f2;
  color: #333;
  font-size: 1rem; }

.pb-login {
  /* ログイン入力欄 */
  width: 100%;
  margin: 1rem auto;
  background-color: #f2f2f2; }
  .pb-login .pb-link {
    color: #2483b9;
    font-size: 0.8rem; }
    .pb-login .pb-link:hover {
      color: #ff6633; }

.pb-browsers {
  margin: 1rem auto;
  color: #555;
  text-align: center; }

.pb-information {
  margin: 1rem auto;
  color: #555;
  text-align: left;
  border-top:solid 0.1px;
  border-bottom:solid 0.1px;
  width:600px;
   }

.pb-version {
  /* バージョン表示 */
  width: 100%;
  padding: 0rem 1rem;
  color: #333;
  font-size: 0.8rem;
  text-align: right; }

.pb-footer {
  /* フッター */
  padding: 2px;
  width: 100%;
  background-color: #f2f2f2;
  color: #333;
  font-size: 0.8rem;
  text-align: center; }

.txt-error, .txt-error-detail {
    /* 重複ログインダイアログエラーメッセージ */
    font-size: 0.8rem;
}

/* --- jQuery UI 1.14.x 互換修正 (2026-03-24) ---
   jquery-ui.min.js v1.14 では:
   - .ui-button-text ラッパーが廃止 → テキストがボタン直下のテキストノードになった
   - ui-state-default クラスがボタンに付与されなくなった
   この CSS(v1.10.2)には対応ルールが無いため、以下で補完する */

/* 1. 閉じるボタン: テキスト非表示 (旧: .ui-button-text{text-indent}) */
.ui-button-icon-only {
    text-indent: -9999px;
    white-space: nowrap;
    box-sizing: border-box;
}

/* 2. ダイアログボタン: 黒ボタン (旧: .ui-state-default で制御) */
.ui-dialog-buttonset .ui-button {
    border: 1px solid #444b52;
    background: #444b52;
    font-weight: normal;
    color: #ffffff;
    cursor: pointer;
    /* --- サイズ調整: v1.10.4 相当 --- */
    padding: .2em .6em;
    font-size: .9em;
    line-height: normal;
}
.ui-dialog-buttonset .ui-button:hover,
.ui-dialog-buttonset .ui-button:focus {
    border-color: #7c8186;
    background: #7c8186;
    color: #ffffff;
}

/* 3-a. ダイアログ: コンテンツ余白・buttonpane 余白を v1.10.4 相当に */
.ui-dialog .ui-dialog-content {
    padding: .4em .9em;
}
.ui-dialog .ui-dialog-buttonpane {
    padding: .2em .5em .3em .4em;
    margin-top: .3em;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .3em .3em .3em 0;
}

/* 3. ダイアログタイトル文字: pb_main.css と同じルールを適用 */
/* (デフォルト: fcHeader=#333 で暗色、FW pages は pb_main.css で #fff に上書き) */
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

/* 4. タイトルバー閉じるボタン (旧: .ui-widget-header .ui-state-default で制御) */
.ui-dialog-titlebar .ui-button {
    border: 1px solid #ffffff;
    background: #ffffff url(custom-theme/images/ui-bg_flat_70_ffffff_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #222222;
}
.ui-dialog-titlebar .ui-button .ui-icon {
    background-image: url(custom-theme/images/ui-icons_ef8c08_256x240.png);
}

/* メディアクエリー */
@media (min-width: 500px) {
  .pb-logo {
    width: 230px;
    height: 72px; }

  .pb-pagetitle {
    font-size: 1.2rem; }

  .pb-login {
    width: 500px; }
    .pb-login .pb-link {
      font-size: 1rem; } }