.menu-body ul li a.active {
    background-color:rgba(141, 184, 248, 0.689) !important;
    color: #00115b !important; /* Ensures text is visible on blue background */
    border-color: #00115b;
}

.menu-body ul li a.active .nav-link-icon {
    background-color: #00115b !important;
    color: white;
    
}
.menu-body ul li a:hover {
    
    color: #00115b !important;
}

.btn-primary {
background-color:rgb(7, 40, 185) !important;
border-color: #00115b !important;
color: white !important; /* Ensures text is visible */
}

/* Change the hover effect */
.btn-primary:hover,
.btn-primary:focus {
    background-color: #002984 !important; /* Slightly lighter shade for hover */
    border-color: #002984 !important;
    color: white !important;
}

/* Remove the border color change when active (clicked) */
.btn-primary:active {
    background-color: #002984 !important; /* Keep the same background on click */
    border-color: #00115b !important; /* Keep the original border color on click */
    color: white !important;
}


.sidebar-header button i {
color: #00115b !important;
}

/* Change the color of the footer link */
.content-footer a {
    color: #00115b !important;
}

/* Change the color of the footer link on hover */
.content-footer a:hover {
    color: #002984 !important; /* Slightly lighter shade on hover */
}


/* Change the color of the user's name */
.menu-body .dropdown .fw-bold {
    color: #00115b !important; /* Set color to #00115b */
}

/* Optional: Change color of user's name on hover */
.menu-body .dropdown:hover .fw-bold {
    color: #002984 !important; /* Slightly lighter shade on hover */
}

/* Change the color of the dropdown items on hover */
.menu-body .dropdown-menu .dropdown-item:hover {
    
    color: #00115b !important; /* Change text color to white */
}
.menu-body .dropdown-menu .dropdown-item.active {
   color: #00115b !important; 
    
}
.menu-body .dropdown-menu .dropdown-item:hover .dropdown-item-icon {
    color: #00115b !important; /* Change icon color to #00115b */
}

/* Change the bell icon color on hover */
.header-bar .navbar-nav .nav-link.nav-link-notify:hover i {
    color: #00115b !important; /* Change icon color to #00115b on hover */
}

/* Change the background color of the nav link (with data-count) on hover */
.header-bar .navbar-nav .nav-link.nav-link-notify:hover {
    color: #00115b !important; /* Change background color on hover */
}

/* Change the background color of the data-count when it's 0 on hover */
.header-bar .navbar-nav .nav-link.nav-link-notify[data-count=]:hover {
    
    color: #00115b !important; /* Change text color */
}
/* Change the color of the breadcrumb link */
.breadcrumb a {
    color: #00115b !important; /* Set the font color to #00115b */
}

/* Default pagination item style */
.pagination .page-link {
    color: #00115b !important; /* Default text color for pagination items */
     /* Set border color */
}

/* Style for active pagination item */
.pagination .page-item.active .page-link {
    background-color: #00115b !important; /* Set background color for the active page */
    color: white !important; /* Set text color to white */
    border-color: #002984;
}

/* Style for pagination items on hover */
.pagination .page-item:hover .page-link {
    background-color: #002984 !important; /* Set background color on hover */
    color: white !important; /* Set text color to white */
}

/* Target the focused input field */
input:focus {
    border-color: #002984 !important; /* Your theme color */
    box-shadow: 0 0 0 0rem rgba(2, 9, 44, 0.25) !important; /* Optional: Add a light shadow effect to match the focus style */
}