#foreman-updates-container {
    min-height: 400px;
    max-height: 600px;
    overflow: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    border: 1px solid #A6AEBB;
}

#foreman-updates-container .foreman-update {
    margin-bottom: 30px;
    margin-top: 15px;
    border-bottom: 1px solid #d8e2e7;
    padding-bottom: 20px;
}

#foreman-updates-container .foreman-update-image img {
    width: 100%;
    max-width: 500px;
}

#foreman-updates-container .foreman-update-title {
    color: #213654;
    font-weight: bold;
    margin-top: 10px;
}

#foreman-updates-container .foreman-update-date {
    color: #213654;
}

#foreman-updates-container .foreman-update-more {
    margin: 20px;
}

.user-menu .has-bubble:before {
    background: #47d477;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
}

.user-menu #dd-user-menu.has-bubble:before {
    right: -8px;
    top: -15px;
}

.user-menu .dropdown-item.has-bubble {
    position: relative;
}

.user-menu .dropdown-item.has-bubble:before {
    height: 5px;
    width: 5px;
    left: 29px;
    top: 5px;
}

.foreman-body.foreman-body-dark #foreman-updates-container .foreman-update-title {
        color: var(--foreman-blue-200);
    }

.foreman-body.foreman-body-dark #foreman-updates-container .foreman-update-date {
        color: var(--foreman-blue-200);
    }