html,
body {
    overflow-x: hidden;

}

.layout-page {
    overflow: visible !important;
}


/* Prevent layout shift when SweetAlert opens */
/* html {
            overflow-y: scroll;
        } */

/* Fix SweetAlert body shift */
body.swal2-shown,
body.modal-open {
    padding-right: 0 !important;
    overflow: auto !important;
}

/* Remove unwanted SweetAlert container spacing */
.swal2-container {
    padding: 0 !important;
}

#template-customizer {
    display: none;
}

.toast .close {
    color: black;
}

[data-bs-theme="light"] body {
    background-color: #f8f7fa;
}

[data-bs-theme="dark"] body {
    background-color: #25293c;
}


[data-bs-theme="light"] #DataTables_Table_0_wrapper .row.mt-2.justify-content-between:first-of-type {

    border-bottom: 1px solid #dee2e6;

}

[data-bs-theme="dark"] #DataTables_Table_0_wrapper .row.mt-2.justify-content-between:first-of-type {
    border-bottom: 1px solid #44485e;


}

#DataTables_Table_0_wrapper .row.mt-2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

#DataTables_Table_0_wrapper .row.mt-2.justify-content-between {
    margin-top: 0 !important;

}

.invalid-feedback {
    display: block;

}

.remove-glass {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 16px;
    display: none;
    cursor: pointer;
    text-align: center;
    line-height: 26px;
    backdrop-filter: blur(4px);
}

/* ===== GLOBAL LOADER ===== */
/* Light & Dark Theme Background */
[data-bs-theme="light"] #global-loader {
    background: rgba(255, 255, 255);
}

[data-bs-theme="dark"] #global-loader {
    background: rgba(68, 72, 94);
}

/* Global Loader Container */
#global-loader {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    /* opacity: 1;
            transition: opacity 0.4s ease; */
}

#global-loader.is-hidden {
    opacity: 0;
    pointer-events: none;
}

/* Loader Inner Wrapper */
.loader-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* Spinning Circle */
.loader-circle {
    width: 60px;
    height: 60px;
    border: 6px solid #cfd0d1;
    border-top-color: #4a90e2;
    /* primary color of spinner */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Loader Text */
.loader-text {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 14px;
    color: #333;
}

[data-bs-theme="dark"] .loader-text {
    color: #e0e0e0;
}

/* Spin Animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.pagination .page-link {
    border-radius: 6px;
    margin: 0 2px;
}