/* 背景色 */
.bg-main {
  background-color: #4364c1;
}
.btn-main {
  background-color: #4364c1;
  color: #FFFFFF;
}
.btn-main:hover {
  background-color: #0d41a1;
  color: #FFFFFF;
}
.csv-btn {
  background-color: green;
  color: #FFFFFF;
}
.csv-btn:hover {
  background-color: rgb(3, 96, 3);
  color: #FFFFFF;
}
.dialog_btn {
  width: 140px;
}

/* ファイルアップロード */
.custom-file-input:lang(ja) ~ .custom-file-label::after {
  content: "参照";
}
.custom-file {
  overflow: hidden;
}
.custom-file-label {
  white-space: nowrap;
}

/* カラーピッカー */
.clear_text {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

/* カラーピッカーの無効表示 */
.clear_text:disabled {
  background-color: #e9ecef!important;
}

/* ページングのボタン色変更 2021.01.22 T.Hitomi */
.page-item.active .page-link {
  background-color: #4364c1!important;
  border-color: #4364c1!important;
}

/* ユーザーアイコン調整 2023.11.10 T.Hitomi */
.fa-user {
  padding-left: 2px;
  padding-right: 2px;
}

/* number型のスピンボタン消去 */
.no-spin {
  -moz-appearance:textfield;
  outline: 0;
}
.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* フォーカス時の枠線消去 */
.outline-0 {
  outline: 0;
}

/* ダークモード 2023.11.09 T.Hitomi */
[data-theme="dark"] {
  background-color: #434141!important;
  color: #EEEEEE!important;
}
[data-theme="dark"] .bg-light {
  background-color: #333333!important;
}
[data-theme="dark"] .bg-white {
  background-color: #393939!important;
  color: #EEEEEE!important;
}
[data-theme="dark"] .bg-black {
  background-color: #EEEEEE!important;
}
[data-theme="dark"] .btn-outline-secondary {
  color: #EEEEEE!important;
}
[data-theme="dark"] .text-dark {
  color: #EEEEEE!important;
}

[data-theme="dark"] table tbody {
  color: #EEEEEE!important;
}
[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: #939393!important;
}

[data-theme="dark"] .dropdown-menu {
  background-color: #6D6C6C!important;
  color: #EEEEEE!important;
}
[data-theme="dark"] .dropdown-item {
  color: #EEEEEE!important;
}
[data-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .dropdown-item:hover {
  background-color: #272626!important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] div.dataTables_wrapper div.dataTables_length select {
  background-color: #858585;
  color: #EEEEEE;
}

[data-theme="dark"] .custom-file-label,
[data-theme="dark"] .custom-file-input ~ .custom-file-label {
  background-color: #858585!important;
  color: #EEEEEE!important;
}
[data-theme="dark"] .custom-file-label:disabled,
[data-theme="dark"] .custom-file-input:disabled ~ .custom-file-label,
[data-theme="dark"] .custom-file-input:disabled ~ .custom-file-label::after {
  background-color: #7F7F7F!important;
  color: #999999!important;
}

[data-theme="dark"] .page-link {
  background-color: #858585!important;
  color: #EEEEEE!important;
}
[data-theme="dark"] .page-item.disabled .page-link {
  color: #6C757D!important;
}

[data-theme="dark"] .ui-widget-content {
  background-color: #393939!important;
  color: #EEEEEE!important;
}

[data-theme="dark"] .btn-light:not(:disabled):not(.disabled).active,
[data-theme="dark"] .btn-light:not(:disabled):not(.disabled):active {
  background-color: #595959!important;
}

.disabled_color {
  background-color: #E9ECEF;
}

[data-theme="dark"] .disabled_color,
[data-theme="dark"] .form-control:disabled {
  background-color: #7F7F7F!important;
  color: #999999!important;
}

[data-theme="dark"] .bg-dark {
  background-color: #7A7E81!important;
  color: #47c4ff;
}

[data-theme="dark"] .bg-dark:focus,
[data-theme="dark"] .bg-dark:hover {
  background-color: #555759!important;
}

/* ツールチップ */
[data-theme="dark"] .tooltip .tooltip-inner {
  background-color: white!important;
  color: black!important;
}

[data-theme="dark"] .tooltip .arrow {
  background-color: white!important;
  clip-path: polygon(0 50%, 100% 0, 100% 100%)!important; /*左向きの三角形*/
}

[data-theme="dark"] .tooltip .arrow::before {
  content:none;
}