/* alerts related styles */


@alert-success-bg:     #dff0d8;
@alert-success-text:   #3c763d;
@alert-success-border: darken(spin(@alert-success-bg, -10), 5%);

@alert-info-text:      #31708f;
@alert-info-bg:        #d9edf7;
@alert-info-border:    darken(spin(@alert-info-bg, -10), 7%);

@alert-warning-text:   #8a6d3b;
@alert-warning-bg:     #fcf8e3;
@alert-warning-border: darken(spin(@alert-warning-bg, -10), 5%);

@alert-danger-text:    #a94442;
@alert-danger-bg:      #f2dede;
@alert-danger-border:  darken(spin(@alert-danger-bg, -10), 5%);

@alert-border-radius: 4px;

.alert {
    &:extend(.medium-text);
    padding: 0 4px;
    border: 1px solid transparent;
    border-radius: @alert-border-radius;
    margin-bottom: 4px;
}

.alert-dismissible {
    .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }
}

.alert-variant(@background; @border; @text-color) {
    &:extend(.alert);
    
    background-color: @background;
    border-color: @border;
    color: @text-color;

    hr {
        border-top-color: darken(@border, 5%);
    }
    .alert-link {
        color: darken(@text-color, 10%);
    }
}

.alert-success {
    .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
}

.alert-info {
    .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
}

.alert-warning {
    .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
}

.alert-error {
    .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
}

.alert-danger {
    .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
}