body {
    font-family: 'Microsoft Tai Le';
    line-height: 1.7;
    color: #838990;
    padding:0!important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}

.myInputHeight {
    height: 30px;
    font-size: 14px;
}

.training {

}

.links span {
    line-height: 1.5;
    color: #23569D;
    transition:all ease 500ms;
}

    .links span:hover {
        line-height: 1.6;
        color: #D81159;
        font-weight:800;
    }

.Window_Ctrl {
    color: black;
    background-color: transparent;
}
    .Window_Ctrl:hover {
        color: #ffffff;
        background-color: #000000;
    }

.icon_active {
    color: #ff0000;
    background-color: transparent;
}

.Window_Ctrl_Min,
.Window_Ctrl_Min_Inner{
    min-height: 15vh;
    max-height: 15vh;
}

.Window_Ctrl_Normal,
.Window_Ctrl_Normal_Inner {
    min-height: 30vh;
    max-height: 30vh;
}

.Window_Ctrl_Max,
.Window_Ctrl_Max_Inner {
    min-height: 60vh;
    max-height: 60vh;
}

.asc:after {
    content: ' ↑';
}

.desc:after {
    content: ' ↓';
}

th:hover {
    cursor: pointer;
}
/*nav-top*/
.top-nav {
    margin-bottom: 5px;
    margin-top: 5px;
}

/*navbar*/
.navbar-section {
    position: sticky;
    top: 0px;
    z-index: 100;
}

.navbar {
    background-color: #D2E5F6;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.15);
    padding: 10px;
    display: inline-flex;
    margin-bottom: 10px;
}

.selected {
    background-color: yellow;
}

.th-section {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 101;
}
/*left navbar--kao*/

.container-all{
    display:flex;
    align-items:stretch;

}


#sidebar {
    width: 100%;
    height: 100%;
    background-color: #D2E5F6;
    border-radius: 0 10px 10px 0;
}
.openclose{
    margin-left:190px;
}
.container-left{
    width:200px;
    position:relative;
    left:-200px;
    margin-bottom:10px;
}
.container-right {
    width: 100%;
    margin-left: -150px;
}
.changelength {
    margin-left:30px !important;
}
.collapse-btn {
    position: relative;
    left: 100%;
    display: inline;
    background-color: darkgray;
    border-radius: 0 10px 10px 0;
    top:30%;
}
.btn-change-x {
    transform: rotate(180deg);
    margin-top:-4px;
}
.bi-caret-right-fill{
    color:white;
}
.button{
    width:30px;
    height:30px;
}

.nav-link {
    color: black !important;
    display: inline-block !important;
}

.navbar {
    box-shadow: none;
    position: relative;
}

hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#changecolor {
    background-color: #D2E5F6;
    box-shadow: none;
    margin-bottom: 10px;
    align-items: stretch !important;
    width:90%;
}

.nav-item {
    text-align: center;
}

.level_01 {
    display: none;
}

.level_02 {
    display: none;
}

.level_03 {
    display: none;
}
.transition-1 {
    transition: 0.5s;
}
.no-display{
    display:none!important;
}
/*驗證碼*/

    .code {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        margin-right:5px;
        margin-top:5px;
    }

/*_Page.cshtml*/
.input-num {
    border: 1px solid black !important;
    width: 60px !important;
    box-shadow: none !important;
}

.page-num {
    max-width: 100px;
}

    .page-num input {
        border: 1px solid black !important;
    }

.eachpagenum_label {
    color: black;
}

.turn {
    border: 1px solid black !important;
    border-radius: 0.25rem !important;
}

    .turn:hover {
        background-color: white !important;
        border: 1px solid black !important;
    }

/*table設定*/

.table-set {
    border: 1px solid black;
    border-top: 0;
}
.result-tbody {
    display: block;
    height: 50vh !important;
    overflow-y: scroll;
}

.result-table > thead,
.result-table > tbody > tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.result-title {
    width: calc( 100% - 1em ) !important;
    background-color: #D2D3D2;
}

.table > :not(:first-child) {
    border-top: 0;
}
/*Modal table設定*/

.modalTable .result-tbody {
    display: block;
    height: 500px !important;
    overflow-y: scroll;
}

.modalTable > thead,
.modalTable > tbody > tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.modalTable .result-title {
    width: calc( 100% - 1em ) !important;
    background-color: #D2D3D2;
}

.modalTable > :not(:first-child) {
    border-top: 0;
}
/*button 設定*/
.savebtn {
    color: #23569D !important;
    border: 1px solid #23569D !important;
    background-color: white !important;
}
.returnButton {
    color: white !important;
    border: 1px solid black !important;
    background-color: #D81159 !important;
}
.btn-delete {
    color: white !important;
    border: 1px solid #D81159 !important;
    background-color: #D81159 !important;
}
    .btn-delete:hover {
        color: white !important;
        border: 1px solid #C60D4E !important;
        background-color: #C60D4E !important;
    }
.btn-outline-delete {
    color: #D81159 !important;
    border: 1px solid #D81159 !important;
    background-color: white !important;
}

    .btn-outline-delete:hover {
        color: white !important;
        border: 1px solid #D81159 !important;
        background-color: #D81159 !important;
    }
.btn-plus {
    color: white !important;
    border: 1px solid #007F7B !important;
    background-color: #007F7B !important;
}
    .btn-plus:hover {
        color: white !important;
        border: 1px solid #006D68 !important;
        background-color: #006D68 !important;
    }
.btn-outline-plus {
    color: #007F7B !important;
    border: 1px solid #007F7B !important;
    background-color: white !important;
}

    .btn-outline-plus:hover {
        color: white !important;
        border: 1px solid #007F7B !important;
        background-color: #007F7B !important;
    }
.btn-navyblue {
    color: white !important;
    border: 1px solid #23569D !important;
    background-color: #23569D !important;
}
    .btn-navyblue:hover {
        color: white !important;
        border: 1px solid #1E4E8C !important;
        background-color: #1E4E8C !important;
    }

.btn-outline-navyblue {
    color: #23569D !important;
    border: 1px solid #23569D !important;
    background-color: white !important;
}

    .btn-outline-navyblue:hover {
        color: white !important;
        border: 1px solid #23569D !important;
        background-color: #23569D !important;
    }
.btn-outline-success2 {
    color: #198754 !important;
    border: 1px solid #198754 !important;
    background-color: white !important;
}

    .btn-outline-success2:hover {
        color: white !important;
        border: 1px solid #198754 !important;
        background-color: #198754 !important;
    }
.btn-outline-danger2 {
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    background-color: white !important;
}

    .btn-outline-danger2:hover {
        color: white !important;
        border: 1px solid #dc3545 !important;
        background-color: #dc3545 !important;
    }
.btn-outline-primary2 {
    color: #0d6efd !important;
    border: 1px solid #0d6efd !important;
    background-color: white !important;
}

    .btn-outline-primary2:hover {
        color: white !important;
        border: 1px solid #0d6efd !important;
        background-color: #0d6efd !important;
    }
.btn-outline-report {
    color: #F2779D !important;
    border: 1px solid #F2779D !important;
    background-color: white !important;
}

    .btn-outline-report:hover {
        color: white !important;
        border: 1px solid #F2779D !important;
        background-color: #F2779D !important;
    }
.btn-outline-secondary2 {
    color: #565e64 !important;
    border: 1px solid #565e64 !important;
    background-color: white !important;
}

    .btn-outline-secondary2:hover {
        color: white !important;
        border: 1px solid #565e64 !important;
        background-color: #565e64 !important;
    }
/*result navbar*/
.result-top {
    background-color: #D2E5F6;
    border: 1px solid black;
    border-bottom: 0;
}
/*result-end*/
.result-end {
    background-color: #D2E5F6;
    border: 1px solid black;
    color: #23569D;
    font-weight: bold;
}
/*採購延伸查詢列 alert框*/
.alert {
    display: flex;
    align-items: center;
    padding-left: 7px !important;
}

.close {
    position: relative !important;
    padding: 0.7rem !important;
}
/*icon設定*/
.edit-icon {
    text-decoration: none;
    color: black;
}
/*採購查詢列*/
.label {
    padding-left: 35%;
}

.search-box {
    border-radius: 0;
    width: 250px;
    border: 1px solid #dee2e6;
    box-shadow: none;
}

input:focus {
    outline: none;
}

#search {
    border-radius: 0;
}

.icon {
    transform: rotate(180deg);
}
/*修改成功框大小*/
.modifysuccess {
    width: 150px;
    height: 29px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050; /* 确保警告框在Modal上方 */
}

.modifyquery {
    width: 200px;
    height: 29px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050; /* 确保警告框在Modal上方 */
}

.modifying {
    width: 150px;
    height: 29px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050; /* 确保警告框在Modal上方 */
}
/*選擇檔案的框*/
.fileboxtext {
    border-radius: 0px 3px 3px 0px !important;
}

.choosefilebtn {
    border-radius: 3px 0px 0px 3px !important;
    width: 130px;
}

#file-input {
    position: absolute;
    left: 0;
    top: 0;
}
/*重要文字設定*/
.必填欄位 {
    color: red;
    font-weight: bold;
    font-size: 18px !important;
}

    .必填欄位::before {
        content: "* ";
        color: red;
        font-size: 18px;
        font-weight: 900 !important;
    }
/*input共同設定*/
.input-box {
    font-weight: bold !important;
    font-size: 18px !important;
}

    .input-box input,
    .input-box select {
        font-weight: bold !important;
        font-size: 18px !important;
        border-color: grey !important;
    }

.input-box-border {
    border: 1px solid black !important;
}
textarea {
    font-size: 18px !important;
    font-weight: bold !important;
    border-color: grey !important;
}
.link-like {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); /* 设置链接的颜色 */
    text-decoration: underline; /* 设置链接的下划线 */
    cursor: pointer; /* 将鼠标指针设置为手型，表示可以点击 */
}

    .link-like:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb); /* 鼠标悬停时更改链接颜色 */
    }
.table_sticky_wrapper {
    height: 52vh;
    overflow: auto;
}

.main_table {
    position: relative;
    border-collapse: collapse;
}

tbody td {
    left: 0;
    z-index: 1;
}
/* 捲軸寬度 */
.scroll_type::-webkit-scrollbar {
    width: 0px;
}
/* 捲軸本體顏色 */
.scroll_type::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.mustinputlabel::before {
    content: "* ";
    color: red;
    font-size: 18px;
    font-weight: 900 !important;
}
option{
    font-size:21px;
}

/*可自動調整欄寬的table*/
.table_out_div {
    overflow-x: auto;
}

.table_2 {
    table-layout: auto;
    overflow-y: auto;
    width: max-content;
    white-space: nowrap; /* 內容不換行 */
    min-width: 100%;
}

.thead-top {
    position: sticky;
    top: 0;
    background: white;
    z-index: 100;
}

/*.table_2 td {
    word-break: break-word;*/  /*让单元格内的文字换行*/ 
    /*white-space: normal;*/  /*允许换行*/ 
/*}*/