* {
 font-family: "Inter", sans-serif;
}

.html {
}
html {
    font-size: 14px;
}

.rounded-6 {
 border-radius: 8px;
}
.html {
}
/* rows aur cells dono me pointer cursor */
.e-mousepointer .e-row,
.e-mousepointer .e-rowcell,
.e-mousepointer .e-gridcontent .e-row {
    cursor: pointer !important;
}
img[onclick] {
    cursor: pointer;
}
/* Full Page Loader Overlay */
#fullPageLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8); /* light blur background */
    display: none; /* hidden by default */
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

/* Circular Spinner */
.spinner {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #2196f3; /* Blue loader color */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

input {
    height: 39px;
}
/* Custom delete button – remove hover/click background & color change */
.custom-delete-btn,
.custom-delete-btn:hover,
.custom-delete-btn:focus,
.custom-delete-btn:active {
    background-color: transparent !important; /* background same rahe */
    color: inherit !important; /* text/icon color same rahe */
    box-shadow: none !important; /* click pe shadow remove */
}

/*.e-multi-select-wrapper {
    height: 39px;
}*/
html {
    font-size: 14px;
}
:root {
    --color-sf-focus: black !important; /* Syncfusion ka global focus color variable */
    --bs-body-font-size: 0.9rem;
}
.form-select:focus {
    border-color: black !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
}
/* Global style for all select elements */
select:focus {
    border-color: black !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
}
/* Apply focus styles to all input and select elements */
select:focus,
textarea:focus {
    border-color: black !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
}

.e-multi-select.e-input-focus .e-input,
.e-dropdownlist.e-input-focus .e-input,
.e-combobox.e-input-focus .e-input {
    border-color: black !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
}

.e-input-group.e-control-wrapper.e-input-focus,
.e-multi-select.e-input-focus,
.e-dropdownlist.e-input-focus,
.e-combobox.e-input-focus {
    border-color: black !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
.uneditable-input:focus,
.btn:focus {
    border-color: black;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}

.btn-danger {
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
}

input[type="checkbox"]:checked {
    background-color: #000000;
}

.form-check-input:checked {
    background-color: #e31f24;
    border-color: #000000;
}

input[type="checkbox"]:checked {
    border-color: #000000 !important;
}

.fs-7 {
 font-size: 14px;
}

.dashboard__box {
 border-radius: 18px;
 border: 1px solid #e7e7e7;
 background: #fff;
 padding: 35px;
}

.swal2-spacing {
    margin: 5px;
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
    width: 70px;
    height: 70px;
    border: 8px solid #ddd;
    border-top: 8px solid #007bff; /* Change color if needed */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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