/*!
    調整樣板的補丁
*/
body, html {
    font-size: 16px !important;
    --bs-text-opacity: 1;
    --bs-white-rgb: 255, 255, 255;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
@media (max-width: 767.98px) {
    body, html {
        font-size: 14px !important;
    }
}
.menu-title {
    font-size: 13px !important;
}
/* 解決 DataTables v2 排序箭頭造成 TH 掉行問題 */
table.dataTable thead th.dt-ordering-asc,
table.dataTable thead th.dt-ordering-desc {
    white-space: nowrap !important;
    vertical-align: middle !important;
    position: relative !important;
    /*padding-right: 20px;*/ /* 預留箭頭空間 */
}

    /* 排序箭頭置中並避免換行 */
    table.dataTable thead th.dt-ordering-asc::after,
    table.dataTable thead th.dt-ordering-desc::after,
    table.dataTable thead th.dt-ordering-asc::before,
    table.dataTable thead th.dt-ordering-desc::before {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 8px !important;
        left: auto !important;
        margin-left: 0 !important;
        display: block !important;
    }
:root, [data-bs-theme=dark] {
    --bs-danger: #ff4848 !important;
    --bs-border-color: rgb(255, 255, 255) !important;
}
.card {
    border: dashed !important;
    --bs-card-border-color: rgb(255, 255, 255) !important;
    --bs-card-color: rgb(255, 255, 255) !important;
}
.dt-paging-button > button {
    color: rgb(255, 255, 255) !important;
}
.pagination {
    --bs-pagination-active-bg: transparent !important;
    --bs-pagination-active-border-color: rgb(255, 255, 255) !important;
}
#dt-length-0, #dt-search-0 {
    color: rgb(255, 255, 255) !important;
}
.badge {
    --bs-badge-font-size: 16px !important;
}
.btn-group-sm > .btn, .btn-sm {
    --bs-btn-font-size: 16px;
}
table {
    width: 100%;
/*    --bs-border-width: 1px;*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.tb-border {
    border: 1px solid !important;
    border-radius: 6px;
    /*border-color: white;*/
}
.tooltip-inner {
    color: white !important;
}
.alert-success
{
    color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    background-color: var(--bs-success-light) !important;
}
.custom-alert-wrapper {

}