/* General Styles */
html, body {
    height: 100%;
    margin: 0;
}

/*#wrapper {
    display: flex;
    height: 100vh;
    overflow: hidden;
}*/


.sidebar {
    min-width: 250px;
    max-width: 250px;
    background-color: #6db2ff; /* Light blue */
    color: #ffffff; /* White text for contrast */
    transition: all 0.3s;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: auto;
    border-right: 1px solid #ddd; /* Light border for separation */
    z-index: 100; /* Ensure it is above content */
}

    .sidebar.active {
        margin-left: -250px;
    }

/*#page-content-wrapper {
    margin-left: 200px;
    transition: margin-left 0.3s;
}*/

/*@media (max-width: 768px) {
    .sidebar {
        position: fixed;
        z-index: 100;
        margin-left: -250px;
    }

        .sidebar.active {
            margin-left: 0;
        }

    .page-content-wrapper {
        margin-left: 0;
    }
}*/

/* Header Styles */
header {
    background-color: #ffffff; /* White */
    color: #000000;
    border-bottom: 1px solid #ddd; /* Light border for separation */
}

    header .navbar-brand {
        color: #fff;
    }

    header .btn-light {
        color: #000000;
        background-color: #f8f9fa; /* Light gray */
        border-color: #f8f9fa;
    }

        header .btn-light:hover {
            background-color: #e9ecef; /* Slightly darker gray */
            border-color: #e9ecef;
        }

/* Footer Styles */
footer {
    background-color: #ffffff; /* White */
    color: #000000;
    border-top: 1px solid #ddd; /* Light border for separation */
}

/* Main Content Styles */
body {
    padding-top: 30px; /* Adjust if needed */
    background-color: #ffffff; /* White background */
}

main {
    color: #000000;
}

/* Sidebar Links */
.list-group-item {
    color: #000000; /* Dark text */
    background-color: #ffffff; /* White */
    border: 1px solid #ddd; /* Light border */
}


    .list-group-item:hover {
        background-color: #f8f9fa; /* Light gray */
    }

    /* Sidebar Active Links */
    .list-group-item.active {
        background-color: #e9ecef; /* Slightly darker gray */
        border-color: #ddd; /* Light border color */
    }

/* Collapse Submenu Styles */
#servicesSubmenu .list-group-item {
    background-color: #ffffff; /* White */
}

    #servicesSubmenu .list-group-item:hover {
        background-color: #f8f9fa; /* Light gray */
    }