﻿.topnav .navbar-collapse {
    flex-grow: unset !important;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: 100% !important;
    }
}
/*topnav buttons active*/
.topnav .nav-child.active {
    background-color: #a58d9e;
    color: var(--white);
}
.topnav .nav-child {
    display: inline-block;
}
.topnav .nav-child:hover, .topnav .nav-child:focus-visible {
    background-color: #a58d9e;
    color: var(--white);
    outline: none;
}
.topnav .nav-child.active:hover {
    background-color: #976f8b;
}

/*sidebar*/
.sidebar .nav-child.active:hover {
    background-color: rgba(40, 41, 61, 0.75);
}
.sidebar .nav-child.active {
    background-color: #28293D;
    color:var(--white);
}

.sidebar .nav-theme .nav-link.active:hover {
    background-color: #3a3b52;
    color: var(--white) !important;
    border: none;
}  

/* bell/notification icon styling */

@media(max-width:992px) {
    .notification-topnav .dropdown-menu-end,
    .more-options-topnav .dropdown-menu-end{
        right: unset;
    }
}

.notification-item{
    white-space:normal;
}
.notification-topnav .dropdown-item {
    height: auto;
    min-height: auto;
}

#notifications-container-desktop{
    max-height:400px;
}
