.fs-08{
    font-size: 0.8rem;
}
.dashboard-toggle{
    display: none;
}
.w-95{
    width: 95% !important;
}
.active {
    /* border: 1px solid white !important; */
     border-left: 1px solid white !important;
  border-right: 1px solid white !important;
    background: #006b5c !important;
    border-radius: 0.2rem !important;
}
.text-white{
    color: white !important;
}
 .modal-backdrop{
            z-index: 0 !important;
        }
        html,
        body {
            height: 100%;
        }

        body {
            min-height: 100vh;
            background: #f7f7fa;
            display: flex;
            flex-direction: column;
        }
        .top-section {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1030;
            background:rgb(255, 255, 255);
           
        }
        .navbar {
            background: #008372 !important;
            border-bottom: 2px solid #b9b9b9;
            padding: 0px;
        }


        .navbar .navbar-brand,
        .navbar .nav-link,
        .navbar .nav-link:visited {
            color: #fff !important;
        }

        .navbar .nav-link.active,
        .navbar .nav-link:hover {
            color: #fff !important;
        }

        .navbar .nav-link i,
        .navbar .navbar-brand i {
            color: #fff !important;
        }

        .navbar .nav-link.active i,
        .navbar .nav-link:hover i {
            color: #fff !important;
        }

        .sidebar {
            min-width: 220px;
            max-width: 220px;
            background: #008372 !important;
            color: #23272b;
            position: fixed;
            top: 9.6rem;
            bottom: 0;
            left: 0;
            z-index: 1;
            padding-top: 4rem;
            transition: left 0.3s;
            box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
        }

        footer {
            flex-shrink: 0;
            z-index: 2000;
            position: relative;
        }


        .sidebar .nav-link {
            color: #fff !important;
            padding: 0.75rem 1.5rem;
            border-radius: 0.5rem;
            margin: 0.25rem 0.5rem;
            transition: background 0.2s, color 0.2s;
        }

        .sidebar .nav-link i {
            color: #fff !important;
        }

        .sidebar .nav-link.active,
        .sidebar .nav-link:hover {
            background: #006b5c !important;
            color: #fff !important;
        }

        .sidebar .nav-link.active i,
        .sidebar .nav-link:hover i {
            color: #fff !important;
        }

        /* --- Theme overrides for sidebar active --- */
        .theme-dark .sidebar .nav-link.active,
        .theme-dark .sidebar .nav-link:hover {
            background: #23272b !important;
            color: #fff !important;
            border-left: 4px solid #ff9800;
        }

        .theme-dark .sidebar .nav-link.active i,
        .theme-dark .sidebar .nav-link:hover i {
            color: #ff9800 !important;
        }

        .theme-blue .sidebar .nav-link.active,
        .theme-blue .sidebar .nav-link:hover {
            background: #1565c0 !important;
            color: #fff !important;
            border-left: 4px solid #ff9800;
        }

        .theme-blue .sidebar .nav-link.active i,
        .theme-blue .sidebar .nav-link:hover i {
            color: #ff9800 !important;
        }

        .sidebar-collapsed {
            left: -220px;
        }

        .content {
            flex: 1 0 auto;
            margin-left: 220px;
            transition: margin-left 0.3s;
            position: relative;
            z-index: 1;
            padding-top: 13rem;
            padding-bottom: 2rem;
            padding-left: 2rem;
            padding-right: 2rem;
            background: #f7f7fa;
        }

        .content-collapsed {
            margin-left: 0;
        }

        .card,
        .table {
            background: #fff;
            border-radius: 0.75rem;
            border: none;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .table thead {
            background: #ffe0b2;
        }

        .btn-primary,
        .btn-warning,
        .btn-success {
            border: none;
            background:rgb(3, 126, 54);
            color: #fff;
        }

        .btn-primary:hover,
        .btn-warning:hover,
        .btn-success:hover {
            background: #388e3c;
            color: #fff;
        }

        .btn-outline-success,
        .btn-outline-warning {
            border-color: #388e3c;
            color: #388e3c;
        }

        .btn-outline-success:hover,
        .btn-outline-warning:hover {
            background: #388e3c;
            color: #fff;
        }

        .text-success,
        .btn-success,
        .table-success {
           
        }

        .text-warning,
        .btn-warning,
        .table-warning {
            color: #ff9800 !important;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #388e3c;
        }

        .fw-semibold {
            color: #23272b;
        }

        a,
        .nav-link,
        .btn-link {
            color: #ff9800;
        }

        a:hover,
        .nav-link:hover,
        .btn-link:hover {
            color: #388e3c;
        }

        @media (max-width: 991.98px) {
            .sidebar {
                left: -220px;
                top: 0;
                width: 220px;
                height: 100vh;
                background: #d1cec9 !important;
                z-index: 1050;
                position: fixed;
                transition: left 0.3s;
                display: block !important;
            }

            .sidebar.show,
            .offcanvas.show.sidebar {
                left: 0;
            }

            .content {
                margin-left: 0;
                padding-top: 9.5rem;
            }

            .offcanvas-backdrop {
                display: block !important;
            }

        }

        .theme-dark,
        .theme-dark body,
        .theme-dark div,
        .theme-dark .navbar,
        .theme-dark .sidebar,
        .theme-dark .content,
        .theme-dark footer,
        .theme-dark .card,
        .theme-dark .table,
        .theme-dark .offcanvas,
        .theme-dark .dropdown-menu {
            background: #23272b !important;
            color: #fff !important;
        }

        .theme-dark .navbar .navbar-brand,
        .theme-dark .navbar .nav-link,
        .theme-dark .sidebar .nav-link,
        .theme-dark .sidebar .nav-link i,
        .theme-dark h1,
        .theme-dark h2,
        .theme-dark h3,
        .theme-dark h4,
        .theme-dark h5,
        .theme-dark h6,
        .theme-dark p,
        .theme-dark label,
        .theme-dark .fw-semibold,
        .theme-dark .btn,
        .theme-dark .table,
        .theme-dark .card,
        .theme-dark a,
        .theme-dark .nav-link,
        .theme-dark .btn-link {
            color: #fff !important;
        }

        .theme-dark .btn-light {
            background: #444 !important;
            color: #fff !important;
        }

        .theme-dark .btn-outline-success,
        .theme-dark .btn-outline-warning {
            border-color: #fff !important;
            color: #fff !important;
        }

        .theme-dark .btn-primary,
        .theme-dark .btn-warning,
        .theme-dark .btn-success {
            background: #444 !important;
            color: #fff !important;
        }

        .theme-dark .table thead {
            background: #333 !important;
        }

        .theme-blue,
        .theme-blue body,
        .theme-blue .navbar,
        .theme-blue .sidebar,
        .theme-blue .content,
        .theme-blue footer,
        .theme-blue .card,
        .theme-blue .table,
        .theme-blue .offcanvas,
        .theme-blue .dropdown-menu {
            background: #2979ff !important;
            color: #fff !important;
        }

        .theme-blue .navbar .navbar-brand,
        .theme-blue .navbar .nav-link,
        .theme-blue .sidebar .nav-link,
        .theme-blue .sidebar .nav-link i,
        .theme-blue h1,
        .theme-blue h2,
        .theme-blue h3,
        .theme-blue h4,
        .theme-blue h5,
        .theme-blue h6,
        .theme-blue .fw-semibold,
        .theme-blue .btn,
        .theme-blue .table,
        .theme-blue .card,
        .theme-blue a,
        .theme-blue .nav-link,
        .theme-blue .btn-link {
            color: #fff !important;
        }

        .theme-blue .btn-light {
            background: #1565c0 !important;
            color: #fff !important;
        }

        .theme-blue .btn-outline-success,
        .theme-blue .btn-outline-warning {
            border-color: #fff !important;
            color: #fff !important;
        }

        .theme-blue .btn-primary,
        .theme-blue .btn-warning,
        .theme-blue .btn-success {
            background: #1565c0 !important;
            color: #fff !important;
        }

        .theme-blue .table thead {
            background: #1565c0 !important;
        }

        .btn-outline-secondary {
            border: 2px solid #b9b9b9 !important;
            color: #23272b !important;
            background: #fff !important;
        }
.content{
    background: linear-gradient(90deg,rgba(227, 248, 255, 1) 0%, rgba(227, 255, 240, 1) 50%, rgba(252, 251, 217, 1) 100%) !important;
}

/* Phone View */
@media (max-width: 600px) {
    .nipun-text{
        display: none;
    }
    .content{
        padding-top: 10rem;
    }
    .accessibility{
        display: none !important;
    }
    .navbar-brand  {
      width: 75% !important; 
    }
    .logo_education{
        height: 2.2rem !important;
    }
    #surveyForm{
        margin-top: 2.5rem !important;
    }  
   
  }
    @media (max-width: 992px) {
    .navbar-nav-wrapper {
        max-height: 70vh;
        overflow-y: auto;
        
    }
    .nav-items{
            gap:0 !important;
            font-size: 0.75rem !important;
        }
        .nav-items > .nav-item >a{
padding-left: 1rem !important;
        }
        .sidebar{
      background: #505050 !important;
    }
}
@media (min-width: 601px) {
.nipun-text-nav{
    display:none;
}

}