.logo-image{height:1.5em;width:auto;vertical-align:middle;}
        .modal-content.bg-success{background-color:green!important;}
        .modal-content.bg-danger{background-color:red!important;}
        .clickable-row{cursor:pointer;}
        
        /* General Styling for Menu Items */
        .navbar-nav .nav-item .nav-link {
            padding: 10px 15px; /* Add spacing around items */
            border-radius: 5px; /* Rounded corners for a softer look */
            color: #ffffff; /* White text for contrast */
            transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effects */
        }
    
        .navbar-nav .nav-item .nav-link:hover {
            background-color: #495057; /* Darker background on hover */
            color: #f8f9fa; /* Slightly brighter text on hover */
        }
    
        .navbar-nav .nav-item .nav-link.active {
            background-color: #6c757d; /* Highlight the active menu item */
        }
    
        .navbar-nav .nav-item hr {
            margin: 10px 0; /* Add spacing around the divider */
            border-color: #6c757d; /* Match the navbar color */
        }
    
        /* Mobile View Adjustments */
        @media (max-width: 991.98px) {
            .navbar-nav .nav-item:first-child {
                margin-top: 0.8em; /* Add spacing before the first item for mobile */
            }
    
            .navbar-nav .nav-item:last-child {
                margin-bottom: 0.2em; /* Add spacing after the Log Out option for mobile */
            }
        }
    
        /* Desktop View Adjustments */
        @media (min-width: 992px) {
            .navbar-nav {
                margin-top: 0; /* Reset any mobile-specific spacing for desktop */
            }
            .navbar-nav .nav-item:first-child,
            .navbar-nav .nav-item:last-child {
                margin-top: 0;
                margin-bottom: 0; /* No extra margin for desktop */
            }
        }
        
        
        /* Vertical Divider Styling */
        .navbar-nav .vertical-divider {
            border-left: 1px solid #6c757d; /* Vertical line color */
            height: 24px; /* Adjust height of the divider */
            margin: auto 10px; /* Center align with spacing */
        }
        
        /* Hide Divider on Mobile */
        @media (max-width: 991.98px) {
            .navbar-nav .vertical-divider {
                display: none; /* Hide the vertical divider on mobile */
            }
        }
    
    
        /* Styling for the second navbar */
        .second-navbar .nav-link {
            font-size: 0.85rem; /* Smaller font size */
            padding: 0.5em 3em; /* Adjust padding to keep proportions smaller */
        }