/* 背景色 (Bootstrap 4 の bg-info) */
.bg-info {
    background-color: #17a2b8 !important;
}

/* ボタン色 (Bootstrap 4 の btn-info) */
.btn-info {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
}

/* 枠線色 (Bootstrap 4 の border-info) */
.border-info {
    border-color: #17a2b8 !important;
}

/* テキスト色 (Bootstrap 4 の text-info) */
.text-info {
    color: #17a2b8 !important;
}

/* テーブル色 (Bootstrap 4 の table-info) */
.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb !important;
}
/* Bootstrap 4 風の btn-outline-info */
.btn-outline-info {
  color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-info:hover {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8 !important;
  background-color: transparent !important;
}

/* .table-dark 内のリンクをBootstrap 4風の水色に */
.table-dark a {
    color: #00ffff !important;
}

.table-dark a:hover,
.table-dark a:focus {
    color: #31b0d5 !important;
    text-decoration: underline;
}
/* .container-fluid は Bootstrap 5 で左右の余白がゼロになったため、この設定で左に固定余白を足します。
    右側も余白が欲しい場合は padding: 0 .75rem; のように上下左右まとめて指定も可能です。 */
/* 全ページ共通で navbar に左余白を追加 */
/* navbar 全体に左右余白を強制（全ページ共通） */
.navbar,
.navbar > .container,
.navbar > .container-fluid {
  padding-left: 1rem !important;   /* 左余白 */
  padding-right: 1rem !important;  /* 右も入れたい場合は残す */
}
/* Bootstrapのp-0/ps-0などが付いている場合も強制上書き */
.navbar.ps-0,
.navbar.px-0,
.navbar > .container.ps-0,
.navbar > .container-fluid.ps-0 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Bootstrap 4 風の table-dark 全体 */
.table-dark {
  --bs-table-bg: #646a68;
  --bs-table-striped-bg: #6e646a;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #686e64;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #63696e;
  --bs-table-hover-color: #fff;

  color: #fff;
  border-color: #C5CdC5;
}

/* thead-dark の再現 */
.thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

/* table-bordered 調整 */
.table-dark.table-bordered {
  border: 1px solid #454d55;
}
.table-dark.table-bordered th,
.table-dark.table-bordered td {
  border: 1px solid #454d55;
}

/* table-hover 調整 */
.table-dark.table-hover tbody tr:hover {
  background-color: #3e444a;
  color: #fff; /* hover時も文字色は白を維持 */
}