.widget-notification-pulldown .dropdown-toggle {
    position: relative;
    width: 36px;
    height: 36px;
    display: inline-block;
    cursor: pointer;
}

.widget-notification-pulldown .dropdown-toggle .fas {
    color: #777;
    margin-top: 3px;
}

.widget-notification-pulldown .dropdown-toggle .fas.dim {
    color: #cccccc;
}

.widget-notification-pulldown .dropdown-toggle .fas:hover {
    color: #c1282f;
}

.widget-notification-pulldown .dropdown-toggle .count {
    position: absolute;
    bottom: 0px;
    right: 3px;
    background-color: #c1282f;
    border-radius: 2em;
    padding: 1px;
    color: white;
    width: 1.75em;
    text-align: center;
    font-size: 10px;
    height: 1.75em;
}

.widget-notification-pulldown .dropdown-menu {
    max-height: 200px;
    overflow-y: auto !important;
}

.widget-notification-pulldown .dropdown-menu .divider {
    margin: 0px 10px;
}

.widget-notification-pulldown .dropdown-menu li.new a {
    background-color: transparent;
}

.widget-notification-pulldown .dropdown-menu li a span.date {
    font-weight: normal;
    color: #777;
    font-size: 10px;
    float: right;
    margin-top: 0.5em;
}
.widget-notification-pulldown.dropdown .dropdown-menu {
    width: 220px;
}

.widget-notification-pulldown .dropdown-menu > li > a {
    white-space: normal;
}

.dropdown-menu.dropdown-menu--notifications > li > a:hover, .dropdown-menu.dropdown-menu--notifications > li > a:focus, .dropdown-menu.dropdown-menu--notifications > li > a:active {
    background-color: transparent;
}

li.dropdown-menu__notification:hover {
    background: #f5f8fa;
}