@keyframes pulse {
    0% {
        opacity: 1;
        width: 7px;
        height: 7px;
        left: 0;
        top: 0;
    }

    95% {
        opacity: 0.1;
        left: -10.5px;
        top: -10.5px;
        width: 28px;
        height: 28px;
    }

    100% {
        opacity: 0;
        width: 7px;
        height: 7px;
        left: 0;
        top: 0;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

.dropdown-item {
    color: grey !important;
    padding-top: 10px;
    padding-bottom: 5px;
}

.dropdown-item-borderbottom {
    border-bottom: 1px solid #252c31;
}

.dropdown-text {
    color: white !important;
}

.dropdown-menu {
    background-color: #141a1f;
    box-shadow: 0 0 10px 0 #131722;
    border: 1px solid #2a2e39;
    -webkit-box-shadow: none;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: slideIn;
    max-width: 280px;
    position: absolute;
    right: 0;
    left: auto;
}

    .dropdown-menu > li {
        border-bottom: none !important;
    }

        .dropdown-menu > li:hover {
            background-color: #16222b !important;
        }

.circle-pulse {
    background: #be3333;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    left: 25px;
    top: 12px;
}

    .circle-pulse:after {
        background-color: #be3333;
        content: '';
        display: table;
        border-radius: 50%;
        position: absolute;
        animation-name: pulse;
        animation-duration: 0.9s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-out;
    }

.header-custom-icon .nav-link {
    line-height: 0;
    margin-top: 6px;
}

.dropdown-item {
    color: #18214d;
    font-size: 14px;
}

    .dropdown-item:focus,
    .dropdown-item:active {
        color: #16181b;
    }

.header-img-icon .nav-link.dropdown-toggle {
    padding-right: 0;
}

.header-custom-icon a:after,
.header-img-icon a:after {
    display: none;
}

.header-custom-icon .dropdown-menu,
.header-img-icon .dropdown-menu {
    padding: 0;
    margin-top: 8px;
}
.header-custom-icon i {
    font-size: 20px;
    color: #758696;
}

.navbar-profile li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1) {
    border-bottom: none !important;
}

.navbar-profile li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2) {
    border-bottom: none !important;
}