.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #17A2B8;
}

.dropdown-menu-Notification {
    top: 60px;
    right: 0;
    left: unset;
    width: 460px;
    max-width: 90vw;
    box-shadow: 0 5px 7px -1px #c1c1c1;
    text-align: justify-all;
}

.dropdown-menu-Notification:before {
    content: "";
    position: absolute;
    top: -20px;
    right: 12px;
    border: 10px solid transparent;
    border-bottom-color: #343A40;
}

.head-notification-box {
    padding: 5px 15px;
    border-radius: 3px 3px 0 0;
}

.footer-notification-box {
    padding: 5px 15px;
    border-radius: 0 0 3px 3px;
}

.notification-box {
    padding: 10px 0;
}

.bg-gray-notification-box {
    background-color: #eee;
}

@media (max-width: 768px) {
    .dropdown-menu-notification-box {
        top: 50px;
        width: 100%;
    }

    .nav {
        display: block;
    }

    .nav .nav-item, .nav .nav-item a {
        padding-left: 0;
    }

    .message {
        font-size: 13px;
    }
}