Add .boxconfirmation style

skins/elastic/styles/colors.less

@@ -107,6 +107,7 @@
 @color-message-shadow:              @color-black-shade-bg;
 @color-message-error-background:    fadeout(@color-message-error, 95%);
 @color-message-information-background: fadeout(@color-message-information, 95%);
+@color-message-success-background:  fadeout(@color-message-success, 95%);
 @color-message-warning-background:  fadeout(#ffff66, 75%);
 
 

skins/elastic/styles/widgets/messages.less

@@ -116,6 +116,7 @@
     }
 
     &.boxerror,
+    &.boxconfirmation,
     &.boxinformation,
     &.boxwarning {
         float: none;
@@ -141,6 +142,10 @@
         background-color: @color-message-background;
     }
 
+    &.boxconfirmation {
+        background-color: @color-message-success-background;
+    }
+
     &.boxwarning {
         background-color: @color-message-warning-background;
     }

skins/elastic/ui.js

@@ -629,7 +629,7 @@ function rcube_elastic_ui()
         $('input.button.mainaction,button.primary,button.mainaction', context).addClass('btn-primary');
         $('button.btn.delete,button.btn.discard', context).addClass('btn-danger');
 
-        $.each(['warning', 'error', 'information'], function() {
+        $.each(['warning', 'error', 'information', 'confirmation'], function() {
             var type = this;
             $('.box' + type, context).each(function() {
                 alert_style(this, type, true);