[v-cloak] {
    display: none;
}

.min-height-unset {
    min-height: unset;
}

.dataTables_empty {
    text-align: center
}

.margin_bottom_5 {
    margin-bottom: 5px !important;
}

.mb-110 {
    margin-bottom: 110px;
}

.table-layout-fixed {
    table-layout: fixed;
}

.table-border {
    border: 1px solid black;
    border-collapse: collapse;
  }

.x-scrollable-table {
    overflow-x: auto;
    display: block;
    width: fit-content;
    max-width: 100%;
}

.link {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}
.link:hover {
    text-decoration: underline !important;
}

.color-list {
    list-style: none;
    padding: 0;
}

.color-list li {
    margin-bottom: 10px;
    display: flex; /* 使用 Flex 布局 */
    align-items: center; /* 垂直居中 */
}

.color-box {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

/* 列表的 div 元素 */
.list-container {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: center;
    justify-content: flex-end; /* 列表置底 */
}

.list-container table td {
    vertical-align: top;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.w-20 {
  width: 20% !important;
}

.break-word {
  word-break: break-all; /* 強制在任意位置換行 */
}