/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.notification-user {
    margin: 10px 0;
}

.notification-user-alert {
    padding: 10px 20px;
    min-height: 48px;
    margin: 10px 0;
}

.notification-user-alert-success {
    background: forestgreen;
    color: white;
}

.notification-user-alert-info {
    background: lightskyblue;
    color: white;
}

.notification-user-alert-error {
    background: orangered;
    color: white;
}

.notification-user-alert-warning {
    background: orange;
    color: white;
}

.notification-user-alert a,
.notification-user-alert a:hover,
.notification-user-alert a:active
{
    color: white;
    text-decoration: underline;
}

.close-notification-user{
    float: right;
    position: relative;
    top: -5px; cursor:pointer;
    right: -10px;
}

.notification-user-details{

}
.notification-user-summary{
    text-align: center;
    list-style-type: none;
    cursor: pointer;
}

.notification-user-summary .notification-user-summary--text{
    font-size: 16px;
}

.notification-user-summary .notification-user-summary--button{
    padding-top: 10px;
}