/* assets/css/style.css */




#sidebar.collapsed {
    margin-left: -200px;
    transition: margin 0.3s ease;
}
#wrapper {
    transition: all 0.3s ease;
}

#sidebar .nav-link {
    transition: background-color 0.3s ease, padding-left 0.3s ease;
    border-radius: 5px;
    
}
#sidebar .nav-link:hover {
    background-color: #0d6efd;
    color: #fff !important;
    padding-left: 10px;
}



        #sidebar .nav-link {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            font-size: 12px;
            padding: 12px 8px;
            color: #fff;
            transition: background 0.3s ease;
            border-radius: 8px;
        }

        #sidebar .bi {
            font-size: 1.5rem; /* Make the icons bigger */
        }

        #sidebar .nav-link .nav-text {
            font-size: 11px; /* Make the text smaller */
        }

        #sidebar {
            transition: all 0.3s ease;
        }

        .card-title {
            font-size: 1rem;
        }

        .card {
            transition: transform 0.2s ease;
        }

        .card:hover {
            transform: scale(1.03);
        }

       

        #sidebar.collapsed {
            margin-left: -200px;
            transition: margin 0.3s ease;
        }