@charset "utf-8";

/* 全体labelの余白調整 */
label {
  margin-bottom: 0.1rem;
}

/* AdminLTEの調整 */
:root {
  /* 共通ヘッダの高さ */
  --fw-header-navi-height: 50px;

  --dark-mode-background-color: var(--gray-dark);
}

/* 全体的にテーブルの余白を調整 */
.table td,
.table th {
  padding: 0.4rem;
}

/* ボタンは折り返さないように修正 */
.btn {
  white-space: nowrap;
}

/* ファイルアップロード */
.custom-file-label::after {
  content: "参照";
}

/* エラー表示時のアイコン表示を削除 */
.form-control.is-invalid,
.was-validated .form-control:invalid {
  padding-right: 0.375rem;
  background: inherit;
}

/* ページネーションの折り返し */
.pagination {
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

/* bootstrap-datepikcer */
body.layout-navbar-fixed .datepicker.datepicker-dropdown.dropdown-menu {
  /* ヘッダ固定の場合にヘッダの高さ分設定 */
  margin-top: var(--fw-header-navi-height);
}

/* Google  Material Icons */
.material-icons ,
.material-icons-outlined ,
.material-icons-round ,
.material-icons-sharp ,
.material-icons-two-tone {
  font-size: 1rem;
}

.nav-sidebar > .nav-item .nav-icon.material-icons ,
.nav-sidebar > .nav-item .nav-icon.material-icons-outlined ,
.nav-sidebar > .nav-item .nav-icon.material-icons-round ,
.nav-sidebar > .nav-item .nav-icon.material-icons-sharp ,
.nav-sidebar > .nav-item .nav-icon.material-icons-two-tone {
  vertical-align: text-top;
  font-size: 1.4rem;
}

/* ヘッダ固定時のコンテンツのオフセット */
.layout-navbar-fixed .wrapper .content-wrapper {
  margin-top: calc(var(--fw-header-navi-height) - 2px);
}

/* フッター固定の場合にトップへスクロールリンクの位置修正 */
.layout-footer-fixed .back-to-top {
  bottom: 4.7rem;
}