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

*{
    margin:0;
    padding:0;
      box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
}
 
 #debug-icon
    {
        display:none;
    }
    
    
   
    body {
        min-height: 100vh;
        display: flex;
        overflow-x: hidden;
    }

    /* Sidebar */
    #sidebar {
        min-width: 220px;
        max-width: 220px;
        background-color: #102132;
        background:#1d50a7;
        color: #fff;
        transition: all 0.3s;
        position: fixed;
        height: 100%;
        z-index: 1000;
        padding-right:4px;
    }
    #sidebar a {
        display: block;
        padding: 12px 20px;
        color: #fff;
        text-decoration: none;
    }
    #sidebar a:hover, #sidebar a.active {
        background-color: #FFF;
        color: #30353B;
    }
    #sidebar.collapsed {
        margin-left: -220px;
    }

    /* Sidebar toggle inside sidebar */
    #sidebar .sidebar-toggle {
        position: absolute;
        top: 15px;
        right: 7px; /* top-right inside sidebar */
        z-index: 1100;
        cursor: pointer;
        color: #fff;
        background: #F4A300;
        background:#1d50a7;
        border-radius: 4px;
        padding: 5px 8px;
        font-size: 1.2rem;
        transition: right 0.3s;
    }

    /* When sidebar collapsed, move toggle outside */
    #sidebar.collapsed .sidebar-toggle {
        right: -40px; /* visible outside sidebar */
    }

    /* Content */
    .content {
        flex: 1;
        padding: 20px;
        transition: margin-left 0.3s;
        margin-left: 220px;
    }
    .content.expanded {
        margin-left: 0;
    }

    /* Dashboard Cards */
    .card-icon { font-size: 2rem; }

    .content h3 {
        margin-top: 0;
        padding-top: 5px;
    }

 .pan-head{
     font-size:20px;
     padding-left: 21px;
 }

    body {
        background-color: #f8f9fa;
        /*padding-top: 20px;*/
    }
    .profile-card {
        max-width: 800px;
        margin: auto;
        background: #fff;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .profile-img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 50%;
        border: 3px solid #007bff;
    }
    .profile-info h4 {
        margin-bottom: 10px;
    }
    .profile-info p {
        margin-bottom: 5px;
    }
    
    
    
    /*aniket css for toogle pop up*/

    /*.sidebar-toggle {*/
    /*    position: relative;*/
    /*    display: inline-block;*/
    /*    cursor: pointer;*/
    /*}*/

   
    /*.sidebar-toggle::after {*/
    /*    content: "Tap to close";*/
    /*    position: absolute;*/
       
    /*    left: 230%;*/
      
    /*    transform: translateX(-50%);*/
    /*    font-size: 10px;*/
    /*    color: #555;*/
    /*    opacity: 0;*/
    /*    pointer-events: none;*/
    /*    transition: opacity 0.3s ease;*/
    /*    color:#FFF;*/
    /*    background:#FFf;*/
    /*    width:100px;*/
    /*    padding:5px;*/
    /*    border-radius:5px;*/
    /*    background:#F4A300;*/
    /*    letter-spacing:0.5px;*/
    /*}*/


    /*.sidebar-toggle:hover::after {*/
    /*    opacity: 1;*/
    /*}*/