body {
    background-color: #F7F8F6;
}

.chosen-default {
    min-height: 38px;
}
.chosen-single {
    min-height: 38px;
}

.hdhd {
    position: sticky;
}

.tSize {
    width: 50vw;
}

.tSize2 {
    width: 20vw;
}

.navSize {
    height: 65vh;
}

.navTitle {
    font-size: x-large;
}

.navGreen {
    background-color: #a6e9d5cc;
}

.navOrange {
    background-color: #fecba1cc;
}

.navCyan {
    background-color: #9eeaf9cc;
}

.tSearch {
    border-bottom-width: 2px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    height: 8vh;
}

.seachM {
    position: fixed;
    z-index: 1000;
}

.seachL {
    background-color: #fbf8ef;
    border-right-width: 32px;
    border-right-color: royalblue;
    border-right-style: solid;
}

.seachS {
    left: 0;
    top: 0;
    margin: 8px;
    opacity: 1;
}

.menuBtn {
    font-size: xx-large;
    font-weight: lighter;
    text-align: left;
    background-color: #2f6b47;
}

.menuBtn.menuBtnA {
    color: white;
    background-color: #2f6b47;
}

.menuBtn.menuBtnB {
    background-color: #C7A65A;
}

.barFont {
    font-size: larger;
    font-weight: lighter;
}

.btnSize3 {
    width: 8vw;
}

.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;
}

.hdhd {
    position: sticky;
}
.tSize {
    width: 50vw;
}

.navSize {
    height: 65vh;
}

.tSearch {
    border-bottom-width: 2px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    height: 8vh;
}
.seachM {
    position: fixed;
    z-index: 1000;
}
.seachL {
    background-color: #fbf8ef;
    border-right-width: 32px;
    border-right-color: royalblue;
    border-right-style: solid;
}

.seachS {
    left: 0;
    top: 0;
    margin: 8px;
    opacity: 1;
}

.menuBtn {
    font-size: xx-large;
    font-weight: lighter;
    text-align: left;
}

.menuBtn_mini {
    font-size: x-large;
    font-weight: lighter;
    text-align: left;
}

.barFont {
    font-size: larger;
    font-weight: lighter;
}

.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;
}

.myDateInput {
    width: 10vw;
}

.card-body {
    padding: 0.4rem;
}

.tab-content.edit_allow_color {
    background-color: #E0FFFF22;
}

.tab-content .flex-fill.edit_allow_color{
    background-color: #E0FFFF22;
}

.tab-content .d-flex.edit_allow_color{
    background-color: #E0FFFF22;
}

.tab-content .card.shadow.edit_allow_color{
    background-color: #E0FFFF22;
}




.drop-hover:hover > .dropdown-menu {
    display: block !important;
}

.dropdown-menu {
    height: 300px;
    overflow-y: scroll;
}

.card-header {
    background-color: #e9ecef;
}

:root {
    --green: #92c1d1;
    --red: #2aa7d1;
    --active: #2c3f4c;
    --green2: #92c1d1;
    --red2: #2aa7d1;
}

.btn_forword_step {
    background-color: var(--red2);
    border-color: var(--red2);
}

.btn_back_step {
    background-color: var(--green2);
    border-color: var(--green2);
}

.nav-tabs.wizard {
    background-color: transparent;
    padding: 0;
    width: 100%;
    margin: auto;
    border-radius: 0.25em;
    clear: both;
    border-bottom: none;
}

.nav-tabs.wizard li > * {
    position: relative;
    color: #000;
    font-size: 140%;
    background-color: var(--red);
    border-color: var(--red);
}

.nav-tabs.wizard li.completed > * {
    color: #000;
    font-size: 140%;
    background-color: var(--green);
    border-color: var(--green);
}

.nav-tabs.wizard li.active > * {
    color: #fff;
    font-size: 210%;
    background-color: var(--active);
    border-color: var(--active);
}

.nav-tabs.wizard li::after:last-child {
    border: none;
}

@media (min-width: 992px) {
    .nav-tabs.wizard li {
        position: relative;
        padding: 0;
        margin: 4px 4px 4px 0;
        float: left;
    }
    .nav-tabs.wizard li::after,
    .nav-tabs.wizard li > *::after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        height: 0;
        width: 0;
        border: 25px solid transparent;
        border-right-width: 0;
        /*border-left-width: 20px*/
    }
    .nav-tabs.wizard li::after {
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #fff;
        margin: 0;
    }
    .nav-tabs.wizard li > *::after {
        z-index: 2;
        border-left-color: inherit;
    }
    .nav-tabs.wizard > li:nth-of-type(1) > a {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .nav-tabs.wizard li:last-child a {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .nav-tabs.wizard li:last-child {
        margin-right: 0;
    }
    .nav-tabs.wizard li:last-child a:after,
    .nav-tabs.wizard li:last-child:after {
        content: "";
        border: none;
    }
    span.step {
        display: block;
    }
}

@keyframes anime {
    from {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(10px);
    }

    to {
        transform: translateY(-10px);
    }
}

.square {
    width: 20px;
    height: 20px;
}

.inline-div {
    display: inline-block;
}

.page-break {
  page-break-before: always;   /* 旧仕様（互換用） */
  break-before: page;          /* 新仕様 */
}

.edit_no_allow{
    pointer-events: none;
}


.toggle-checkbox{
    display:none;
}

.toggle-button{
    border:1px solid #21533F;
    color:#21533F;
    background: white;
    padding:3px 6px;
    border-radius:10px;
    cursor:pointer;
    user-select:none;
}

.toggle-checkbox:checked + .toggle-button{
    background:#21533F;
    color:white;
}


.custom-btn {
    background-color: white;
    color: #007bff;
}


.small-box {
    width: 80px;
    flex: 0 0 80px;
    max-width: 80px;
}

.suggest-area{
    position:relative;
    width:300px;
}

.suggest-list{
    position:absolute;
    top:100%;
    left:0;
    right:0;

    background:white;
    border:1px solid #ddd;
    border-top:none;

    border-radius:0 0 8px 8px;

    box-shadow:0 4px 10px rgba(0,0,0,0.15);

    max-height:250px;
    overflow-y:auto;

    z-index:999;
}

.suggest-item{
    padding:10px 15px;
    cursor:pointer;
}

.suggest-item:hover{
    background:#f5f5f5;
}


.suggest-item.active {
    background: #e8f0fe;
}


.select_text.selected {
    background-color: #d4edda;
}

.over_limit {
    background-color: #ffe8a3;
    border: 2px solid #d6a700;
}



#d_view_rds1 .gridjs-table td,
#d_view_rds1 .gridjs-table th {
    height: 24px;
    padding: 2px 4px;
}


.header-color {
    background-color: #21533F;
}



.btn.header-button {
    color: #C7A65A;           /* 文字を黄色に */
    border-color: #C7A65A;    /* 枠線を黄色に */
    background-color: transparent; /* 背景を透明に */
    border-width: 3px;
}

.header-text {
    font-weight: 700;
    color: #C7A65A;           /* 文字を黄色に */
}



.btn-primary {
    color: #FFFFFF !important;
    border-color: #2F6B47 !important;
    background-color: #2F6B47 !important;
    border-width: 3px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-primary:not(:disabled):not(.disabled):hover {
    color: #FFFFFF !important;
    background-color: #285C3D !important;
    border-color: #285C3D !important;
}

.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #FFFFFF !important;
    background-color: #214E34 !important;
    border-color: #214E34 !important;
    box-shadow: 0 0 0 0.2rem rgba(47, 107, 71, 0.3) !important;
}


.btn-outline-primary {
    color: #2F6B47 !important;
    border-color: #2F6B47;
    background-color: transparent;
    border-width: 3px;
}

.btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-outline-primary:not(:disabled):not(.disabled):focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #FFFFFF !important;
    background-color: #2F6B47 !important;
    border-color: #2F6B47 !important;
}

/* 無効時はマウスを重ねても変化させない */
.btn-outline-primary:disabled,
.btn-outline-primary:disabled:hover,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled:active,
.btn-outline-primary.disabled,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:active {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-color: #212529 !important;
    box-shadow: none !important;
    opacity: 0.65;
}



.btn-secondary {
    color: #FFFFFF !important;
    border-color: #C7A65A !important;
    background-color: #C7A65A !important;
    border-width: 3px;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.btn-secondary:not(:disabled):not(.disabled):hover {
    color: #FFFFFF !important;
    background-color: #B79548 !important;
    border-color: #B79548 !important;
}

.btn-secondary:not(:disabled):not(.disabled):focus,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: #FFFFFF !important;
    background-color: #9F8039 !important;
    border-color: #9F8039 !important;
    box-shadow: 0 0 0 0.2rem rgba(199, 166, 90, 0.35) !important;
}


.btn-outline-secondary {
    color: #C7A65A !important;
    border-color: #C7A65A !important;
    background-color: transparent !important;
    border-width: 3px;
}

.btn-outline-secondary:not(:disabled):not(.disabled):hover,
.btn-outline-secondary:not(:disabled):not(.disabled):focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #212529 !important;
    background-color: #C7A65A !important;
    border-color: #C7A65A !important;
}

/* 無効時はマウスを重ねても変化させない */
.btn-outline-secondary:disabled,
.btn-outline-secondary:disabled:hover,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary:disabled:active,
.btn-outline-secondary.disabled,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled:active {
    color: #C7A65A !important;
    background-color: transparent !important;
    border-color: #C7A65A !important;
    box-shadow: none !important;
    opacity: 0.65;
}



.header-logo-container {
  height: 100%; /* 親要素（ヘッダー）の高さに合わせる */
  display: flex;
  align-items: center;
}

/* ロゴ画像のサイズ・形を調整 */
.logo-img {
    width: 180px;            /* 横幅だけ指定する（例: 180px） */
    height: auto;            /* 高さは自動で縦横比を維持 */
    display: block;
}