body {
    font-family: "Noto Sans CJK TC", "Microsoft JhengHei", sans-serif;
}

table.dataTable.dt-checkboxes-select tbody tr, table.dataTable thead th.dt-checkboxes-select-all, table.dataTable tbody td.dt-checkboxes-cell {
    cursor: auto !important;
}

/* 因為模板layout使用 light-style, dataTable又對應上層 light-style 做樣式，所以需要加上 light-style 才可覆蓋原有樣式 */
/* 可見 resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss 檔案內css */
/* 表格頭部樣式增強 */
.light-style .table thead th:not(.dataTables_scrollHead th) {
    border-bottom: 2px solid #495057 !important;
    font-weight: bold;
}

/* 表格整體圓角效果 */
.light-style .table {
    border-radius: 10px;
    overflow: hidden;
}

.light-style .table thead th:first-child {
    border-top-left-radius: 10px;
}

.light-style .table thead th:last-child {
    border-top-right-radius: 10px;
}

.dataTables_length {
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
}

.dataTables_filter {
    margin-top: 0 !important;
}

.context-menu-icon--fa::before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: var(--fa-style, 900) !important;
}

.card-header.sticky-element {
    background-color: white !important;
    border-bottom: solid 1px lightgrey !important;
}

.col-form-label + .col-12 .form-check {
    padding-top: calc(.426rem + var(--bs-border-width));
}

.form-label {
    font-size: inherit;
}

.form-control {
    background-color: #fff;
    border-color: #7d7d7d;
}

.form-select {
    background-color: #fff;
    border-color: #7d7d7d;
}

.toast.bs-toast {
    background-color: #fff !important;
}

.bs-stepper {
    box-shadow: none !important;
    background-color: transparent !important;
}

.bs-stepper-header {
    background-color: #fff;
}

.bg-lightest {
    background-color: #f9f9f9 !important;
}

.ml-1 {
    margin-left: .25rem!important
}

.ml-1_5 {
    margin-left: .375rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.ml-3 {
    margin-left: .75rem!important
}

.ml-4 {
    margin-left: 1rem!important
}

.ml-5 {
    margin-left: 1.25rem!important
}

.ml-6 {
    margin-left: 1.5rem!important
}

.ml-7 {
    margin-left: 1.75rem!important
}

.ml-8 {
    margin-left: 2rem!important
}

.ml-9 {
    margin-left: 2.25rem!important
}

.ml-10 {
    margin-left: 2.5rem!important
}

.ml-11 {
    margin-left: 2.75rem!important
}

.ml-12 {
    margin-left: 3rem!important
}

.ml-auto {
    margin-left: auto!important
}

.mr-1 {
    margin-right: .25rem!important;
}

.mr-1_5 {
    margin-right: .375rem!important;
}

.mr-2 {
    margin-right: .5rem!important;
}

.mr-3 {
    margin-right: .75rem!important;
}

.mr-4 {
    margin-right: 1rem!important;
}

.mr-5 {
    margin-right: 1.25rem!important;
}

.mr-6 {
    margin-right: 1.5rem!important;
}

.mr-7 {
    margin-right: 1.75rem!important;
}

.mr-8 {
    margin-right: 2rem!important;
}

.mr-9 {
    margin-right: 2.25rem!important;
}

.mr-10 {
    margin-right: 2.5rem!important;
}

.mr-11 {
    margin-right: 2.75rem!important;
}

.mr-12 {
    margin-right: 3rem!important;
}

.mr-auto {
    margin-right: auto!important;
}


/* Dropzone */

.dz-message {
    margin: 3rem 0 3rem;
}

/* Photoswipe */
.pswp__custom-caption {
    background: rgba(75, 150, 75, 0.75);
    font-size: 16px;
    color: #fff;
    width: calc(100% - 32px);
    max-width: 400px;
    padding: 2px 8px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
}
.pswp__custom-caption a {
    color: #fff;
    text-decoration: underline;
}
.hidden-caption-content {
    display: none;
}

/* bs-stepper */


/* SweetAlert2 */
.swal2-cancel[style*="display: none"] {
  display: none !important;
}