@charset "UTF-8";
body {
	display: flex;
  flex-direction: column;
	min-height: 100vh;

	padding-top: 56px;

	/*background-color: #fcfcfc;*/
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , YuGo , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , YuGothic , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;
	font-feature-settings: "palt";
}

h1{
	font-size: 1.8rem;
}
h2{
	font-size: 1.5rem;
}
h3{
	font-size: 1.3rem;
}
/*
 * gridステータス別背景
 *
 */
 tr.colored-row:has([data-status="status-0"]){
	background-color: rgba(255,102,102,.5) !important;
 }
 tr.colored-row:has([data-status="status-1"]){
	background-color: rgba(255,102,102,.4) !important;
 }
 tr.colored-row:has([data-status="status-2"]){
	background-color: rgba(255,102,102,.3) !important;
 } 
 tr.colored-row:has([data-status="status-3"]){
	background-color: rgba(255,102,102,.2) !important;
 } 
 tr.colored-row:has([data-status="status-4"]){
	background-color: rgba(255,102,102,.1) !important;
 }
 tr.colored-row:has([data-status="status-999"]){
	background-color: rgba(111,102,102,.3) !important;
	color:rgba(102,102,102,.4) !important;
}
tr.colored-row td.gridjs-td {
	background-color: initial;
}


.bg-10{
	background-color: rgba(255,102,102,.1) !important;
}
.bg-20{
	background-color: rgba(255,102,102,.2) !important;
}
.bg-30{
	background-color: rgba(255,102,102,.3) !important;
}
.bg-40{
	background-color: rgba(255,102,102,.4) !important;
}
.bg-50{
	background-color: rgba(255,102,102,.5) !important;
}
.deleted-line{
	background-color: rgba(111,102,102,.3) !important;
	color:rgba(102,102,102,.4) !important;
}

.table-striped tr:nth-child(odd).bg-10{
	background-color: rgba(222,77,77,.1) !important;
}
.table-striped tr:nth-child(odd).bg-20{
	background-color: rgba(222,77,77,.2) !important;
}
.table-striped tr:nth-child(odd).bg-30{
	background-color: rgba(222,77,77,.3) !important;
}
.table-striped tr:nth-child(odd).bg-40{
	background-color: rgba(222,77,77,.4) !important;
}
.table-striped tr:nth-child(odd).bg-50{
	background-color: rgba(222,77,77,.5) !important;
}

.bg-10:hover,.bg-20:hover,.bg-30:hover,.bg-40:hover,.bg-50:hover{
	opacity: .70;
}

.gridjs-head{
	display:none !important;
}

/* 固定フッタスタイル
-------------------------------------------------- */

footer {
	margin-top: auto;
  /* ここでフッタの固定高さを設定 */
  height: 32px;
  line-height: 32px; /* ここでテキストを垂直に中央に配置 */
	font-size: 12px;
	text-align: right;
	color:#ddd;
	background-color: #252830;
	z-index: 200;
}
.with-errors{
	color:red;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
/*
 * サイドバー
 */

 .sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* ナビゲーションバーの背面 */
  padding: 0; /* ナビゲーションバーの高さ */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 56px);
  overflow-x: hidden;
  overflow-y: auto; /* ビューポートがコンテンツより短い場合、スクロール可能なコンテンツ */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
	color: #FFF;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
	color: inherit;
}

.sidebar-heading {
	color:#2598c4;
  font-size: .9rem;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: rgba(203,203,203,.2) 1px solid;
}

/*
 * flatpickr （日付入力）
 */

/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
    color: red;
}
 
/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: blue;
}

.flatpickr-current-month {
  display: flex !important;
  justify-content: center;
}

.cur-year {
  order : 1;
}

.cur-month::before{
  content: '年　';
}

.cur-month {
  order: 2;
}

.flatpickr-current-month span.cur-month {
  font-weight : 300 !important;
  padding-top : 4px !important;
}

/*アンカー位置調整*/
.anchor-adjust{
	padding-top: 60px; /*上に余白を付ける*/
	margin-top: -60px; /*上の余白を打ち消す*/
}

/*
 * 印刷関係
 */

@media print{
	@page {
		size: auto !important;
}
}