@page {
    /* 印刷レイアウト横対応 */
    size: auto;
}
.bg-darkred{
    /* background-color: #fae4d6; */
    background: linear-gradient(#eceeee, #fae4d6);
    border-bottom:medium solid #ca6036;
}

.bg-darkblue{
    /* background-color: #d6dafa; */
    background: linear-gradient(#eceeee, #d6dafa);
    border-bottom:medium solid #263cff;
}

.bg-darkgreen{
    /* background-color: #d6f9fa; */
    background: linear-gradient(#f4f7f7, #d6f9fa);
    border-bottom:medium solid #189460;
}

.bg-orange{
    background-color: #ffffa2;
}

.container, .container-sm, .container-md, .container-lg, .container-xl{
    background-color: #f9f8fc;
}

body{
    background-color: white;
}

/* dark mode */
[data-theme="dark"] {
    background-color: #111 !important;
    color: #eee;
  }
  
  [data-theme="dark"] .bg-light {
    background-color: #333 !important;
  }
  
  [data-theme="dark"] .bg-white {
    background-color: #000 !important;
  }
  
  [data-theme="dark"] .bg-black {
    background-color: #eee !important;
  }

/* テーブル縦スクロール対応用 */
.scrollTable tbody {
    display: block;
    overflow-y: auto;
    width: auto;
}

@media screen and (min-height:0px) { 
    tbody {
        max-height: 60vh;
    }
}
@media screen and (min-height:769px) and ( max-height:1365px) {
    tbody {
        max-height: 70vh;
    }
}
@media screen and (min-height:1366px) {
    tbody {
        max-height: 70vh;
    }
}

.scrollTable thead {
    display: block;
}

/* 検索画面用ラベル */
.SerchLabel {
    min-width: 40px;
}

/* テーブル用ボタン */
.tableBtn {
    min-width: 110px;
}

/* イメージ */
.image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    object-fit: cover;
}

/* 社員一覧 */
.id_staffList {
    min-width: 100px;
}

.name_staffList {
    min-width: 180px;
    width: 1000px;
  }

  /* 社員バイタル一覧 */
  .vital_Btn {
    min-width: 80px;
    width:80px;
  }

  .vital_staffname {
    min-width: 180px;
    width: 180px;
  }

  .blood_press {
    min-width: 180px;
    width: 200px;
  }

  .heart_rate {
    min-width: 150px;
    width: 150px;
  }

  .vital_steps {
    min-width: 100px;
    width: 120px;
  }

  .vital_weight {
    min-width: 100px;
    width: 100px;
  }

  .vital_alcohol {
    min-width: 100px;
    width: 150px;
    writing-mode: horizontal;
  }
/* 打刻一覧 */
.id_recordTimeList {
    min-width: 100px;
}

.name_recordTimeList {
    min-width: 200px;
}

.dakoku_kbn_recordTimeList {
    min-width: 130px;
}

.day_recordTimeList {
    min-width: 200px;
}

.time_recordTimeList {
    min-width: 130px;
}

.location_recordTimeList {
    min-width: 130px;
    width: 1000px;
}

/* 日報一覧 */
.id_dailyReportList {
    min-width: 100px;
}

.name_dailyReportList {
    min-width: 150px;
}

.place_id_dailyReportList {
    min-width: 70px;
}

.place_name_dailyReportList {
    min-width: 200px;
}

.contents_id_dailyReportList {
    min-width: 50px;
}

.contents_name_dailyReportList {
    min-width: 320px;
    width: 1000px;
}

.ymd_dailyReportList {
    min-width: 180px;
}

.serchBtn {
    font-size: 18pt;
}

/* カレンダーのステップ削除 */
input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.l-space-1{
    letter-spacing:1em;
}

.l-space-2{
    letter-spacing:2em;
}

.l-space-3{
    letter-spacing:3em;
}

.form-control-lg.is-invalid:focus{
    border-color: #e3342f;
    box-shadow: 0 0 0 0.2rem rgba(227,52,47,.25);
}

.form-control-lg.is-invalid{
    border-color: #e3342f;
}

.invalid-feedback-lg {
    display: block;
    width: 100%;
    margin-top: .25rem;
    /* font-size: 80%; */
    color: #e3342f;
}

.imgUpload {
    display: inline-block;
    position: relative;
}
.imgUpload input[type="file"] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.datadatesize{
    font-size: 2rem;
}

.datatimesize{
    font-size: 4rem;
    font-weight: bold;
}

#nowLoadingWrapper{
	display: table;
	height: 100%;
	width: 100%;
}
#nowLoading{
	display:table-cell;
	vertical-align: middle;
	width:100%;
	height:100%;
}
#nowLoading p{
	text-align:center;
	color:#FFF;	
}

.rotate-90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  
  .rotate-180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .rotate-270 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  
  .flip {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  
  .flip-and-rotate-90 {
    -moz-transform: rotate(90deg) scaleX(-1);
    -webkit-transform: rotate(90deg) scaleX(-1);
    -o-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
  }
  
  .flip-and-rotate-180 {
    -moz-transform: rotate(180deg) scaleX(-1);
    -webkit-transform: rotate(180deg) scaleX(-1);
    -o-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
  
  .flip-and-rotate-270 {
    -moz-transform: rotate(270deg) scaleX(-1);
    -webkit-transform: rotate(270deg) scaleX(-1);
    -o-transform: rotate(270deg) scaleX(-1);
    transform: rotate(270deg) scaleX(-1);
  }

  .fsi-thumbnail-img {
	background-color: snow;
	height: 200px;
	object-fit: contain;
}

.head-link{
    height:auto;
    padding:5px;
    margin-bottom: 5px;
    background-color: rgb(241, 250, 215);
}