/*
 * Notification Styles
 */
.success, .error, .alert {
    margin: 0 0 @gutter_width 0;
    padding: @gutter_width;
    clear: both;
    text-align: left;
    border: 0;
    position: relative;

    a {
        text-decoration: underline;
    }

    &:after {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
    }
}

.success {
    background: @success_color;
    color: #fff;

    a {
        color: #fff;
    }

    &:after {
        .fa(f058, #fff);
    }
}

.error {
    background: @alert_color;
    color: #fff;

    a {
        color: #fff;
    }

    &:after {
        .fa(f06a, #fff);
    }
}

.alert {
    background: @information_color;
    color: #fff;

    a {
        color: #fff;
    }

    &:after {
        .fa(f05a, #fff);
    }
}