/*頁面title*/
.page-title-color {
    color: #86BCC2;
}

/*內容title*/
.body-title {
    color: #639CA3;
    font-size: 1.5em; /* 等於24px */
    font-weight: bold;
    text-align: end;
}

/*內容title分四格*/
.body-title-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.card-title-text {
    color: #767676;
    font-size: 1.17em;
    font-weight: 700;
    word-wrap: break-word
}

/*#region 展開收合*/
.expandBtn > .text-center {
    border-bottom: 1px solid #DDDDDD;
}
.expandBtn > .text-center > span {
    display: flex;
    align-items: center; /* 垂直置中 */
    justify-content: center; /* 水平置中*/
}
.expandBtn.close > .text-center > span::after /*展開*/ {
    content: "\ea8d";
    font-family: CoreUI-Icons-Free !important;
    display: inline-block;
    font-size: 1em;
    margin-left: 4px;
}
.expandBtn.open > .text-center > span::after /*收合*/ {
    content: "\ea90";
    font-family: CoreUI-Icons-Free !important;
    display: inline-block;
    font-size: 1em;
    margin-left: 4px;
}
/*#endregion 展開收合*/

/*#region 按鈕顏色*/
/*primary*/
.btn-primary {
    --cui-btn-bg: #79BDB1;
    --cui-btn-hover-bg: #64AEA1;
    --cui-btn-active-bg: #4F9F91;
    --cui-btn-disabled-bg: rgba(121, 189, 177, 0.30);
}

.btn-outline-primary {
    --cui-btn-color: #79BDB1;
    --cui-btn-bg: #fff;
    --cui-btn-border-color: #79BDB1;
    --cui-btn-hover-color: #79BDB1;
    --cui-btn-hover-bg: rgba(121, 189, 177, 0.12);
    --cui-btn-hover-border-color: #79BDB1;
    --cui-btn-active-bg: #4F9F91;
    --cui-btn-active-border-color: #79BDB1;
    --cui-btn-disabled-bg: #fff;
    --cui-btn-disabled-border-color: rgba(121, 189, 177, 0.32);
}

.btn-ghost-primary {
    --cui-btn-color: #79BDB1;
    --cui-btn-hover-bg: rgba(121, 189, 177, 0.12);
    --cui-btn-hover-border-color: rgba(121, 189, 177, 0.12);
    --cui-btn-hover-color: #79BDB1;
    --cui-btn-active-bg: #4F9F91;
    --cui-btn-active-border-color: #4F9F91;
    --cui-btn-disabled-color: rgba(121, 189, 177, 0.32);
}

/*warning*/
.btn-warning {
    --cui-btn-color: #fff;
    --cui-btn-bg: #FFA660;
    --cui-btn-hover-color: #fff;
    --cui-btn-hover-bg: #EF9C5B;
    --cui-btn-active-color: #fff;
    --cui-btn-active-bg: #EF9C5B;
    --cui-btn-disabled-color: #fff;
    --cui-btn-disabled-bg: rgba(241, 149, 27, 0.30);
}

.btn-outline-warning {
    --cui-btn-color: #FFA660;
    --cui-btn-bg: #fff;
    --cui-btn-border-color: #FFA660;
    --cui-btn-hover-color: #FFA660;
    --cui-btn-hover-bg: rgba(241, 149, 27, 0.12);
    --cui-btn-hover-border-color: #FFA660;
    --cui-btn-active-bg: #EF9C5B;
    --cui-btn-active-border-color: #FFA660;
    --cui-btn-disabled-bg: #fff;
    --cui-btn-disabled-border-color: rgba(241, 149, 27, 0.32);
}

.btn-ghost-warning {
    --cui-btn-color: #FFA660;
    --cui-btn-hover-bg: rgba(241, 149, 27, 0.12);
    --cui-btn-hover-border-color: rgba(241, 149, 27, 0.12);
    --cui-btn-hover-color: #FFA660;
    --cui-btn-active-bg: #EF9C5B;
    --cui-btn-active-border-color: #EF9C5B;
    --cui-btn-disabled-color: rgba(241, 149, 27, 0.32);
}
/*#endregion 按鈕顏色*/

/*#region 左選單*/
.sidebar {
    --cui-sidebar-bg: #FAD9DD;
}

.simplebar-content .nav-item a {
    color: #333;
    font-weight: bold;
}

.sidebar-nav .nav-link:hover {
    color: #333;
    background: #FCF3F5;
}

.sidebar-nav .nav-link.active {
    color: #333;
    background: #FCF3F5;
}
/*#endregion 左選單*/

/*頁簽*/
.active > .page-link, .page-link.active {
    background-color: #86BCC2;
    border-color: #86BCC2;
}

.pagination {
    --cui-pagination-hover-color: #333;
}

/*顏色*/
.Dark-pink {
    color: #EB8D9F;
}

.textcolor, .page-link {
    color: #333;
}

.green-color {
    color: #79BDB1;
}

/*內容背景顏色*/
.gray-bg {
    background-color: #F0F0F0;
}
.index-top-bg {
    background: linear-gradient(0deg, #FAD9DD 0%, #FCDEC8 100%);
}

/*#region 雲*/
.cloud{
    position:absolute;
    width:20%;
}
.cloud1 {
    top: 20px;
    left: -120px;
}
.cloud2 {
    top: 80px;
    left: 0px;
    margin-left:20%;
    margin-right:80%;
    animation-delay:1s;
}
.cloud3 {
    top: 20px;
    right: 0px;
    margin-left: 80%;
    margin-right: 20%;
}
.cloud4 {
    top: 80px;
    right: -120px;
    animation-delay: 1s;
}
/*#endregion 雲*/

/*#region 標籤Badge*/
.badge {
    font-size: 0.9rem; 
    text-shadow: 0 0.2px 0, 0 -0.2px 0, 0.2px 0 0, -0.2px 0 0;
}
.badge.bg-success {
    background-color: rgba(34,197,94,0.16) !important;
    color: #118D57;
}
.badge.bg-danger {
    background-color: rgba(255,86,48,0.16) !important;
    color: #B71D18;
}
.badge.bg-warning {
    background-color: rgba(255,171,0,0.16) !important;
    color: #B76E00;
}

.badge.bg-primary {
    background-color: rgba(139,158,255,0.16) !important;
    color: #638CF8;
}

.badge.bg-secondary {
    background-color: rgba(145,158,171,0.16) !important;
    color: #637381;
}
/*#endregion 標籤Badge*/


/* 歷程table */
.table-container {
    margin: 0 auto; /* 將容器置中 */
    max-width: 85%; /* 設定表格最大寬度 */
    padding: 0 20px; /* 容器左右留白 */
}

.form-multi-select.show .form-multi-select-dropdown {
    overflow-y: scroll;
    height: 30vh;
}