/*警戒值表*/
.alertValue-table {
  width: 100%;
  border-collapse: collapse;
}

.alertValue-table th {
  padding: 1rem 0.5rem;
  border: 1px solid rgba(var(--ardswc246-blue-dark-rgb), 1);
  text-align: center;
}

.alertValue-table td {
  padding: 1rem 0.5rem;
  border: 1px solid #ddd;
  text-align: center;
}

.alertValue-table th {
  background: rgba(var(--ardswc246-blue-dark-rgb), 1);
  color: var(--fit-white);
  font-weight: bold;
}
.alertValue-table tbody tr {
  background: var(--fit-white);
}
.alertValue-table tbody .first-td {
  background: var(--fit-white);
}

.alertValue-table tbody tr:nth-child(even) {
  background: rgba(var(--ardswc246-blue-rgb), 0.1);
}
.DoubleCol input[type="file"] {
  background: inherit;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
}

@media (max-width: 520px) {
  .DoubleCol th {
    width: 33%;
  }
}
.w1rem {
  min-width: 1rem !important;
  width: 1rem !important;
}
.w2rem {
  min-width: 2rem !important;
  width: 2rem !important;
}
.w3rem {
  min-width: 3rem !important;
  width: 3rem !important;
}
.w4rem {
  min-width: 4rem !important;
  width: 4rem !important;
}
.w5rem {
  min-width: 5rem !important;
  width: 5rem !important;
}
.w6rem {
  min-width: 6rem !important;
  width: 6rem !important;
}
.w7rem {
  min-width: 7rem !important;
  width: 7rem !important;
}
.w8rem {
  min-width: 8rem !important;
  width: 8rem !important;
}
.w9rem {
  min-width: 9rem !important;
  width: 9rem !important;
}
.w10rem {
  min-width: 10rem !important;
  width: 10rem !important;
}
.w11rem {
  min-width: 11rem !important;
  width: 11rem !important;
}
.w12rem {
  min-width: 12rem !important;
  width: 12rem !important;
}
.w13rem {
  min-width: 13rem !important;
  width: 13rem !important;
}
.w14rem {
  min-width: 14rem !important;
  width: 14rem !important;
}
.w15rem {
  min-width: 15rem !important;
  width: 15rem !important;
}
.w16rem {
  min-width: 16rem !important;
  width: 16rem !important;
}
.w17rem {
  min-width: 17rem !important;
  width: 17rem !important;
}
.w18rem {
  min-width: 18rem !important;
  width: 18rem !important;
}
.w19rem {
  min-width: 19rem !important;
  width: 19rem !important;
}
.w20rem {
  min-width: 20rem !important;
  width: 20rem !important;
}

/*列印雙欄表單*/
.prentDoubleCol div,
.prentDoubleCol td,
.prentDoubleCol th {
  font-family: "標楷體", "微軟正黑體", Arial, Verdana, Geneva, sans-serif !important;
}
.prentDoubleCol th {
  width: 120px;
  vertical-align: top;
  font-size: 2.4rem;
}
.prentDoubleCol td {
  font-size: 1.8rem;
}
.prentDoubleCol th,
.prentDoubleCol td {
  padding: 10px;
  border-top: 1px solid #00000020;
  border-bottom: 1px solid #00000020;
}
.prentDoubleCol .title {
  font-size: 2rem;
}
.prentDoubleCol .content {
  padding-left: 4rem;
  font-size: 1.8rem;
}

.table-responsive table th,
.table-responsive table td {
  min-width: 3rem;
  word-wrap: break-word;
  white-space: normal; /* 確保文字會自動換行 */
  word-break: break-all; /* 確保數字也能自動換行 */
}

/*表格樣式-表頭排序數字*/
table th {
  line-height: 1.2;
}
.th-sort {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--fit-dark);
  padding: 2px;
  line-height: 1.2;
}
.th-sort:hover {
  color: var(--fit-blue-dark);
}
.th-sort .alert-number {
  position: unset;
  top: -8px;
  right: 0px;
  display: inline-block;
  line-height: 1;
  padding: 2px 2px;
  margin: 0 2px;
  text-align: center;
  border-radius: var(--bs-border-radius);
  background: #f00;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
}

.table-green thead th .th-sort,
.table-blue thead th .th-sort,
.table-grey thead th .th-sort,
.table-black thead th .th-sort {
  color: #fff;
}
.table-green thead th {
  background: var(--fit-green-dark);
  color: #fff;
}
.table-blue thead th {
  background: var(--ph-blue);
  color: #fff;
}
.table-grey thead th {
  background: var(--fit-black-dark);
  color: #fff;
}
.table-black thead th {
  background: var(--fit-dark);
  color: #fff;
}

/*bootstrap - 自訂 TiffanyBlue 色調*/

.table-TiffanyBlue thead th {
  background: var(--wdaets-green);
  color: #fff;
}

.table-TiffanyBlue tbody tr:nth-of-type(odd) td {
  /* background: #E8FBFB; */
  background: var(--fit-light);
  color: #000000;
}