.navColor {
    background-color: #007278;
}

.thFontColor {
    color: #007278;
}

.sideMenuTopHeader {
    background-color: #343a40;
}

.sideMenuColor {
    background-color: #212529;
}

.activeMenu {
    background-color: #343a40;
    color:white;
}

.nav-sidebar .active {
    background-color: #005776 !important;
    color: white !important;
}

.mainNavBorder {
    border-bottom: 1px solid #ffffff !important;
}

/* Change sidebar background to #007278 */
.main-sidebar {
    background-color: #007278 !important;
}

/* Change sidebar links text color to white */
.nav-sidebar .nav-item > .nav-link {
    color: white !important;
}

    /* Change active menu item */
    .nav-sidebar .nav-item > .nav-link.active {
        background-color: #005a5a !important; /* Slightly darker shade for contrast */
        color: white !important;
        font-weight: bold;
        border-left: 4px solid white !important; /* Highlight active item */
    }

/* Change treeview menu text color */
.nav-treeview .nav-link {
    color: white !important;
}

    .nav-treeview .nav-link.active {
        background-color: #005a5a !important;
        color: white !important;
        font-weight: bold;
    }

/* Hover effect */
.nav-sidebar .nav-link:hover {
    background-color: #005a5a !important; /* Slightly darker hover effect */
    color: white !important;
}

.nav-sidebar .nav-link {
    display: flex;
    align-items: center;
}

.nav-sidebar .nav-link .nav-icon {
        margin-right: 10px; /* Adjust the margin as needed */
}

/* Style search input */
.form-control-sidebar {
    color: black !important;
    border: 1px solid white !important;
    background-color: white !important;
}

/* Style search button */
.btn-sidebar {
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}





.cardColor {
    background-color: #007278 !important; /* Primary color */
    color: white !important;
}

    .cardColor .icon i,
    .cardColor .icon ion-icon {
        color: white !important; /* Icon color */
    }

    .cardColor p,
    .cardColor h3 {
        color: white !important; /* Secondary for text */
    }