/**
 * Notification/alert
 */
.notification-container {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    width          : 100%;
    padding        : 0 25px;
    margin         : 10px 0;
    text-align     : center;
}

.notification-container .alert-message-container {
    position : relative;
}

.alert {
    display       : inline-block;
    padding       : 6px 15px 10px 15px;
    margin-bottom : 5px;
    border        : 0;
    background    : #d1ecf1;
    text-align    : left;
    line-height   : 18px;
    font-size     : 15px;
    box-shadow    : none;
    text-shadow   : none;
}

.alert li span {
    margin-left : -10px;
}

.alert.alert-success {
    background : #d9fadd;
}

.alert.alert-success,
.alert.alert-success li,
.alert.alert-success li span {
    color : #3c763d;
}

.alert.alert-success > ul li::marker {
    color : #3c763d;
}

.alert.alert-warning {
    background : #fff3cd;
}

.alert.alert-warning,
.alert.alert-warning li,
.alert.alert-warning li span {
    color : #856404;
}

.alert.alert-warning > ul li::marker {
    color : #856404;
}

.alert.alert-danger {
    background : #f8d7da;
}

.alert.alert-danger,
.alert.alert-danger li,
.alert.alert-danger li span {
    color : #721c24;
}

.alert.alert-danger > ul li::marker {
    color : #721c24;
}

.alert > ul {
    padding             : 0;
    list-style-position : inside;
}

.alert-message-container label.alert-closer {
    position      : absolute;
    right         : 8px;
    top           : 50%;
    padding       : 0;
    margin-bottom : 0;
    margin-top    : -3px;
    height        : 10px;
    line-height   : 9px;
    transform     : translateY(-50%);
}

.alert-message-container label.alert-closer:before {
    content     : '\f00d';
    font-family : 'FontAwesome';
    position    : relative;
    width       : auto;
    height      : auto;
    border      : 0;
    margin      : 0;
}

.alert-message-container label.alert-closer:after {
    display : none;
}

.alert-message-container input[type="checkbox"].alert-closer:checked,
.alert-message-container input[type="checkbox"].alert-closer:checked ~ label.alert-closer,
.alert-message-container input[type="checkbox"].alert-closer:checked ~ .alert {
    display : none;
}

.alert-message-container input[type="checkbox"].alert-closer ~ .alert {
    padding-right : 25px;
}

.alert-message-container.success label.alert-closer:before {
    color : #3c763d;
}

.alert-message-container.warning label.alert-closer:before {
    color : #856404;
}

.alert-message-container.danger label.alert-closer:before {
    color : #721c24;
}