.notification {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.notification h2.notification__title {
    font-family: 'Roboto', serif;
    font-size: 16px;
}

.notification.ac .ac-trigger {
    display: flex;
    align-items: center;
}

.notification__read-alert,
.unread-alert {
    width: 15px;
    height: 15px;
    margin: 15px 25px 15px 20px;
    padding: 10px;
    display: inline-block;
    background-color: #949494;
    border-radius: 50px;
}

.notification-link {
    position: relative;
}

a .unread-alert {
    position: absolute;
    margin: 0;
    top: 30%;
    right: 15%;
}

.notification__read-alert.unread,
.unread-alert.unread {
    background-color: red;
}

.notification__category {
    font-family: 'Roboto', serif;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    margin-right: 20px;
    font-size: 16px;
    background-color: #162453;
}

.accountability {
    background-color: #162453;
}

.all_users {
    background-color: #162453;
}

.twp_stocks {
    background-color: #D3714B;
}

.twp_forex {
    background-color: #5A955C;
}

.twp_futures {
    background-color: #4593A1;
}

.twp_options {
    background-color: #1B38C9;
}

.twp_market_structure {
    background-color: #3274A5;
}

.twp_funded_trader {
    background-color: #7634B4;
}

.notification.ac .ac-text {
    font-family: 'Roboto', serif;
    padding: 5px 70px 25px;
    font-size: 18px;
}

.notification__date {
    font-weight: 400;
}

.notification.ac .ac-trigger::after {
    content: url("../images/arrow-down-icon.svg");
    width: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 30px;
    filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.2));
}


.notification.ac.is-active>.ac-header .ac-trigger::after {
    content: url("../images/arrow-down-icon.svg");
    transform: translate(0, -50%) rotate(180deg);
    filter: drop-shadow(0px -5px 3px rgba(0, 0, 0, 0.2));
}

#menu-item-2211 {
    position: relative;
}

@media screen and (max-width: 425px) {
    .notification__category {
        display: none;
    }

    a .unread-alert {
        right: 7%;
    }

    .notification__date {
        white-space: nowrap;
    }

    .notification.ac .ac-text {
        padding: 0px 10px 20px;
    }

    .notification.ac .ac-trigger::after {
        right: 15px;
    }

    .ac-text p {
        margin: 0;
    }
}