/*Notification Popup CSS*/
#notificationPopup {z-index: 9999999;}
@media screen and (min-width: 991px) {
    #notificationPopup .modal-dialog {
        position: absolute;
        top: auto;
        bottom: 64px;
        left: 80px;
        right: auto;
        margin: 0;
        min-width: 300px;
        max-width: 420px;
        height: fit-content;
        min-height: fit-content;
        transform: none;
    }
    #notificationPopup.modal.fade {background: transparent;}
}
#notificationPopup .modal-dialog .modal-body {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--bs-gray-400) transparent;
}
#notificationPopup .notification-divs .notification-section {border-bottom: 1px solid var(--bs-gray-400);}
#notificationPopup .notification-divs .notification-section:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
}
#notificationPopup .notification-icons{
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-second);
}
#notificationPopup .notification-icons svg{min-width: 18px;width: 18px;height: 18px;}
#notificationPopup .notification-img {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid var(--bs-gray-400);
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-dark);
}
#notificationPopup .notification-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin: 0;
    filter: none !important;
}
#notificationPopup .notification-divs .notification-section-new .notification-icons{background-color: var(--color-first);}
#notificationPopup .notification-divs .notification-text  {color: var(--color-second);}
#notificationPopup .notification-divs .notification-section-new .notification-text  {color: var(--color-first);}
.notification-dates {text-align: end;min-width: 70px;}
html[data-bs-theme="dark"] .side-fixed-menu-list .profile-dropdown li svg {fill: #ffffff !important;}
html[data-bs-theme="dark"] .side-fixed-menu-list li:hover .nav-link, html[data-bs-theme="dark"] .side-fixed-menu-list li:hover .nav-link span {color: var(--gray-950) !important;}
html[data-bs-theme="dark"] .side-fixed-menu-list li:hover svg, html[data-bs-theme="dark"] .side-fixed-menu-list li button:hover svg {
    fill: var(--gray-950);
}
.offcanvas.offcanvas-start.sidebar-menu-mobile .nav-link svg {
    stroke: none !important;
    stroke-width: 0 !important;
}
.offcanvas.offcanvas-start.sidebar-menu-mobile ul li .sub-menus svg {
    fill: transparent !important;
    stroke: var(--color-first) !important;
    stroke-width: 1.6 !important;
}
html[data-bs-theme="dark"] #notificationPopup .notification-icons {background-color: var(--bg-light);}
html[data-bs-theme="dark"] #notificationPopup .notification-divs .notification-section-new .notification-icons {background-color: var(--color-dark);}
.notification-popup-link:hover {background-color: var(--gray-100);}
html[data-bs-theme="dark"] .notification-popup-link:hover svg {
    fill: var(--gray-900);
}
html[data-bs-theme="dark"] .notification-popup-link:hover span.color-first {
    color: #000 !important;
}
/*Notification Popup CSS End*/