body {
   padding-right: 0 !important;
}

.list-group-item{
  border: 0;
}

ul {
  list-style-type: disc;
}

/* flatpickr */
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
  color: #f00;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
  color: #00f;
}

/* 閉じるボタン */
.btn-close-xs {
  width: 0.175rem;
  height: 0.175rem;
  margin-left: 0.5rem;
  margin-top: -0.2rem;
  vertical-align: middle;
}

/* div領域を非活性にする（disabled 使用範囲が限定されるため） */
.disabled {  
  pointer-events: none;  
  opacity: 0.35;  
  /* その他のスタイル */  
}

/* Bootstrap5のアコーディオンのトグルボタンを左寄せ */
.accordion-button::after{
  order: -1;
  margin-left: 0;
  margin-right: 1.5em;
}
.close-icon{
  margin-left: auto;
}


/*  曜日アイコン */
.toggle-image {
  cursor: pointer;
}


/* エラーメッセージのスタイル */
.invalid-feedback {
  display: block; /* メッセージをブロック要素として表示 */
  opacity: 0; /* 不透明度を0に設定（非表示状態） */
  transition: height 0.3s, opacity 0.3s; /* アニメーション効果を追加 */
}

/* 入力が無効な場合にエラーメッセージを表示するスタイル */
input:invalid + .invalid-feedback {
  height: auto; /* 高さを自動に設定してメッセージを表示 */
  opacity: 1; /* 不透明度を1に設定（表示状態） */
}

/* 入力エラーのスタイル */
input[type=text]:invalid,
textarea:required {
	border-color: #c20c33;
	background-color: #ffcccc;
  box-shadow: 0 0 0 0.2rem rgba(194, 12, 51, 0.25); /* フォーカス時のボックスシャドウを追加 */
}
/* フォーカス時のスタイルを初期状態で非表示 */
input[type=text]:focus:invalid,
textarea:focus:required {
	box-shadow: none;
}

/* エラーメッセージのスタイル */
.invalid-feedback-costum {
  display: block; /* メッセージをブロック要素として表示 */
  opacity: 0; /* 不透明度を0に設定（非表示状態） */
  color: #c20c33;
  transition: height 0.3s, opacity 0.3s; /* アニメーション効果を追加 */
}

/* 追加ボタン */
.bi-plus-lg {
  font-size: 1.15em;
  line-height: 1.35;
}


/* クラスdayOfTheWeekの背景色を白に設定 */
.dayOfTheWeek {
  background-color: white;
}

/*
.addSchedule:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.addSchedule:focus {
  box-shadow: 0 0 0 0;
}
*/

.dropdown-menu-center {  
  right: auto !important; 
  left: 50% !important; 
  transform: translateX(-50%);  
}  

/* プレビューエリアの高さを設定し、あふれた場合はスクロールする */
/*
.previewTableArea {
  max-height: 300px;
  overflow-y: auto;
}
*/

.table{
  white-space: nowrap; /* テキストを折り返さないようにする */
  max-width: 100%; /* テーブルコンテナが親要素に合わせるために必要な場合 */
}

#allScheduleSettingsDataTable{
  overflow-y: auto;
}
/* エラー時のスタイル */
.error-background-color {
  background-color: #ffcccc !important;
}
.error-text {
  color: #c20c33 !important;
}
.error-border{
  border: 1px solid #c20c33 !important;
}
.error-border-bottom{
  border-bottom: 1px solid #c20c33 !important;
}

/*透明の文字*/
.hidden-text{
  visibility: hidden;
}

/* ボーダーを非表示にする */
.addTabButton {
  border: none !important;
}

/* ホバー時にボーダーを非表示にする */
.addTabButton:hover {
  border: none !important;
}

.accordion {
  position: relative;
}

.close-icon {
  position: absolute;
  z-index: 1000;
  top: 1rem;
  right: 2rem
}
.close-button-display-none{
  display: none;
}