
table.table-bordered{
  border:1px solid rgb(146, 146, 153);
  /* margin-top:20px; */
}

.table td, .table th {
  text-align: center;
}

.text-left-force td, .text-left-force th{
  text-align: left !important;
}

.text-right-force td, .text-right-force th{
  text-align: right !important;
}

@media (max-width: 768px) {
  table.responsive-table td {
    display: block;
    width: 100% !important;
  }
}

.divChangeLine{
  word-wrap: break-word;
  word-break: normal;
}

th > .checkBoxLarge, td > .checkBoxLarge{
  margin: -5px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.tdTitle{
  background: linear-gradient(#fff, #ccc) !important;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tdContent{
  background: linear-gradient(#eeeeee77, #154d000e) !important;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tdContent:hover{
  background: linear-gradient(#bbbbbb55, #154d0022) !important;
}
.spanTitle {
  font-weight: bold;
}
.spanContent {
  color: blue;
}

.modal-header-cus{
  background-color: rgb(57, 13, 253);
  color: rgb(255, 255, 255);
}
.modal-body-cus{
  background: linear-gradient(#eee, #ddd) !important;
}

[v-cloak] {
  display: none;
}

.navLinkBlink{
  animation-name: blink;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.15;
  }
  100% {
    opacity: 1;
  }
}

pre.preText {
    white-space: pre-wrap;       /* 保留空白與換行，但允許自動換行 */
    word-wrap: break-word;       /* 長字超過容器寬度時自動斷行 */
}


/* WallerOrder.cshtml */
.fee-select {
  max-width: 150px;
  flex: 0 0 auto;
}

.fee-input {
  max-width: 150px;
  flex: 0 0 auto;
}

.fee-result {
  padding-left: 12px;
  font-weight: bold;
  white-space: nowrap;
  display: flex;
  align-items: center; /* 垂直置中 */
}


/* BankSetWeb.cshtml */
.token-cell {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-tb-font-size {
  font-size: 16px;
}

.order-tb-font-size td{
  padding: 0.4rem 0.2rem ;
}

.form-select {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} 
