/************************************************************
 SCHOOL ERP PROFESSIONAL THEME
 Version : 3.2
 FLEX SIDEBAR + MODAL STABILITY FIX
************************************************************/

/*=========================================
 GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


/*=========================================
 ROOT COLORS
=========================================*/

:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --secondary: #7c3aed;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #f59e0b;
    --info: #06b6d4;
    --dark: #111827;
    --light: #f8fafc;
    --sidebar1: #1e3a8a;
    --sidebar2: #4f46e5;
    --white: #ffffff;
    --gray: #6b7280;
    --radius: 16px;
}


/*=========================================
 HTML / BODY
=========================================*/

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

body {
    min-height: 100vh;

    font-family:
        'Poppins',
        sans-serif;

    background: #eef3fb;
    color: #1f2937;

    overflow-x: hidden;
}


/*=========================================
 SCROLLBAR
=========================================*/

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #edf2f7;
}

::-webkit-scrollbar-thumb {
    background:
        linear-gradient(
            180deg,
            #2563eb,
            #7c3aed
        );

    border-radius: 50px;
}


/*=========================================
 TOP NAVBAR
=========================================*/

.top-navbar {
    width: 100%;

    height: 64px;
    min-height: 64px;

    background: #ffffff;

    border-bottom:
        1px solid #e5e7eb;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    padding:
        0 20px;

    position: sticky !important;

    top: 0;

    z-index: 1050;
}

.top-navbar-left {
    display: flex;

    align-items: center;

    gap: 12px;
}

.top-navbar-title {
    margin: 0;

    font-size: 18px;

    font-weight: 700;

    color: #111827;
}

.top-navbar-user {
    display: flex;

    align-items: center;

    gap: 10px;
}


/*=========================================
 MAIN WRAPPER
=========================================*/

.school-wrapper {
    display: flex !important;

    align-items: flex-start !important;

    width: 100% !important;

    min-height:
        calc(
            100vh - 64px
        ) !important;

    margin: 0 !important;

    padding: 0 !important;
}


/*=========================================
 OLD WRAPPER COMPATIBILITY
=========================================*/

.wrapper {
    width: 100%;

    min-height: 100vh;
}


/*=========================================
 SIDEBAR
=========================================*/

.school-wrapper > .sidebar,
.sidebar {
    width: 260px !important;

    min-width: 260px !important;

    flex:
        0 0 260px !important;

    height:
        calc(
            100vh - 64px
        ) !important;

    max-height:
        calc(
            100vh - 64px
        ) !important;

    position: sticky !important;

    top: 64px !important;

    left: auto !important;

    margin: 0 !important;

    overflow-x: hidden !important;

    overflow-y: auto !important;

    align-self:
        flex-start !important;

    background:
        linear-gradient(
            180deg,
            var(--sidebar1),
            var(--sidebar2)
        );

    box-shadow:
        4px 0 20px
        rgba(
            0,
            0,
            0,
            0.12
        );

    transition:
        left .30s ease;

    z-index: 1000;
}


/*=========================================
 SIDEBAR SCROLLBAR
=========================================*/

.school-wrapper
> .sidebar::-webkit-scrollbar {
    width: 6px;
}

.school-wrapper
> .sidebar::-webkit-scrollbar-track {
    background:
        rgba(
            255,
            255,
            255,
            0.05
        );
}

.school-wrapper
> .sidebar::-webkit-scrollbar-thumb {
    background:
        rgba(
            255,
            255,
            255,
            0.35
        );

    border-radius: 10px;
}


/*=========================================
 SIDEBAR LOGO
=========================================*/

.sidebar img {
    width: 80px;

    height: 80px;

    object-fit: cover;

    border-radius: 50%;

    border:
        4px solid
        rgba(
            255,
            255,
            255,
            .30
        );

    transition: .4s;
}

.sidebar img:hover {
    transform:
        rotate(5deg)
        scale(1.05);
}


/*=========================================
 SCHOOL NAME
=========================================*/

.sidebar h5 {
    color: #fff;

    font-weight: 700;

    letter-spacing: .3px;
}

.sidebar small {
    color: #dbeafe;
}


/*=========================================
 SIDEBAR SECTION TITLE
=========================================*/

.sidebar .text-secondary {
    color:
        rgba(
            255,
            255,
            255,
            0.50
        ) !important;

    font-size: 11px;

    font-weight: 500;

    letter-spacing: .5px;
}


/*=========================================
 SIDEBAR MENU
=========================================*/

.sidebar .nav-link {
    color: #dbeafe;

    margin:
        3px 8px;

    border-radius: 8px;

    padding:
        10px 12px;

    transition:
        all .25s ease;

    font-size: 14px;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 8px;
}

.sidebar .nav-link i {
    width: 22px;

    min-width: 22px;

    text-align: center;

    margin-right: 3px;
}

.sidebar .nav-link:hover {
    background:
        rgba(
            255,
            255,
            255,
            .15
        );

    color: #fff;

    transform:
        translateX(3px);
}

.sidebar .nav-link.active {
    background: #ffffff;

    color: #2563eb;

    font-weight: 700;
}


/*=========================================
 MAIN CONTENT
=========================================*/

.school-wrapper > .main-content,
.main-content {
    flex:
        1 1 auto !important;

    width:
        calc(
            100% - 260px
        ) !important;

    min-width: 0 !important;

    min-height:
        calc(
            100vh - 64px
        ) !important;

    margin: 0 !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction:
        column !important;

    position: relative;

    background: #eef3fb;
}


/*=========================================
 PAGE CONTAINER
=========================================*/

.school-wrapper
> .main-content
> .page-container,

.main-content
> .page-container,

.page-container {
    flex:
        1 0 auto !important;

    width: 100% !important;

    max-width:
        none !important;

    margin: 0 !important;

    padding:
        15px
        20px
        25px !important;
}


/*=========================================
 OLD CONTAINER FIX
=========================================*/

.main-content
> .container-fluid {
    width: 100%;

    max-width: none;

    margin-left: 0;

    margin-right: 0;
}


/*=========================================
 PAGE HEADING
=========================================*/

.page-heading-area {
    margin-bottom: 20px;
}


/*=========================================
 OLD BOOTSTRAP NAVBAR SUPPORT
=========================================*/

.navbar {
    background:
        rgba(
            255,
            255,
            255,
            .90
        ) !important;

    backdrop-filter:
        blur(15px);

    border: none;

    box-shadow:
        0 10px 30px
        rgba(
            0,
            0,
            0,
            .08
        );

    min-height: 65px;
}

.navbar-brand {
    font-size: 22px;

    font-weight: 700;

    color:
        #2563eb !important;
}


/*=========================================
 CARDS
=========================================*/

.card {
    border: none;

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 10px 30px
        rgba(
            0,
            0,
            0,
            .08
        );

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


/*
IMPORTANT:

सिर्फ normal page cards पर hover animation होगी।

Modal के अंदर किसी element पर यह animation
apply नहीं होगी।
*/

.card:hover {
    transform:
        translateY(-4px);

    box-shadow:
        0 15px 35px
        rgba(
            0,
            0,
            0,
            .12
        );
}


/*=========================================
 CARD HEADER
=========================================*/

.card-header {
    background: #fff;

    border: none;

    padding: 16px;

    font-weight: 700;

    color: #1e3a8a;
}


/*=========================================
 BUTTONS
=========================================*/

.btn {
    border-radius: 10px;

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        background-color .30s ease,
        border-color .30s ease;

    font-weight: 600;
}

.btn:hover {
    transform:
        translateY(-1px);
}


/*=========================================
 FORM
=========================================*/

.form-control,
.form-select {
    border-radius: 10px;

    border:
        1px solid
        #d1d5db;

    min-height: 44px;
}

textarea.form-control {
    height: auto;
}

.form-control:focus,
.form-select:focus {
    border-color:
        #2563eb;

    box-shadow:
        0 0 0 .20rem
        rgba(
            37,
            99,
            235,
            .15
        );
}


/*==========================================================
 PROFESSIONAL DASHBOARD CARDS
==========================================================*/

.dashboard-card {
    position: relative;

    overflow: hidden;

    border-radius: 18px;

    color: #fff;

    padding: 10px;

    transition: .35s;

    cursor: pointer;
}

.dashboard-card:hover {
    transform:
        translateY(-6px);

    box-shadow:
        0 20px 45px
        rgba(
            0,
            0,
            0,
            .20
        );
}

.dashboard-card::before {
    content: "";

    position: absolute;

    top: -60px;

    right: -60px;

    width: 180px;

    height: 180px;

    background:
        rgba(
            255,
            255,
            255,
            .12
        );

    border-radius: 50%;
}

.dashboard-card::after {
    content: "";

    position: absolute;

    bottom: -70px;

    left: -70px;

    width: 170px;

    height: 170px;

    background:
        rgba(
            255,
            255,
            255,
            .08
        );

    border-radius: 50%;
}


/*=========================================
 CARD COLORS
=========================================*/

.bg-primary {
    background:
        linear-gradient(
            135deg,
            #2563eb,
            #1d4ed8
        ) !important;
}

.bg-success {
    background:
        linear-gradient(
            135deg,
            #10b981,
            #059669
        ) !important;
}

.bg-warning {
    background:
        linear-gradient(
            135deg,
            #f59e0b,
            #d97706
        ) !important;

    color:
        #fff !important;
}

.bg-danger {
    background:
        linear-gradient(
            135deg,
            #ef4444,
            #dc2626
        ) !important;
}

.bg-info {
    background:
        linear-gradient(
            135deg,
            #06b6d4,
            #0891b2
        ) !important;
}

.bg-secondary {
    background:
        linear-gradient(
            135deg,
            #7c3aed,
            #5b21b6
        ) !important;
}


/*=========================================
 DASHBOARD CARD ICON
=========================================*/

.dashboard-card i {
    position: absolute;

    right: 20px;

    bottom: 18px;

    font-size: 65px;

    opacity: .18;

    transition: .35s;
}

.dashboard-card:hover i {
    transform:
        scale(1.15)
        rotate(-8deg);
}


/*=========================================
 DASHBOARD CARD TEXT
=========================================*/

.dashboard-card h6 {
    font-size: 15px;

    font-weight: 500;

    opacity: .95;
}

.dashboard-card h2 {
    margin-top: 12px;

    font-size: 34px;

    font-weight: 700;
}


/*=========================================
 QUICK ACTION BUTTONS
=========================================*/

.quick-btn {
    border: none;

    border-radius: 12px;

    padding: 12px;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    transition: .30s;
}

.quick-btn:hover {
    transform:
        translateY(-3px);

    box-shadow:
        0 12px 25px
        rgba(
            0,
            0,
            0,
            .15
        );
}

.quick-blue {
    background:
        linear-gradient(
            135deg,
            #2563eb,
            #1d4ed8
        );
}

.quick-green {
    background:
        linear-gradient(
            135deg,
            #10b981,
            #059669
        );
}

.quick-orange {
    background:
        linear-gradient(
            135deg,
            #f59e0b,
            #d97706
        );
}

.quick-cyan {
    background:
        linear-gradient(
            135deg,
            #06b6d4,
            #0891b2
        );
}


/*=========================================
 TABLE DESIGN
=========================================*/

.table {
    border-radius: 12px;

    overflow: hidden;

    background: #fff;
}

.table thead {
    background:
        linear-gradient(
            135deg,
            #2563eb,
            #4f46e5
        );

    color: #fff;
}

.table thead th {
    padding: 12px;

    border: none;

    vertical-align: middle;
}

.table tbody td {
    padding: 11px;

    vertical-align: middle;
}

.table-hover tbody tr {
    transition:
        background-color .25s ease;
}

.table-hover tbody tr:hover {
    background: #eff6ff;
}


/*=========================================
 BADGES
=========================================*/

.badge {
    border-radius: 30px;

    padding:
        7px 12px;

    font-weight: 600;
}


/*=========================================
 NOTICE BOX
=========================================*/

.notice-box {
    border-left:
        5px solid
        #2563eb;

    background: #fff;

    border-radius: 12px;

    padding: 15px;

    transition: .30s;
}

.notice-box:hover {
    transform:
        translateX(5px);
}


/*=========================================
 PROFILE IMAGE
=========================================*/

.profile-image {
    width: 100px;

    height: 100px;

    border-radius: 50%;

    border:
        4px solid
        #2563eb;

    object-fit: cover;
}


/*=========================================
 SCHOOL INFO
=========================================*/

.school-info {
    line-height: 2;

    font-size: 15px;
}

.school-info strong {
    color: #1e3a8a;
}


/*==========================================================
 STATISTICS BOX
==========================================================*/

.stat-box {
    background: #fff;

    border-radius: 18px;

    padding: 25px;

    transition: .35s;

    text-align: center;

    box-shadow:
        0 10px 30px
        rgba(
            0,
            0,
            0,
            .08
        );
}

.stat-box:hover {
    transform:
        translateY(-6px);
}

.stat-box h2 {
    font-size: 34px;

    font-weight: 700;

    color: #2563eb;
}

.stat-box p {
    color: #6b7280;

    margin-top: 8px;
}


/*==========================================================
 CHART
==========================================================*/

.chart-card {
    background: #fff;

    border-radius: 18px;

    padding: 20px;

    box-shadow:
        0 10px 30px
        rgba(
            0,
            0,
            0,
            .08
        );
}

.chart-title {
    font-size: 18px;

    font-weight: 700;

    color: #1e3a8a;

    margin-bottom: 15px;
}


/*==========================================================
 NOTIFICATION
==========================================================*/

.notification-item {
    display: flex;

    align-items: center;

    padding: 12px;

    border-radius: 12px;

    margin-bottom: 10px;

    transition: .30s;
}

.notification-item:hover {
    background: #eff6ff;
}

.notification-icon {
    width: 48px;

    height: 48px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 15px;

    color: #fff;

    font-size: 18px;
}

.notification-primary {
    background: #2563eb;
}

.notification-success {
    background: #10b981;
}

.notification-warning {
    background: #f59e0b;
}

.notification-danger {
    background: #ef4444;
}


/*==========================================================
 BIRTHDAY CARD
==========================================================*/

.birthday-card {
    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #f97316,
            #ea580c
        );

    color: #fff;

    padding: 20px;

    overflow: hidden;

    position: relative;
}

.birthday-card::after {
    content: "🎂";

    position: absolute;

    right: 20px;

    top: 15px;

    font-size: 70px;

    opacity: .15;
}


/*==========================================================
 CALENDAR
==========================================================*/

.calendar-card {
    background: #fff;

    border-radius: 18px;

    padding: 20px;

    box-shadow:
        0 10px 25px
        rgba(
            0,
            0,
            0,
            .08
        );
}


/*==========================================================
 TIMELINE
==========================================================*/

.timeline {
    position: relative;

    padding-left: 35px;
}

.timeline::before {
    content: "";

    position: absolute;

    left: 12px;

    top: 0;

    width: 3px;

    height: 100%;

    background: #2563eb;
}

.timeline-item {
    position: relative;

    margin-bottom: 25px;
}

.timeline-item::before {
    content: "";

    position: absolute;

    left: -28px;

    top: 5px;

    width: 15px;

    height: 15px;

    background: #2563eb;

    border-radius: 50%;
}


/*==========================================================
 SEARCH BOX
==========================================================*/

.search-box {
    position: relative;
}

.search-box input {
    padding-left: 45px;
}

.search-box i {
    position: absolute;

    left: 15px;

    top: 15px;

    color: #9ca3af;
}


/*==========================================================
 USER PROFILE
==========================================================*/

.user-profile {
    display: flex;

    align-items: center;
}

.user-profile img {
    width: 45px;

    height: 45px;

    border-radius: 50%;

    border:
        3px solid
        #2563eb;

    margin-right: 10px;
}


/*==========================================================
 FOOTER
==========================================================*/

.school-wrapper
> .main-content
> footer.footer,

.main-content
> footer.footer,

.footer {
    display: block !important;

    flex:
        0 0 auto !important;

    width: 100% !important;

    margin: 0 !important;

    margin-left: 0 !important;

    margin-top:
        auto !important;

    padding:
        15px
        20px !important;

    position:
        relative !important;

    left: auto !important;

    right: auto !important;

    top: auto !important;

    bottom: auto !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    background:
        #ffffff !important;

    border-top:
        1px solid
        #dee2e6 !important;

    font-size: 14px;

    color: #6b7280;

    z-index: 20 !important;
}


/*==========================================================
 LOADING
==========================================================*/

.loading {
    animation:
        pulse 1s infinite;
}

@keyframes pulse {

    0% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }

}


/*==========================================================
 FADE ANIMATION
==========================================================*/

.fade-up {
    animation:
        fadeUp .45s ease;
}

@keyframes fadeUp {

    from {
        opacity: 0;

        transform:
            translateY(15px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/*==========================================================
 DARK MODE
==========================================================*/

.dark-mode {
    background: #0f172a;

    color: #fff;
}

.dark-mode .main-content {
    background: #0f172a;
}

.dark-mode .card {
    background: #1e293b;

    color: #fff;
}

.dark-mode .table {
    color: #fff;
}

.dark-mode .card-header {
    background: #1e293b;

    color: #fff;
}

.dark-mode .footer {
    background:
        #111827 !important;

    color: #cbd5e1;
}

.dark-mode .navbar,
.dark-mode .top-navbar {
    background:
        #111827 !important;

    color: #fff;
}

.dark-mode .form-control,
.dark-mode .form-select {
    background: #1e293b;

    color: #fff;

    border-color: #334155;
}


/*==========================================================
 RESPONSIVE TABLE
==========================================================*/

.table-responsive {
    width: 100%;

    overflow-x: auto;
}


/*==========================================================
 BOOTSTRAP MODAL STABILITY FIX

 IMPORTANT:
 Import Students popup blinking/flickering prevention
==========================================================*/


/*
Bootstrap modal हमेशा viewport के ऊपर रहेगा।
*/

.modal {
    z-index:
        1060 !important;
}


/*
Modal backdrop navbar/sidebar से ऊपर रहे।
*/

.modal-backdrop {
    z-index:
        1055 !important;
}


/*
Modal dialog को stable रखें।

यहाँ global card/sidebar transforms
interfere नहीं करेंगे।
*/

.modal-dialog {
    position: relative;

    z-index: 1061;
}


/*
Modal content पर global card जैसी
hover animation नहीं होनी चाहिए।
*/

.modal-content {
    transform:
        none !important;

    transition:
        none !important;

    border-radius: 16px;

    overflow: hidden;
}


/*
Modal के अंदर card hover movement disable।
*/

.modal .card,
.modal .card:hover {
    transform:
        none !important;
}


/*
Modal content hover पर movement नहीं।
*/

.modal-content:hover {
    transform:
        none !important;
}


/*
Modal open होने पर background cards hover
करके move नहीं करेंगे।
*/

body.modal-open .card:hover {
    transform:
        none !important;
}


/*
Modal open होने पर page horizontal movement रोकें।
Bootstrap body scrollbar handling को preserve करें।
*/

body.modal-open {
    overflow-x:
        hidden !important;
}


/*
Modal input/button stable।
*/

.modal .form-control,
.modal .form-select,
.modal .btn {
    position: relative;
}


/*
Modal button hover पर translateY disable किया गया है।

इससे mouse modal के buttons पर जाने पर
visual jumping नहीं होगी।
*/

.modal .btn:hover {
    transform:
        none !important;
}


/*
Modal fade animation Bootstrap को handle करने दें।

हम modal-content पर अतिरिक्त transition नहीं लगाएंगे।
*/

.modal.fade .modal-dialog {
    transition:
        transform .2s ease-out !important;
}


/*
जब modal visible हो जाए तब final position stable।
*/

.modal.show .modal-dialog {
    transform:
        none !important;
}


/*
Backdrop में custom animation/transform नहीं।
*/

.modal-backdrop {
    transform:
        none !important;
}


/*==========================================================
 MODAL + SIDEBAR Z-INDEX SAFETY
==========================================================*/

body.modal-open .top-navbar {
    z-index: 1040 !important;
}

body.modal-open .sidebar {
    z-index: 1035 !important;
}


/*==========================================================
 MOBILE RESPONSIVE
==========================================================*/

@media (
    max-width: 991.98px
) {

    .school-wrapper {
        display:
            block !important;
    }


    .school-wrapper > .sidebar {
        position:
            fixed !important;

        top:
            64px !important;

        left:
            -270px !important;

        width:
            260px !important;

        min-width:
            260px !important;

        height:
            calc(
                100vh - 64px
            ) !important;

        max-height:
            calc(
                100vh - 64px
            ) !important;

        overflow-y:
            auto !important;

        z-index:
            1040 !important;

        transition:
            left
            .30s
            ease;
    }


    .school-wrapper
    > .sidebar.sidebar-open,

    .school-wrapper
    > .sidebar.active {
        left:
            0 !important;
    }


    .school-wrapper
    > .main-content {
        width:
            100% !important;

        min-height:
            calc(
                100vh - 64px
            ) !important;

        margin:
            0 !important;
    }


    .school-wrapper
    > .main-content
    > .page-container {
        padding:
            15px !important;
    }


    .school-wrapper
    > .main-content
    > footer.footer {
        width:
            100% !important;

        margin:
            0 !important;
    }


    .sidebar-toggle {
        display:
            inline-block !important;
    }


    /*
    Modal mobile fix
    */

    .modal-dialog {
        margin:
            10px auto;
    }

}


/*==========================================================
 SMALL MOBILE
==========================================================*/

@media (
    max-width: 768px
) {

    .dashboard-card {
        margin-bottom: 15px;
    }


    .chart-card {
        margin-top: 15px;
    }


    .user-profile {
        display: block;

        text-align: center;
    }


    .user-profile img {
        margin-bottom: 10px;
    }


    .top-navbar {
        padding:
            0 12px;
    }


    .top-navbar-title {
        font-size: 14px;
    }


    .modal-dialog {
        width:
            auto;

        margin:
            10px;
    }

}


/*==========================================================
 PRINT
==========================================================*/

@media print {

    .sidebar,
    .top-navbar,
    .footer,
    .no-print {
        display:
            none !important;
    }


    .school-wrapper,
    .main-content,
    .page-container {
        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    .card {
        box-shadow:
            none !important;

        transform:
            none !important;
    }

}


/*==========================================================
 FINAL MODAL SAFETY OVERRIDES
==========================================================*/

/*
ये rules file के अंत में जानबूझकर रखे गए हैं,
ताकि पुराने/global CSS rules modal को override न करें।
*/

body.modal-open
.modal {
    overflow-x:
        hidden;

    overflow-y:
        auto;
}


body.modal-open
.modal-dialog,

body.modal-open
.modal-content {
    backface-visibility:
        hidden;

    -webkit-backface-visibility:
        hidden;
}


body.modal-open
.modal-content {
    animation:
        none !important;
}


/*
Import Student modal specific stability
*/

#importStudentModal {
    z-index:
        1060 !important;
}


#importStudentModal
.modal-dialog {
    z-index:
        1061 !important;
}


#importStudentModal
.modal-content,

#importStudentModal
.modal-content:hover {
    transform:
        none !important;

    transition:
        none !important;
}



/*==========================================================
 FINAL BOOTSTRAP MODAL CLICK FIX
==========================================================*/

/* Backdrop केवल background में रहे */
.modal-backdrop {
    z-index: 1050 !important;
}

/* पूरा modal backdrop से ऊपर रहे */
.modal {
    z-index: 1055 !important;
}

/* Dialog को अलग stacking conflict न दें */
.modal-dialog {
    z-index: auto !important;
}

/* Modal content clickable रहे */
.modal-content {
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
}

/* सभी modal controls clickable */
.modal button,
.modal .btn,
.modal input,
.modal select,
.modal textarea,
.modal a {
    pointer-events: auto !important;
}

/* Close button हमेशा clickable */
.modal .btn-close {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
}

/* Modal header/footer controls */
.modal-header,
.modal-body,
.modal-footer {
    position: relative !important;
    pointer-events: auto !important;
}

/* Navbar और Sidebar modal के नीचे */
body.modal-open .top-navbar {
    z-index: 1040 !important;
}

body.modal-open .sidebar {
    z-index: 1035 !important;
}








/*==========================================================
 END
 VERSION 3.2
==========================================================*/