.alert {
    padding: $alert-block-padding;
    margin: $alert-block-margin;
    border-style: $alert-border-style;
    border-width: $alert-border-width;

    @if top($alert-border-radius) > 0 {
        @include radius($alert-border-radius);
    }


}

.alert-info {
    color: $alert-info-color;
    background-color: $alert-info-background-color;

    @if $alert-info-border-color != null {
        border-color: $alert-info-border-color;
    } @else {
        border-width: 0px;
    }

    @if $alert-block-background-gradient == true {
        @include background-gradient($alert-info-background-color, $alert-block-background-gradient-type);
    }
}

.alert-success {
    color: $alert-success-color;
    background-color: $alert-success-background-color;

    @if $alert-success-border-color != null {
        border-color: $alert-success-border-color;
    } @else {
        border-width: 0px;
    }

    @if $alert-block-background-gradient == true {
        @include background-gradient($alert-success-background-color, $alert-block-background-gradient-type);
    }
}

.alert-danger, .alert-error {
    color: $alert-error-color;
    font-weight: $alert-error-font-style;
    background-color: $alert-error-background-color;

    @if $alert-error-border-color != null {
        border-color: $alert-error-border-color;
    } @else {
        border-width: 0px;
    }

    @if $alert-block-background-gradient == true {
        @include background-gradient($alert-error-background-color, $alert-block-background-gradient-type);
    }
}

.close {
    position: relative;
    right: -21px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);

    &:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }
}