@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: #000000;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(67, 89, 113, 0);
}

ul{list-style: none;}

.form-label, .col-form-label {
    font-size: 1.0rem;
    color: #000000!important;
}

small, .small {
    font-size: 1.0rem;
}

.bx-ml {
    font-size: 2.8rem !important;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: #000000;
    font-weight: bold;
}

.menu-vertical .menu-item .menu-link {
    font-size: 1.2rem;
}

.bg-menu-theme .menu-text {
    color: #000000;
}

.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle, .bg-menu-theme .menu-item.active > .menu-link {
    color: #000000;
}

.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
    color: #000000;
    font-weight: bold;
}

.bg-menu-theme .menu-header {
    color: #2A2A2A;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #000000;
    --bs-table-striped-bg: #f9fafb;
    --bs-table-active-color: #000000;
    --bs-table-active-bg: rgba(67, 89, 113, 0.1);
    --bs-table-hover-color: #000000;
    --bs-table-hover-bg: rgba(67, 89, 113, 0.06);
    margin-bottom: 1rem;
    color: #000000 !important;
    vertical-align: middle;
    border-color: #000000;
    width: 100%;
    text-align: center;
}

.table:not(.table-dark) th {
    color: #000000;
}

.table th {
    font-size: 1.2rem;
}

.table > :not(:first-child) {
    border-top: 1px solid #000000;
}

.td-readonly {
    background-color: #eceef1!important;
    opacity: 1;
}

.col-form-label {
    color: #000000;
}

.form-control {
    color: #000000;
    background-color: #fff;
    border: 1px solid #000000;
}

.form-select {
    color: #000000;
    background-color: #fff;
    border: 1px solid #000000;
}

.form-check-input {
    border: 1px solid #000000;
}

::placeholder {
  color: #000000 !important;
}

.justify-content-between {
    padding: 1.2rem 1.2rem;
}

.mr-04 {
    margin-right: 0.4rem;
}

.str12 {
    font-size:  1.3rem;
    font-weight: 700;
}

.str15 {
    font-size:  1.5rem;
}

.del { /*刪除*/
    width: 80px;
}

.name { /*發票抬頭*/
    width: 250px;
}

.date {  /*日期*/
    width: 130px;
}

.number { /*發票號碼*/
    width: 155px;
}

.number2 { /*統編*/
    width: 90px;
}

.ellipsis {
    width: 250px; /* 設定容器的寬度，你可以根據需要進行調整 */
}

.ellipsis-container {
    white-space: nowrap; /* 讓文字不換行 */
    overflow: hidden; /* 隱藏超出容器範圍的文字 */
    text-overflow: ellipsis; /* 在文字超出範圍時顯示省略號 */
}

.input-group-text {
    border: 1px solid #000;
}

.table-border-bottom-0 tr td {
    font-size: 1rem;
}

#tb-view, #tb-seach {
    display: none;
}

/* 核選方塊置中 */
.ck-va {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}

.editable-input {
    border: none; /* 移除邊框 */
    background: transparent; /* 移除背景 */
    outline: none; /* 取消點擊時的外框 */
    width: 100%; /* 讓輸入框撐滿 td */
    font-size: inherit; /* 繼承字體大小 */
}

.hint-text {
    width: auto;
    display: inline-block;
    color: red;
    font-weight: bold;
    margin-right: 4px;
    font-size: 1rem;
}

.str-b-1-4 {
    font-size: 1.4rem;
    font-weight: bold;
}

.no-border {
  border: none;
  outline: none;
  background: transparent;
}