From f8cff2c9d0110e6b8528e708bc966461a0cf5020 Mon Sep 17 00:00:00 2001
From: Rashid Khan <rashidkpc@gmail.com>
Date: Mon, 21 Jul 2014 11:16:05 -0700
Subject: [PATCH] Add a no results found message

closes #183
---
 src/kibana/apps/discover/index.html       |  18 +-
 src/kibana/apps/discover/styles/main.css  |   6 +-
 src/kibana/apps/discover/styles/main.less |  28 +-
 src/kibana/styles/main.css                | 436 ++++++++++------------
 4 files changed, 225 insertions(+), 263 deletions(-)

diff --git a/src/kibana/apps/discover/index.html b/src/kibana/apps/discover/index.html
index e443181dec303..c50b5c451d756 100644
--- a/src/kibana/apps/discover/index.html
+++ b/src/kibana/apps/discover/index.html
@@ -32,7 +32,21 @@
           state="state">
         </disc-field-chooser>
       </div>
-      <div class="col-md-10">
+      <div class="col-md-10" ng-show="!hits && !searchSource.activeFetchCount">
+        <div class="discover-overlay">
+          <h2>No results found</h2>
+          <div class="col-md-12">
+            Unfortunately I could not find any results matching your search. I tried really hard. I looked all over the place. Try expanding your search, or increasing your time window if searching by time. I really want to make this work for you. Help me, help you.
+          </div>
+        </div>
+      </div>
+      <div class="col-md-10" ng-show="!hits && searchSource.activeFetchCount">
+        <div class="discover-overlay">
+          <h2>Searching</h2>
+          <div class="spinner large"></div>
+        </div>
+      </div>
+      <div class="col-md-10" ng-show="hits">
 
         <div class="discover-timechart" ng-if="vis">
           <center class="small">
@@ -47,7 +61,7 @@
             </select> -->
           </center>
 
-          <div ng-show="searchSource.activeFetchCount" class="discover-timechart-overlay">
+          <div ng-show="searchSource.activeFetchCount" class="discover-overlay">
             <div class="spinner large">
             </div>
           </div>
diff --git a/src/kibana/apps/discover/styles/main.css b/src/kibana/apps/discover/styles/main.css
index cc93c46fb80a5..9abb558c55ad9 100644
--- a/src/kibana/apps/discover/styles/main.css
+++ b/src/kibana/apps/discover/styles/main.css
@@ -93,7 +93,7 @@
   width: 100%;
   height: 100%;
 }
-.discover-timechart .discover-timechart-overlay {
+.discover-overlay {
   position: absolute;
   top: 0;
   left: 0;
@@ -104,9 +104,11 @@
   text-align: center;
   background-color: #ffffff;
 }
-.discover-timechart .discover-timechart-overlay .spinner {
+.discover-overlay .spinner {
   position: absolute;
   top: 70px;
+  left: 0;
+  right: 0;
 }
 .discover-hits {
   background-color: #ecf0f1;
diff --git a/src/kibana/apps/discover/styles/main.less b/src/kibana/apps/discover/styles/main.less
index 13b652d152f5d..61b32abf908dd 100644
--- a/src/kibana/apps/discover/styles/main.less
+++ b/src/kibana/apps/discover/styles/main.less
@@ -31,23 +31,25 @@
     width: 100%;
     height: 100%;
   }
+}
+
+.discover-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 20;
 
-  .discover-timechart-overlay {
+  opacity: 0.75;
+  text-align: center;
+  background-color: #ffffff;
+
+  .spinner {
     position: absolute;
-    top: 0;
+    top: 70px;
     left: 0;
-    bottom: 0;
     right: 0;
-    z-index: 20;
-
-    opacity: 0.75;
-    text-align: center;
-    background-color: #ffffff;
-
-    .spinner {
-      position: absolute;
-      top: 70px;
-    }
   }
 }
 
diff --git a/src/kibana/styles/main.css b/src/kibana/styles/main.css
index d69778624cfb7..4960e8f7f7b56 100644
--- a/src/kibana/styles/main.css
+++ b/src/kibana/styles/main.css
@@ -1352,13 +1352,13 @@
   padding: 18.5px 15px 20.5px;
 }
 .btn:active {
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .btn-group.open .dropdown-toggle {
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .text-primary,
@@ -1436,14 +1436,14 @@ table-bordered > tfoot > tr > td,
 .form-control,
 input {
   border-width: 2px;
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .form-control:focus,
 input:focus {
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .has-warning .help-block,
@@ -1526,8 +1526,8 @@ input:focus {
 }
 .progress {
   height: 10px;
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .progress .progress-bar {
@@ -1535,8 +1535,8 @@ input:focus {
   line-height: 10px;
 }
 .well {
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
@@ -1858,10 +1858,11 @@ img {
   background-color: #ffffff;
   border: 1px solid #ecf0f1;
   border-radius: 4px;
+  transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
-  -webkit-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out;
   display: inline-block;
   max-width: 100%;
   height: auto;
@@ -3235,34 +3236,22 @@ output {
   background-image: none;
   border: 1px solid #dce4ec;
   border-radius: 4px;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-  -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
-  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 }
 .form-control:focus {
   border-color: #46525d;
   outline: 0;
-  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 82, 93, 0.6);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 82, 93, 0.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 82, 93, 0.6);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 82, 93, 0.6);
 }
-.form-control::-webkit-input-placeholder {
-  color: #aaaaaa;
-}
-.form-control:-moz-placeholder {
-  color: #aaaaaa;
-}
-.form-control::-moz-placeholder {
-  color: #aaaaaa;
-}
-.form-control:-ms-input-placeholder {
-  color: #aaaaaa;
-}
 .form-control::-moz-placeholder {
   color: #acb6c0;
   opacity: 1;
@@ -3401,14 +3390,14 @@ select[multiple].input-lg {
 }
 .has-success .form-control {
   border-color: #ffffff;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 .has-success .form-control:focus {
   border-color: #e6e6e6;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
 }
 .has-success .input-group-addon {
@@ -3429,14 +3418,14 @@ select[multiple].input-lg {
 }
 .has-warning .form-control {
   border-color: #ffffff;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 .has-warning .form-control:focus {
   border-color: #e6e6e6;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
 }
 .has-warning .input-group-addon {
@@ -3457,14 +3446,14 @@ select[multiple].input-lg {
 }
 .has-error .form-control {
   border-color: #ffffff;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 .has-error .form-control:focus {
   border-color: #e6e6e6;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
 }
 .has-error .input-group-addon {
@@ -3583,8 +3572,8 @@ select[multiple].input-lg {
 .btn.active {
   outline: 0;
   background-image: none;
-  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .btn.disabled,
@@ -3592,13 +3581,12 @@ select[multiple].input-lg {
 fieldset[disabled] .btn {
   cursor: not-allowed;
   pointer-events: none;
-  zoom: 1;
+  filter: alpha(opacity=65);
   -webkit-opacity: 0.65;
   -moz-opacity: 0.65;
   opacity: 0.65;
-  filter: alpha(opacity=65);
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .btn-default {
@@ -3858,8 +3846,8 @@ fieldset[disabled] .btn-danger.active {
 .btn-link[disabled],
 fieldset[disabled] .btn-link {
   background-color: transparent;
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .btn-link,
@@ -3918,10 +3906,11 @@ input[type="button"].btn-block {
 }
 .fade {
   opacity: 0;
+  transition: opacity 0.15s linear;
+  -webkit-transition: opacity 0.15s linear;
   -moz-transition: opacity 0.15s linear;
+  -ms-transition: opacity 0.15s linear;
   -o-transition: opacity 0.15s linear;
-  -webkit-transition: opacity 0.15s linear;
-  transition: opacity 0.15s linear;
 }
 .fade.in {
   opacity: 1;
@@ -3936,10 +3925,11 @@ input[type="button"].btn-block {
   position: relative;
   height: 0;
   overflow: hidden;
+  transition: height 0.35s ease;
+  -webkit-transition: height 0.35s ease;
   -moz-transition: height 0.35s ease;
+  -ms-transition: height 0.35s ease;
   -o-transition: height 0.35s ease;
-  -webkit-transition: height 0.35s ease;
-  transition: height 0.35s ease;
 }
 .caret {
   display: inline-block;
@@ -3973,8 +3963,8 @@ input[type="button"].btn-block {
   border: 1px solid #cccccc;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
-  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background-clip: padding-box;
 }
@@ -4165,13 +4155,13 @@ input[type="button"].btn-block {
   padding-right: 12px;
 }
 .btn-group.open .dropdown-toggle {
-  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .btn-group.open .dropdown-toggle.btn-link {
-  -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -moz-box-shadow: none;
   box-shadow: none;
 }
 .btn .caret {
@@ -4797,8 +4787,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   padding: 10px 15px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   margin-top: 6px;
   margin-bottom: 6px;
@@ -4851,8 +4841,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     margin-right: 0;
     padding-top: 0;
     padding-bottom: 0;
-    -moz-box-shadow: none;
     -webkit-box-shadow: none;
+    -moz-box-shadow: none;
     box-shadow: none;
   }
   .navbar-form.navbar-right:last-child {
@@ -4907,7 +4897,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   background-color: transparent;
 }
 .navbar-default .navbar-text {
-  color: #ffffff;
+  color: #777777;
 }
 .navbar-default .navbar-nav > li > a {
   color: #ffffff;
@@ -5364,10 +5354,11 @@ a.list-group-item.active > .badge,
   background-color: #ffffff;
   border: 1px solid #ecf0f1;
   border-radius: 4px;
+  transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
-  -webkit-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out;
 }
 .thumbnail > img,
 .thumbnail a > img {
@@ -5478,8 +5469,8 @@ a.thumbnail.active {
   margin-bottom: 21px;
   background-color: #ecf0f1;
   border-radius: 4px;
-  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 .progress-bar {
@@ -5491,13 +5482,14 @@ a.thumbnail.active {
   color: #ffffff;
   text-align: center;
   background-color: #46525d;
-  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  transition: width 0.6s ease;
+  -webkit-transition: width 0.6s ease;
   -moz-transition: width 0.6s ease;
+  -ms-transition: width 0.6s ease;
   -o-transition: width 0.6s ease;
-  -webkit-transition: width 0.6s ease;
-  transition: width 0.6s ease;
 }
 .progress-striped .progress-bar {
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -5505,10 +5497,11 @@ a.thumbnail.active {
   background-size: 40px 40px;
 }
 .progress.active .progress-bar {
-  -moz-animation: progress-bar-stripes 2s linear infinite;
-  -o-animation: progress-bar-stripes 2s linear infinite;
   -webkit-animation: progress-bar-stripes 2s linear infinite;
   animation: progress-bar-stripes 2s linear infinite;
+  -webkit-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
+  -moz-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
+  -ms-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
 }
 .progress-bar-success {
   background-color: #31c471;
@@ -5723,8 +5716,8 @@ a.list-group-item-danger.active:focus {
   background-color: #ffffff;
   border: 1px solid transparent;
   border-radius: 4px;
-  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 .panel-body {
@@ -6007,8 +6000,8 @@ a.list-group-item-danger.active:focus {
   background-color: #ecf0f1;
   border: 1px solid transparent;
   border-radius: 4px;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 .well blockquote {
@@ -6030,22 +6023,20 @@ a.list-group-item-danger.active:focus {
   line-height: 1;
   color: #000000;
   text-shadow: none;
-  zoom: 1;
+  filter: alpha(opacity=20);
   -webkit-opacity: 0.2;
   -moz-opacity: 0.2;
   opacity: 0.2;
-  filter: alpha(opacity=20);
 }
 .close:hover,
 .close:focus {
   color: #000000;
   text-decoration: none;
   cursor: pointer;
-  zoom: 1;
+  filter: alpha(opacity=50);
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: 0.5;
-  filter: alpha(opacity=50);
 }
 button.close {
   padding: 0;
@@ -6071,22 +6062,22 @@ button.close {
   outline: 0;
 }
 .modal.fade .modal-dialog {
-  -moz-transform: translate(0, -25%);
-  -o-transform: translate(0, -25%);
+  transform: translate(0, -25%);
   -webkit-transform: translate(0, -25%);
+  -moz-transform: translate(0, -25%);
   -ms-transform: translate(0, -25%);
-  transform: translate(0, -25%);
+  -o-transform: translate(0, -25%);
   -webkit-transition: -webkit-transform 0.3s ease-out;
   -moz-transition: -moz-transform 0.3s ease-out;
   -o-transition: -o-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
 }
 .modal.in .modal-dialog {
-  -moz-transform: translate(0, 0);
-  -o-transform: translate(0, 0);
+  transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
+  -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
-  transform: translate(0, 0);
+  -o-transform: translate(0, 0);
 }
 .modal-dialog {
   position: relative;
@@ -6099,8 +6090,8 @@ button.close {
   border: 1px solid #999999;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 6px;
-  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   background-clip: padding-box;
   outline: none;
@@ -6115,18 +6106,16 @@ button.close {
   background-color: #000000;
 }
 .modal-backdrop.fade {
-  zoom: 1;
+  filter: alpha(opacity=0);
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
-  filter: alpha(opacity=0);
 }
 .modal-backdrop.in {
-  zoom: 1;
+  filter: alpha(opacity=50);
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: 0.5;
-  filter: alpha(opacity=50);
 }
 .modal-header {
   padding: 15px;
@@ -6166,8 +6155,8 @@ button.close {
     margin: 30px auto;
   }
   .modal-content {
-    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   }
   .modal-sm {
@@ -6186,18 +6175,16 @@ button.close {
   visibility: visible;
   font-size: 13px;
   line-height: 1.4;
-  zoom: 1;
+  filter: alpha(opacity=0);
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
-  filter: alpha(opacity=0);
 }
 .tooltip.in {
-  zoom: 1;
+  filter: alpha(opacity=90);
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: 0.9;
-  filter: alpha(opacity=90);
 }
 .tooltip.top {
   margin-top: -3px;
@@ -6297,8 +6284,8 @@ button.close {
   border: 1px solid #cccccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 6px;
-  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   white-space: normal;
 }
@@ -6414,10 +6401,11 @@ button.close {
 .carousel-inner > .item {
   display: none;
   position: relative;
+  transition: 0.6s ease-in-out left;
+  -webkit-transition: 0.6s ease-in-out left;
   -moz-transition: 0.6s ease-in-out left;
+  -ms-transition: 0.6s ease-in-out left;
   -o-transition: 0.6s ease-in-out left;
-  -webkit-transition: 0.6s ease-in-out left;
-  transition: 0.6s ease-in-out left;
 }
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
@@ -6459,11 +6447,10 @@ button.close {
   left: 0;
   bottom: 0;
   width: 15%;
-  zoom: 1;
+  filter: alpha(opacity=50);
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: 0.5;
-  filter: alpha(opacity=50);
   font-size: 20px;
   color: #ffffff;
   text-align: center;
@@ -6488,11 +6475,10 @@ button.close {
   outline: none;
   color: #ffffff;
   text-decoration: none;
-  zoom: 1;
+  filter: alpha(opacity=90);
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: 0.9;
-  filter: alpha(opacity=90);
 }
 .carousel-control .icon-prev,
 .carousel-control .icon-next,
@@ -6973,22 +6959,21 @@ button.close {
 paginate {
   display: -webkit-box;
   display: -moz-box;
-  display: -webkit-flex;
   display: -ms-flexbox;
+  display: -ms-box;
+  display: -webkit-flex;
   display: flex;
-  -webkit-box-direction: normal;
-  -moz-box-direction: normal;
-  -webkit-box-orient: vertical;
-  -moz-box-orient: vertical;
   -webkit-flex-direction: column;
+  -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
 }
 paginate paginate-controls {
   display: -webkit-box;
   display: -moz-box;
-  display: -webkit-flex;
   display: -ms-flexbox;
+  display: -ms-box;
+  display: -webkit-flex;
   display: flex;
   padding: 5px 5px 10px;
 }
@@ -7001,149 +6986,18 @@ paginate paginate-controls .pagination {
   }
 }
 paginate .paginate-content {
-  -webkit-box-flex: 1;
-  -moz-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-}
-navbar {
-  max-height: 340px;
-  margin-bottom: 0px;
-  padding: 5px 15px;
-  color: #ffffff;
-  background-color: #46525d;
-  border-style: solid;
-  border-color: #303840;
-  border-width: 0 0 1px;
-  z-index: 1000;
-  display: -webkit-box;
-  display: -moz-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-}
-navbar a {
-  color: #ffffff;
-}
-navbar a:hover {
-  color: #31c471;
-  background-color: transparent;
-}
-navbar a:active {
-  color: #ffffff;
-  background-color: #303840;
-}
-navbar a:disabled {
-  color: #cccccc;
-  background-color: transparent;
-}
-navbar > .navbar-brand,
-navbar > .button-group {
-  -webkit-box-flex: 0;
-  -moz-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-navbar > .name {
-  font-size: 19px;
-  max-width: 768px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-right: 15px;
-}
-navbar > .fill {
-  -webkit-box-flex: 1;
-  -moz-box-flex: 1;
-  -webkit-flex: 1 1 768px;
-  -ms-flex: 1 1 768px;
-  flex: 1 1 768px;
-}
-.sidebar-container {
-  padding-left: 0px !important;
-  padding-right: 0px !important;
-  background-color: #ecf0f1;
-  border-right: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-}
-.sidebar-container .sidebar-well {
-  background-color: #dde4e6;
-}
-.sidebar-container .sidebar-list ul {
-  list-style: none;
-  margin-bottom: 0px;
-}
-.sidebar-container .sidebar-list .sidebar-list-header {
-  padding-left: 10px;
-  padding-right: 10px;
-  color: #46525d;
-  border: 1px solid rgba(0, 0, 0, 0);
-}
-.sidebar-container .sidebar-list .sidebar-item {
-  border-top: 1px solid transparent;
-  font-size: 12px;
-}
-.sidebar-container .sidebar-list .sidebar-item a {
-  color: #46525d;
-}
-.sidebar-container .sidebar-list .sidebar-item a:hover {
-  color: #46525d;
-  text-decoration: none;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title {
-  padding: 5px 10px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title.full-title {
-  white-space: normal;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title:hover,
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title:hover .text-muted {
-  color: #46525d;
-  background-color: #cfd9db;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button {
-  padding: 5px 10px;
-  text-align: center;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button[disabled] {
-  opacity: 0.65;
-  cursor: default;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.primary {
-  background-color: #46525d;
-  color: #ffffff;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.info {
-  background-color: #3498db;
-  color: #ffffff;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.success {
-  background-color: #31c471;
-  color: #ffffff;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.warning {
-  background-color: #f39c12;
-  color: #ffffff;
-}
-.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.danger {
-  background-color: #e74c3c;
-  color: #ffffff;
-}
-.sidebar-container .sidebar-list .sidebar-item .active {
-  background-color: #46525d !important;
-  color: #ffffff;
-}
-.sidebar-container .sidebar-list .sidebar-item .active:hover,
-.sidebar-container .sidebar-list .sidebar-item .active:hover .text-muted {
-  color: #ffffff;
-  background-color: #46525d;
+  -webkit-flex-grow: 1;
+  -moz-flex-grow: 1;
+  -ms-flex-grow: 1;
+  flex-grow: 1;
+  -webkit-flex-shrink: 1;
+  -moz-flex-shrink: 1;
+  -ms-flex-shrink: 1;
+  flex-shrink: 1;
+  -webkit-flex-basis: auto;
+  -moz-flex-basis: auto;
+  -ms-flex-basis: auto;
+  flex-basis: auto;
 }
 html,
 body {
@@ -7244,7 +7098,7 @@ notifications {
   background-color: transparent;
 }
 .config .navbar-text {
-  color: #ffffff;
+  color: #777777;
 }
 .config .navbar-nav > li > a {
   color: #ffffff;
@@ -7323,8 +7177,8 @@ notifications {
   width: 100%;
   background-color: #ecf0f1;
   border-radius: 0;
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
   text-align: center;
 }
@@ -7469,6 +7323,88 @@ kbn-table th:hover .table-header-sortchange {
 table td .fa {
   line-height: 1.42857143;
 }
+.sidebar-container {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+  background-color: #ecf0f1;
+  border-right: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+.sidebar-container .sidebar-well {
+  background-color: #dde4e6;
+}
+.sidebar-container .sidebar-list ul {
+  list-style: none;
+  margin-bottom: 0px;
+}
+.sidebar-container .sidebar-list .sidebar-list-header {
+  padding-left: 10px;
+  padding-right: 10px;
+  color: #777777;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+.sidebar-container .sidebar-list .sidebar-item {
+  border-top: 1px solid transparent;
+  font-size: 12px;
+}
+.sidebar-container .sidebar-list .sidebar-item a {
+  color: #46525d;
+}
+.sidebar-container .sidebar-list .sidebar-item a:hover {
+  color: #46525d;
+  text-decoration: none;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title {
+  padding: 5px 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title.full-title {
+  white-space: normal;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title:hover,
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-title:hover .text-muted {
+  color: #46525d;
+  background-color: #cfd9db;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button {
+  padding: 5px 10px;
+  text-align: center;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button[disabled] {
+  opacity: 0.65;
+  cursor: default;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.primary {
+  background-color: #46525d;
+  color: #ffffff;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.info {
+  background-color: #3498db;
+  color: #ffffff;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.success {
+  background-color: #31c471;
+  color: #ffffff;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.warning {
+  background-color: #f39c12;
+  color: #ffffff;
+}
+.sidebar-container .sidebar-list .sidebar-item .sidebar-item-button.danger {
+  background-color: #e74c3c;
+  color: #ffffff;
+}
+.sidebar-container .sidebar-list .sidebar-item .active {
+  background-color: #46525d !important;
+  color: #ffffff;
+}
+.sidebar-container .sidebar-list .sidebar-item .active:hover,
+.sidebar-container .sidebar-list .sidebar-item .active:hover .text-muted {
+  color: #ffffff;
+  background-color: #46525d;
+}
 saved-object-finder .form-group {
   margin-bottom: 0;
 }
@@ -7523,7 +7459,9 @@ saved-object-finder .finder-options > li.active a {
   padding: 5px 15px;
 }
 button[disabled] {
+  -webkit-touch-callout: none;
   -webkit-user-select: none;
+  -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
@@ -7552,28 +7490,34 @@ fieldset[disabled] .checkbox-inline {
 .flex {
   display: -webkit-box;
   display: -moz-box;
-  display: -webkit-flex;
   display: -ms-flexbox;
+  display: -ms-box;
+  display: -webkit-flex;
   display: flex;
 }
 .flex-vert {
   display: -webkit-box;
   display: -moz-box;
-  display: -webkit-flex;
   display: -ms-flexbox;
+  display: -ms-box;
+  display: -webkit-flex;
   display: flex;
-  -webkit-box-direction: normal;
-  -moz-box-direction: normal;
-  -webkit-box-orient: vertical;
-  -moz-box-orient: vertical;
   -webkit-flex-direction: column;
+  -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
 }
 .flex-grow {
-  -webkit-box-flex: 1;
-  -moz-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
+  -webkit-flex-grow: 1;
+  -moz-flex-grow: 1;
+  -ms-flex-grow: 1;
+  flex-grow: 1;
+  -webkit-flex-shrink: 1;
+  -moz-flex-shrink: 1;
+  -ms-flex-shrink: 1;
+  flex-shrink: 1;
+  -webkit-flex-basis: auto;
+  -moz-flex-basis: auto;
+  -ms-flex-basis: auto;
+  flex-basis: auto;
 }