:root {
    /* cara customize color */
    --Customize_color: #059cb5;
    --Customize_color_2: #00899f;
    --Customize_HRcolor: #047d91;
    --Customize_danger_color: #dc3545;
    --Customize_color_3: #0d6efd;
    --Customize_color_4: #1509c0;
    --Graycolor: #727171;
    --FFFcolor: #ffffff;
    --blackcolor: #000000;
    --b2020color: #202020;
    --GCCCcolor: #cccccc;
    --G333color: #333333;
    --G3b3color: #3b3b3b;
    --G555color: #555555;
    --G575color: #575757;
    --G777color: #777777;
    --G999color: #999999;
    --G979color: #979797;
    --Gd7dcolor: #d7d7d7;
    --Gf1f2f7color: #f1f2f7;
    /* cara customize color */
}

/* GC: 以下為自行添加 */
.processing-message p {
    font-size: 1.5rem;    /* 調整字體大小 */
    color: var(--Customize_danger_color);    /* 設置字體顏色為紅色 */
    font-weight: bold;    /* 設置字體加粗 讓它更顯眼 */
}

.h1-centered-heading {
    text-align: center;
    background-color: #e0e0f0;
    padding: 10px;
}

.h3-centered-heading {
    text-align: center;
    background-color: #E0E0FA;
    padding: 10px;
}

/* 以下 for Accordion */
button.nav-link:hover {
    background-color: #f8f9fa;    /* 與 NavLink 一致的 hover 背景色 */
    color: #0056b3;    /* NavLink hover 時的文字顏色 */
    text-decoration: none;    /* 確保文字沒有下劃線 */
    cursor: pointer;    /* 顯示指針光標 */
}

/* 以下跟 announcement 有關 */
.div-color-1 {
    text-align: center;
    background-color: #E0E0FA;
}

.scrollable-div {
    width: 100%;    /* 寬度設定為 100% */
    height: 100px;    /* 高度固定為 100px */
    overflow: auto;    /* 開啟垂直與水平的滾動條 */
    border: 1px solid #ccc;    /* 增加一個邊框方便視覺化 */
    padding: 3px;    /* 增加內部間距 */
    box-sizing: border-box;    /* 確保 padding 不會影響設定的寬高 */

    z-index: 1;    /* 確保層級不會與其他元素重疊 */
    margin: 3px auto;
}

.preserve-whitespace {
    white-space: pre-wrap;
}

/*  以下 for Node Pages */
.NodePageParent {
    display: grid;
    grid-gap: 3px;    /* 使用比例來設置列的寬度 */
    grid-template-columns: [col1-start] 1.5fr [col2-start] 2fr [col3-start] 1fr [col3-end];    /* 使用 fr 單位來設置行的高度比例 */
    grid-template-rows: [row1-start] 8fr [row2-start] 3fr [row2-end];    /* 父容器的高度為 100% 瀏覽器高度 */
    height: 100vh;
}

/*  以下 for Node Pages */
.NodePageParent_4_components {
    display: grid;
    grid-gap: 3px;    /* 使用比例來設置列的寬度 */
    grid-template-columns: [col1-start] 1.5fr [col2-start] 2fr [col3-start] 1fr [col3-end];    /* 使用 fr 單位來設置行的高度比例 */
    grid-template-rows: [row1-start] 8fr [row2-start] 0.5fr [row3-start] 2fr [row3-end];    /* 父容器的高度為 100% 瀏覽器高度 */
    height: 100vh;
}

.divPendingItems,
.divDocument,
.divRobot {
    color: #f0f0f0;    /* 使用百分比設置內部間距 */
    padding: 1%;
}

.divPendingItems {
    grid-column: col1-start;
    grid-row: row1-start;
    background-color: #f0f0f5;
    color: var(--Customize_color);
}

.divDocument {
    grid-column: col2-start/col3-end;
    grid-row: row1-start;
    background-color: #f5f5f5;
    color: #000;

}

.divRobot {
    grid-column: col1-start/col3-end;
    grid-row: row3-start;
    background-color: #f5f5f8;
    color: #000;
}

.divButton {
    grid-column: col1-start/col3-end;
    grid-row: row2-start;
    text-align: center;
    padding: 1%;
}

.accept-path-section {
    background-color: #f0f0f8;    /* 淺灰藍色 */
    padding: 0px;
    margin-bottom: 5px;    /* 兩者之間的間隔 */
}

.reject-path-section {
    background-color: #f8f0f0;    /* 淺灰紅色 */
    padding: 0px;
    margin-bottom: 5px;    /* 兩者之間的間隔 */
}

.form-group {
    width: 40%;
    max-width: 400px;
    background-color: var(--Customize_color);
    color: ghostwhite;
}

/* for toggle */
.toggle-switch {
    display: flex;
    align-items: center;
    padding: 10px;
}

.toggle-switch input {
    display: none;
}

.slider {
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}

.slider:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: whitesmoke;
    border-radius: 50%;
    left: 2px;
    top: 1px;
    transition: transform 0.3s;
}

input:checked+.slider {
    background-color: darkcyan;
}

input:checked+.slider:before {
    transform: translateX(20px);
}

.toggle-text {
    margin-left: 10px;
    font-size: 1rem;
    color: whitesmoke;
}

/* For BigFormComponent */
.tab-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.tab-default {
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-default:hover {
    background-color: #e0e0e0;
}

.tab-selected {
    background-color: #007bff !important;
    color: #fff;
    border: 1px solid #007bff !important;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
}

/* 顯示期限天數 */
/* 容器樣式 */
.notification-container {
    display: grid;
    grid-template-columns: max-content auto max-content;    /* 固定列寬，保證對齊 */
    gap: 5px;    /* 列間距 */
    align-items: center;    /* 保證文字垂直對齊 */
}

.row {
    display: contents;    /* 讓內部結構表現為單行 */
}

.label {
    color: black;
    font-weight: bold;
    margin-right: 5px;    /* 與值的間距 */
    
}

/* Badge 樣式 */
.notification-badge {
    margin-left: 5px;    /* 與文字之間的距離 */
    background-color: var(--Customize_danger_color);
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 50%;    /* 使其成為圓形 */
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/* 顏色樣式 */
.green {
    background-color: #008d00;
    color: white !important;
}

.orange {
    background-color: #f99a00;
    color: black !important;
}

.yellow {
    background-color: #ffff00;
    color: black !important;
}

.red {
    background-color: var(--Customize_danger_color);
    color: white !important;
}

.purple {
    background-color: var(--Customize_color_4);
    color: white !important;
}

/* 表頭顏色 */
.table thead {
    background-color: #f2f2f2;    /* 淺灰色 */
    color: black;    /* 表頭文字顏色 */
}

/* 單數行的顏色 */
.table tbody tr:nth-child(odd) {
    background-color: #ffffff;    /* 白色 */
}

/* 雙數行的顏色 */
.table tbody tr:nth-child(even) {
    background-color: #e6f7ff;    /* 淺藍色 */
}

/* 讓表格邊框更清晰 */
.table {
    border: 1px solid #ddd;    /* 邊框顏色 */
}

.table td,
.table th {
    border: 1px solid #ddd;    /* 每個單元格的邊框 */
    padding: 8px;    /* 單元格內部間距 */
}

/* 可選：滑鼠懸停行的顏色變化 */
.table tbody tr:hover {
    background-color: #cce7ff;    /* 更深的藍色 */
}

/* 以下由 python 抽取自各個 razor files */

/* ===== Styles from Components\Account\Pages\Manage\TwoFactorAuthentication.razor ===== */

/* From Components\Account\Pages\Manage\TwoFactorAuthentication.razor, line 44, inline style */
.legacy-TwoFactorAuthentication-1-1-line44 {
    display: inline-block;
}

/* ===== Styles from Components\Account\Shared\ExternalLoginPicker.razor ===== */

/* From Components\Account\Shared\ExternalLoginPicker.razor, line 11, inline style */
.legacy-ExternalLoginPicker-1-1-line11 {
    color: mediumpurple;
}

/* ===== Styles from Components\Common\BigForm\BigFormComponent.razor ===== */

/* From Components\Common\BigForm\BigFormComponent.razor, line 49, inline style */
.legacy-BigFormComponent-1-75-line49 {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 50, inline style */
.legacy-BigFormComponent-2-75-line50 {
    color: deeppink;
    font-size: large;
    display: flex;
    align-items: center;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 59, inline style */
/*
.legacy-BigFormComponent-3-75-line59 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 65, inline style */
/*
.legacy-BigFormComponent-4-75-line65 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 71, inline style */
/*
.legacy-BigFormComponent-5-75-line71 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 77, inline style */
/*
.legacy-BigFormComponent-6-75-line77 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 83, inline style */
/*
.legacy-BigFormComponent-7-75-line83 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 89, inline style */
/*
.legacy-BigFormComponent-8-75-line89 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 97, inline style */
/*
.legacy-BigFormComponent-9-75-line97 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 106, inline style */
/*
.legacy-BigFormComponent-10-75-line106 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 119, inline style */
/*
.legacy-BigFormComponent-11-75-line119 {
  @(IsClickable ?;
  background-color:blueviolet;
  color:whitesmoke;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 127, inline style */
/*
.legacy-BigFormComponent-12-75-line127 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 136, inline style */
/*
.legacy-BigFormComponent-13-75-line136 {
  @(IsClickable ?;
  background-color:blueviolet;
  color:whitesmoke;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 144, inline style */
/*
.legacy-BigFormComponent-14-75-line144 {
  @(IsClickable ?;
  font-size: 12px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 175, inline style */
.legacy-BigFormComponent-15-75-line175 {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1px;
    width: 60%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 191, inline style */
/*
.legacy-BigFormComponent-16-75-line191 {
  background-color: @(fieldVisibility.ContainsKey(field.FormFieldId) && fieldVisibility[field.FormFieldId] && field.DependentFieldName != null ?;
  grid-column: span @(field.ColumnSpan);
  margin-bottom: 2px;
  padding-bottom: 5px;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 198, inline style */
.legacy-BigFormComponent-17-75-line198 {
    background-color: #f0f0f0;
    padding: 2px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 201, inline style */
.legacy-BigFormComponent-18-75-line201 {
    color: firebrick;
    display: block;
    margin-bottom: 5px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 205, inline style */
.legacy-BigFormComponent-19-75-line205 {
    display: block;
    margin-bottom: 5px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 270, inline style */
.legacy-BigFormComponent-20-75-line270 {
    position: relative;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 308, inline style */
.legacy-BigFormComponent-21-75-line308 {
    max-height: 200px;
    overflow-y: auto;
    z-index: 1050;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 323, inline style */
.legacy-BigFormComponent-22-75-line323 {
    position: relative;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 427, inline style */
.legacy-BigFormComponent-23-75-line427 {
    align-items: center;
    display: flex;
    margin-bottom: 5px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 434, inline style */
.legacy-BigFormComponent-24-75-line434 {
    margin-left: 5px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 443, inline style */
.legacy-BigFormComponent-25-75-line443 {
    margin-left: 10px;
    width: 150px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 497, inline style */
.legacy-BigFormComponent-26-75-line497 {
    background-color: #d0d0d0;
    padding: 2px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 498, inline style */
.legacy-BigFormComponent-27-75-line498 {
    display: block;
    /* margin-bottom: 5px; */
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 544, inline style */
.legacy-BigFormComponent-28-75-line544 {
    border: 1px solid #ccc;
    cursor: pointer;
    max-height: 50px;
    max-width: 50px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 556, inline style */
.legacy-BigFormComponent-29-75-line556 {
    border: 1px solid #ccc;
    cursor: pointer;
    max-height: 100px;
    max-width: 100px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 574, inline style */
.legacy-BigFormComponent-30-75-line574 {
    /* margin: 20px; */
    width: 100%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 576, inline style */
.legacy-BigFormComponent-31-75-line576 {
    background-color: lightslategrey;
    color: whitesmoke;
    padding: 0.7rem 0.5rem;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 602, inline style */
.legacy-BigFormComponent-32-75-line602 {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 607, inline style */
.legacy-BigFormComponent-33-75-line607 {
    color: darkslateblue;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 610, inline style */
.legacy-BigFormComponent-34-75-line610 {
    display: flex;
    gap: 20px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 629, inline style */
.legacy-BigFormComponent-35-75-line629 {
    color: darkslateblue;
    font-weight: bold;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 630, inline style */
.legacy-BigFormComponent-36-75-line630 {
    color: darkgray;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 631, inline style */
.legacy-BigFormComponent-37-75-line631 {
    color: darkslateblue;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 636, inline style */
.legacy-BigFormComponent-38-75-line636 {
    display: flex;
    gap: 20px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 662, inline style */
.legacy-BigFormComponent-39-75-line662 {
    background-color: lightslategrey;
    color: whitesmoke;
    padding: 0.7rem 0.5rem;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 668, inline style */
.legacy-BigFormComponent-40-75-line668 {
    align-items: center;
    display: flex;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 672, inline style */
.legacy-BigFormComponent-41-75-line672 {
    color: firebrick;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 676, inline style */
.legacy-BigFormComponent-42-75-line676 {
    align-items: center;
    display: flex;
    gap: 5px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 678, inline style */
.legacy-BigFormComponent-43-75-line678 {
    flex: 1;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 707, inline style */
.legacy-BigFormComponent-44-75-line707 {
    margin: 20px;
    width: 100%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 708, inline style */
.legacy-BigFormComponent-45-75-line708 {
    background-color: lightslategrey;
    color: whitesmoke;
    padding: 0.7rem 0.5rem;
    margin-bottom: 1.5rem;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 756, inline style */
/*
.legacy-BigFormComponent-46-75-line756 {
  @(IsFileSelected(category, file) ?;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 762, inline style */
.legacy-BigFormComponent-47-75-line762 {
    margin-left: 10px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 773, inline style */
.legacy-BigFormComponent-48-75-line773 {
    cursor: pointer;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 786, inline style */
.legacy-BigFormComponent-49-75-line786 {
    margin-bottom: 5px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 806, inline style */
/*
.legacy-BigFormComponent-50-75-line806 {
  @(IsFileSelected(category, file) ?;
}
*/

/* From Components\Common\BigForm\BigFormComponent.razor, line 812, inline style */
.legacy-BigFormComponent-51-75-line812 {
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 8px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 821, inline style */
.legacy-BigFormComponent-52-75-line821 {
    color: darkslateblue;
    font-weight: bold;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 822, inline style */
.legacy-BigFormComponent-53-75-line822 {
    color: darkgray;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 824, inline style */
.legacy-BigFormComponent-54-75-line824 {
    color: darkslateblue;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 897, inline style */
.legacy-BigFormComponent-55-75-line897 {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-top: 10px;
    width: 100%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 901, inline style */
.legacy-BigFormComponent-56-75-line901 {
    background-color: inherit;
    color: gray;
    margin-right: auto;
    pointer-events: none;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 908, inline style */
.legacy-BigFormComponent-57-75-line908 {
    margin-right: auto;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 915, inline style */
.legacy-BigFormComponent-58-75-line915 {
    margin-left: auto;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 923, inline style */
.legacy-BigFormComponent-59-75-line923 {
    background-color: inherit;
    color: gray;
    margin-left: auto;
    pointer-events: none;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 931, inline style */
.legacy-BigFormComponent-60-75-line931 {
    display: block;
    margin-left: 10px;
    margin-right: auto;
    max-width: 60%;
    width: 60%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 933, inline style */
.legacy-BigFormComponent-61-75-line933 {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-top: 10px;
    width: 60%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 937, inline style */
.legacy-BigFormComponent-62-75-line937 {
    background-color: inherit;
    color: gray;
    margin-right: auto;
    pointer-events: none;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 944, inline style */
.legacy-BigFormComponent-63-75-line944 {
    margin-right: auto;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 951, inline style */
.legacy-BigFormComponent-64-75-line951 {
    margin-left: auto;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 959, inline style */
.legacy-BigFormComponent-65-75-line959 {
    background-color: inherit;
    color: gray;
    margin-left: auto;
    pointer-events: none;
    width: 45%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 976, inline style */
.legacy-BigFormComponent-66-75-line976 {
    display: block;
    margin-left: 10px;
    margin-right: auto;
    max-width: 60%;
    width: 60%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 986, inline style */
.legacy-BigFormComponent-67-75-line986 {
    display: block;
    margin-left: 10px;
    margin-right: auto;
    max-width: 60%;
    width: 60%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 994, inline style */
.legacy-BigFormComponent-68-75-line994 {
    display: block;
    /* margin-left: 10px; */
    width: 100%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, line 1008, inline style */
.legacy-BigFormComponent-69-75-line1008 {
    display: block;
    margin-left: 10px;
    max-width: 60%;
    width: 60%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, block <style>, block #70 of 75 */
.image-modal {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* From Components\Common\BigForm\BigFormComponent.razor, block <style>, block #71 of 75 */
.full-image {
    border: 5px solid white;
    cursor: pointer;
    max-height: 90%;
    max-width: 90%;
}

/* From Components\Common\BigForm\BigFormComponent.razor, block <style>, block #72 of 75 */
/* for auto-completion */
.autocomplete-list__BigFormComponent {
    background-color: white;
    border: 1px solid #303030;
    list-style-type: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding-left: 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

/* From Components\Common\BigForm\BigFormComponent.razor, block <style>, block #73 of 75 */
.autocomplete-list li {
    /* 加上格線效果 */
    /* 確保預設背景也是白色 */
    border-bottom: 1px solid #ddd;
    /* 顯示為黑色文字 */
    background-color: white;
    color: black;
    cursor: pointer;
    padding: 8px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, block <style>, block #74 of 75 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Common\BigForm\BigFormComponent.razor, block <style>, block #75 of 75 */
.autocomplete-list li.focused,
.autocomplete-list li:hover {
    background-color: #007bff;
    color: white;
}



/* ===== Styles from Components\Common\ConfirmationModal.razor ===== */

/* From Components\Common\ConfirmationModal.razor, line 28, inline style */
.legacy-ConfirmationModal-1-2-line28 {
    display: block;
}

/* From Components\Common\ConfirmationModal.razor, line 31, inline style */
.legacy-ConfirmationModal-2-2-line31 {
    background-color: darksalmon;
    color: whitesmoke;
    font-weight: 700;
}



/* ===== Styles from Components\Common\Dashboard\KpiCard.razor ===== */

/* From Components\Common\Dashboard\KpiCard.razor, line 4, inline style */
/*
.legacy-KpiCard-1-2-line4 {
  @GetStyle();
}
*/

/* From Components\Common\Dashboard\KpiCard.razor, line 7, inline style */
/*
.legacy-KpiCard-2-2-line7 {
  color:@ValueColor;
}
*/




/* ===== Styles from Components\Common\DocumentLending\DocumentLendingForm.razor ===== */

/* From Components\Common\DocumentLending\DocumentLendingForm.razor, block <style>, block #1 of 6 */
.editable-section {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-top: 1rem;
}

/* From Components\Common\DocumentLending\DocumentLendingForm.razor, block <style>, block #2 of 6 */
.form-label-custom {
    color: #444;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

/* From Components\Common\DocumentLending\DocumentLendingForm.razor, block <style>, block #3 of 6 */
.readonly-box {
    /* 淺藍灰底 */
    border: 1px solid #b0c4de;    /* 較明顯的藍灰邊框 */
    padding: 0.375rem 0.75rem;
    background-color: #f0f4f8;
    border-radius: 5px;
    color: #2a2a2a;
    font-size: 0.95rem;
}

/* From Components\Common\DocumentLending\DocumentLendingForm.razor, block <style>, block #4 of 6 */
.section-title {
    border-bottom: 2px solid #c8d6e5;
    color: #0d6efd;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

/* From Components\Common\DocumentLending\DocumentLendingForm.razor, block <style>, block #5 of 6 */
.form-section {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #b0c4de;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    /* width: 900px; */
    width: 100%;
    padding: 2rem;
}
@media (max-width: 1200px) {
    .form-section {
        width: 100%;
    }
}
/* From Components\Common\DocumentLending\DocumentLendingForm.razor, block <style>, block #6 of 6 */
.form-button-row {
    margin-top: 1.5rem;
    text-align: right;
}



/* ===== Styles from Components\Common\DocumentLending\DocumentLendingRecord.razor ===== */

/* From Components\Common\DocumentLending\DocumentLendingRecord.razor, line 24, inline style */
.legacy-DocumentLendingRecord-1-3-line24 {
    background-color: #f8f9fa;
}

/* From Components\Common\DocumentLending\DocumentLendingRecord.razor, block <style>, block #2 of 3 */
th {
    cursor: pointer;
}

/* From Components\Common\DocumentLending\DocumentLendingRecord.razor, block <style>, block #3 of 3 */
.table-container__DocumentLendingRecord {
    /* 垂直滾動條 */
    overflow-x: auto;    /* 垂直高度限制 */
    overflow-y: auto;   /* 水平滾動條 */
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    max-height: 500px;
}



/* ===== Styles from Components\Common\DocumentLending\DocumentLendingReviewDetail.razor ===== */

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 64, inline style */
.legacy-DocumentLendingReviewDetail-1-17-line64 {
    text-align: right;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 80, inline style */
.legacy-DocumentLendingReviewDetail-2-17-line80 {
    display: none;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 82, inline style */
.legacy-DocumentLendingReviewDetail-3-17-line82 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 83, inline style */
.legacy-DocumentLendingReviewDetail-4-17-line83 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 84, inline style */
.legacy-DocumentLendingReviewDetail-5-17-line84 {
    margin-top: 10px;
    text-align: right;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 87, inline style */
.legacy-DocumentLendingReviewDetail-6-17-line87 {
    border: 1px solid black;
    margin-bottom: 100px;
    padding: 20px;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 88, inline style */
.legacy-DocumentLendingReviewDetail-7-17-line88 {
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 89, inline style */
.legacy-DocumentLendingReviewDetail-8-17-line89 {
    width: 25%;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 89, inline style */
.legacy-DocumentLendingReviewDetail-9-17-line89 {
    width: 75%;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 104, inline style */
.legacy-DocumentLendingReviewDetail-10-17-line104 {
    margin-top: 40px;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 106, inline style */
.legacy-DocumentLendingReviewDetail-11-17-line106 {
    margin-left: 150px;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, line 112, inline style */
.legacy-DocumentLendingReviewDetail-12-17-line112 {
    border-top: 2px dashed darkgray;
    margin: 30px 0;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, block <style>, block #13 of 17 */
.review-section {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #b0c4de;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    max-width: 900px;
    padding: 2rem;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, block <style>, block #14 of 17 */
.readonly-line {
    background-color: #f0f4f8;
    border-radius: 5px;
    border: 1px solid #b0c4de;
    color: #2a2a2a;
    font-size: 0.95rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0.75rem;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, block <style>, block #15 of 17 */
.review-label__DocumentLendingReviewDetail {
    color: #444;
    font-weight: 600;
    margin-bottom: 4px;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, block <style>, block #16 of 17 */
.review-title {
    border-bottom: 2px solid #c8d6e5;
    color: #0d6efd;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
}

/* From Components\Common\DocumentLending\DocumentLendingReviewDetail.razor, block <style>, block #17 of 17 */
.form-button-row {
    margin-top: 1.5rem;
    text-align: right;
}



/* ===== Styles from Components\Common\DocumentLending\MyDocumentBorrowing.razor ===== */

/* From Components\Common\DocumentLending\MyDocumentBorrowing.razor, line 23, inline style */
.legacy-MyDocumentBorrowing-1-3-line23 {
    background-color: #f8f9fa;
}

/* From Components\Common\DocumentLending\MyDocumentBorrowing.razor, block <style>, block #2 of 3 */
.table-container__MyDocumentBorrowing {
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
}

/* From Components\Common\DocumentLending\MyDocumentBorrowing.razor, block <style>, block #3 of 3 */
th {
    cursor: pointer;
}



/* ===== Styles from Components\Common\DocumentLending\PendingDocumentLending.razor ===== */

/* From Components\Common\DocumentLending\PendingDocumentLending.razor, line 148, inline style */
.legacy-PendingDocumentLending-1-5-line148 {
    background-color: #f8f9fa;
}

/* From Components\Common\DocumentLending\PendingDocumentLending.razor, block <style>, block #2 of 5 */
th {
    cursor: pointer;
}

/* From Components\Common\DocumentLending\PendingDocumentLending.razor, block <style>, block #3 of 5 */
.table-container__PendingDocumentLending {
    /* 垂直滾動條 */
    overflow-x: auto;    /* 垂直高度限制 */
    overflow-y: auto;    /* 水平滾動條 */
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    max-height: 500px;
}

/* From Components\Common\DocumentLending\PendingDocumentLending.razor, block <style>, block #4 of 5 */
.search-box {
    background-color: #fdfdfd;
    border-radius: 8px;
    border: 1px solid #ced4da;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 16px;
}

/* From Components\Common\DocumentLending\PendingDocumentLending.razor, block <style>, block #5 of 5 */
.search-box h5 {
    color: #0d6efd;
    font-weight: 600;
    margin-bottom: 16px;
}



/* ===== Styles from Components\Common\DocumentLending\PrintedDocumentLending.razor ===== */

/* From Components\Common\DocumentLending\PrintedDocumentLending.razor, line 24, inline style */
.legacy-PrintedDocumentLending-1-2-line24 {
    background-color: #f8f9fa;
}

/* From Components\Common\DocumentLending\PrintedDocumentLending.razor, block <style>, block #2 of 2 */
.table-container__PrintedDocumentLending {
    /* 垂直滾動條 */
    overflow-x: auto;    /* 垂直高度限制 */
    overflow-y: auto;    /* 水平滾動條 */
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    max-height: 500px;
}



/* ===== Styles from Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor ===== */

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 122, inline style */
.legacy-PrintedDocumentReturningDetail-1-17-line122 {
    display: none;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 123, inline style */
.legacy-PrintedDocumentReturningDetail-2-17-line123 {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 125, inline style */
.legacy-PrintedDocumentReturningDetail-3-17-line125 {
    text-align: center;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 126, inline style */
.legacy-PrintedDocumentReturningDetail-4-17-line126 {
    text-align: center;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 129, inline style */
.legacy-PrintedDocumentReturningDetail-5-17-line129 {
    border-collapse: collapse;
    font-size: 1.1rem;
    text-align: left;
    width: 100%;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 175, inline style */
.legacy-PrintedDocumentReturningDetail-6-17-line175 {
    height: 100px;
    vertical-align: bottom;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, line 179, inline style */
.legacy-PrintedDocumentReturningDetail-7-17-line179 {
    height: 100px;
    vertical-align: bottom;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #8 of 17 */
.review-section {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #b0c4de;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    max-width: none;
    width: 100%;
    padding: 2rem;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #9 of 17 */
.readonly-line {
    background-color: #f0f4f8;
    border-radius: 5px;
    border: 1px solid #b0c4de;
    color: #2a2a2a;
    font-size: 0.95rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0.75rem;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #10 of 17 */
.review-label__PrintedDocumentReturningDetail {
    color: #444;
    font-weight: 600;
    margin-bottom: 4px;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #11 of 17 */
.review-title {
    border-bottom: 2px solid #c8d6e5;
    color: #0d6efd;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #12 of 17 */
.form-button-row {
    margin-top: 1.5rem;
    text-align: right;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #13 of 17 */
.strong-border td,
.strong-border th {
    border: 2px solid black;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #14 of 17 */
body {
    font-family: Arial, sans-serif;
    text-align: center;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #15 of 17 */
.table {
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #16 of 17 */
.table th,
.table td {
    border: 1px solid #ddd;
    padding: 8px;
}

/* From Components\Common\DocumentLending\PrintedDocumentReturningDetail.razor, block <style>, block #17 of 17 */
.table th {
    background-color: #f2f2f2;
}



/* ===== Styles from Components\Common\FlowControl\AcceptToNextNode.razor ===== */

/* From Components\Common\FlowControl\AcceptToNextNode.razor, line 6, inline style */
/*
.legacy-AcceptToNextNode-1-1-line6 {
  @(IsEnabled ?;
}
*/


/* ===== Styles from Components\Common\FlowControl\ApplicationItem.razor ===== */

/* From Components\Common\FlowControl\ApplicationItem.razor, line 6, inline style */
.legacy-ApplicationItem-1-4-line6 {
    background-color: #e0e0ee;
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 3px;
}
.legacy-ApplicationItem-1-4-line6 span {
    display: inline-block;
    margin-bottom: 5px;
}
@media (max-width: 992px) {
    .legacy-ApplicationItem-1-4-line6 span {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .legacy-ApplicationItem-1-4-line6 span {
        margin-bottom: 12.5px;
    }
}

/* From Components\Common\FlowControl\ApplicationItem.razor, line 7, inline style */
.legacy-ApplicationItem-2-4-line7 {
    color: black;
}

/* From Components\Common\FlowControl\ApplicationItem.razor, line 7, inline style */
.legacy-ApplicationItem-3-4-line7 {
    color: black;
}

/* From Components\Common\FlowControl\ApplicationItem.razor, line 11, inline style */
.legacy-ApplicationItem-4-4-line11 {
    background-color: #add8e6;
    border-radius: 5px;
    border: none;
    color: black;
    font-size: 0.5rem;
    height: 1.0rem;
    width: 2rem;
}



/* ===== Styles from Components\Common\FlowControl\ArchivedItem.razor ===== */

/* From Components\Common\FlowControl\ArchivedItem.razor, line 21, inline style */
.legacy-ArchivedItem-1-2-line21 {
    cursor: pointer;
}

/* From Components\Common\FlowControl\ArchivedItem.razor, line 87, inline style */
.legacy-ArchivedItem-2-2-line87 {
    background-color: lightsteelblue;
}



/* ===== Styles from Components\Common\FlowControl\ArchivedItems.razor ===== */

/* From Components\Common\FlowControl\ArchivedItems.razor, line 27, inline style */
.legacy-ArchivedItems-1-8-line27 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 28, inline style */
.legacy-ArchivedItems-2-8-line28 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 29, inline style */
.legacy-ArchivedItems-3-8-line29 {
    margin: 0;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 32, inline style */
.legacy-ArchivedItems-4-8-line32 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 34, inline style */
.legacy-ArchivedItems-5-8-line34 {
    background-color: lightslategrey;
    color: whitesmoke;
    height: 1.6rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 36, inline style */
.legacy-ArchivedItems-6-8-line36 {
    margin-right: 10px;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 37, inline style */
.legacy-ArchivedItems-7-8-line37 {
    font-size: 0.7rem;
    font-weight: 500;
}

/* From Components\Common\FlowControl\ArchivedItems.razor, line 115, inline style */
.legacy-ArchivedItems-8-8-line115 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}



/* ===== Styles from Components\Common\FlowControl\AssignmentDetails.razor ===== */

/* From Components\Common\FlowControl\AssignmentDetails.razor, line 24, inline style */
.legacy-AssignmentDetails-1-1-line24 {
    color: dodgerblue;
    font-weight: 500;
}



/* ===== Styles from Components\Common\FlowControl\AssignmentItem.razor ===== */

/* From Components\Common\FlowControl\AssignmentItem.razor, line 19, inline style */
.legacy-AssignmentItem-1-1-line19 {
    cursor: pointer;
}



/* ===== Styles from Components\Common\FlowControl\CheckAllItemsByNodeId.razor ===== */

/* From Components\Common\FlowControl\CheckAllItemsByNodeId.razor, line 10, inline style */
.legacy-CheckAllItemsByNodeId-1-6-line10 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\CheckAllItemsByNodeId.razor, line 11, inline style */
.legacy-CheckAllItemsByNodeId-2-6-line11 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\CheckAllItemsByNodeId.razor, line 14, inline style */
.legacy-CheckAllItemsByNodeId-3-6-line14 {
    margin: 0;
}

/* From Components\Common\FlowControl\CheckAllItemsByNodeId.razor, line 18, inline style */
.legacy-CheckAllItemsByNodeId-4-6-line18 {
    margin: 0;
}

/* From Components\Common\FlowControl\CheckAllItemsByNodeId.razor, line 22, inline style */
.legacy-CheckAllItemsByNodeId-5-6-line22 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\CheckAllItemsByNodeId.razor, line 45, inline style */
.legacy-CheckAllItemsByNodeId-6-6-line45 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}



/* ===== Styles from Components\Common\FlowControl\CheckNodeItem.razor ===== */

/* From Components\Common\FlowControl\CheckNodeItem.razor, line 12, inline style */
.legacy-CheckNodeItem-1-4-line12 {
    background-color: #e0e0ee;
    cursor: pointer;
    /* height: 2.5rem; */
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    /* padding-left: 3px; */
    padding: 15px 5px;
}

/* From Components\Common\FlowControl\CheckNodeItem.razor, line 15, inline style */
.legacy-CheckNodeItem-2-4-line15 {
    display: inline-block;
    position: relative;
}

/* From Components\Common\FlowControl\CheckNodeItem.razor, line 16, inline style */
.legacy-CheckNodeItem-3-4-line16 {
    display: none;
}

/* From Components\Common\FlowControl\CheckNodeItem.razor, line 19, inline style */
.legacy-CheckNodeItem-4-4-line19 {
    align-items: center;
    display: flex;
    gap: 10px;
}



/* ===== Styles from Components\Common\FlowControl\CompanyProject.razor ===== */

/* From Components\Common\FlowControl\CompanyProject.razor, line 10, inline style */
.legacy-CompanyProject-1-5-line10 {
    display: grid;

    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\CompanyProject.razor, line 11, inline style */
.legacy-CompanyProject-2-5-line11 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\CompanyProject.razor, line 12, inline style */
.legacy-CompanyProject-3-5-line12 {
    margin: 0;
}

/* From Components\Common\FlowControl\CompanyProject.razor, line 15, inline style */
.legacy-CompanyProject-4-5-line15 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\CompanyProject.razor, line 53, inline style */
.legacy-CompanyProject-5-5-line53 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}



/* ===== Styles from Components\Common\FlowControl\CompanyProjectExtension.razor ===== */

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 16, inline style */
.legacy-CompanyProjectExtension-1-14-line16 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 17, inline style */
.legacy-CompanyProjectExtension-2-14-line17 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 18, inline style */
.legacy-CompanyProjectExtension-3-14-line18 {
    margin: 0;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 21, inline style */
.legacy-CompanyProjectExtension-4-14-line21 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 42, inline style */
.legacy-CompanyProjectExtension-5-14-line42 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 78, inline style */
.legacy-CompanyProjectExtension-6-14-line78 {
    background-color: lightblue;
    color: ghostwhite;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, line 105, inline style */
.legacy-CompanyProjectExtension-7-14-line105 {
    background-color: var(--Customize_color);
    color: white;
    font-weight: bold;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #8 of 14 */
.info-container {
    border-collapse: collapse;
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #9 of 14 */
.info-row {
    display: table-row;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #10 of 14 */
.info-row:nth-child(odd) {
    /* 单数行颜色 */
    background-color: #f9f9f9;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #11 of 14 */
.info-row:nth-child(even) {
    /* 双数行颜色 */
    background-color: #e0e0e0;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #12 of 14 */
.info-cell {
    color: black;
    display: table-cell;
    padding: 10px;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #13 of 14 */
.action-container {
    margin-top: 20px;
}

/* From Components\Common\FlowControl\CompanyProjectExtension.razor, block <style>, block #14 of 14 */
.action-container label {
    font-weight: bold;
    margin-right: 10px;
}



/* ===== Styles from Components\Common\FlowControl\ExportFilesNode.razor ===== */

/* From Components\Common\FlowControl\ExportFilesNode.razor, line 4, inline style */
.legacy-ExportFilesNode-1-1-line4 {
    padding: 3px;
}



/* ===== Styles from Components\Common\FlowControl\ExportNodePage.razor ===== */

/* From Components\Common\FlowControl\ExportNodePage.razor, line 16, inline style */
.legacy-ExportNodePage-1-6-line16 {
    color: var(--Customize_danger_color);
    font-weight: bold;
}

/* From Components\Common\FlowControl\ExportNodePage.razor, line 20, inline style */
.legacy-ExportNodePage-2-6-line20 {
    color: blue;
}

/* From Components\Common\FlowControl\ExportNodePage.razor, line 21, inline style */
.legacy-ExportNodePage-3-6-line21 {
    color: blue;
}

/* From Components\Common\FlowControl\ExportNodePage.razor, line 27, inline style */
.legacy-ExportNodePage-4-6-line27 {
    margin: 0px 0;
    text-align: center;
}

/* From Components\Common\FlowControl\ExportNodePage.razor, line 28, inline style */
.legacy-ExportNodePage-5-6-line28 {
    width: 100%;
}

/* From Components\Common\FlowControl\ExportNodePage.razor, line 41, inline style */
.legacy-ExportNodePage-6-6-line41 {
    color: var(--Customize_color_4);
    font-style: italic;
    font-weight: bold;
}



/* ===== Styles from Components\Common\FlowControl\ExtensionReviewNodePage.razor ===== */

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #1 of 11 */
.review-container {
    background-color: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
    /* margin: 20px; */
    width: 100%;
    padding: 20px 25%;
}
@media (max-width:1200px) {
    .review-container {
        padding: 20px;
    }
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #2 of 11 */
.review-container h4 {
    color: #333;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #3 of 11 */
.review-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #4 of 11 */
.review-label__ExtensionReviewNodePage {
    color: #555;
    font-weight: bold;
    width: 50%;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #5 of 11 */
.review-value {
    color: #000;
    text-align: right;
    width: 50%;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #6 of 11 */
.button-container {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #7 of 11 */
.btn {
    border-radius: 5px;
    font-size: 1rem;
    padding: 10px 20px;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #8 of 11 */
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #9 of 11 */
.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #10 of 11 */
.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

/* From Components\Common\FlowControl\ExtensionReviewNodePage.razor, block <style>, block #11 of 11 */
.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}



/* ===== Styles from Components\Common\FlowControl\PendingApplications.razor ===== */

/* From Components\Common\FlowControl\PendingApplications.razor, line 8, inline style */
.legacy-PendingApplications-1-5-line8 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\PendingApplications.razor, line 9, inline style */
.legacy-PendingApplications-2-5-line9 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\PendingApplications.razor, line 10, inline style */
.legacy-PendingApplications-3-5-line10 {
    margin: 0;
}

/* From Components\Common\FlowControl\PendingApplications.razor, line 13, inline style */
.legacy-PendingApplications-4-5-line13 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\PendingApplications.razor, line 28, inline style */
.legacy-PendingApplications-5-5-line28 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}



/* ===== Styles from Components\Common\FlowControl\PendingExtensionRequestingItems.razor ===== */

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 20, inline style */
.legacy-PendingExtensionRequestingItems-1-8-line20 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 21, inline style */
.legacy-PendingExtensionRequestingItems-2-8-line21 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 22, inline style */
.legacy-PendingExtensionRequestingItems-3-8-line22 {
    margin: 0;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 25, inline style */
.legacy-PendingExtensionRequestingItems-4-8-line25 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 27, inline style */
.legacy-PendingExtensionRequestingItems-5-8-line27 {
    background-color: lightslategrey;
    color: whitesmoke;
    height: 1.6rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 29, inline style */
.legacy-PendingExtensionRequestingItems-6-8-line29 {
    margin-right: 10px;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 30, inline style */
.legacy-PendingExtensionRequestingItems-7-8-line30 {
    font-size: 0.7rem;
    font-weight: 500;
}

/* From Components\Common\FlowControl\PendingExtensionRequestingItems.razor, line 85, inline style */
.legacy-PendingExtensionRequestingItems-8-8-line85 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}



/* ===== Styles from Components\Common\FlowControl\PendingItems.razor ===== */

/* From Components\Common\FlowControl\PendingItems.razor, line 19, inline style */
.legacy-PendingItems-1-8-line19 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 20, inline style */
.legacy-PendingItems-2-8-line20 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 21, inline style */
.legacy-PendingItems-3-8-line21 {
    margin: 0;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 24, inline style */
.legacy-PendingItems-4-8-line24 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 26, inline style */
.legacy-PendingItems-5-8-line26 {
    background-color: lightslategrey;
    color: whitesmoke;
    height: 1.6rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 28, inline style */
.legacy-PendingItems-6-8-line28 {
    margin-right: 10px;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 29, inline style */
.legacy-PendingItems-7-8-line29 {
    font-size: 0.7rem;
    font-weight: 500;
}

/* From Components\Common\FlowControl\PendingItems.razor, line 86, inline style */
.legacy-PendingItems-8-8-line86 {
    background-color: var(--Customize_color) !important;
    color: whitesmoke !important;
}



/* ===== Styles from Components\Common\FlowControl\PendingRejectedApplications.razor ===== */

/* From Components\Common\FlowControl\PendingRejectedApplications.razor, line 9, inline style */
.legacy-PendingRejectedApplications-1-5-line9 {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

/* From Components\Common\FlowControl\PendingRejectedApplications.razor, line 10, inline style */
.legacy-PendingRejectedApplications-2-5-line10 {
    background-color: var(--Customize_color_2);
    color: whitesmoke;
    font-size: 1.5rem;
    margin: 1px;
    padding: 10px;
}

/* From Components\Common\FlowControl\PendingRejectedApplications.razor, line 11, inline style */
.legacy-PendingRejectedApplications-3-5-line11 {
    margin: 0;
}

/* From Components\Common\FlowControl\PendingRejectedApplications.razor, line 14, inline style */
.legacy-PendingRejectedApplications-4-5-line14 {
    overflow-y: auto;
}

/* From Components\Common\FlowControl\PendingRejectedApplications.razor, line 28, inline style */
.legacy-PendingRejectedApplications-5-5-line28 {
    background-color: var(--Customize_color);
    color: whitesmoke;
}



/* ===== Styles from Components\Common\FlowControl\ProjectItem.razor ===== */

/* From Components\Common\FlowControl\ProjectItem.razor, line 13, inline style */
.legacy-ProjectItem-1-5-line13 {
    background-color: #e0e0ee;
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
}

/* From Components\Common\FlowControl\ProjectItem.razor, line 14, inline style */
.legacy-ProjectItem-2-5-line14 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItem.razor, line 15, inline style */
.legacy-ProjectItem-3-5-line15 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItem.razor, line 17, inline style */
.legacy-ProjectItem-4-5-line17 {
    background-color: #add8e6;
    color: black;
}

/* From Components\Common\FlowControl\ProjectItem.razor, line 31, inline style */
.legacy-ProjectItem-5-5-line31 {
    background-color: #add8e6;
    color: black;
}



/* ===== Styles from Components\Common\FlowControl\ProjectItemExtension.razor ===== */

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 9, inline style */
.legacy-ProjectItemExtension-1-10-line9 {
    background-color: #e0e0ee;
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 10, inline style */
.legacy-ProjectItemExtension-2-10-line10 {
    background-color: #e0e0ee;
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 11, inline style */
.legacy-ProjectItemExtension-3-10-line11 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 12, inline style */
.legacy-ProjectItemExtension-4-10-line12 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 13, inline style */
.legacy-ProjectItemExtension-5-10-line13 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 14, inline style */
.legacy-ProjectItemExtension-6-10-line14 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 15, inline style */
.legacy-ProjectItemExtension-7-10-line15 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 16, inline style */
.legacy-ProjectItemExtension-8-10-line16 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 17, inline style */
.legacy-ProjectItemExtension-9-10-line17 {
    color: black;
}

/* From Components\Common\FlowControl\ProjectItemExtension.razor, line 19, inline style */
.legacy-ProjectItemExtension-10-10-line19 {
    background-color: #add8e6;
    color: black;
}



/* ===== Styles from Components\Common\FlowControl\RegularRobotPaths.razor ===== */

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 14, inline style */
.legacy-RegularRobotPaths-1-9-line14 {
    align-items: center;
    display: flex;
    height: 40px;
    line-height: 1;
    margin: 0;
    padding-left: 10px;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 15, inline style */
.legacy-RegularRobotPaths-2-9-line15 {
    color: var(--Customize_color_3);
    font-size: 16px;
    font-weight: bold;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 22, inline style */
.legacy-RegularRobotPaths-3-9-line22 {
    background-color: lightgray;
    margin-bottom: 2px;
    padding-left: 10px;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 42, inline style */
.legacy-RegularRobotPaths-4-9-line42 {
    background-color: lightgray;
    margin-bottom: 2px;
    padding-left: 10px;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 55, inline style */
.legacy-RegularRobotPaths-5-9-line55 {
    background-color: lightgray;
    margin-bottom: 2px;
    padding-left: 10px;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 70, inline style */
.legacy-RegularRobotPaths-6-9-line70 {
    background-color: lightgray;
    margin-bottom: 2px;
    padding: 10px;
}
.legacy-RegularRobotPaths-6-9-line70 input[type="radio"]{
    margin-bottom: 0;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 86, inline style */
.legacy-RegularRobotPaths-7-9-line86 {
    align-items: center;
    display: flex;
    height: 40px;
    line-height: 1;
    margin: 0;
    padding-left: 10px;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 87, inline style */
.legacy-RegularRobotPaths-8-9-line87 {
    color: var(--Customize_danger_color);
    font-size: 16px;
    font-weight: bold;
}

/* From Components\Common\FlowControl\RegularRobotPaths.razor, line 91, inline style */
.legacy-RegularRobotPaths-9-9-line91 {
    background-color: lightgray;
    margin-bottom: 2px;
    padding: 10px;
}



/* ===== Styles from Components\Common\FlowControl\RejectedApplicationItem.razor ===== */

/* From Components\Common\FlowControl\RejectedApplicationItem.razor, line 9, inline style */
.legacy-RejectedApplicationItem-1-4-line9 {
    background-color: #e0e0ee;
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 3px;
}

.legacy-RejectedApplicationItem-1-4-line9 span {
    display: inline-block;
    margin-bottom: 5px;
}
@media (max-width: 992px) {
    .legacy-RejectedApplicationItem-1-4-line9 span {
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .legacy-RejectedApplicationItem-1-4-line9 span {
        margin-bottom: 12.5px;
    }
}

/* From Components\Common\FlowControl\RejectedApplicationItem.razor, line 10, inline style */
.legacy-RejectedApplicationItem-2-4-line10 {
    color: black;
}

/* From Components\Common\FlowControl\RejectedApplicationItem.razor, line 10, inline style */
.legacy-RejectedApplicationItem-3-4-line10 {
    color: black;
}

/* From Components\Common\FlowControl\RejectedApplicationItem.razor, line 11, inline style */
.legacy-RejectedApplicationItem-4-4-line11 {
    color: var(--Customize_color_4);
}



/* ===== Styles from Components\Common\FlowControl\RejectToNextNode.razor ===== */

/* From Components\Common\FlowControl\RejectToNextNode.razor, line 5, inline style */
/*
.legacy-RejectToNextNode-1-1-line5 {
  @(IsItEnabled ?;
}
*/



/* ===== Styles from Components\Common\FlowControl\RejectToTheVendor.razor ===== */

/* From Components\Common\FlowControl\RejectToTheVendor.razor, line 5, inline style */
/*
.legacy-RejectToTheVendor-1-1-line5 {
  @(IsItEnabled ?;
}
*/



/* ===== Styles from Components\Common\FlowControl\RequestingItem.razor ===== */

/* From Components\Common\FlowControl\RequestingItem.razor, line 7, inline style */
.legacy-RequestingItem-1-11-line7 {
    background-color: #e0e0ee;
    cursor: pointer;
    /* height: 2.5rem; */
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 0px;
    padding: 0 5px;

}

/* From Components\Common\FlowControl\RequestingItem.razor, line 11, inline style */
.legacy-RequestingItem-2-11-line11 {
    background-color: #add8e6;
    border-radius: 5px;
    border: none;
    color: black;
    font-size: 0.5rem;
    height: 1.0rem;
    width: 2rem;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 15, inline style */
.legacy-RequestingItem-3-11-line15 {
    display: inline-block;
    position: relative;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 16, inline style */
.legacy-RequestingItem-4-11-line16 {
    display: none;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 21, inline style */
.legacy-RequestingItem-5-11-line21 {
    margin-left: 5px;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 27, inline style */
.legacy-RequestingItem-6-11-line27 {
    align-items: center;
    display: flex;
    gap: 10px;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 37, inline style */
.legacy-RequestingItem-7-11-line37 {
    font-size: 12px;
    /* height: 2.0rem; */
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 41, inline style */
.legacy-RequestingItem-8-11-line41 {
    font-size: 12px;
    /* height: 2.0rem; */
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 47, inline style */
.legacy-RequestingItem-9-11-line47 {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    position: relative;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 48, inline style */
.legacy-RequestingItem-10-11-line48 {
    display: none;
}

/* From Components\Common\FlowControl\RequestingItem.razor, line 50, inline style */
.legacy-RequestingItem-11-11-line50 {
    margin-left: 10px;
}



/* ===== Styles from Components\Common\FlowControl\SelectedDocument.razor ===== */

/* From Components\Common\FlowControl\SelectedDocument.razor, line 45, inline style */
.legacy-SelectedDocument-1-1-line45 {
    text-align: center;
}



/* ===== Styles from Components\Common\FlowControl\TerminalNode.razor ===== */

/* From Components\Common\FlowControl\TerminalNode.razor, line 18, inline style */
.legacy-TerminalNode-1-2-line18 {
    padding: 3px;
}

/* From Components\Common\FlowControl\TerminalNode.razor, line 21, inline style */
.legacy-TerminalNode-2-2-line21 {
    height: 200px;
    width: 300px;
}



/* ===== Styles from Components\Common\FlowControl\ToANDGate.razor ===== */

/* From Components\Common\FlowControl\ToANDGate.razor, line 30, inline style */
.legacy-ToANDGate-1-4-line30 {
    padding: 3px;
}

/* From Components\Common\FlowControl\ToANDGate.razor, line 48, inline style */
.legacy-ToANDGate-2-4-line48 {
    border: 1px solid #ccc;
    height: 100px;
    overflow: auto;
    width: 300px;
}

/* From Components\Common\FlowControl\ToANDGate.razor, line 69, inline style */
.legacy-ToANDGate-3-4-line69 {
    height: 50px;
    overflow: auto;
    width: 300px;
}

/* From Components\Common\FlowControl\ToANDGate.razor, line 74, inline style */
.legacy-ToANDGate-4-4-line74 {
    height: 3px;
}



/* ===== Styles from Components\Common\FlowControl\ToNextNode.razor ===== */

/* From Components\Common\FlowControl\ToNextNode.razor, line 35, inline style */
.legacy-ToNextNode-1-6-line35 {
    padding: 3px;
    text-align: left;
    line-height: 2rem;
}

/* From Components\Common\FlowControl\ToNextNode.razor, line 57, inline style */
.legacy-ToNextNode-2-6-line57 {
    background-color: #e0e0e0;
    border: 1px solid #f0f0f0;
    height: 100px;
    overflow: auto;
    width: 300px;
}

/* From Components\Common\FlowControl\ToNextNode.razor, line 78, inline style */
.legacy-ToNextNode-3-6-line78 {
    height: 50px;
    overflow: auto;
    width: 300px;
}

/* From Components\Common\FlowControl\ToNextNode.razor, line 84, inline style */
.legacy-ToNextNode-4-6-line84 {
    background-color: #ffe6e6;
    border-radius: 5px;
    border: 2px solid var(--Customize_danger_color);
    margin-top: 10px;
    padding: 10px;
}

/* From Components\Common\FlowControl\ToNextNode.razor, line 85, inline style */
.legacy-ToNextNode-5-6-line85 {
    color: var(--Customize_danger_color);
    font-size: 1.2rem;
    font-weight: bold;
}

/* From Components\Common\FlowControl\ToNextNode.razor, line 92, inline style */
.legacy-ToNextNode-6-6-line92 {
    height: 3px;
}



/* ===== Styles from Components\Common\FlowControl\ToPARGate.razor ===== */

/* From Components\Common\FlowControl\ToPARGate.razor, line 26, inline style */
.legacy-ToPARGate-1-4-line26 {
    padding: 3px;
    text-align: left;
}

/* From Components\Common\FlowControl\ToPARGate.razor, line 58, inline style */
.legacy-ToPARGate-2-4-line58 {
    border: 1px solid #ccc;
    height: 100px;
    overflow: auto;
    width: 300px;
}

/* From Components\Common\FlowControl\ToPARGate.razor, line 79, inline style */
.legacy-ToPARGate-3-4-line79 {
    height: 50px;
    overflow: auto;
    width: 300px;
}

/* From Components\Common\FlowControl\ToPARGate.razor, line 84, inline style */
.legacy-ToPARGate-4-4-line84 {
    height: 3px;
}



/* ===== Styles from Components\Common\HalfDayCalendar.razor ===== */

/* From Components\Common\HalfDayCalendar.razor, line 17, inline style */
.legacy-HalfDayCalendar-1-11-line17 {
    width: 120px;
    margin-bottom: 0;
}

/* From Components\Common\HalfDayCalendar.razor, line 27, inline style */
.legacy-HalfDayCalendar-2-11-line27 {
    width: 120px;
    margin-bottom: 0;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #3 of 11 */
.calendar-container {
    margin: 0;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #4 of 11 */
.calendar-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #5 of 11 */
.calendar-grid {
    display: grid;
    gap: 5px;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #6 of 11 */
.calendar-row {
    display: flex;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #7 of 11 */
.calendar-cell {
    align-items: center;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 5px;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #8 of 11 */
.date-label {
    font-weight: bold;
    margin-bottom: 5px;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #9 of 11 */
.time-block {
    width: 100%;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #10 of 11 */
.time-slot {
    font-size: 0.9rem;
    margin-bottom: 3px;
}

/* From Components\Common\HalfDayCalendar.razor, block <style>, block #11 of 11 */
.text-muted {
    color: #999;
}



/* ===== Styles from Components\Common\InfoModal.razor ===== */

/* From Components\Common\InfoModal.razor, line 3, inline style */
.legacy-InfoModal-1-3-line3 {
    display: block;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* From Components\Common\InfoModal.razor, line 4, inline style */
/*
.legacy-InfoModal-2-3-line4 {
  display:block;
  left:@modalPositionX;
  position:fixed;
  top:@modalPositionY;
  transform:@modalTransform;
}
*/

/* From Components\Common\InfoModal.razor, line 8, inline style */
.legacy-InfoModal-3-3-line8 {
    background-color: var(--Customize_color);
    color: whitesmoke;
    font-weight: 700;
}



/* ===== Styles from Components\Common\ListProjectsByUserComponent.razor ===== */

/* From Components\Common\ListProjectsByUserComponent.razor, line 17, inline style */
.legacy-ListProjectsByUserComponent-1-6-line17 {
    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
}

/* From Components\Common\ListProjectsByUserComponent.razor, line 19, inline style */
.legacy-ListProjectsByUserComponent-2-6-line19 {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* From Components\Common\ListProjectsByUserComponent.razor, line 26, inline style */
.legacy-ListProjectsByUserComponent-3-6-line26 {
    background-color: rebeccapurple;
    color: whitesmoke;
}

/* From Components\Common\ListProjectsByUserComponent.razor, line 73, inline style */
.legacy-ListProjectsByUserComponent-4-6-line73 {
    color: blue;
}

/* From Components\Common\ListProjectsByUserComponent.razor, line 74, inline style */
.legacy-ListProjectsByUserComponent-5-6-line74 {
    color: black;
}

/* From Components\Common\ListProjectsByUserComponent.razor, line 75, inline style */
.legacy-ListProjectsByUserComponent-6-6-line75 {
    color: purple;
}



/* ===== Styles from Components\Common\PrintableReport.razor ===== */

/* From Components\Common\PrintableReport.razor, line 4, inline style */
.legacy-PrintableReport-1-11-line4 {
    margin-top: 20px;
    text-align: center;
}

/* From Components\Common\PrintableReport.razor, line 29, inline style */
.legacy-PrintableReport-2-11-line29 {
    margin-top: 20px;
    text-align: center;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #3 of 11 */
table,
th,
td {
    border: 1px solid black;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #4 of 11 */
table {
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #5 of 11 */
td {
    padding: 6px;
    text-align: left;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #6 of 11 */
body {
    font-family: 'Microsoft JhengHei', sans-serif;
    padding: 20px;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #7 of 11 */
table,
th,
td {
    border: 1px solid black;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #8 of 11 */
table {
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #9 of 11 */
th,
td {
    padding: 6px;
    text-align: left;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #10 of 11 */
.print-page {
    page-break-after: always;
}

/* From Components\Common\PrintableReport.razor, block <style>, block #11 of 11 */
.d-print-none {
    display: none !important;
}



/* ===== Styles from Components\Common\ProgressTracker.razor ===== */

/* From Components\Common\ProgressTracker.razor, block <style>, block #1 of 7 */
.arrow-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px;
    flex-wrap: wrap;
}

/* From Components\Common\ProgressTracker.razor, block <style>, block #2 of 7 */
.step-arrow {
    background-color: lightgray;
    color: white;
    flex: 1;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
}

/* From Components\Common\ProgressTracker.razor, block <style>, block #3 of 7 */
.step-arrow:after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid lightgray;
    border-top: 20px solid transparent;
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 1;
}

/* From Components\Common\ProgressTracker.razor, block <style>, block #4 of 7 */
.step-arrow.completed {
    background-color: green;
}

/* From Components\Common\ProgressTracker.razor, block <style>, block #5 of 7 */
.step-arrow.completed:after {
    border-left-color: green;
}

/* From Components\Common\ProgressTracker.razor, block <style>, block #6 of 7 */
/* 移除最後一個箭頭的右邊三角形 */
.step-arrow:last-child {
    margin-right: 0;
}

/* From Components\Common\ProgressTracker.razor, block <style>, block #7 of 7 */
.step-arrow:last-child:after {
    display: none;
}



/* ===== Styles from Components\Common\ProjectProgress.razor ===== */

/* From Components\Common\ProjectProgress.razor, line 17, inline style */
.legacy-ProjectProgress-1-3-line17 {
    background-color: lightslategrey;
    color: white;
    padding: 0.7rem 0.5rem;
}

/* From Components\Common\ProjectProgress.razor, block <style>, block #2 of 3 */
.my-table-secondary {
    background-color: #f8f9fa;
}

/* From Components\Common\ProjectProgress.razor, block <style>, block #3 of 3 */
.my-table-light {
    background-color: #e8e9ff;
}



/* ===== Styles from Components\Common\SetProjectRelationPage.razor ===== */

/* From Components\Common\SetProjectRelationPage.razor, line 18, inline style */
.legacy-SetProjectRelationPage-1-33-line18 {
    color: blue;
    font-weight: bolder;
}

/* From Components\Common\SetProjectRelationPage.razor, line 49, inline style */
.legacy-SetProjectRelationPage-2-33-line49 {
    align-items: center;
    display: flex;
    gap: 10px;
}

/* From Components\Common\SetProjectRelationPage.razor, line 55, inline style */
.legacy-SetProjectRelationPage-3-33-line55 {
    flex: 1;
}

/* From Components\Common\SetProjectRelationPage.razor, line 64, inline style */
.legacy-SetProjectRelationPage-4-33-line64 {
    position: relative;
}

/* From Components\Common\SetProjectRelationPage.razor, line 111, inline style */
.legacy-SetProjectRelationPage-5-33-line111 {
    margin-bottom: 20px;
}

/* From Components\Common\SetProjectRelationPage.razor, line 117, inline style */
.legacy-SetProjectRelationPage-6-33-line117 {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

/* From Components\Common\SetProjectRelationPage.razor, line 128, inline style */
.legacy-SetProjectRelationPage-7-33-line128 {
    background-color: darkcyan;
    color: ghostwhite;
}

/* From Components\Common\SetProjectRelationPage.razor, line 130, inline style */
.legacy-SetProjectRelationPage-8-33-line130 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
}

/* From Components\Common\SetProjectRelationPage.razor, line 132, inline style */
.legacy-SetProjectRelationPage-9-33-line132 {
    background-color: inherit;
    color: inherit;
}

/* From Components\Common\SetProjectRelationPage.razor, line 133, inline style */
.legacy-SetProjectRelationPage-10-33-line133 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Common\SetProjectRelationPage.razor, line 144, inline style */
.legacy-SetProjectRelationPage-11-33-line144 {
    background-color: inherit;
    color: inherit;
}

/* From Components\Common\SetProjectRelationPage.razor, line 145, inline style */
.legacy-SetProjectRelationPage-12-33-line145 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Common\SetProjectRelationPage.razor, line 163, inline style */
.legacy-SetProjectRelationPage-13-33-line163 {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

/* From Components\Common\SetProjectRelationPage.razor, line 165, inline style */
.legacy-SetProjectRelationPage-14-33-line165 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Common\SetProjectRelationPage.razor, line 171, inline style */
.legacy-SetProjectRelationPage-15-33-line171 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Common\SetProjectRelationPage.razor, line 177, inline style */
.legacy-SetProjectRelationPage-16-33-line177 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Common\SetProjectRelationPage.razor, line 183, inline style */
.legacy-SetProjectRelationPage-17-33-line183 {
    background-color: deeppink;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #18 of 33 */
.grid-container {
    /* 元素間距 */
    /* 初始設置 8 列 */
    gap: 10px;
    /* 每行高度自動調整 */
    grid-template-columns: repeat(8, 1fr);
    display: grid;
    grid-template-rows: auto auto auto;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #19 of 33 */
/* 一行放 8 個元素 */
.grid-container>.grid-item:nth-child(8) {
    grid-column: span 1;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #20 of 33 */
/* 調整輸入框外觀 */
input,
.form-control {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #21 of 33 */
/* 格式化輸入框 */
input[type="text"] {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #22 of 33 */
label {
    font-weight: bold;
    margin-right: 5px;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #23 of 33 */
/* ----------------------------------------*/

.calendar-modal {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #24 of 33 */
.calendar-content {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #25 of 33 */
/* ----------------------------------------*/

/* 單雙列不同底色 */
.styled-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #26 of 33 */
.styled-table tbody tr:nth-child(even) {
    background-color: #e9e9e9;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #27 of 33 */
/* 表格外的滾動容器 */
.table-container__SetProjectRelationPage {
    /* 垂直方向滾動 */
    border: 1px solid #ddd;
    /* 外框樣式 */
    /* 水平方向滾動 */
    overflow-y: auto;
    /* 設定垂直高度 */
    overflow-x: auto;
    max-height: 400px;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #28 of 33 */
/* 表格樣式 */
.styled-table__SetProjectRelationPage {
    /* 滿版寬度 */
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #29 of 33 */
.styled-table th,
.styled-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #30 of 33 */
.styled-table th {
    /* 表頭固定 */
    top: 0;
    background-color: #f2f2f2;
    position: sticky;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #31 of 33 */
/* -----------------------------------------*/
.autocomplete-list__SetProjectRelationPage {
    background-color: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #32 of 33 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Common\SetProjectRelationPage.razor, block <style>, block #33 of 33 */
.autocomplete-list li.focused {
    background-color: #007bff;
    color: white;
}



/* ===== Styles from Components\Common\Transfer\SupervisorSearch.razor ===== */

/* From Components\Common\Transfer\SupervisorSearch.razor, line 13, inline style */
.legacy-SupervisorSearch-1-4-line13 {
    background-color: #f0f8ff;
}
.legacy-SupervisorSearch-1-4-line13 .form-control{
    margin-top: 1rem;
}
/* From Components\Common\Transfer\SupervisorSearch.razor, line 64, inline style */
.legacy-SupervisorSearch-2-4-line64 {
    cursor: pointer;
}

/* From Components\Common\Transfer\SupervisorSearch.razor, line 78, inline style */
.legacy-SupervisorSearch-3-4-line78 {
    max-height: 300px;
    overflow: auto;
}

/* From Components\Common\Transfer\SupervisorSearch.razor, line 99, inline style */
.legacy-SupervisorSearch-4-4-line99 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}



/* ===== Styles from Components\Common\Transfer\SupervisorSearch_Vendor.razor ===== */

/* From Components\Common\Transfer\SupervisorSearch_Vendor.razor, line 12, inline style */
.legacy-SupervisorSearch_Vendor-1-4-line12 {
    color: darkorchid;
}

/* From Components\Common\Transfer\SupervisorSearch_Vendor.razor, line 27, inline style */
.legacy-SupervisorSearch_Vendor-2-4-line27 {
    cursor: pointer;
}

/* From Components\Common\Transfer\SupervisorSearch_Vendor.razor, line 41, inline style */
.legacy-SupervisorSearch_Vendor-3-4-line41 {
    max-height: 300px;
    overflow: auto;
}

/* From Components\Common\Transfer\SupervisorSearch_Vendor.razor, line 62, inline style */
.legacy-SupervisorSearch_Vendor-4-4-line62 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}



/* ===== Styles from Components\Common\Transfer\TransferredProjectsTable.razor ===== */

/* From Components\Common\Transfer\TransferredProjectsTable.razor, line 14, inline style */
.legacy-TransferredProjectsTable-1-3-line14 {
    color: var(--Customize_color);
}

/* From Components\Common\Transfer\TransferredProjectsTable.razor, line 14, inline style */
.legacy-TransferredProjectsTable-2-3-line14 {
    color: var(--Customize_color);
}

/* From Components\Common\Transfer\TransferredProjectsTable.razor, line 16, inline style */
.legacy-TransferredProjectsTable-3-3-line16 {
    max-height: 300px;
    overflow-x: auto;
    overflow-y: auto;
}



/* ===== Styles from Components\Common\Transfer\TransferredProjectsTable_All.razor ===== */

/* From Components\Common\Transfer\TransferredProjectsTable_All.razor, line 13, inline style */
.legacy-TransferredProjectsTable_All-1-1-line13 {
    max-height: 300px;
    overflow-x: auto;
    overflow-y: auto;
}



/* ===== Styles from Components\Common\Transfer\WorkerSearch.razor ===== */

/* From Components\Common\Transfer\WorkerSearch.razor, line 14, inline style */
.legacy-WorkerSearch-1-4-line14 {
    background-color: #fff0d0;
}
.legacy-WorkerSearch-1-4-line14 .form-control{
    margin-top: 1rem;
}

/* From Components\Common\Transfer\WorkerSearch.razor, line 43, inline style */
.legacy-WorkerSearch-2-4-line43 {
    max-height: 300px;
    overflow: auto;
}

/* From Components\Common\Transfer\WorkerSearch.razor, line 64, inline style */
.legacy-WorkerSearch-3-4-line64 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Common\Transfer\WorkerSearch.razor, line 71, inline style */
.legacy-WorkerSearch-4-4-line71 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}



/* ===== Styles from Components\Common\Transfer\WorkerSearch_Vendor.razor ===== */

/* From Components\Common\Transfer\WorkerSearch_Vendor.razor, line 13, inline style */
.legacy-WorkerSearch_Vendor-1-4-line13 {
    color: darkorchid;
}

/* From Components\Common\Transfer\WorkerSearch_Vendor.razor, line 14, inline style */
.legacy-WorkerSearch_Vendor-2-4-line14 {
    max-height: 300px;
    overflow: auto;
}

/* From Components\Common\Transfer\WorkerSearch_Vendor.razor, line 35, inline style */
.legacy-WorkerSearch_Vendor-3-4-line35 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Common\Transfer\WorkerSearch_Vendor.razor, line 42, inline style */
.legacy-WorkerSearch_Vendor-4-4-line42 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}



/* ===== Styles from Components\Common\WarningModal.razor ===== */

/* From Components\Common\WarningModal.razor, line 3, inline style */
/*
.legacy-WarningModal-1-2-line3 {
  display:@(ShowModal ?;
}
*/

/* From Components\Common\WarningModal.razor, line 6, inline style */
.legacy-WarningModal-2-2-line6 {
    background-color: var(--Customize_danger_color);
    color: whitesmoke;
    font-weight: 700;
}



/* ===== Styles from Components\Layout\MainLayout.razor ===== */

/* From Components\Layout\MainLayout.razor, line 18, inline style */
.legacy-MainLayout-1-3-line18 {
    align-items: start;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

/* From Components\Layout\MainLayout.razor, line 20, inline style */
.legacy-MainLayout-2-3-line20 {
    margin-right: 10px;
}

/* From Components\Layout\MainLayout.razor, line 22, inline style */
.legacy-MainLayout-3-3-line22 {
    border-radius: 3px;
    border: 2px solid #d3d3d3;
    display: none;
    padding: 3px;
    width: 100%;
}



/* ===== Styles from Components\Pages\Admin\Announcement\ListAnnouncement.razor ===== */

/* From Components\Pages\Admin\Announcement\ListAnnouncement.razor, line 18, inline style */
.legacy-ListAnnouncement-1-1-line18 {
    border: 1px solid #ddd;
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 10px;
}



/* ===== Styles from Components\Pages\Admin\Announcement\ShowAnnouncement.razor ===== */

/* From Components\Pages\Admin\Announcement\ShowAnnouncement.razor, line 15, inline style */
.legacy-ShowAnnouncement-1-4-line15 {
    background-color: lightgray;
    text-align: left;
    line-height: 1.5;
}

/* From Components\Pages\Admin\Announcement\ShowAnnouncement.razor, line 21, inline style */
.legacy-ShowAnnouncement-2-4-line21 {
    align-content: center;
    color: darkred;
}

/* From Components\Pages\Admin\Announcement\ShowAnnouncement.razor, line 25, inline style */
.legacy-ShowAnnouncement-3-4-line25 {
    background-color: lightgray;
}

/* From Components\Pages\Admin\Announcement\ShowAnnouncement.razor, line 31, inline style */
.legacy-ShowAnnouncement-4-4-line31 {
    background-color: lightgray;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\ContractCategory.razor ===== */

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 15, inline style */
.legacy-ContractCategory-1-7-line15 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 71, inline style */
.legacy-ContractCategory-2-7-line71 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 72, inline style */
.legacy-ContractCategory-3-7-line72 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 74, inline style */
.legacy-ContractCategory-4-7-line74 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 77, inline style */
.legacy-ContractCategory-5-7-line77 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 79, inline style */
.legacy-ContractCategory-6-7-line79 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\ContractCategory.razor, line 81, inline style */
.legacy-ContractCategory-7-7-line81 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor ===== */

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 17, inline style */
.legacy-SetBusinessUnit-1-10-line17 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 89, inline style */
.legacy-SetBusinessUnit-2-10-line89 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 90, inline style */
.legacy-SetBusinessUnit-3-10-line90 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 92, inline style */
.legacy-SetBusinessUnit-4-10-line92 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 95, inline style */
.legacy-SetBusinessUnit-5-10-line95 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 97, inline style */
.legacy-SetBusinessUnit-6-10-line97 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 100, inline style */
.legacy-SetBusinessUnit-7-10-line100 {
    padding: 5px;
    width: 100%;
    margin-bottom: 1rem;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 103, inline style */
.legacy-SetBusinessUnit-8-10-line103 {
    padding: 5px;
    width: 100%;
    margin-bottom: 1rem;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 106, inline style */
.legacy-SetBusinessUnit-9-10-line106 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetBusinessUnit.razor, line 111, inline style */
.legacy-SetBusinessUnit-10-10-line111 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\SetCRO.razor ===== */

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 16, inline style */
.legacy-SetCRO-1-12-line16 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 36, inline style */
.legacy-SetCRO-2-12-line36 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 49, inline style */
.legacy-SetCRO-3-12-line49 {
    border: 1px solid #ccc;
    margin-top: 5px;
    max-height: 200px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 69, inline style */
.legacy-SetCRO-4-12-line69 {
    border: 1px solid #ccc;
    margin-top: 10px;
    max-height: 400px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 106, inline style */
.legacy-SetCRO-5-12-line106 {
    margin-top: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 117, inline style */
.legacy-SetCRO-6-12-line117 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 118, inline style */
.legacy-SetCRO-7-12-line118 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 120, inline style */
.legacy-SetCRO-8-12-line120 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 123, inline style */
.legacy-SetCRO-9-12-line123 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 126, inline style */
.legacy-SetCRO-10-12-line126 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 129, inline style */
.legacy-SetCRO-11-12-line129 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetCRO.razor, line 134, inline style */
.legacy-SetCRO-12-12-line134 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\SetDepartment.razor ===== */

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 19, inline style */
.legacy-SetDepartment-1-9-line19 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 89, inline style */
.legacy-SetDepartment-2-9-line89 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 90, inline style */
.legacy-SetDepartment-3-9-line90 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 92, inline style */
.legacy-SetDepartment-4-9-line92 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 95, inline style */
.legacy-SetDepartment-5-9-line95 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 97, inline style */
.legacy-SetDepartment-6-9-line97 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 100, inline style */
.legacy-SetDepartment-7-9-line100 {
    padding: 5px;
    width: 100%;
    margin-bottom: 1rem;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 103, inline style */
.legacy-SetDepartment-8-9-line103 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetDepartment.razor, line 111, inline style */
.legacy-SetDepartment-9-9-line111 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\SetSponsor.razor ===== */

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 16, inline style */
.legacy-SetSponsor-1-12-line16 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 36, inline style */
.legacy-SetSponsor-2-12-line36 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 49, inline style */
.legacy-SetSponsor-3-12-line49 {
    border: 1px solid #ccc;
    margin-top: 5px;
    max-height: 200px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 69, inline style */
.legacy-SetSponsor-4-12-line69 {
    border: 1px solid #ccc;
    margin-top: 10px;
    max-height: 400px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 106, inline style */
.legacy-SetSponsor-5-12-line106 {
    margin-top: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 117, inline style */
.legacy-SetSponsor-6-12-line117 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 118, inline style */
.legacy-SetSponsor-7-12-line118 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 120, inline style */
.legacy-SetSponsor-8-12-line120 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 123, inline style */
.legacy-SetSponsor-9-12-line123 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 126, inline style */
.legacy-SetSponsor-10-12-line126 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 129, inline style */
.legacy-SetSponsor-11-12-line129 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SetSponsor.razor, line 134, inline style */
.legacy-SetSponsor-12-12-line134 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\SubContractCategory.razor ===== */

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 16, inline style */
.legacy-SubContractCategory-1-9-line16 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 83, inline style */
.legacy-SubContractCategory-2-9-line83 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 84, inline style */
.legacy-SubContractCategory-3-9-line84 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 86, inline style */
.legacy-SubContractCategory-4-9-line86 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 89, inline style */
.legacy-SubContractCategory-5-9-line89 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 91, inline style */
.legacy-SubContractCategory-6-9-line91 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 94, inline style */
.legacy-SubContractCategory-7-9-line94 {
    width: 100%;
    margin-top: 1rem;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 97, inline style */
.legacy-SubContractCategory-8-9-line97 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubContractCategory.razor, line 106, inline style */
.legacy-SubContractCategory-9-9-line106 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor ===== */

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 16, inline style */
.legacy-SubSubContractCategory-1-10-line16 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 86, inline style */
.legacy-SubSubContractCategory-2-10-line86 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 87, inline style */
.legacy-SubSubContractCategory-3-10-line87 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 400px;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 89, inline style */
.legacy-SubSubContractCategory-4-10-line89 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 92, inline style */
.legacy-SubSubContractCategory-5-10-line92 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 94, inline style */
.legacy-SubSubContractCategory-6-10-line94 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 97, inline style */
.legacy-SubSubContractCategory-7-10-line97 {
    width: 100%;
    margin-top: 1rem;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 100, inline style */
.legacy-SubSubContractCategory-8-10-line100 {
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 108, inline style */
.legacy-SubSubContractCategory-9-10-line108 {
    width: 100%;
}

/* From Components\Pages\Admin\ItemManagement\SubSubContractCategory.razor, line 112, inline style */
.legacy-SubSubContractCategory-10-10-line112 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\TemplateManager.razor ===== */

/* From Components\Pages\Admin\ItemManagement\TemplateManager.razor, line 28, inline style */
.legacy-TemplateManager-1-5-line28 {
    background-color: #f0f8ff;
}

/* From Components\Pages\Admin\ItemManagement\TemplateManager.razor, line 67, inline style */
.legacy-TemplateManager-2-5-line67 {
    background-color: #f9f9f9;
}

/* From Components\Pages\Admin\ItemManagement\TemplateManager.razor, line 179, inline style */
.legacy-TemplateManager-3-5-line179 {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}

/* From Components\Pages\Admin\ItemManagement\TemplateManager.razor, line 180, inline style */
.legacy-TemplateManager-4-5-line180 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 500px;
}

/* From Components\Pages\Admin\ItemManagement\TemplateManager.razor, block <style>, block #5 of 5 */
.table-striped_B tbody tr:nth-child(odd) {
    background-color: #e0faf0;
}



/* ===== Styles from Components\Pages\Admin\ItemManagement\UploadSampleContract.razor ===== */

/* From Components\Pages\Admin\ItemManagement\UploadSampleContract.razor, line 12, inline style */
.legacy-UploadSampleContract-1-2-line12 {
    margin: 20px;
}

/* From Components\Pages\Admin\ItemManagement\UploadSampleContract.razor, line 13, inline style */
.legacy-UploadSampleContract-2-2-line13 {
    background-color: lightslategrey;
    color: whitesmoke;
    padding: 0.7rem 0.5rem;
}



/* ===== Styles from Components\Pages\Admin\ListAgent.razor ===== */

/* From Components\Pages\Admin\ListAgent.razor, line 20, inline style */
.legacy-ListAgent-1-1-line20 {
    border: 1px solid #ddd;
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 10px;
}



/* ===== Styles from Components\Pages\Admin\ListDeletedUploadFile.razor ===== */

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, line 49, inline style */
.legacy-ListDeletedUploadFile-1-15-line49 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, line 58, inline style */
.legacy-ListDeletedUploadFile-2-15-line58 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, line 67, inline style */
.legacy-ListDeletedUploadFile-3-15-line67 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, line 76, inline style */
.legacy-ListDeletedUploadFile-4-15-line76 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, line 85, inline style */
.legacy-ListDeletedUploadFile-5-15-line85 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #6 of 15 */
.table-container__ListDeletedUploadFile {
    border: 1px solid #ddd;
    max-height: 500px;
    overflow-y: auto;
}


/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #7 of 15 */
.styled-table__ListDeletedUploadFile {
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #8 of 15 */
.styled-table th,
.styled-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #9 of 15 */
.styled-table th {
    background-color: #f2f2f2;
    color: black;
    position: sticky;
    top: 0;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #10 of 15 */
.styled-table .odd-row {
    background-color: #f9f9f9;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #11 of 15 */
.styled-table .even-row {
    background-color: #e9e9e9;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #12 of 15 */
.pagination {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #13 of 15 */
.autocomplete-list__ListDeletedUploadFile {
    background-color: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #14 of 15 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Pages\Admin\ListDeletedUploadFile.razor, block <style>, block #15 of 15 */
.autocomplete-list li.focused {
    background-color: #007bff;
    color: white;
}



/* ===== Styles from Components\Pages\Admin\ListProjectsPerformance.razor ===== */

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 36, inline style */
.legacy-ListProjectsPerformance-1-28-line36 {
    margin-left: 0;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 83, inline style */
.legacy-ListProjectsPerformance-2-28-line83 {
    margin-left: 0;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 159, inline style */
.legacy-ListProjectsPerformance-3-28-line159 {
    background-color: inherit;
    color: var(--FFFcolor);
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 166, inline style */
.legacy-ListProjectsPerformance-4-28-line166 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 170, inline style */
.legacy-ListProjectsPerformance-5-28-line170 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 180, inline style */
.legacy-ListProjectsPerformance-6-28-line180 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 190, inline style */
.legacy-ListProjectsPerformance-7-28-line190 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 201, inline style */
.legacy-ListProjectsPerformance-8-28-line201 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 212, inline style */
.legacy-ListProjectsPerformance-9-28-line212 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 222, inline style */
.legacy-ListProjectsPerformance-10-28-line222 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 232, inline style */
.legacy-ListProjectsPerformance-11-28-line232 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 242, inline style */
.legacy-ListProjectsPerformance-12-28-line242 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 252, inline style */
.legacy-ListProjectsPerformance-13-28-line252 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 262, inline style */
.legacy-ListProjectsPerformance-14-28-line262 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 272, inline style */
.legacy-ListProjectsPerformance-15-28-line272 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 285, inline style */
.legacy-ListProjectsPerformance-16-28-line285 {
    color: var(--Customize_color_2);
    font-weight: bold;
    padding-top: 5px;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 297, inline style */
.legacy-ListProjectsPerformance-17-28-line297 {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, line 299, inline style */
.legacy-ListProjectsPerformance-18-28-line299 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #19 of 28 */
.table-container__ListProjectsPerformance {
    border: 1px solid #555;
    max-height: 500px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #20 of 28 */
.styled-table__ListProjectsPerformance {
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #21 of 28 */
.styled-table th,
.styled-table td {
    border: 1px solid #555;
    padding: 10px;
    text-align: left;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #22 of 28 */
.styled-table th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #23 of 28 */
.styled-table .odd-row {
    background-color: #f9f9f9;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #24 of 28 */
.styled-table .even-row {
    background-color: #e9e9e9;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #25 of 28 */
.pagination {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #26 of 28 */
.autocomplete-list__ListProjectsPerformance {
    background-color: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #27 of 28 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Pages\Admin\ListProjectsPerformance.razor, block <style>, block #28 of 28 */
.autocomplete-list li.focused {
    background-color: #007bff;
    color: white;
}



/* ===== Styles from Components\Pages\Admin\ListProjectsProcessingDays.razor ===== */

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 63, inline style */
.legacy-ListProjectsProcessingDays-1-20-line63 {
    background-color: inherit;
    color: var(--FFFcolor);
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 69, inline style */
.legacy-ListProjectsProcessingDays-2-20-line69 {
    background-color: inherit;
    color: var(--FFFcolor);
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 75, inline style */
.legacy-ListProjectsProcessingDays-3-20-line75 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 85, inline style */
.legacy-ListProjectsProcessingDays-4-20-line85 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 95, inline style */
.legacy-ListProjectsProcessingDays-5-20-line95 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 105, inline style */
.legacy-ListProjectsProcessingDays-6-20-line105 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 114, inline style */
.legacy-ListProjectsProcessingDays-7-20-line114 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 123, inline style */
.legacy-ListProjectsProcessingDays-8-20-line123 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 158, inline style */
.legacy-ListProjectsProcessingDays-9-20-line158 {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, line 160, inline style */
.legacy-ListProjectsProcessingDays-10-20-line160 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #11 of 20 */
.table-container__ListProjectsProcessingDays {
    border: 1px solid #555;
    max-height: 500px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #12 of 20 */
.styled-table__ListProjectsProcessingDays {
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #13 of 20 */
.styled-table th,
.styled-table td {
    border: 1px solid #555;
    padding: 10px;
    text-align: left;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #14 of 20 */
.styled-table th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #15 of 20 */
.styled-table .odd-row {
    background-color: #f9f9f9;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #16 of 20 */
.styled-table .even-row {
    background-color: #e9e9e9;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #17 of 20 */
.pagination {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #18 of 20 */
.autocomplete-list__ListProjectsProcessingDays {
    background-color: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #19 of 20 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Pages\Admin\ListProjectsProcessingDays.razor, block <style>, block #20 of 20 */
.autocomplete-list li.focused {
    background-color: #007bff;
    color: white;
}



/* ===== Styles from Components\Pages\Admin\MonthReportComponent.razor ===== */

/* From Components\Pages\Admin\MonthReportComponent.razor, line 67, inline style */
.legacy-MonthReportComponent-1-7-line67 {
    background-color: lightcyan;
}

/* From Components\Pages\Admin\MonthReportComponent.razor, line 73, inline style */
.legacy-MonthReportComponent-2-7-line73 {
    background-color: lightcyan;
}

/* From Components\Pages\Admin\MonthReportComponent.razor, line 79, inline style */
.legacy-MonthReportComponent-3-7-line79 {
    background-color: lightcyan;
}

/* From Components\Pages\Admin\MonthReportComponent.razor, line 112, inline style */
.legacy-MonthReportComponent-4-7-line112 {
    max-height: 400px;
    overflow-y: auto;
}

/* From Components\Pages\Admin\MonthReportComponent.razor, block <style>, block #5 of 7 */
.flex-item-stat {
    /* 卡片固定寬度，可依需要調整 */
    margin-right: 8px;
    /* 固定寬度，不自動撐開 */
    width: 210px;
    /* 垂直間距 */
    
    /* 水平間距 */
    margin-bottom: 8px;
    flex: 0 0 auto;
}

/* From Components\Pages\Admin\MonthReportComponent.razor, block <style>, block #6 of 7 */
.flex-item-stat-2 {
    /* 垂直間距 */
    
    /* 彈性伸縮，平均分布 */
    min-width: 200px;
    /* 最小寬度，避免過窄 */
    margin-right: 8px;
    /* 水平間距 */
    margin-bottom: 8px;
    flex: 1 1 0;
}

/* From Components\Pages\Admin\MonthReportComponent.razor, block <style>, block #7 of 7 */
.flex-item-stat-2 h5 {
    /* 自動縮放的字體大小 */
    
    font-size: clamp(0.8rem, 1.5vw, 1rem);
    white-space: nowrap;
}



/* ===== Styles from Components\Pages\Admin\SetNonWorkingDate.razor ===== */

/* From Components\Pages\Admin\SetNonWorkingDate.razor, line 56, inline style */
.legacy-SetNonWorkingDate-1-3-line56 {
    display: block;
}

/* From Components\Pages\Admin\SetNonWorkingDate.razor, line 78, inline style */
.legacy-SetNonWorkingDate-2-3-line78 {
    display: block;
}

/* From Components\Pages\Admin\SetNonWorkingDate.razor, line 100, inline style */
.legacy-SetNonWorkingDate-3-3-line100 {
    display: block;
}



/* ===== Styles from Components\Pages\Admin\SetRoleToNode.razor ===== */

/* From Components\Pages\Admin\SetRoleToNode.razor, line 26, inline style */
.legacy-SetRoleToNode-1-2-line26 {
    width: 20%;
}

/* From Components\Pages\Admin\SetRoleToNode.razor, line 27, inline style */
.legacy-SetRoleToNode-2-2-line27 {
    width: 80%;
}



/* ===== Styles from Components\Pages\Admin\SetUserToRole.razor ===== */

/* From Components\Pages\Admin\SetUserToRole.razor, line 20, inline style */
.legacy-SetUserToRole-1-5-line20 {
    width: 40%;
}

/* From Components\Pages\Admin\SetUserToRole.razor, line 35, inline style */
.legacy-SetUserToRole-2-5-line35 {
    width: 40%;
}

/* From Components\Pages\Admin\SetUserToRole.razor, line 41, inline style */
.legacy-SetUserToRole-3-5-line41 {
    background-color: ghostwhite;
    color: black;
    width: 100%;
}

/* From Components\Pages\Admin\SetUserToRole.razor, line 43, inline style */
.legacy-SetUserToRole-4-5-line43 {
    width: 100%;
}

/* From Components\Pages\Admin\SetUserToRole.razor, line 48, inline style */
.legacy-SetUserToRole-5-5-line48 {
    width: 100%;
    display: flex;
    align-items: center;
}
.legacy-SetUserToRole-5-5-line48 input[type=checkbox]{
    margin-bottom: 1rem;
}


/* ===== Styles from Components\Pages\Admin\SetWorkingDate.razor ===== */

/* From Components\Pages\Admin\SetWorkingDate.razor, line 56, inline style */
.legacy-SetWorkingDate-1-2-line56 {
    display: block;
}

/* From Components\Pages\Admin\SetWorkingDate.razor, line 76, inline style */
.legacy-SetWorkingDate-2-2-line76 {
    display: block;
}



/* ===== Styles from Components\Pages\Admin\UserAccount\ListUserAccounts.razor ===== */

/* From Components\Pages\Admin\UserAccount\ListUserAccounts.razor, line 20, inline style */
.legacy-ListUserAccounts-1-1-line20 {
    border: 1px solid #ddd;
    max-height: calc(100vh - 400px);
    overflow: auto;
    padding: 10px;
}



/* ===== Styles from Components\Pages\Flow\CheckNodes.razor ===== */

/* From Components\Pages\Flow\CheckNodes.razor, line 14, inline style */
.legacy-CheckNodes-1-9-line14 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 15, inline style */
.legacy-CheckNodes-2-9-line15 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 16, inline style */
.legacy-CheckNodes-3-9-line16 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 17, inline style */
.legacy-CheckNodes-4-9-line17 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 18, inline style */
.legacy-CheckNodes-5-9-line18 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 19, inline style */
.legacy-CheckNodes-6-9-line19 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 20, inline style */
.legacy-CheckNodes-7-9-line20 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 21, inline style */
.legacy-CheckNodes-8-9-line21 {
    font-size: 12px;
}

/* From Components\Pages\Flow\CheckNodes.razor, line 38, inline style */
.legacy-CheckNodes-9-9-line38 {
    font-size: 12px;
}



/* ===== Styles from Components\Pages\Flow\Column_40\Node_46.razor ===== */

/* From Components\Pages\Flow\Column_40\Node_46.razor, line 9, inline style */
.legacy-Node_46-1-2-line9 {
    color: purple;
}

/* From Components\Pages\Flow\Column_40\Node_46.razor, line 10, inline style */
.legacy-Node_46-2-2-line10 {
    color: purple;
}



/* ===== Styles from Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor ===== */

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, line 33, inline style */
.legacy-RegisterValidate-1-7-line33 {
    border: 1px solid #ddd;
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 10px;
}

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, line 58, inline style */
.legacy-RegisterValidate-2-7-line58 {
    color: darkorchid;
}

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, line 67, inline style */
.legacy-RegisterValidate-3-7-line67 {
    max-height: calc(100vh - 150px);
    overflow: auto;
}

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, line 116, inline style */
.legacy-RegisterValidate-4-7-line116 {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 10px;
    text-align: start;
}

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, line 121, inline style */
.legacy-RegisterValidate-5-7-line121 {
    max-height: 200px;
    max-width: 400px;
}

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, block <style>, block #6 of 7 */
.table-striped_A tbody tr:nth-child(odd) {
    background-color: #e0f0fa;
}

/* From Components\Pages\Flow\Column_40_Validator\RegisterValidate.razor, block <style>, block #7 of 7 */
.table-striped_B tbody tr:nth-child(odd) {
    background-color: #e0faf0;
}



/* ===== Styles from Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor ===== */

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 20, inline style */
.legacy-DocumentLendingRecordList-1-33-line20 {
    background-color: #fefefe;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 42, inline style */
.legacy-DocumentLendingRecordList-2-33-line42 {
    background-color: #f8f9fa;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 137, inline style */
.legacy-DocumentLendingRecordList-3-33-line137 {
    margin-top: 20px;
    text-align: center;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 142, inline style */
.legacy-DocumentLendingRecordList-4-33-line142 {
    display: none;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 145, inline style */
.legacy-DocumentLendingRecordList-5-33-line145 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 146, inline style */
.legacy-DocumentLendingRecordList-6-33-line146 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 149, inline style */
.legacy-DocumentLendingRecordList-7-33-line149 {
    text-align: right;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 154, inline style */
.legacy-DocumentLendingRecordList-8-33-line154 {
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 156, inline style */
.legacy-DocumentLendingRecordList-9-33-line156 {
    background-color: #f0f0f0;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 157, inline style */
.legacy-DocumentLendingRecordList-10-33-line157 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 158, inline style */
.legacy-DocumentLendingRecordList-11-33-line158 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 159, inline style */
.legacy-DocumentLendingRecordList-12-33-line159 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 160, inline style */
.legacy-DocumentLendingRecordList-13-33-line160 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 161, inline style */
.legacy-DocumentLendingRecordList-14-33-line161 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 162, inline style */
.legacy-DocumentLendingRecordList-15-33-line162 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 163, inline style */
.legacy-DocumentLendingRecordList-16-33-line163 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 164, inline style */
.legacy-DocumentLendingRecordList-17-33-line164 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 165, inline style */
.legacy-DocumentLendingRecordList-18-33-line165 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 166, inline style */
.legacy-DocumentLendingRecordList-19-33-line166 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 173, inline style */
.legacy-DocumentLendingRecordList-20-33-line173 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 174, inline style */
.legacy-DocumentLendingRecordList-21-33-line174 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 175, inline style */
.legacy-DocumentLendingRecordList-22-33-line175 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 176, inline style */
.legacy-DocumentLendingRecordList-23-33-line176 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 177, inline style */
.legacy-DocumentLendingRecordList-24-33-line177 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 178, inline style */
.legacy-DocumentLendingRecordList-25-33-line178 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 179, inline style */
.legacy-DocumentLendingRecordList-26-33-line179 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 180, inline style */
.legacy-DocumentLendingRecordList-27-33-line180 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 181, inline style */
.legacy-DocumentLendingRecordList-28-33-line181 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, line 182, inline style */
.legacy-DocumentLendingRecordList-29-33-line182 {
    border: 1px solid black;
    padding: 6px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, block <style>, block #30 of 33 */
th {
    cursor: pointer;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, block <style>, block #31 of 33 */
.table-container__DocumentLendingRecordList {
    /* 垂直滾動條 */
    overflow-x: auto;
    /* 垂直高度限制 */
    overflow-y: auto;
    /* 水平滾動條 */
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    max-height: 500px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, block <style>, block #32 of 33 */
.search-box {
    background-color: #fdfdfd;
    border-radius: 8px;
    border: 1px solid #ced4da;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 16px;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingRecordList.razor, block <style>, block #33 of 33 */
.search-box h5 {
    color: #0d6efd;
    font-weight: 600;
    margin-bottom: 16px;
}



/* ===== Styles from Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingStatistics.razor ===== */

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingStatistics.razor, line 40, inline style */
.legacy-DocumentLendingStatistics-1-5-line40 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingStatistics.razor, line 41, inline style */
.legacy-DocumentLendingStatistics-2-5-line41 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingStatistics.razor, line 42, inline style */
.legacy-DocumentLendingStatistics-3-5-line42 {
    text-align: right;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingStatistics.razor, block <style>, block #4 of 5 */
.lending-stats-table th,
.lending-stats-table td {
    border-right: 2px solid #666 !important;
}

/* From Components\Pages\Flow\Column_70\LendingManagement\DocumentLendingStatistics.razor, block <style>, block #5 of 5 */
.lending-stats-table tr th:last-child,
.lending-stats-table tr td:last-child {
    border-right: 1px solid #dee2e6 !important;
}



/* ===== Styles from Components\Pages\Flow\DocumentBorrowing.razor ===== */

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 21, inline style */
.legacy-DocumentBorrowing-1-32-line21 {
    background-color: #f8f9fa;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 29, inline style */
.legacy-DocumentBorrowing-2-32-line29 {
    position: relative;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 57, inline style */
.legacy-DocumentBorrowing-3-32-line57 {
    margin-bottom: 10px;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 66, inline style */
.legacy-DocumentBorrowing-4-32-line66 {
    background-color: darkcyan;
    color: ghostwhite;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 68, inline style */
.legacy-DocumentBorrowing-5-32-line68 {
    background-color: inherit;
    color: inherit;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 69, inline style */
.legacy-DocumentBorrowing-6-32-line69 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 80, inline style */
.legacy-DocumentBorrowing-7-32-line80 {
    background-color: inherit;
    color: inherit;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 81, inline style */
.legacy-DocumentBorrowing-8-32-line81 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 93, inline style */
.legacy-DocumentBorrowing-9-32-line93 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 114, inline style */
.legacy-DocumentBorrowing-10-32-line114 {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 116, inline style */
.legacy-DocumentBorrowing-11-32-line116 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 122, inline style */
.legacy-DocumentBorrowing-12-32-line122 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, line 136, inline style */
.legacy-DocumentBorrowing-13-32-line136 {
    margin: 0 1rem;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #14 of 32 */
.grid-container {
    /* 元素間距 */
    /* 初始設置 8 列 */
    gap: 10px;
    /* 每行高度自動調整 */
    grid-template-columns: repeat(8, 1fr);
    display: grid;
    grid-template-rows: auto auto auto;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #15 of 32 */
/* 一行放 8 個元素 */
.grid-container>.grid-item:nth-child(8) {
    grid-column: span 1;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #16 of 32 */
/* 調整輸入框外觀 */
input,
.form-control {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #17 of 32 */
/* 格式化輸入框 */
input[type="text"] {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #18 of 32 */
label {
    font-weight: bold;
    margin-right: 5px;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #19 of 32 */
/* ----------------------------------------*/

.calendar-modal {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #20 of 32 */
.calendar-content {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #21 of 32 */
/* ----------------------------------------*/

/* 單雙列不同底色 */
.styled-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #22 of 32 */
.styled-table tbody tr:nth-child(even) {
    background-color: #e9e9e9;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #23 of 32 */
/* 表格外的滾動容器 */
.table-container__DocumentBorrowing {
    /* 垂直方向滾動 */
    border: 1px solid #ddd;
    /* 外框樣式 */
    /* 水平方向滾動 */
    overflow-y: auto;
    /* 設定垂直高度 */
    overflow-x: auto;
    max-height: 800px;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #24 of 32 */
/* 表格樣式 */
.styled-table__DocumentBorrowing {
    /* 滿版寬度 */
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #25 of 32 */
.styled-table th,
.styled-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #26 of 32 */
.styled-table th {
    /* 表頭固定 */
    top: 0;
    background-color: #f2f2f2;
    position: sticky;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #27 of 32 */
/* -----------------------------------------*/
.autocomplete-list__DocumentBorrowing {
    background-color: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #28 of 32 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #29 of 32 */
.autocomplete-list li.focused {
    background-color: #007bff;
    color: white;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #30 of 32 */
/* 關聯列顯示底色，與主表一致但有區分 */
.related-row-even {
    /* 淺藍 */
    font-size: 90%;
    background-color: #e6f0ff !important;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #31 of 32 */
.related-row-odd {
    /* 稍深藍 */
    font-size: 90%;
    background-color: #c6dbff !important;
}

/* From Components\Pages\Flow\DocumentBorrowing.razor, block <style>, block #32 of 32 */
/* paging */
.centered-pagination {
    margin-top: 1.5rem;
    text-align: center;
}



/* ===== Styles from Components\Pages\Flow\DowmloadContractSample.razor ===== */

/* From Components\Pages\Flow\DowmloadContractSample.razor, line 12, inline style */
.legacy-DowmloadContractSample-1-2-line12 {
    margin: 20px;
}

/* From Components\Pages\Flow\DowmloadContractSample.razor, line 13, inline style */
.legacy-DowmloadContractSample-2-2-line13 {
    padding: 12.5px 0;
    background-color: lightslategrey;
    color: whitesmoke;
}



/* ===== Styles from Components\Pages\Flow\DowmloadManual.razor ===== */

/* From Components\Pages\Flow\DowmloadManual.razor, line 12, inline style */
.legacy-DowmloadManual-1-2-line12 {
    margin: 20px;
}

/* From Components\Pages\Flow\DowmloadManual.razor, line 13, inline style */
.legacy-DowmloadManual-2-2-line13 {
    padding: 12.5px 0;
    background-color: lightslategrey;
    color: whitesmoke;
}



/* ===== Styles from Components\Pages\Flow\SearchProject.razor ===== */

/* From Components\Pages\Flow\SearchProject.razor, line 31, inline style */
.legacy-SearchProject-1-38-line31 {
    background-color: #f8f9fa;
}

/* From Components\Pages\Flow\SearchProject.razor, line 41, inline style */
.legacy-SearchProject-2-38-line41 {
    align-items: center;
    display: flex;
    gap: 10px;
}

.legacy-SearchProject-2-38-line41 button[type=button] {
    margin-top: 0;
    border: 1px solid var(--Gd7dcolor) !important;
    background-color: transparent !important;
}

/* From Components\Pages\Flow\SearchProject.razor, line 47, inline style */
.legacy-SearchProject-3-38-line47 {
    flex: 1;
}

/* From Components\Pages\Flow\SearchProject.razor, line 56, inline style */
.legacy-SearchProject-4-38-line56 {
    position: relative;
}

/* From Components\Pages\Flow\SearchProject.razor, line 85, inline style */
.legacy-SearchProject-5-38-line85 {
    margin-bottom: 10px;
}

/* From Components\Pages\Flow\SearchProject.razor, line 110, inline style */
.legacy-SearchProject-6-38-line110 {
    background-color: #f0f8ff;
}

/* From Components\Pages\Flow\SearchProject.razor, line 130, inline style */
.legacy-SearchProject-7-38-line130 {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

/* From Components\Pages\Flow\SearchProject.razor, line 138, inline style */
.legacy-SearchProject-8-38-line138 {
    background-color: darkcyan;
    color: ghostwhite;
}

/* From Components\Pages\Flow\SearchProject.razor, line 140, inline style */
.legacy-SearchProject-9-38-line140 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
}

/* From Components\Pages\Flow\SearchProject.razor, line 142, inline style */
.legacy-SearchProject-10-38-line142 {
    background-color: inherit;
    color: inherit;
}

/* From Components\Pages\Flow\SearchProject.razor, line 143, inline style */
.legacy-SearchProject-11-38-line143 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Flow\SearchProject.razor, line 154, inline style */
.legacy-SearchProject-12-38-line154 {
    background-color: inherit;
    color: inherit;
}

/* From Components\Pages\Flow\SearchProject.razor, line 155, inline style */
.legacy-SearchProject-13-38-line155 {
    background-color: inherit;
    color: inherit;
    font-size: 10px;
    height: 100%;
    width: 100%;
}

/* From Components\Pages\Flow\SearchProject.razor, line 173, inline style */
.legacy-SearchProject-14-38-line173 {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

/* From Components\Pages\Flow\SearchProject.razor, line 175, inline style */
.legacy-SearchProject-15-38-line175 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Flow\SearchProject.razor, line 181, inline style */
.legacy-SearchProject-16-38-line181 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Flow\SearchProject.razor, line 190, inline style */
.legacy-SearchProject-17-38-line190 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Flow\SearchProject.razor, line 196, inline style */
.legacy-SearchProject-18-38-line196 {
    background-color: darkslateblue;
    font-size: 9px;
    padding: 5px 10px;
    white-space: nowrap;
}

/* From Components\Pages\Flow\SearchProject.razor, line 228, inline style */
.legacy-SearchProject-19-38-line228 {
    font-weight: bold;
}

/* From Components\Pages\Flow\SearchProject.razor, line 256, inline style */
.legacy-SearchProject-20-38-line256 {
    padding-left: 30px;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #21 of 38 */
.grid-container {
    /* 元素間距 */
    /* 初始設置 8 列 */
    gap: 10px;
    /* 每行高度自動調整 */
    grid-template-columns: repeat(8, 1fr);
    display: grid;
    grid-template-rows: auto auto auto;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #22 of 38 */
/* 一行放 8 個元素 */
.grid-container>.grid-item:nth-child(8) {
    grid-column: span 1;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #23 of 38 */
/* 調整輸入框外觀 */
input,
.form-control {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #24 of 38 */
/* 格式化輸入框 */
input[type="text"] {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #25 of 38 */
label {
    font-weight: bold;
    margin-right: 5px;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #26 of 38 */
/* ----------------------------------------*/

.calendar-modal {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #27 of 38 */
.calendar-content {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    width: 16.66666667%;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #28 of 38 */
/* ----------------------------------------*/

/* 單雙列不同底色 */
.styled-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #29 of 38 */
.styled-table tbody tr:nth-child(even) {
    background-color: #e9e9e9;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #30 of 38 */
/* 表格外的滾動容器 */
.table-container__SearchProject {
    /* 垂直方向滾動 */
    border: 1px solid #ddd;
    /* 外框樣式 */
    /* 水平方向滾動 */
    overflow-y: auto;
    /* 設定垂直高度 */
    overflow-x: auto;
    max-height: 800px;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #31 of 38 */
/* 表格樣式 */
.styled-table__SearchProject {
    /* 滿版寬度 */
    border-collapse: collapse;
    width: 100%;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #32 of 38 */
.styled-table th,
.styled-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #33 of 38 */
.styled-table th {
    /* 表頭固定 */
    top: 0;
    background-color: #f2f2f2;
    position: sticky;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #34 of 38 */
/* -----------------------------------------*/
.autocomplete-list__SearchProject {
    background-color: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #35 of 38 */
.autocomplete-list li {
    cursor: pointer;
    padding: 8px;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #36 of 38 */
.autocomplete-list li.focused {
    background-color: #007bff;
    color: white;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #37 of 38 */
/* 關聯列顯示底色，與主表一致但有區分 */
.related-row-even {
    /* 淺藍 */
    font-size: 90%;
    background-color: #e6f0ff !important;
}

/* From Components\Pages\Flow\SearchProject.razor, block <style>, block #38 of 38 */
.related-row-odd {
    /* 稍深藍 */
    font-size: 90%;
    background-color: #c6dbff !important;
}



/* ===== Styles from Components\Pages\Flow\SSOTest.razor ===== */

/* From Components\Pages\Flow\SSOTest.razor, line 6, inline style */
.legacy-SSOTest-1-20-line6 {
    color: purple;
}

/* From Components\Pages\Flow\SSOTest.razor, line 7, inline style */
.legacy-SSOTest-2-20-line7 {
    color: var(--Customize_color_2);
}

/* From Components\Pages\Flow\SSOTest.razor, line 14, inline style */
.legacy-SSOTest-3-20-line14 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 17, inline style */
.legacy-SSOTest-4-20-line17 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 42, inline style */
.legacy-SSOTest-5-20-line42 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 45, inline style */
.legacy-SSOTest-6-20-line45 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 62, inline style */
.legacy-SSOTest-7-20-line62 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 65, inline style */
.legacy-SSOTest-8-20-line65 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 86, inline style */
.legacy-SSOTest-9-20-line86 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 89, inline style */
.legacy-SSOTest-10-20-line89 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 116, inline style */
.legacy-SSOTest-11-20-line116 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 119, inline style */
.legacy-SSOTest-12-20-line119 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 366, inline style */
.legacy-SSOTest-13-20-line366 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 369, inline style */
.legacy-SSOTest-14-20-line369 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 386, inline style */
.legacy-SSOTest-15-20-line386 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 389, inline style */
.legacy-SSOTest-16-20-line389 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 410, inline style */
.legacy-SSOTest-17-20-line410 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 413, inline style */
.legacy-SSOTest-18-20-line413 {
    width: 80%;
}

/* From Components\Pages\Flow\SSOTest.razor, line 438, inline style */
.legacy-SSOTest-19-20-line438 {
    background-color: lightgray;
}

/* From Components\Pages\Flow\SSOTest.razor, line 441, inline style */
.legacy-SSOTest-20-20-line441 {
    width: 80%;
}



/* ===== Styles from Components\Pages\Home.razor ===== */

/* From Components\Pages\Home.razor, line 10, inline style */
.legacy-Home-1-1-line10 {
    background-color: lightgray;
}



/* ===== Styles from Components\Pages\MemberHome.razor ===== */

/* From Components\Pages\MemberHome.razor, line 19, inline style */
.legacy-MemberHome-1-9-line19 {
    background-color: lightgray;
}

/* From Components\Pages\MemberHome.razor, line 33, inline style */
.legacy-MemberHome-2-9-line33 {
    background-color: #f8f8f8;
}

/* From Components\Pages\MemberHome.razor, line 56, inline style */
.legacy-MemberHome-3-9-line56 {
    background-color: #f8f8f8;
}

/* From Components\Pages\MemberHome.razor, line 86, inline style */
.legacy-MemberHome-4-9-line86 {
    background-color: #f8f8f8;
}

/* From Components\Pages\MemberHome.razor, line 114, inline style */
.legacy-MemberHome-5-9-line114 {
    background-color: #f8f8f8;
}

/* From Components\Pages\MemberHome.razor, block <style>, block #6 of 9 */
.kpi-section {
    /* 讓內部內容（含 title + row）水平置中 */
    align-items: center;
    background-color: #fefefe;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    padding: 2rem 1.5rem;
}

/* From Components\Pages\MemberHome.razor, block <style>, block #7 of 9 */
.kpi-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* From Components\Pages\MemberHome.razor, block <style>, block #8 of 9 */
.dashboard-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

/* From Components\Pages\MemberHome.razor, block <style>, block #9 of 9 */
.refresh-button {
    background-color: #00abcc;
    border-radius: 8px;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    padding: 1rem 2rem;
    transition: background-color 0.2s ease;
}



/* ===== Styles from Components\Pages\VendorHome.razor ===== */

/* From Components\Pages\VendorHome.razor, line 8, inline style */
.legacy-VendorHome-1-1-line8 {
    background-color: lightgray;
}



/* ===== Styles from Components\Pages\VendorRegister.razor ===== */

/* From Components\Pages\VendorRegister.razor, block <style>, block #1 of 1 */
.error-border {
    border: 2px solid var(--Customize_danger_color);
}






/* ---------------------------------------------------*/
/* ---------------------- CARA -----------------------*/
/* ---------------------------------------------------*/
/* 取代以上CSS - 共用 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/*
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
label{
    margin-bottom: 1rem;
    text-align: left;
    /* margin-top: 1rem; */
}
/* form{
    display: grid;
    align-items: center;
    justify-content: center;
} */
/*整體框架*/
body {
    font-family: Poppins, "open sans", "微軟正黑體", sans-serif !important;
    position: relative !important;
    background: var(--Gf1f2f7color) !important;
    font-size: 1rem !important; /*16*/
}
main{
    padding:2rem !important;
}
article.content {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.875rem !important;
    position: relative !important;
    background: var(--FFFcolor) !important;
    border: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
@media (min-width: 641px) {
    .top-row[b-n5i6gu97y7],
    article[b-n5i6gu97y7].content {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    main {
        width: calc(100% - 250px);
        margin: 0 auto;
    }
}
.grid-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
h1 {
    font-size: 1.5rem !important;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0.7rem;
    color: var(--Customize_color);
}
h2 {
    font-size: 1.1rem !important;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0.7rem;
    color: var(--Customize_color);

}
h3 {
    font-size: 1.1rem !important;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0.7rem;
    color: var(--Customize_color);

}
h5.category-title{
    margin-bottom: 1rem;
    margin-right: 10px;
}
p{
    margin-bottom: 0.5rem;
}
.row{
    display: flex;
}

/*上方公告*/
main > div[b-n5i6gu97y7] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: start !important;
    padding: 0 !important;
}
main #announcement {
    padding: 1.5rem !important;
    margin-top: 1.2rem;
    background-color: var(--FFFcolor) !important;
    border: none !important;
    border-radius: 8px !important;
}
main #announcement .top-row {
    background-color: var(--FFFcolor) !important;
    border: none !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}
/*左側sidebar*/
.sidebar {
    background-color: var(--Customize_color) !important;
    background-image: none !important;
}
@media (min-width: 641px) {
    .sidebar {
        min-width: 250px !important;
    }
}
.sidebar .top-row.ps-3 {
    background-color: var(--G3b3color) !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    letter-spacing: 0.07rem !important;
    margin-top: 0rem !important;
}

.sidebar .top-row.ps-3 .navbar-brand {
    font-size: 1.05rem !important;
    text-align: left;
    line-height: 21px;
    padding-top: 0;
    padding-bottom: 0;
}
.sidebar .nav-item {
    font-size: 1rem !important;
}
.sidebar .nav-item .nav-link {
    color: var(--Gd7dcolor) !important;
    line-height: 1.5rem !important;
    width: 100% !important;
    height: auto !important;
    padding: 0.8rem 1rem !important;
}

.sidebar .nav-item.px-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.sidebar .nav-item .nav-link {
    color: var(--FFFcolor) !important;
    border-radius: 0px !important;
}

.sidebar .nav-item .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.sidebar .nav-item a.active {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.sidebar .nav-item .nav-link::before {
    font-family: "FontAwesome";
    margin-right: 10px;
    width: 15px;
}

.sidebar .nav-item:nth-child(1) .nav-link::before {
    content: "\f085"; /* 管理者 */
}

.sidebar .nav-item:nth-child(2) .nav-link::before {
    content: "\f080"; /* 儀表板 */
}

.sidebar .nav-item:nth-child(3) .nav-link::before {
    content: "\f007"; /* Admin 系統管理者 */
}

.sidebar .nav-item:nth-child(4) .nav-link::before {
    content: "\f130"; /* 計畫主持人 */
}

.sidebar .nav-item:nth-child(5) .nav-link::before {
    content: "\f058"; /* 行政審查 */
}

.sidebar .nav-item:nth-child(6) .nav-link::before {
    content: "\f0c0"; /* 廠商帳號審核 */
}

.sidebar .nav-item:nth-child(7) .nav-link::before {
    content: "\f15c"; /* 合約審查 */
}

.sidebar .nav-item:nth-child(8) .nav-link::before {
    content: "\f0d6"; /* 經費審查 */
}

.sidebar .nav-item:nth-child(9) .nav-link::before {
    content: "\f0e3"; /* 法務審查分辦桌 */
}

.sidebar .nav-item:nth-child(10) .nav-link::before {
    content: "\f24e"; /* 法務審查 */
}

.sidebar .nav-item:nth-child(11) .nav-link::before {
    content: "\f187"; /* 檔案室 */
}

.sidebar .nav-item:nth-child(12) .nav-link::before {
    content: "\f234"; /* 設定代理 (一般員工) */
}

.sidebar .nav-item:nth-child(13) .nav-link::before {
    content: "\f019"; /* 下載合約範本 */
}

.sidebar .nav-item:nth-child(14) .nav-link::before {
    content: "\f02d"; /* 下載操作手冊 */
}

.sidebar .nav-item:nth-child(15) .nav-link::before {
    content: "\f002"; /* 合約查詢 */
}

.sidebar .nav-item:nth-child(16) .nav-link::before {
    content: "\f0ec"; /* 整批移轉查詢 */
}

.sidebar .nav-item:nth-child(17) .nav-link::before {
    content: "\f2b5"; /* 合約借調 */
}

.sidebar .nav-item:nth-child(18) .nav-link::before {
    content: "\f07c"; /* 我的借調合約 */
}

.sidebar .nav-item:nth-child(19) .nav-link::before {
    content: "\f017"; /* 各節點進度查詢 */
}

.sidebar .bi-arrow-bar-left-nav-menu::before {
    font-family: "FontAwesome";
    margin-right: 10px;
    content: "\f08b"; /* Logout */
}
.sidebar .nav-item .nav .nav-item .nav-link::before {
    content: "";
}

.sidebar .nav-item .nav.ms-3 {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.sidebar .nav-item .nav.ms-3 .nav-item .nav-link {
    padding-left: 2rem !important;
}
/* WebKit 引擎支持 (Chrome、Safari、Edge) */
.sidebar .nav-scrollable::-webkit-scrollbar {
    width: 8px; /* 垂直 scrollbar 的寬度 */
    height: 8px; /* 水平 scrollbar 的高度 */
}

.sidebar .nav-scrollable::-webkit-scrollbar-thumb {
    background-color: rgb(136 136 136 / 50%); /* 滑塊的顏色 */
    border-radius: 8px; /* 滑塊的圓角 */
}

.sidebar .nav-scrollable::-webkit-scrollbar-thumb:hover {
    background-color: var(--G555color); /* 滑塊懸停時的顏色 */
}

.sidebar .nav-scrollable::-webkit-scrollbar-track {
    background: var(--FFFcolor); /* 背景顏色 */
    border-radius: 10px; /* 背景的圓角 */
}

/* Firefox 支持 */
.nav-scrollable {
    scrollbar-width: thin; /*thin / auto / none */
    scrollbar-color: rgb(136 136 136 / 50%) var(--FFFcolor); /*(滑塊顏色 滑軌顏色) */
}

/*元件*/
/* form-group */
.form-group {
    width: 100% !important;
    max-width: none;
    background-color: transparent;
    color: var(--blackcolor);
    text-align: left;
}
/*按鈕*/
button {
    display: inline-block !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--FFFcolor) !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    background-color: var(--Customize_color) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    border: 1px solid var(--Customize_color) !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

button:hover {
    background-color: var(--Customize_HRcolor) !important;
}

.btn-primary {
    background-color: var(--Customize_color) !important;
    border: 1px solid var(--Customize_color) !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--Customize_HRcolor) !important;
    border: 1px solid var(--Customize_HRcolor) !important;
}

.btn.btn-lg {
    font-size: 1.1rem !important;
}
/*checkbox*/
input[type="checkbox"] {
    margin-top: 0rem !important;
}
input[type="checkbox"]:checked {
    background-color: var(--Customize_color); /* 勾選框背景色 */
    border-color: var(--Customize_color); /* 勾選框邊框顏色 */
}
/*連結*/
a {
    color: var(--G777color);
}

a:hover {
    color: var(--G575color);
}
main .nav-link.active {
    background-color: var(--Customize_color) !important;
    color: var(--FFFcolor) !important;
    border: 1px solid var(--Customize_color) !important;
}
main .nav-link {
    padding: 0.8rem 1rem !important;
    color: var(--G777color) !important;
    border: 1px solid var(--Gd7dcolor) !important;
    margin-bottom: 0.5rem;
}

/*各類input與select*/
input,
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
input[type=number],
input[type=range],
input[type=date],
input[type=time],
input[type=month],
input[type=week],
input[type=file],
select {
    border-color: var(--Gd7dcolor);
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--G3b3color);
    background-color: var(--FFFcolor);
    background-clip: padding-box;
    border: 1px solid var(--Gd7dcolor);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 1rem;
}
input[type="radio"]{
    width: 1em;
    height: 1em;
}
input.modified,
select.modified {
    outline: none !important;
}
input[type=text]:focus {
    box-shadow: none;
    border-color: var(--Gd7dcolor);
}
input[type=text]:focus-visible {
    outline: none;
}
input[type=checkbox]{
    width: auto !important;
    min-width: 1em;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 0;
}

/*表格*/
.table-container {
    border: none !important;
    scrollbar-width: thin; /*thin / auto / none */
    scrollbar-color: rgb(136 136 136 / 50%) var(--FFFcolor); /*(滑塊顏色 滑軌顏色) */
    width: 100%;
    overflow: scroll;
}
table, .table {
    border: 1px solid var(--Gd7dcolor) !important;
    margin-bottom: 1rem !important;
    color: var(--G333color) !important;
    scrollbar-width: thin; /*thin / auto / none */
    scrollbar-color: rgb(136 136 136 / 50%) var(--FFFcolor); /*(滑塊顏色 滑軌顏色) */
}

table thead,
.table thead {
    color: var(--FFFcolor) !important;
    background-color: var(--Customize_color) !important;
    border-color: var(--Gd7dcolor) !important;
}

table thead th,
.table thead th {
    vertical-align: middle !important;
    word-break: break-all !important;
    padding: 1.1rem .75rem !important;
    background-color: var(--Customize_color) !important;
    font-size: 1rem !important;
}
table thead th > * {
    font-size: 1rem !important;
    padding:0 !important;
    line-height: 1rem !important;
}
table tbody td,
.table tbody td {
    vertical-align: top !important;
    word-break: break-all !important;
    padding: .75rem !important;
    font-size: 1rem !important;
}

table tbody tr:nth-of-type(2n+1),
.table tbody tr:nth-of-type(2n+1) {
    background-color: var(--FFFcolor) !important;
    --bs-table-accent-bg: var(--FFFcolor) !important;
}

table tbody tr:nth-of-type(2n),
.table tbody tr:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.035) !important;
}
table.styled-table th, table.styled-table td {
    border: 1px solid var(--Gd7dcolor) !important;
}
table.styled-table th{
    color: var(--FFFcolor);
}
table tbody button.btn,
.table tbody button.btn {
    background-color: var(--G777color) !important;
    border: 1px solid var(--G777color) !important;
    margin: 0 2px;
}

table tbody button.btn.btn-primary:hover,
.table tbody button.btn.btn-primary:hover,
table tbody button.btn.btn-primary:focus,
.table tbody button.btn.btn-primary:focus,
table tbody button.btn.btn-info:hover,
.table tbody button.btn.btn-info:hover,
table tbody button.btn.btn-info:focus,
.table tbody button.btn.btn-info:focus {
    background-color: var(--Customize_HRcolor) !important;
    border: 1px solid var(--Customize_HRcolor) !important;
}

table tbody button.btn.btn-danger:hover,
.table tbody button.btn.btn-danger:hover,
table tbody button.btn.btn-danger:focus,
.table tbody button.btn.btn-danger:focus {
    background-color: var(--Customize_danger_color) !important;
    border: 1px solid var(--Customize_danger_color) !important;
}
.notification-badge {
    margin-left: 5px;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 2px 15px;
    border-radius: 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
table button{
    margin-top: 0;
    margin-bottom: 0;
}
/* heading */
.h1-centered-heading {
    background-color: transparent;
}

.h3-centered-heading {
    background-color: transparent;
}

/* div背景顏色拿掉 */
.div-color-1 {
    background-color: transparent;
}

/* 儀錶板 */
.kpi-row{ 
    width: 100% !important;
}
.kpi-card{
    width: calc(20% - 13px) !important;
}

/* 左邊MENU nav-scrollable */
form[b-kkyvr3sgf9]{
    justify-content: start;
}
.nav-scrollable .nav-item button[type=submit].nav-link {
    text-align: left !important;
}
.nav-scrollable .nav-item button[type=submit].nav-link::before {
    display: none;
}
.nav-scrollable .nav-item button[type=submit].nav-link .bi[b-kkyvr3sgf9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0;
    top: -1px;
    background-size: cover;
}
/* 上傳或刪除檔案 */
.category-section{
    display: flex;
}
.folder-section{
    display: flex;
}
.border-primary{
    border-color: #dee2e6 !important;
}
/* ---------------------------------------------------*/
/* ---------------------- CARA -----------------------*/
/* ---------------------------------------------------*/

/* 以下是 20250510 新增 by Gino */

.readonly-research-assistant {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

.readonly-research-assistant-item {
    display: flex;
    align-items: flex-start;
}

    .readonly-research-assistant-item strong {
        width: 60px; /* 固定寬度，對齊用 */
        display: inline-block;
        color: #333;
    }

    .readonly-research-assistant-item span {
        flex: 1;
    }

.register-bg{
    position: fixed;
    background: url(images/background-story-image_02_1920x1280.jpg);
    width: 100%;
    top: 0;
    left: 0;
    padding: 12rem 7rem 5rem 7rem;
    overflow-y: scroll;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}
.register-bg::before{
    content: "";
    width: 100%;
    height: 90vh;
    position: absolute;
    left: 0;
    top: 165px;
    background: var(--FFFcolor);
    z-index: -1;
    opacity: 0.95;
}
.register-bg::after{
    content: "";
    width: 100%;
    height: 115px;
    background: url(images/bg-cover-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 50px;
    left: 0;
    position: absolute;
    opacity: 0.95;
}

.vanta-canvas{
    z-index: -2 !important;
    top: -194px !important;
    left: -127px !important;
    width: 100vw !important;
    height: 80vh !important;
    opacity: 0.5;
}
@media (max-width:767px) {
    .register-bg{
        padding: 12rem 3rem 5rem 3rem;
        background: var(--FFFcolor);
    }
    .vanta-canvas{
        z-index: -2 !important;
        top: -194px !important;
        left: -48px !important;
        width: 100vw !important;
        height: 80vh !important;
        opacity: 1;
    }
}
.login-bg{
    background: url(images/background-story-image_01_1920x1280.jpg);
    width: 100%;
    top: 0;
    left: 0;
    padding: 10rem 7rem 5rem 7rem;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}
@media (max-width:991px) {
    .login-bg{
        padding: 5rem 3rem 3rem 3rem;
    }
}
@media (max-width:767px) {
    .login-bg{
        padding: 5rem 1rem 3rem 1rem;
    }
}
.login-bg::before{
    content: "";
    width: 100%;
    height: calc(100% - 70px);
    background: url(images/bg-cover.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 70px;
    left: 0px;
    position: absolute;
    opacity: 0.85;
    border-radius: 5px;
    z-index: 0;
}
@media (min-width: 1200px) {
    .login-bg::after {
        content: "";
        width: 420px;
        height: 52px;
        background: url(images/LOGO_525x60.png);
        background-repeat: no-repeat;
        background-size: contain;
        top: 39%;
        right: 12%;
        position: absolute;
    }
}