/* table td, th {
  white-space: nowrap;
} */

body.sidebar-loading {
  visibility: hidden;
}

body.sidebar-loading .wrapper {
  visibility: visible;
  opacity: 0;
  transition: opacity 0.1s;
}

body:not(.sidebar-loading) .wrapper {
  opacity: 1;
}

.sidebar-border {
  border-top: 1px solid #444;
  margin-top: 1em;
}

.staff-name {
  text-align: left;
  font-size: 0.7em;
  line-height: 1.5em;
  margin: 10px 0 0 20px;
  font-weight: 300;
}

table,
td,
th,
thead {
  white-space: nowrap;
  vertical-align: middle !important;
}

.small-label {
  font-size: smaller;
}

.small-select {
  font-size: smaller;
}

.client_type {
  margin: 0px;
  padding: 0px;
  font-size: 24px;
}

/* キャッシュフローの行着色 */
.odd-month {
  background-color: #88FFFF;
}

.td-yellow {
  background-color: #FFFF00 !important;
}

.cash-selected td {
  background-color: #B7C4E0;
}

/* マウスクリックでの行カラー変更 */
.highlighted {
  background-color: #B7C4E0;
}

/* キャッシュフローの件名表示 */
.trim {
  min-width: 300px; /* 最小表示幅の指定 */
  max-width: 300px; /* 最大表示幅の指定 */
  white-space: nowrap; /* 空白で改行させない */
  overflow: hidden; /* はみ出た部分を表示しない */
  text-overflow: ellipsis; /* はみ出た場合に「…」を表示 */
  -webkit-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Safari用) */
  -o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */
}

.font-70 {
  font-size: 70%;
}

.lh-12 {
  line-height: 1.2;
}

/* カレンダーの表示設定 */
/* slot labelのサイズ */
/* td.fc .fc-timegrid-slot {
  font-size: smaller;
} */

.fc-daygrid-day-events {
  box-shadow: 0px 1px #f2f2f2;
}

.custom-event-content {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow: hidden !important;
  height: 100%;
}

.tooltip .tooltip-inner {
  width: 300px;
  background-color: #fff;
  color: #000;
  text-align: left;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  opacity: 1;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

/* 上向きのtooltipsの場合の矢印 */
.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #fff;
}

/* 右向きのtooltipsの場合の矢印 */
.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #fff;
}

/* 下向きのtooltipsの場合の矢印 */
.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #fff;
}

/* 左向きのtooltipsの場合の矢印 */
.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #fff;
}

.staff-name-text {
  /* 必要に応じてスタイルを指定 */
  margin-left: 10px; /* 既存の要素との間隔 */
  padding: 4px 10px;
  font-size: x-large;
  font-weight: bold;
  /* その他のスタイリング */
}

.work-total {
  font-size: 1em;
  color: #333;
  padding: 2px;
  text-align: center;
}

/* 日報管理の勤務計を一行で表示する */
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: 0em!important;
}

/* onclick属性のある行はマウスオーバー時にカーソルをポインターにする */
tr[onclick] {
  cursor: pointer;
}

/* 勤務表日報メモのモーダル表示 */
#daily-memo {
  max-height: 600px;
  overflow-y: auto;
  white-space: pre-wrap;
}

.daily {
  cursor: pointer;
}