* {
    text-spacing-trim: space-all !important;
}
.input-data:focus:not([readonly]),
.form-select:focus:not([readonly])  {
    background-color: #FFFEDB;
}
.form-select:focus:not([readonly])  {
    background-color: #FFFEDB;
}
input[type=checkbox],
input[type=radio] {
    border:1px solid #ccc; /* チェックボックスの枠 */
}

.bg-primary-subtitle {
    background-color: #93CEBD;
}
.bg-secondary-subtitle {
    background-color: #f5abae;
}
.bg-success-subtitle {
    background-color: #77d6b0;
}
.bg-danger-subtitle {
    background-color: #FF9373;
}
.bg-warning-subtitle {
    background-color: #ffd785;
}
.fbg-info-subtitle {
    background-color: #89cfdd;
}

#loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #696969;
    opacity: 0.3;
    z-index: 1001;
}
#spinner {
    display: none;
    color: #fff;
    z-index: 1002;
}

.modal-loading {
    display: none;
    background: #696969;
    transition: all 1s;
    opacity: 0.3;
    z-index: 2001;
}
.modal-spinner {
    color: #fff;
    background: #696969;
    z-index: 2002;
}
#common-message-dialog {
    z-index: 3002;
}
#common-confirm-dialog {
    z-index: 3001;
}
#contents{
    background: #fff;
    width: 100%;
}

.ck-editor__editable_inline {
    height: 100%;
}

.danger-popover {
    --bs-popover-max-width: 300px;
    --bs-popover-border-color: var(--bs-danger);
    --bs-popover-header-bg: var(--bs-danger);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}


.warning-popover {
    --bs-popover-max-width: 300px;
    --bs-popover-border-color: var(--bs-warning);
    --bs-popover-header-bg: var(--bs-warning);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}


.success-popover {
    --bs-popover-max-width: 300px;
    --bs-popover-border-color: var(--bs-success);
    --bs-popover-header-bg: var(--bs-success);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.info-popover {
    --bs-popover-max-width: 300px;
    --bs-popover-border-color: var(--bs-info);
    --bs-popover-header-bg: var(--bs-info);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}


.tag-badge {
    --bs-toast-max-width: 10rem;
    --bs-toast-padding-x: 0.5rem;
    --bs-toast-padding-y: 0.5rem;
    background-color: #f79646;
    color: white;
    margin-bottom: 0.5rem !important;
    margin-right: 0.5rem !important;
    padding: 0.5rem !important;
    padding-top: 0.25rem !important;
}

/* 日曜日：赤 */
.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-day.jp-holiday {
    color: red;
}

.flatpickr-day.prevMonthDay.jp-holiday,
.flatpickr-day.nextMonthDay.jp-holiday {
    color: rgba(255, 0, 0, 0.2);
}

/* 土曜日：青 */
.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;
    justify-content: center;
}

.cur-year {
    order: 1;
}

.cur-month:before {
    content: '年　';
}

.cur-month {
    order: 2;
}

.flatpickr-current-month span.cur-month {
    font-weight: 300;
    padding-top: 4px;
}

.btn-gray {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8e8c84;
    --bs-btn-border-color: #8e8c84;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #797770;
    --bs-btn-hover-border-color: #72706a;
    --bs-btn-focus-shadow-rgb: 159, 157, 150;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #72706a;
    --bs-btn-active-border-color: #6b6963;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8e8c84;
    --bs-btn-disabled-border-color: #8e8c84;
}


.editable_table tbody tr td:focus {
    background-color: #FFFEDB;
    border-color: #bce1d6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
}

.border-gray {
    border-color: silver;
}

/*　スクロールバーの実装 */

/*ラッパー*/
.table-sticky {
    overflow: auto;
} 
.table-sticky table {
    border-collapse:collapse;
	border-spacing: 0;
    border: 1px solid silver;
}
/*.table-sticky thead {
    inset-block-start: 0;
} */
/*行ヘッダーを固定する。topの値はjsで動的に指定*/
.table-sticky thead tr[class*="fixed-header-"] th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    /* tbody tdより手前に表示する */
    z-index: 1001;
    /* background-clip: padding-box; */
}

/*行ヘッダーと列ヘッダーが重なる部分を固定する。top,leftの値はjsで動的に指定*/
.table-sticky thead tr[class*="fixed-header-"] th[class*="fixed-column-"] {
    /* 全てのセルより手前に表示する */
    z-index: 1002;
    /* background-clip: padding-box; */
}

/*列ヘッダーを固定する。leftの値はjsで動的に指定*/
.table-sticky tbody td[class*="fixed-column-"] {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    /* tbody tdより手前に表示する */
    z-index: 1001;
    /* background-clip: padding-box; */
}
.table-sticky tbody td[class*="fixed-column-1"]:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    z-index: -1;
}
.table-sticky tbody td[class*="fixed-column-2"]:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    z-index: -1;
}
.table-sticky tbody td[class*="fixed-column-0"]:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    z-index: -1;    
}


.table-sticky td, th {
    white-space: nowrap;
}

/* 編集セル色 */
.editable_table td.edit {
    background-color: #FFFEDB;
    color: black;
}
/* 編集セル色 */
.editable_table td.scoreW,
.editable_table th.scoreW {
    width: 90px;
}
.edit {
    background-color: #FFFEDB;
    color: black;
}
/*
.editable_table td[contenteditable="true"] {
    background-color: #FFFEDB;
}

.editable_table th[contenteditable="true"]:focus {
    background-color: #FFFEDB;
    color: black;
}
*/

/*
  .fc .fc-button-primary {
    background-color: #ffffff00;
    color: #acaba9;
    border: none;
    outline: none;
  }
  .fc .fc-today-button {
    background-color: #ffffff00;
    color: #37362f;
    border: none;
    outline: none;
  }
  .fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #ffffff00;
    color: #acaba9;
    box-shadow: none;
  }
  .fc .fc-button-primary:not(:disabled):focus,
  .fc .fc-button-primary:not(:disabled).fc-button-focus {
    background-color: #ffffff00;
    color: #acaba9;
    box-shadow: none;
  }
  .fc .fc-today-button:disabled {
    opacity: 1;
  }
*/
.fc th.fc-day-sat .fc-col-header-cell-cushion,
.fc td.fc-day-sat .fc-daygrid-day-number {
    color: #a8a8ff;
}

.fc th.fc-day-sun .fc-col-header-cell-cushion,
.fc td.fc-day-sun .fc-daygrid-day-number {
    color: #ff7f7f;
}
.popover {
    z-index: 999999;
}
.underline {background: linear-gradient(transparent 60%, #ff838b 60%);}
/*
td.fc-day-sat {
    background-color: #eaf4ff;
}
td.fc-day-sun {
    background-color: #ffeaea;
}

// 日曜日：赤 
.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-day.jp-holiday {
    color: red;
}

.flatpickr-day.prevMonthDay.jp-holiday,
.flatpickr-day.nextMonthDay.jp-holiday {
    color: rgba(255, 0, 0, 0.2);
}

// 土曜日：青 
.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;
}
*/
  
/* Replacer (the little preview div that shows up instead of the <input>) */
/*
.sp-replacer {
    border: solid 1px #eceeef;
    background: #eee;
    color: #888;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #bce1d6;
    background-color: #888;
    color: #888;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
}
.sp-replacer.sp-disabled {
    cursor:default;
    background-color: #fdeaeb;
    opacity: 1;
}
*/

