.alert {
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    color: var(--alert-color);
    border: 1px solid var(--alert-border-color);
    border-radius: 2px;
    background-color: var(--alert-background-color);
}
.alert h4 {
    margin: 0;
    color: var(--text-warning-color);
}
.alert .close {
    line-height: 20px;
    position: relative;
    top: -2px;
    right: -21px;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}

.alert-success {
    color: var(--alert-success-color);
    border-color: var(--alert-success-border-color);
    background-color: var(--alert-success-background-color);
}
.alert-success h4, .alert-success h3, .alert-success h2, .alert-success h1 {
    color: var(--text-success-color);
}

.alert-error {
    color: var(--text-error-color);
    border-color: var(--alert-error-border-color);
    background-color: var(--alert-error-background-color);
}
.alert-error h4, .alert-error h3, .alert-error h2, .alert-error h1 {
    color: var(--text-error-color);
}

.alert-info {
    color: var(--alert-info-color);
    border-color: var(--alert-info-border-color);
    background-color: var(--alert-info-background-color);
}
.alert-info h4, .alert-info h3, .alert-info h2, .alert-info h1 {
    color: var(--text-info-color);
}

.alert-warning {
    color: var(--alert-color);
    border-color: var(--alert-border-color);
    background-color: var(--alert-warning-background-color);
}
.alert-warning h4, .alert-warning h3, .alert-warning h2, .alert-warning h1 {
    color: var(--text-warning-color);
}