/* General Styling */
body, html {
    font-family: 'Poppins', sans-serif;
    background-color: #eef2f6;
    color: #333;
    margin: 0;
    padding: 0;
}

footer {
    text-align: center;
    padding: 1rem;
    background-color: #f1f1f1;
    margin-top: 2rem;
}


.icon {
    font-size: 1.5rem;
    color: #007acc;
    margin-right: 10px;
}

/* Action Buttons */
.action-buttons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.btn {
    font-size: 0.9rem;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.btn-primary {
    background-color: #007acc;
    color: #fff;
    border: none;
}

    .btn-primary:hover {
        background-color: #006bb3;
    }

.btn-secondary {
    background-color: #e7e7e7;
    color: #333;
    border: none;
}

    .btn-secondary:hover {
        background-color: #cccccc;
    }

.responsive-logo {
    max-width: 20vw; /* Adjust the percentage as needed for desired size */
    height: auto; /* Maintain aspect ratio */
    min-width: 190px; /* Set a minimum width to avoid it getting too small */
}
/* Reduce font size of the left-side menu */
.pcoded-navbar {
    font-size: 0.85em; /* Set smaller font size for the entire sidebar */
}

    .pcoded-navbar .pcoded-micon {
        font-size: 1em; /* Adjust the size of the icons if needed */
    }

    .pcoded-navbar .pcoded-mtext {
        font-size: 0.85em; /* Reduce font size for the menu text */
    }

/* Adjust the navigation labels (headers within the menu) */
.pcoded-navigatio-lavel {
    font-size: 0.9em; /* Slightly larger than menu text but smaller overall */
    font-weight: bold;
    color: #6c757d; /* Optional: Adjust color for visibility */
}

/* Ensure spacing and padding are consistent */
.pcoded-item .pcoded-left-item li {
    padding: 8px 12px; /* Adjust padding to complement the smaller font size */
}

/* Adjust font size for submenu items */
.pcoded-item .pcoded-left-item ul li a {
    font-size: 0.8em; /* Smaller font for submenu items */
}

/* Responsive adjustments for even smaller screens */
@media (max-width: 768px) {
    .pcoded-navbar {
        font-size: 0.75em; /* Further reduce font size for smaller screens */
    }

        .pcoded-navbar .pcoded-mtext {
            font-size: 0.75em;
        }

    .pcoded-navigatio-lavel {
        font-size: 0.8em;
    }
}


.pcoded-navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pcoded-navbar li {
    padding: 10px 15px;
}

    .pcoded-navbar li.active {
        background-color: #0073e6;
        color: #fff;
    }

    .pcoded-navbar li a {
        color: inherit;
        text-decoration: none;
        display: flex;
        align-items: center;
    }

        .pcoded-navbar li a .pcoded-micon {
            margin-right: 10px;
        }

.pcoded-navbar ul ul {
    padding-left: 20px;
}

html, body {
    height: 100%;

}

.pcoded-inner-navbar {
    height: calc(100% + 90px) !important;
    overflow-y: auto;
    position:fixed;
}