/* ==========================================================
    イバサポ専用 Bootstrap 上書きCSS
  ----------------------------------------------------------
  🎨 カラーパレット（主に使う色）
  - ベース背景    : #f9f5f0 / #fdfaf6
  - サブ背景     : #efe9e1 / #e6dcc8
  - 強調ベージュ系 : #d9cbb2 / #d6cab8 / #f5e6cc

  - 文字標準     : #4e4e4e / #6e5f50

  - primary    : #3f88c4 / #206094
  - success    : #4cb162 / #2d8340
  - danger     : #d16565 / #bd4a4a
  - warning    : #eca549 / #eeaf27
  - info       : #53b6a0 / #3daa92

  - ダークブラウン   : #6e5f50 / #534438
  - ページネーション : #b1865e / #cbb69c / #d6c8b9
  ----------------------------------------------------------
    このファイルでは、Bootstrap標準の色系を上記カラーをベースに再定義しています。
  ========================================================== */

body {
  background-color: #f9f5f0;
  /* color: #5e5e5e; */
}

.content-wrapper {
  background-color: #fdfaf6;
}

/* navbar */
.main-header {
  background-color: #e6dcc8;
  color: #4e4e4e;
}

.main-header .navbar-nav>.nav-item>.nav-link {
  color: #4e4e4e;
}

.main-header .navbar-nav>.nav-item>.nav-link:hover {
  color: #000;
}

/* サイドバー */
.main-sidebar {
  background-color: #efe9e1;
  color: #4e4e4e;
}

.main-sidebar .nav-item>.nav-link {
  color: #4e4e4e;
}

.main-sidebar .nav-item>.nav-link:hover {
  background-color: #d9cbb2;
  color: #000;
}

.main-sidebar .brand-link {
  background-color: #d6cab8;
  color: #4e4e4e;
}


/* テーブル */
table {
  background-color: #fff;
}

/* table th {
  background-color: #e6dcc8;
} */


/*----------------------------------------
    テキスト（text-）
----------------------------------------*/

.text-orange {
  color: #da7715;
}

/*----------------------------------------
    ボタン（btn-）
----------------------------------------*/
.btn-default {
  background-color: #e8d8c3 !important;
  border-color: #e8d8c3 !important;
  color: #6e5f50 !important;
}

.btn-default:hover {
  background-color: #d9c2a3 !important;
  border-color: #c9a28b !important;
}

.btn-primary {
  background-color: #3f88c4 !important;
  border-color: #3f88c4 !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #206094 !important;
  border-color: #206094 !important;
}

.btn-secondary {
  background-color: #969696 !important;
  border-color: #969696 !important;
}

.btn-secondary:hover {
  background-color: #797979 !important;
}

.btn-success {
  background-color: #4cb162 !important;
  border-color: #4cb162 !important;
  color: #fff !important;
}

.btn-success:hover {
  background-color: #2d8340 !important;
  border-color: #2d8340 !important;
}

.btn-danger {
  background-color: #d16565 !important;
  border-color: #d16565 !important;
  color: #fff !important;
}

.btn-danger:hover {
  background-color: #bd4a4a !important;
}

.btn-warning {
  background-color: #f3a30f !important;
  border-color: #f3a30f !important;
  color: #fff !important;
}

.btn-warning:hover {
  background-color: #f1bc49 !important;
  border-color: #f1bc49 !important;
}

.btn-info {
  background-color: #53b6a0 !important;
  border-color: #53b6a0 !important;
  color: #fff !important;
}

.btn-info:hover {
  background-color: #3daa92 !important;
}

.btn-light {
  background-color: #dddddd !important;
  border-color: #dddddd !important;
  color: #6e5f50 !important;
}

.btn-light:hover {
  background-color: #d1c5bc !important;
}

.btn-dark {
  background-color: #6e5f50 !important;
  border-color: #5c4d40 !important;
  color: #fff !important;
}

.btn-dark:hover {
  background-color: #534438 !important;
}

/*----------------------------------------
    ボタンアウトライン（btn-outline-）
----------------------------------------*/
.btn-outline-default {
  color: #6e5f50 !important;
  border-color: #d9c2a3 !important;
  background-color: transparent !important;
}

.btn-outline-default:hover {
  background-color: #d9c2a3 !important;
  border-color: #c9a28b !important;
  color: #6e5f50 !important;
}

.btn-outline-primary {
  color: #3f88c4 !important;
  border-color: #3f88c4 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover {
  background-color: #3f88c4 !important;
  border-color: #206094 !important;
  color: #fff !important;
}

.btn-outline-secondary {
  color: #969696 !important;
  border-color: #969696 !important;
  background-color: transparent !important;
}

.btn-outline-secondary:hover {
  background-color: #969696 !important;
  border-color: #797979 !important;
  color: #fff !important;
}

.btn-outline-success {
  color: #4cb162 !important;
  border-color: #4cb162 !important;
  background-color: transparent !important;
}

.btn-outline-success:hover {
  background-color: #4cb162 !important;
  border-color: #2d8340 !important;
  color: #fff !important;
}

.btn-outline-danger {
  color: #d16565 !important;
  border-color: #d16565 !important;
  background-color: transparent !important;
}

.btn-outline-danger:hover {
  background-color: #d16565 !important;
  border-color: #bd4a4a !important;
  color: #fff !important;
}

.btn-outline-warning {
  color: #eca549 !important;
  border-color: #eca549 !important;
  background-color: transparent !important;
}

.btn-outline-warning:hover {
  background-color: #eca549 !important;
  border-color: #eca549 !important;
  color: #fff !important;
}

.btn-outline-info {
  color: #53b6a0 !important;
  border-color: #53b6a0 !important;
  background-color: transparent !important;
}

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

.btn-outline-light {
  color: #6e5f50 !important;
  border-color: #dddddd !important;
  background-color: transparent !important;
}

.btn-outline-light:hover {
  background-color: #dddddd !important;
  border-color: #d1c5bc !important;
  color: #6e5f50 !important;
}

.btn-outline-dark {
  color: #6e5f50 !important;
  border-color: #5c4d40 !important;
  background-color: transparent !important;
}

.btn-outline-dark:hover {
  background-color: #6e5f50 !important;
  border-color: #534438 !important;
  color: #fff !important;
}


/*----------------------------------------
    カード（card-）
----------------------------------------*/

.card-primary {
  background-color: #fcfcfc !important;
  border-color: #3f88c4 !important;
  color: #fff !important;
}

.card-primary .card-header {
  background-color: #3f88c4 !important;
  /* border-color: #206094 !important; */
}

.card-secondary {
  background-color: #fcfcfc !important;
  border-color: #969696 !important;
  color: #fff !important;
}

.card-secondary .card-header {
  background-color: #797979 !important;
  border-color: #797979 !important;
}

.card-success {
  background-color: #fcfcfc !important;
  border-color: #4cb162 !important;
  color: #fff !important;
}

.card-success .card-header {
  background-color: #2d8340 !important;
  border-color: #2d8340 !important;
}

.card-danger {
  background-color: #fcfcfc !important;
  border-color: #d16565 !important;
  color: #fff !important;
}

.card-danger .card-header {
  background-color: #bd4a4a !important;
  border-color: #bd4a4a !important;
}

.card-warning {
  background-color: #fcfcfc !important;
  border-color: #eca549 !important;
  color: #6e5f50 !important;
}

.card-warning .card-header {
  background-color: #eeaf27 !important;
  border-color: #eeaf27 !important;
}

.card-info {
  background-color: #fcfcfc !important;
  border-color: #53b6a0 !important;
  color: #fff !important;
}

.card-info .card-header {
  background-color: #3daa92 !important;
  border-color: #3daa92 !important;
}

.card-light {
  background-color: #fcfcfc !important;
  border-color: #fcfcfc !important;
  color: #6e5f50 !important;
}

.card-light .card-header {
  background-color: #d1c5bc !important;
  border-color: #d1c5bc !important;
}

.card-dark {
  background-color: #fcfcfc !important;
  border-color: #5c4d40 !important;
  color: #fff !important;
}

.card-dark .card-header {
  background-color: #534438 !important;
  border-color: #534438 !important;
}

/*----------------------------------------
    カードアウトライン（card-outline-）
----------------------------------------*/
.card-outline-default {
  background-color: #fcfcfc !important;
  border-top: 3px solid #e8d8c3 !important;
}

.card-outline-primary {
  background-color: #fcfcfc !important;
  border-top: 3px solid #3f88c4 !important;
}

.card-outline-secondary {
  background-color: #fcfcfc !important;
  border-top: 3px solid #969696 !important;
}

.card-outline-success {
  background-color: #fcfcfc !important;
  border-top: 3px solid #4cb162 !important;
}

.card-outline-danger {
  background-color: #fcfcfc !important;
  border-top: 3px solid #d16565 !important;
}

.card-outline-warning {
  background-color: #fcfcfc !important;
  border-top: 3px solid #eca549 !important;
}

.card-outline-info {
  background-color: #fcfcfc !important;
  border-top: 3px solid #53b6a0 !important;
}

.card-outline-light {
  background-color: #fcfcfc !important;
  border-top: 3px solid #ac9998 !important;
}

.card-outline-dark {
  background-color: #fcfcfc !important;
  border-top: 3px solid #665348 !important;
}

.card-outline-purple {
  background-color: #fcfcfc !important;
  border-top: 3px solid #ba9dbe !important;
}


/*----------------------------------------
  テーブル（table-）
----------------------------------------*/
.table-default {
  background-color: #f9f2e9 !important;
  color: #6e5f50 !important;
}


.table-primary {
  background-color: #f9f2e9 !important;
  color: #6e5f50 !important;
}

.table-secondary {
  background-color: #f5e6cc !important;
  color: #6e5f50 !important;
}

/*----------------------------------------
  背景（bg-）
----------------------------------------*/
.bg-default {
  background-color: #e8d8c3 !important;
  color: #6e5f50 !important;
}

.bg-primary {
  background-color: #b28b67 !important;
  color: #fff !important;
}

.bg-secondary {
  background-color: #f5e6cc !important;
  color: #6e5f50 !important;
}

.bg-success {
  background-color: #4ba55f !important;
  color: #fff !important;
}

.bg-danger {
  background-color: #cd5050 !important;
  color: #fff !important;
}

.bg-warning {
  background-color: #e4be44 !important;
  color: #6e5f50 !important;
}

.bg-info {
  background-color: #7bb2d4 !important;
  color: #5c5c5c !important;
}

.bg-light {
  background-color: #fdf8f3 !important;
  color: #6e5f50 !important;
}

.bg-dark {
  background-color: #6e5f50 !important;
  color: #fff !important;
}

/*----------------------------------------
  アラート（alert-）
----------------------------------------*/
.alert-primary {
  background-color: #3f88c4 !important;
  border-color: #3f88c4 !important;
  color: #fff !important;
}

.alert-secondary {
  background-color: #969696 !important;
  border-color: #969696 !important;
  color: #fff !important;
}

.alert-success {
  background-color: #4ba55f !important;
  border-color: #4ba55f !important;
  color: #fff !important;
}

.alert-danger {
  background-color: #c15050 !important;
  border-color: #c15050 !important;
  color: #fff !important;
}

.alert-warning {
  background-color: #eca549 !important;
  border-color: #eca549 !important;
  color: #352f2a !important;
}

/*----------------------------------------
  バッジ（badge-）
----------------------------------------*/
.badge-primary {
  background-color: #3f88c4 !important;
  color: #fff !important;
}

.badge-secondary {
  background-color: #969696 !important;
  color: #fff !important;
}

.badge-success {
  background-color: #4ba55f !important;
  color: #fff !important;
}

.badge-danger {
  background-color: #d16565 !important;
  color: #fff !important;
}

.badge-warning {
  background-color: #eca549 !important;
  color: #6e5f50 !important;
}

.badge-info {
  background-color: #53b6a0 !important;
  color: #fff !important;
}

.badge-light {
  background-color: #fdf8f3 !important;
  color: #6e5f50 !important;
}

.badge-dark {
  background-color: #6e5f50 !important;
  color: #fff !important;
}

/*----------------------------------------
    その他のコンポーネント用（リスト、ラベルなど）
----------------------------------------*/
.list-group-item-default {
  background-color: #fdf8f3 !important;
  border-color: #e8d8c3 !important;
  color: #6e5f50 !important;
}

.label-default {
  background-color: #e8d8c3 !important;
  color: #6e5f50 !important;
  border-radius: 5px;
  padding: 0.3rem 0.6rem;
  font-size: 0.85rem;
}

/*----------------------------------------
  ページネーション（paginate-）
----------------------------------------*/
.paginate_button.default {
  background-color: #f5e6cc !important;
  border-color: #e8d8c3 !important;
  color: #6e5f50 !important;
}

.paginate_button.default:hover {
  background-color: #d9c2a3 !important;
}

/*----------------------------------------
  状態スイッチ
----------------------------------------*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  background: #d16565;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background: #4ba55f;
  color: #fff;
}

/*----------------------------------------
  ページネーション
----------------------------------------*/
.page-link {
  color: #74563d;
}

.page-link:hover {
  color: #fff;
  background-color: #cbb69c;
  border-color: #cbb69c;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #b1865e;
  border-color: #b1865e;
}

.page-item.disabled .page-link {
  color: #d6c8b9;
  pointer-events: none;
  background-color: #f5f2ef;
  border-color: #e0d7cf;
}




@media (max-width: 768px) {

  /*----------------------------------------
    カード（card-）
----------------------------------------*/
  .card-outline-default .card-header,
  .card-outline-primary .card-header,
  .card-outline-secondary .card-header,
  .card-outline-success .card-header,
  .card-outline-danger .card-header,
  .card-outline-warning .card-header,
  .card-outline-info .card-header,
  .card-outline-dark .card-header,
  .card-outline-light .card-header {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }

  .card-outline-default .card-header .card-title,
  .card-outline-primary .card-header .card-title,
  .card-outline-secondary .card-header .card-title,
  .card-outline-success .card-header .card-title,
  .card-outline-danger .card-header .card-title,
  .card-outline-warning .card-header .card-title,
  .card-outline-info .card-header .card-title,
  .card-outline-dark .card-header .card-title,
  .card-outline-light .card-header .card-title {
    font-size: 1rem;
  }

  .card-tools .btn-tool {
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
  }
}