Improvement in the look and feel of the whole application

Changed the SCSS/CSS for the below third party libraries to adopt the
new look 'n' feel:
- wcDocker
- Alertify dialogs, and notifications
- AciTree
- Bootstrap Navbar
- Bootstrap Tabs
- Bootstrap Drop-Down menu
- Backgrid
- Select2

Adopated the new the look 'n' feel for the dialogs, wizard, properties,
tab panels, tabs, fieldset, subnode control, spinner control, HTML
table, and other form controls.

- Font is changed to Roboto
- Using SCSS variables to define the look 'n' feel
- Designer background images for the Login, and Forget password pages in
  'web' mode
- Improved the look 'n' feel for the key selection in the preferences
  dialog
- Table classes consistency changes across the application
- File Open and Save dialog list view changes

Author(s): Aditya Toshniwal & Khushboo Vashi

web/regression/javascript/alerts/alertify_wrapper_spec.js

@@ -21,7 +21,7 @@ describe('alertify_wrapper', function () {
       var calledWithMessage = alertify.orig_success.calls.mostRecent().args[0];
 
       expect(calledWithMessage).toContain('Yay, congrats!');
-      expect(calledWithMessage).toContain('class="fa fa-check"');
+      expect(calledWithMessage).toContain('class="fa fa-check text-success"');
     });
   });
 
@@ -34,7 +34,7 @@ describe('alertify_wrapper', function () {
       var calledWithMessage = alertify.orig_error.calls.mostRecent().args[0];
 
       expect(calledWithMessage).toContain('bad, very bad');
-      expect(calledWithMessage).toContain('class="fa fa-exclamation-triangle"');
+      expect(calledWithMessage).toContain('class="fa fa-exclamation-triangle text-danger"');
     });
   });
 

web/regression/javascript/backup/backup_dialog_wrapper_spec.js

@@ -52,7 +52,7 @@ describe('BackupDialogWrapper', () => {
     jquerySpy = jasmine.createSpy('jquerySpy');
     backupNode = {
       __internal: {
-        buttons: [{}, {}, {
+        buttons: [{}, {}, {}, {
           element: {
             disabled: false,
           },
@@ -114,7 +114,7 @@ describe('BackupDialogWrapper', () => {
 
       it('disables the button "submit button" until a filename is selected', () => {
         backupDialogWrapper.prepare();
-        expect(backupDialogWrapper.__internal.buttons[2].element.disabled).toBe(true);
+        expect(backupDialogWrapper.__internal.buttons[3].element.disabled).toBe(true);
       });
     });
 
@@ -130,7 +130,7 @@ describe('BackupDialogWrapper', () => {
 
       it('disables the button "submit button" until a filename is selected', () => {
         backupDialogWrapper.prepare();
-        expect(backupDialogWrapper.__internal.buttons[2].element.disabled).toBe(true);
+        expect(backupDialogWrapper.__internal.buttons[3].element.disabled).toBe(true);
       });
     });
 
@@ -178,7 +178,7 @@ describe('BackupDialogWrapper', () => {
 
       it('disables the button submit button until a filename is selected', () => {
         backupDialogWrapper.prepare();
-        expect(backupNode.__internal.buttons[2].element.disabled).toBe(true);
+        expect(backupNode.__internal.buttons[3].element.disabled).toBe(true);
       });
 
       it('generates a new backup model', () => {

web/regression/javascript/restore/restore_dialog_wrapper_spec.js

@@ -61,7 +61,7 @@ describe('RestoreDialogWrapper', () => {
     restoreNode = {
       __internal: {
         buttons: [
-          {}, {},
+          {}, {}, {},
           {
             element: {
               disabled: false,
@@ -115,7 +115,7 @@ describe('RestoreDialogWrapper', () => {
 
       it('disables the button "submit button" until a filename is selected', () => {
         restoreDialogWrapper.prepare();
-        expect(restoreDialogWrapper.__internal.buttons[2].element.disabled).toBe(true);
+        expect(restoreDialogWrapper.__internal.buttons[3].element.disabled).toBe(true);
       });
     });
 
@@ -131,7 +131,7 @@ describe('RestoreDialogWrapper', () => {
 
       it('disables the button "submit button" until a filename is selected', () => {
         restoreDialogWrapper.prepare();
-        expect(restoreDialogWrapper.__internal.buttons[2].element.disabled).toBe(true);
+        expect(restoreDialogWrapper.__internal.buttons[3].element.disabled).toBe(true);
       });
     });
 
@@ -177,7 +177,7 @@ describe('RestoreDialogWrapper', () => {
 
       it('disables the button submit button until a filename is selected', () => {
         restoreDialogWrapper.prepare();
-        expect(restoreNode.__internal.buttons[2].element.disabled).toBe(true);
+        expect(restoreNode.__internal.buttons[3].element.disabled).toBe(true);
       });
 
       it('generates a new restore model', () => {