/* Message box (Alert)
---------------------------------------------------------- */
.wpb_vc_message {
    .messagebox_text{
        padding-left:24px;
    }
    .alert {
        color: #C09853;
        background-color: #FCF8E3;
        border-color: #FBEED5;
        .messagebox_text{
            background:url(../vc/alert.png) no-repeat left center;
        }
    }
    .alert-info {
        color: #3A87AD;
        background-color: #D9EDF7;
        border-color: #BCE8F1;
        .messagebox_text{
            background:url(../vc/info.png) no-repeat left center;
        }
    }
    .alert-success {
        color: #468847;
        background-color: #DFF0D8;
        border-color: #D6E9C6;
        .messagebox_text{
            background:url(../vc/tick.png) no-repeat left center;
        }
    }
    .alert-danger {
        color: #B94A48;
        background-color: #F2DEDE;
        border-color: #EED3D7;
        .messagebox_text{
            background:url(../vc/exclamation.png) no-repeat left center;
        }
    }
}

.vc_message-type {
    .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-danger {
        .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
    }

    .vc_edit_color_option_variants(~'info'; @alert-info-bg; @alert-info-text);
    .vc_edit_color_option_variants(~'success'; @alert-success-bg; @alert-success-text);
    .vc_edit_color_option_variants(~'warning'; @alert-warning-bg; @alert-warning-text);
    .vc_edit_color_option_variants(~'danger'; @alert-danger-bg; @alert-danger-text);
}