body {
    font-family: 'Roboto', sans-serif !important;
}

.input-group.input-group-merge span#basic-addon-search2 img{
    width: 20px;
    height: 20px;
}

.btn-primary{
    background-color: rgba(33, 42, 165, 1) !important;
    border-color: rgba(33, 42, 165, 1) !important;
}
.btn-primary:hover{
    background-color: #fff!important;
    color: rgba(33, 42, 165, 1) !important;
    border-color: rgba(33, 42, 165, 0.8) !important;
}

.btn-outline-primary{
    border-color: rgba(33, 42, 165, 1) !important;
    color: rgba(33, 42, 165, 1) !important;
}

.btn-outline-primary:hover{
    background-color: rgba(33, 42, 165, 1) !important;
    border-color: rgba(33, 42, 165, 1) !important;
    color: #fff !important;
}

.content.app-content {
    background: rgba(241, 245, 249, 1);
}

.content-wrapper{
    background: #fff;
}

html .content{
    height: 100%;
}

.navigation.navigation-main li.nav-item a{
    color: #fff;
}


/* Sidebar Navigation Link Hover Effects */
.navigation.navigation-main li.nav-item a:hover {
    color: rgba(33, 42, 165, 1) !important;
    background-color: rgba(255, 215, 0, 1) !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    margin: 4px 8px;
}

.navigation.navigation-main li.nav-item.has-sub .menu-content .menuContent:hover {
    background-color: #e0e0e0 !important; /* light gray */
    color: rgba(33, 42, 165, 1) !important;
}
.navigation.navigation-main li.nav-item.has-sub .menu-content .menuContent:hover i {
    color: rgba(33, 42, 165, 1) !important;
}

.menuContent{
    font-size: 0.9rem;
}

nav-item.has-sub.open a.dropdown-toggle-sidebar{
    background-color: rgba(255, 215, 0, 1) !important;
}

/* Hover effect for the icon (SVG) inside the link */
.navigation.navigation-main li.nav-item a:hover i {
    color: rgba(33, 42, 165, 1) !important;
}

/* Hover effect for the menu title text */
.navigation.navigation-main li.nav-item a:hover .menu-title {
    color: rgba(33, 42, 165, 1) !important;
}

/* Active state styling for nav-item with active class */
.navigation.navigation-main li.nav-item.active a,
.navigation.navigation-main li.nav-item a.active {
    color: rgba(33, 42, 165, 1) !important;
    background: rgba(255, 215, 0, 1) !important;
    border-radius: 8px;
    margin: 4px 8px;
    box-shadow: none !important;
}

/* Active state for icon (SVG) */
.navigation.navigation-main li.nav-item.active a i,
.navigation.navigation-main li.nav-item a.active i {
    color: rgba(33, 42, 165, 1) !important;
}

/* Active state for menu title text */
.navigation.navigation-main li.nav-item.active a .menu-title,
.navigation.navigation-main li.nav-item a.active .menu-title {
    color: rgba(33, 42, 165, 1) !important;
}

/* Add smooth transition for all nav links */
.navigation.navigation-main li.nav-item a {
    transition: all 0.3s ease;
    padding: 12px 20px;
    border-radius: 8px;
}

@media (max-width: 500px) {
    html .content {
        margin-left: 0 !important;
    }
    .main-menu.menu-fixed{
        display: none !important;
    }
    .fixed-top{
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        display: flex;
        justify-content: space-between;
    }
}