diff --git a/platform/commonUI/browse/res/templates/browse-object.html b/platform/commonUI/browse/res/templates/browse-object.html
index 31c5443f7f..46de0e8779 100644
--- a/platform/commonUI/browse/res/templates/browse-object.html
+++ b/platform/commonUI/browse/res/templates/browse-object.html
@@ -51,7 +51,7 @@
                 <mct-toolbar name="mctToolbar"
                              structure="toolbar.structure"
                              ng-model="toolbar.state"
-                             class="flex-elem grow">
+                             class="flex-elem grows">
                 </mct-toolbar>
                 <mct-representation key="'edit-action-buttons'"
                                     mct-object="domainObject"
diff --git a/platform/commonUI/general/res/sass/_inspector.scss b/platform/commonUI/general/res/sass/_inspector.scss
index 62917017a4..dbbd7c64e3 100644
--- a/platform/commonUI/general/res/sass/_inspector.scss
+++ b/platform/commonUI/general/res/sass/_inspector.scss
@@ -23,7 +23,7 @@
 
 .l-inspect,
 .l-inspect table tr td {
-    font-size: 0.7rem;
+    font-size: 0.75rem;
 }
 
 .l-inspect {
@@ -31,6 +31,9 @@
     background: $colorInspectorBg;
     color: $colorInspectorFg;
     line-height: 140%;
+
+    .flex-elem.holder:not(:last-child) { margin-bottom: $interiorMargin; }
+
     .pane-header {
         color: pushBack($colorInspectorFg, 20%);
         font-size: 0.8rem;
@@ -43,6 +46,16 @@
             vertical-align: bottom;
         }
     }
+
+    .split-layout {
+        .split-pane-component.pane {
+            &.bottom {
+                height: 30%;
+                min-height: 20%;
+                max-height: 80%;
+            }
+        }
+    }
     
     ul {
         @include box-sizing(border-box);
@@ -109,4 +122,23 @@
             width: 4px;
         }
     }
-}
\ No newline at end of file
+    .holder-elements {
+        .current-elements {
+            position: relative;
+            .tree-item {
+                .t-object-label {
+                    // Elements pool is a flat list, so don't indent items.
+                    left: 0;
+                    .t-item-icon {
+                        font-size: 1em;
+                        width: 1em;
+                    }
+                    .t-title-label {
+                        left: 20px + $interiorMargin;
+                    }
+                }
+            }
+        }
+    }
+}
+
diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss
index ac4006e58b..c0df207758 100644
--- a/platform/commonUI/general/res/sass/_mixins.scss
+++ b/platform/commonUI/general/res/sass/_mixins.scss
@@ -315,11 +315,11 @@
 	}
 }
 
-@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) {
+@mixin input-base($bg: $colorInputBg, $fg: $colorInputFg, $shdw: rgba(black, 0.6) 0 1px 3px) {
 	@include appearance(none);
 	@include border-radius($controlCr);
 	@include box-sizing(border-box);
-	@include box-shadow(inset rgba(black, 0.4) 0 1px 3px);
+	@include box-shadow(inset $shdw);
 	background: $bg;
 	border: none;
 	color: $fg;
@@ -329,7 +329,7 @@
 	}
 }
 
-@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
+@mixin nice-input($bg: $colorInputBg, $fg: $colorInputFg) {
 	@include input-base($bg, $fg);
 	padding: 0 $interiorMarginSm;
 }
diff --git a/platform/commonUI/general/res/sass/forms/_elems.scss b/platform/commonUI/general/res/sass/forms/_elems.scss
index 8ffdce8df8..66a94c8d1b 100644
--- a/platform/commonUI/general/res/sass/forms/_elems.scss
+++ b/platform/commonUI/general/res/sass/forms/_elems.scss
@@ -112,7 +112,7 @@
 
 		.selector-list {
 			// Used in create overlay to display tree view
-			@include nice-input($colorInputBg, $colorInputFg);
+			@include nice-input();
 			$h: 150px;
 			//@include border-radius($basicCr);
 			//@include box-sizing(border-box);
@@ -162,8 +162,9 @@ label.form-control.checkbox {
 	}
 }
 
-input[type="text"] {
-	@include nice-input($colorInputBg, $colorInputFg);
+input[type="text"],
+input[type="search"] {
+	@include nice-input();
 	&.filter {
 		&.ng-dirty {
 			//            background: red;
diff --git a/platform/commonUI/general/res/sass/forms/_filter.scss b/platform/commonUI/general/res/sass/forms/_filter.scss
index 55eeef7c98..60ba40344b 100644
--- a/platform/commonUI/general/res/sass/forms/_filter.scss
+++ b/platform/commonUI/general/res/sass/forms/_filter.scss
@@ -21,13 +21,9 @@
  *****************************************************************************/
 .filter,
 .t-filter {
-	input.filter,
 	input.t-filter-input {
-		@include subdued-input();
-	}
-	input.t-filter-input {
-		height: $formInputH;
-		width: 200px;
+		//height: $formInputH;
+		//width: 200px;
 		&:not(.ng-dirty) {
 //			TO-DO: Update compass install to support this
 //			@include input-placeholder {
@@ -79,12 +75,6 @@
 //	&:not(ng-dirty)
 }
 
-.l-filter {
-	// Holds an input and a clear button
-	display:inline-block;
-	position: relative;
-}
-
 .top-bar {
 	input.filter {
 		$h: $ueTopBarH;
@@ -100,4 +90,75 @@
 	.icon-filter {
 		font-size: 1.4em;
 	}
+}
+
+.l-filter {
+    $iconEdgeM: 4px;
+    $iconD: $formInputH - ($iconEdgeM * 2);
+    // Adds a magnifying glass before, holds an input and a clear button
+    display: inline-block;
+    position: relative;
+
+    input[type="search"] {
+        padding: 2px ($iconD + $interiorMargin);
+    }
+    .clear-icon,
+    .menu-icon,
+    &:before {
+        @include box-sizing(border-box);
+        display: inline-block;
+        line-height: inherit;
+        position: absolute;
+        top: 50%;
+        @include transform(translateY(-50%));
+    }
+
+    &:before {
+        // Magnify glass icon
+        content:'\4d';
+        left: $interiorMargin;
+        @include trans-prop-nice(color, 250ms);
+        pointer-events: none;
+    }
+
+    .clear-icon {
+        right: $iconEdgeM;
+
+        // Icon is visible only when there is text input
+        visibility: hidden;
+        opacity: 0;
+        &.show {
+            visibility: visible;
+            opacity: 1;
+        }
+
+        &:hover {
+            color: pullForward($colorInputIcon, 10%);
+        }
+    }
+}
+
+.s-filter {
+    input[type="search"] {
+        @include input-base();
+    }
+    .clear-icon,
+    .menu-icon,
+    &:before {
+        color: $colorInputIcon;
+        cursor: pointer;
+        font-family: symbolsfont;
+        @include trans-prop-nice((opacity, color), 150ms);
+    }
+    // Make icon lighten when hovering over search bar
+    &:hover:before {
+        color: pullForward($colorInputIcon, 10%);
+    }
+
+    .clear-icon {
+        // 'x' in circle icon
+        &:before {
+            content: '\e607';
+        }
+    }
 }
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss
index 39fc977921..8d0cc15770 100644
--- a/platform/commonUI/general/res/sass/mobile/_layout.scss
+++ b/platform/commonUI/general/res/sass/mobile/_layout.scss
@@ -102,7 +102,7 @@
     }
 
     .object-browse-bar {
-        left: 45px !important;
+        margin-left: 45px;
         .context-available {
             opacity: 1 !important;
         }
diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index 78071c085f..62b869706b 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -20,91 +20,33 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-.clear-icon,
-.menu-icon {
-    cursor: pointer;
-    font-family: symbolsfont;
-    @include trans-prop-nice((opacity, color), 150ms);
-}
-
-.clear-icon {
-    // 'x' in circle icon
-    &:before {
-        content: '\e607';
-    }
-}
-
 .holder-search {
+    // Moved a lot of stuff in here to _filter.scss
+    // to generalize approach to search input controls.
+
 	$iconWidth: 20px;
+    $textInputHeight: 19px;
+    $iconEdgeM: 4px;
+    $iconD: $treeSearchInputBarH - ($iconEdgeM*2);
 
 	.search-bar {
-		$textInputHeight: 19px; // This is equal to the default value, 19px
-		$iconEdgeM: 4px;
-		$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
 		font-size: 0.8em;
 		max-width: 250px;
 		position: relative;
 
-		.search-input {
+		input[type="search"] {
 			height: $treeSearchInputBarH;
 			line-height: $treeSearchInputBarH;
+            position: relative;
+            width: 100%;
+            padding-left: $iconD + $interiorMargin !important;
+            padding-right: ($iconD * 2) + ($interiorMargin * 2) !important;
 		}
 		
-		&:before,
-		.clear-icon,
-		.menu-icon {
-			@include box-sizing(border-box);
-			color: $colorInputIcon;
-			height: $iconD;
-            width: $iconD;
-			line-height: $iconD;
-			position: absolute;
-			text-align: center;
-			top: $iconEdgeM;
-		}
-
-		.search-input {
-			position: relative;
-			width: 100%;
-			padding-left: $iconD + $interiorMargin !important;
-			padding-right: ($iconD * 2) + ($interiorMargin * 2) !important;
-
-			// Make work for mct-control textfield
-			input {
-				width: inherit; // was 100%
-			}
-		}
-
-		&:before {
-            // Magnify glass icon
-            content:'\4d';
-            font-family: symbolsfont;
-            left: $interiorMarginSm;
-            @include trans-prop-nice(color, 250ms);
-            pointer-events: none;
+        .clear-icon {
+            right: $iconD + $interiorMargin;
         }
 
-		// Make icon lighten when hovering over search bar
-		&:hover:before {
-			color: pullForward($colorInputIcon, 10%);
-		}
-
-		.clear-icon {
-			right: $iconD + $interiorMargin;
-
-			// Icon is visible only when there is text input
-            visibility: hidden;
-			opacity: 0;
-			&.show {
-                visibility: visible;
-				opacity: 1;
-			}
-
-			&:hover {
-				color: pullForward($colorInputIcon, 10%);
-			}
-		}
-
 		.menu-icon {
             // 'v' invoke menu icon
             &:before { content: '\76'; }
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index 69cabb0ce6..67925f3e44 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -67,7 +67,6 @@
         right: $bodyMargin;
         bottom: $bodyMargin + $ueFooterH;
         .tool-bar {
-            border-bottom: 1px solid $colorInteriorBorder;
             bottom: auto;
             height: $tbH;
             line-height: $btnToolbarH;
@@ -78,7 +77,6 @@
         }
     }
 
-	// from _bottom-bar.scss
 	.ue-bottom-bar {
 		@include absPosDefault(0);// New status bar design
 		top: auto;
@@ -209,12 +207,18 @@
             top: $bodyMargin;
             bottom: $bodyMargin;
         }
-        .holder-inspector-elements {
+        .holder-inspector {
             top: $bodyMargin;
             bottom: $bodyMargin;
             left: $bodyMargin;
             right: $bodyMargin;
         }
+        .holder-elements {
+            top: 0;
+            bottom: $bodyMargin;
+            left: $bodyMargin;
+            right: $bodyMargin;
+        }
     }
 }
 
@@ -225,7 +229,6 @@
 
 .l-object-wrapper {
     @extend .abs;
-    //top: $ueTopBarH + $interiorMarginLg;
 
     .object-holder-main {
         @extend .abs;
@@ -234,6 +237,7 @@
     &.active {
         @include pulseBorder($colorKey, 150ms, 8, 0.5s);
         @include border-radius($controlCr);
+        background-color: $colorEditAreaBg;
         border-color: $colorKey;
         border-width: 2px;
         border-style: dotted;
@@ -281,7 +285,6 @@
 /***************************************************** OBJECT BROWSE BAR */
 .object-browse-bar {
     // Converting to use flexbox layout
-    //@include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu
     @include box-sizing(border-box);
     height: $ueTopBarH;
     line-height: $ueTopBarH;
@@ -295,9 +298,7 @@
     }
 }
 
-// When the tree is hidden, these are the
-// classes used for the left menu and the
-// right representation.
+// When the tree is hidden, these are the classes used for the left menu and the right representation.
 .pane-tree-hidden {
     // Sets the left tree menu when the tree is hidden.
     .tree-holder,
@@ -332,9 +333,6 @@
 
 .pane-inspect-hidden {
     .l-object-and-inspector {
-        .t-inspect {
-            z-index: 1 !important; // Move down so that primary pane elements are clickable
-        }
         .l-inspect,
         .splitter-inspect {
             opacity: 0;
diff --git a/platform/commonUI/general/res/templates/controls/input-filter.html b/platform/commonUI/general/res/templates/controls/input-filter.html
index 1e119c3bb2..07446ed35e 100644
--- a/platform/commonUI/general/res/templates/controls/input-filter.html
+++ b/platform/commonUI/general/res/templates/controls/input-filter.html
@@ -20,15 +20,13 @@
  at runtime from the About dialog for additional information.
 -->
 <!-- look at action-button for example -->
-<span class="t-filter l-filter"
+<span class="t-filter l-filter s-filter"
       ng-controller="GetterSetterController">
 	<input type="search"
            class="t-filter-input"
-           ng-model="getterSetter.value"
-           placeholder="Filter..."/>
-	<a class="ui-symbol t-a-clear s-a-clear"
-       ng-show="getterSetter.value !== ''"
+           ng-model="getterSetter.value"/>
+	<a class="clear-icon"
+       ng-class="{show: !(getterSetter.value === '' || getterSetter.value === undefined)}"
        ng-click="getterSetter.value = ''">
-        x
     </a>
 </span>
\ No newline at end of file
diff --git a/platform/commonUI/general/res/templates/object-inspector.html b/platform/commonUI/general/res/templates/object-inspector.html
index cf111a3695..d689750297 100644
--- a/platform/commonUI/general/res/templates/object-inspector.html
+++ b/platform/commonUI/general/res/templates/object-inspector.html
@@ -19,45 +19,68 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
+<!-- TO-DO: get rid of this ng-init and replace with a live state value -->
+<div ng-init="editMode = true;"></div>
+
 <span class="l-inspect" ng-controller="ObjectInspectorController as controller">
-    <div class="abs holder holder-inspector-elements l-flex-col">
-    <div class="pane-header flex-elem">Inspection</div>
-    <ul class="flex-elem grows vscroll">
-        <li>
-            <em>Properties</em>
-            <div class="inspector-properties"
-                 ng-repeat="data in metadata"
-                 ng-class="{ first:$index === 0 }">
-                <div class="label">{{ data.name }}</div>
-                <div class="value">{{ data.value }}</div>
+    <div ng-controller="PaneController as modelPaneEdit">
+        <mct-split-pane class='abs contents split-layout' anchor='bottom'>
+            <div class="split-pane-component pane top">
+                <div class="abs holder holder-inspector l-flex-col">
+                    <div class="pane-header flex-elem">Inspection</div>
+                    <ul class="flex-elem grows vscroll">
+                        <li>
+                            <em>Properties</em>
+                            <div class="inspector-properties"
+                                 ng-repeat="data in metadata"
+                                 ng-class="{ first:$index === 0 }">
+                                <div class="label">{{ data.name }}</div>
+                                <div class="value">{{ data.value }}</div>
+                            </div>
+                        </li>
+                        <li ng-if="contextutalParents.length > 0">
+                            <em title="The location of this linked object.">Location</em>
+                            <span class="inspector-location"
+                                  ng-repeat="parent in contextutalParents"
+                                  ng-class="{ last:($index + 1) === contextualParents.length }">
+                                <mct-representation key="'label'"
+                                                    mct-object="parent"
+                                                    ng-model="ngModel"
+                                                    ng-click="ngModel.selectedObject = parent"
+                                                    class="location-item">
+                                </mct-representation>
+                            </span>
+                        </li>
+                        <li ng-if="primaryParents.length > 0">
+                            <em title="The location of the original object that this was linked from.">Original Location</em>
+                            <span class="inspector-location"
+                                  ng-repeat="parent in primaryParents"
+                                  ng-class="{ last:($index + 1) === primaryParents.length }">
+                                <mct-representation key="'label'"
+                                                    mct-object="parent"
+                                                    ng-model="ngModel"
+                                                    ng-click="ngModel.selectedObject = parent"
+                                                    class="location-item">
+                                </mct-representation>
+                            </span>
+                        </li>
+                    </ul>
+                </div><!--/ holder-inspector -->
+            </div><!--/ split-pane-component -->
+            <mct-splitter class="splitter-inspect mobile-hide" ng-show="editMode"></mct-splitter>
+            <div class="split-pane-component pane bottom" ng-show="editMode">
+                <div class="abs holder holder-elements l-flex-col">
+                    <em class="flex-elem">Elements</em>
+                    <mct-include key="'input-filter'"
+                                class="flex-elem holder">
+                    </mct-include>
+                    <mct-representation
+                            key="'edit-elements'"
+                            mct-object="domainObject"
+                            class="flex-elem holder grows vscroll current-elements">
+                    </mct-representation>
+                </div>
             </div>
-        </li>
-        <li ng-if="contextutalParents.length > 0">
-            <em title="The location of this linked object.">Location</em>
-            <span class="inspector-location"
-                  ng-repeat="parent in contextutalParents"
-                  ng-class="{ last:($index + 1) === contextualParents.length }">
-                <mct-representation key="'label'"
-                                    mct-object="parent"
-                                    ng-model="ngModel"
-                                    ng-click="ngModel.selectedObject = parent"
-                                    class="location-item">
-                </mct-representation>
-            </span>
-        </li>
-        <li ng-if="primaryParents.length > 0">
-            <em title="The location of the original object that this was linked from.">Original Location</em>
-            <span class="inspector-location"
-                  ng-repeat="parent in primaryParents"
-                  ng-class="{ last:($index + 1) === primaryParents.length }">
-                <mct-representation key="'label'"
-                                    mct-object="parent"
-                                    ng-model="ngModel"
-                                    ng-click="ngModel.selectedObject = parent"
-                                    class="location-item">
-                </mct-representation>
-            </span>
-        </li>
-    </ul>
-    </div>
+        </mct-split-pane>
+    </div><!--/ PaneController -->
 </span>
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index d081e91187..a785777449 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -20,7 +20,7 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
   font-size: 100%;
   vertical-align: baseline; }
 
-/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html {
   line-height: 1; }
 
-/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 ol, ul {
   list-style: none; }
 
-/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 caption, th, td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle; }
 
-/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q, blockquote {
   quotes: none; }
-  /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
   q:before, q:after, blockquote:before, blockquote:after {
     content: "";
     content: none; }
 
-/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 a img {
   border: none; }
 
-/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block; }
 
@@ -1135,7 +1135,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     left: 0;
     width: auto;
     height: auto;
-    background: #404040;
+    background: rgba(255, 255, 255, 0.1);
     display: block; }
   /* line 46, ../../../../general/res/sass/helpers/_splitter.scss */
   .splitter:active:after {
@@ -1451,18 +1451,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
 /* line 24, ../../../../general/res/sass/_inspector.scss */
 .l-inspect,
 .l-inspect table tr td {
-  font-size: 0.7rem; }
+  font-size: 0.75rem; }
 
 /* line 29, ../../../../general/res/sass/_inspector.scss */
 .l-inspect {
   background: #3b3b3b;
   color: #999;
   line-height: 140%; }
-  /* line 34, ../../../../general/res/sass/_inspector.scss */
+  /* line 35, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .flex-elem.holder:not(:last-child) {
+    margin-bottom: 5px; }
+  /* line 37, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .pane-header {
     color: #666666;
     font-size: 0.8rem; }
-    /* line 37, ../../../../general/res/sass/_inspector.scss */
+    /* line 40, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .pane-header:before {
       color: gray;
       content: '\e615';
@@ -1470,58 +1473,63 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
       font-family: symbolsfont;
       margin-right: 5px;
       vertical-align: bottom; }
-  /* line 47, ../../../../general/res/sass/_inspector.scss */
+  /* line 52, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .split-layout .split-pane-component.pane.bottom {
+    height: 30%;
+    min-height: 20%;
+    max-height: 80%; }
+  /* line 60, ../../../../general/res/sass/_inspector.scss */
   .l-inspect ul {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 5px; }
-  /* line 52, ../../../../general/res/sass/_inspector.scss */
+  /* line 65, ../../../../general/res/sass/_inspector.scss */
   .l-inspect ul li,
   .l-inspect em {
     display: block;
     position: relative; }
-  /* line 58, ../../../../general/res/sass/_inspector.scss */
+  /* line 71, ../../../../general/res/sass/_inspector.scss */
   .l-inspect ul li {
     margin-bottom: 10px; }
-  /* line 62, ../../../../general/res/sass/_inspector.scss */
+  /* line 75, ../../../../general/res/sass/_inspector.scss */
   .l-inspect em {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
-    background-color: #474747;
+    background-color: rgba(255, 255, 255, 0.1);
     color: #a1a1a1;
     margin-bottom: 5px;
     padding: 5px 5px;
     text-transform: uppercase; }
-  /* line 71, ../../../../general/res/sass/_inspector.scss */
+  /* line 84, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-properties {
     padding: 3px 0; }
-    /* line 72, ../../../../general/res/sass/_inspector.scss */
+    /* line 85, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-properties:not(.first) {
-      border-top: 1px solid #474747; }
-    /* line 76, ../../../../general/res/sass/_inspector.scss */
+      border-top: 1px solid rgba(255, 255, 255, 0.1); }
+    /* line 89, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-properties .label {
       color: #737373;
       text-transform: uppercase; }
-    /* line 80, ../../../../general/res/sass/_inspector.scss */
+    /* line 93, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-properties .value {
       color: #bfbfbf;
       word-break: break-all; }
-  /* line 88, ../../../../general/res/sass/_inspector.scss */
+  /* line 101, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location .location-item {
     cursor: pointer;
     display: inline-block;
     position: relative;
     padding: 2px 4px; }
-    /* line 93, ../../../../general/res/sass/_inspector.scss */
+    /* line 106, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-location .location-item:hover {
       background: rgba(153, 153, 153, 0.1);
       color: #cccccc; }
-      /* line 96, ../../../../general/res/sass/_inspector.scss */
+      /* line 109, ../../../../general/res/sass/_inspector.scss */
       .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
         color: #33ccff; }
-  /* line 101, ../../../../general/res/sass/_inspector.scss */
+  /* line 114, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
     color: #737373;
     content: '\3e';
@@ -1531,6 +1539,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     line-height: inherit;
     margin-left: 3px;
     width: 4px; }
+  /* line 126, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .holder-elements .current-elements {
+    position: relative; }
+    /* line 129, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .holder-elements .current-elements .tree-item .t-object-label {
+      left: 0; }
+      /* line 132, ../../../../general/res/sass/_inspector.scss */
+      .l-inspect .holder-elements .current-elements .tree-item .t-object-label .t-item-icon {
+        font-size: 1em;
+        width: 1em; }
+      /* line 136, ../../../../general/res/sass/_inspector.scss */
+      .l-inspect .holder-elements .current-elements .tree-item .t-object-label .t-title-label {
+        left: 25px; }
 
 /********************************* CONTROLS */
 /* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
@@ -3674,7 +3695,7 @@ mct-include.l-time-controller {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(0, 0, 0, 0.1);
   padding: 1px 1px 0 5px; }
 
 /*****************************************************************************
@@ -3738,7 +3759,7 @@ mct-include.l-time-controller {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
-  background: rgba(0, 0, 0, 0.2);
+  background: rgba(255, 255, 255, 0.1);
   color: #cccccc;
   font-size: 0.8em;
   padding: 5px 5px;
@@ -3821,10 +3842,10 @@ mct-include.l-time-controller {
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
-      -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      background: rgba(255, 255, 255, 0.1);
+      -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+      -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+      box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+      background: rgba(0, 0, 0, 0.1);
       border: none;
       color: #cccccc;
       outline: none;
@@ -3871,7 +3892,8 @@ label.form-control.checkbox input {
     padding: 5px; }
 
 /* line 165, ../../../../general/res/sass/forms/_elems.scss */
-input[type="text"] {
+input[type="text"],
+input[type="search"] {
   -moz-appearance: none;
   -webkit-appearance: none;
   -moz-border-radius: 3px;
@@ -3880,22 +3902,24 @@ input[type="text"] {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: rgba(255, 255, 255, 0.1);
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  background: rgba(0, 0, 0, 0.1);
   border: none;
   color: #cccccc;
   outline: none;
   padding: 0 3px; }
   /* line 327, ../../../../general/res/sass/_mixins.scss */
-  input[type="text"].error {
+  input[type="text"].error,
+  input[type="search"].error {
     background: rgba(255, 0, 0, 0.5); }
-  /* line 172, ../../../../general/res/sass/forms/_elems.scss */
-  input[type="text"].numeric {
+  /* line 173, ../../../../general/res/sass/forms/_elems.scss */
+  input[type="text"].numeric,
+  input[type="search"].numeric {
     text-align: right; }
 
-/* line 177, ../../../../general/res/sass/forms/_elems.scss */
+/* line 178, ../../../../general/res/sass/forms/_elems.scss */
 textarea {
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -3905,10 +3929,10 @@ textarea {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: rgba(255, 255, 255, 0.1);
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  background: rgba(0, 0, 0, 0.1);
   border: none;
   color: #cccccc;
   outline: none;
@@ -4050,9 +4074,9 @@ textarea {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
   background: #333;
   border: none;
   color: #999;
@@ -4207,45 +4231,11 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 24, ../../../../general/res/sass/forms/_filter.scss */
-.filter input.filter,
-.filter input.t-filter-input,
-.t-filter input.filter,
-.t-filter input.t-filter-input {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: #333;
-  border: none;
-  color: #999;
-  outline: none;
-  padding: 0 3px;
-  background: #3b3b3b;
-  border-bottom: 1px solid #4d4d4d; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
-  .filter input.filter.error,
-  .filter input.t-filter-input.error,
-  .t-filter input.filter.error,
-  .t-filter input.t-filter-input.error {
-    background: rgba(255, 0, 0, 0.5); }
-/* line 28, ../../../../general/res/sass/forms/_filter.scss */
-.filter input.t-filter-input,
-.t-filter input.t-filter-input {
-  height: 22px;
-  width: 200px; }
-  /* line 38, ../../../../general/res/sass/forms/_filter.scss */
-  .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
-  .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
-    display: none; }
-/* line 42, ../../../../general/res/sass/forms/_filter.scss */
+/* line 34, ../../../../general/res/sass/forms/_filter.scss */
+.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
+.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
+  display: none; }
+/* line 38, ../../../../general/res/sass/forms/_filter.scss */
 .filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
 .t-filter .icon.ui-symbol,
 .t-filter .t-item-icon,
@@ -4264,7 +4254,7 @@ span.req {
   line-height: 22px;
   padding: 0px 5px;
   vertical-align: middle; }
-  /* line 50, ../../../../general/res/sass/forms/_filter.scss */
+  /* line 46, ../../../../general/res/sass/forms/_filter.scss */
   .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
   .t-filter .icon.ui-symbol:hover,
   .t-filter .t-item-icon:hover,
@@ -4275,7 +4265,7 @@ span.req {
   .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
   .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
     background: rgba(255, 255, 255, 0.1); }
-/* line 54, ../../../../general/res/sass/forms/_filter.scss */
+/* line 50, ../../../../general/res/sass/forms/_filter.scss */
 .filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
 .t-filter .s-a-clear.ui-symbol,
 .t-filter .s-a-clear.t-item-icon,
@@ -4304,7 +4294,7 @@ span.req {
   top: 50%;
   text-align: center;
   z-index: 5; }
-  /* line 74, ../../../../general/res/sass/forms/_filter.scss */
+  /* line 70, ../../../../general/res/sass/forms/_filter.scss */
   .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
   .t-filter .s-a-clear.ui-symbol:hover,
   .t-filter .s-a-clear.t-item-icon:hover,
@@ -4315,12 +4305,7 @@ span.req {
     opacity: 0.6;
     background-color: #0099cc; }
 
-/* line 82, ../../../../general/res/sass/forms/_filter.scss */
-.l-filter {
-  display: inline-block;
-  position: relative; }
-
-/* line 89, ../../../../general/res/sass/forms/_filter.scss */
+/* line 79, ../../../../general/res/sass/forms/_filter.scss */
 .top-bar input.filter {
   font-size: .9em;
   height: 24px;
@@ -4329,10 +4314,114 @@ span.req {
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: top; }
-/* line 100, ../../../../general/res/sass/forms/_filter.scss */
+/* line 90, ../../../../general/res/sass/forms/_filter.scss */
 .top-bar .icon-filter {
   font-size: 1.4em; }
 
+/* line 95, ../../../../general/res/sass/forms/_filter.scss */
+.l-filter {
+  display: inline-block;
+  position: relative; }
+  /* line 102, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter input[type="search"] {
+    padding: 2px 19px; }
+  /* line 105, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter .clear-icon,
+  .l-filter .menu-icon, .l-filter:before {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    display: inline-block;
+    line-height: inherit;
+    position: absolute;
+    top: 50%;
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%); }
+  /* line 116, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter:before {
+    content: '\4d';
+    left: 5px;
+    -moz-transition-property: color;
+    -o-transition-property: color;
+    -webkit-transition-property: color;
+    transition-property: color;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+    pointer-events: none; }
+  /* line 124, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter .clear-icon {
+    right: 4px;
+    visibility: hidden;
+    opacity: 0; }
+    /* line 130, ../../../../general/res/sass/forms/_filter.scss */
+    .l-filter .clear-icon.show {
+      visibility: visible;
+      opacity: 1; }
+    /* line 135, ../../../../general/res/sass/forms/_filter.scss */
+    .l-filter .clear-icon:hover {
+      color: #8c8c8c; }
+
+/* line 142, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter input[type="search"] {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  background: rgba(0, 0, 0, 0.1);
+  border: none;
+  color: #cccccc;
+  outline: none; }
+  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  .s-filter input[type="search"].error {
+    background: rgba(255, 0, 0, 0.5); }
+/* line 145, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter .clear-icon,
+.s-filter .menu-icon, .s-filter:before {
+  color: #737373;
+  cursor: pointer;
+  font-family: symbolsfont;
+  -moz-transition-property: opacity, color;
+  -o-transition-property: opacity, color;
+  -webkit-transition-property: opacity, color;
+  transition-property: opacity, color;
+  -moz-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+/* line 154, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter:hover:before {
+  color: #8c8c8c; }
+/* line 160, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter .clear-icon:before {
+  content: '\e607'; }
+
 /********************************* USER ENVIRON */
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -4401,15 +4490,14 @@ span.req {
   bottom: 35px; }
   /* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .tool-bar {
-    border-bottom: 1px solid rgba(153, 153, 153, 0.1);
     bottom: auto;
     height: 30px;
     line-height: 25px; }
-  /* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 74, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .object-holder.work-area {
     top: 40px;
     overflow: auto; }
-/* line 82, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 80, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .ue-bottom-bar {
   overflow: hidden;
   position: absolute;
@@ -4425,7 +4513,7 @@ span.req {
   background: #000;
   color: gray;
   font-size: .7rem; }
-  /* line 90, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4444,7 +4532,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 98, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 96, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4461,68 +4549,68 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 103, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 122, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 128, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 126, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 147, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 145, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 150, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 155, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 159, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 162, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 165, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 169, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4540,16 +4628,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main,
@@ -4566,30 +4654,36 @@ span.req {
   .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main {
     top: auto; }
 
-/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 208, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
+  /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-inspector {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
+  /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-elements {
+    top: 0;
+    bottom: 10px;
+    left: 10px;
+    right: 10px; }
 
-/* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 225, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4601,7 +4695,7 @@ span.req {
   height: auto;
   top: 34px; }
 
-/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-object-wrapper.active {
   -moz-animation-name: pulseBorder;
   -webkit-animation-name: pulseBorder;
@@ -4624,6 +4718,7 @@ span.req {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
+  background-color: rgba(31, 79, 162, 0.1);
   border-color: #0099cc;
   border-width: 2px;
   border-style: dotted; }
@@ -4642,7 +4737,7 @@ span.req {
     border-color: transparent; }
   100% {
     border-color: #0099cc; } }
-  /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
   .l-object-wrapper.active .l-object-wrapper-inner {
     overflow: hidden;
     position: absolute;
@@ -4653,7 +4748,7 @@ span.req {
     width: auto;
     height: auto; }
 
-/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-object-wrapper-inner {
   -moz-transition-property: height, width, top, right, bottom, left, opacity;
   -o-transition-property: height, width, top, right, bottom, left, opacity;
@@ -4668,7 +4763,7 @@ span.req {
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out; }
 
-/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-edit-controls {
   -moz-transition-property: height, width, top, right, bottom, left, opacity;
   -o-transition-property: height, width, top, right, bottom, left, opacity;
@@ -4685,14 +4780,14 @@ span.req {
   height: 0;
   opacity: 0;
   overflow: hidden; }
-  /* line 255, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 259, ../../../../general/res/sass/user-environ/_layout.scss */
   .l-edit-controls.active {
     border-bottom: 1px solid rgba(153, 153, 153, 0.1);
     height: 30px;
     line-height: 25px;
     opacity: 1; }
 
-/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 267, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4704,13 +4799,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 276, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -4718,20 +4813,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4751,7 +4846,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4770,7 +4865,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4791,44 +4886,41 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-inspect-hidden .l-object-and-inspector .t-inspect {
-  z-index: 1 !important; }
-/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 336, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.treeview.left {
     min-width: 150px;
     max-width: 35%;
     width: 25%; }
-  /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 354, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.t-inspect.right {
     min-width: 200px;
     max-width: 35%;
     width: 20%;
     z-index: 3; }
 
-  /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 362, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4847,7 +4939,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 376, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
@@ -4979,7 +5071,7 @@ span.req {
 
   /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
-    left: 45px !important; }
+    margin-left: 45px; }
     /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
@@ -5205,120 +5297,41 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 23, ../../../../general/res/sass/search/_search.scss */
-.clear-icon,
-.menu-icon {
-  cursor: pointer;
-  font-family: symbolsfont;
-  -moz-transition-property: opacity, color;
-  -o-transition-property: opacity, color;
-  -webkit-transition-property: opacity, color;
-  transition-property: opacity, color;
-  -moz-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 0;
-  -o-transition-delay: 0;
-  -webkit-transition-delay: 0;
-  transition-delay: 0; }
-
 /* line 32, ../../../../general/res/sass/search/_search.scss */
-.clear-icon:before {
-  content: '\e607'; }
-
-/* line 40, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-bar {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 48, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-input {
+  /* line 37, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar input[type="search"] {
     height: 25px;
-    line-height: 25px; }
-  /* line 53, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:before,
-  .holder-search .search-bar .clear-icon,
-  .holder-search .search-bar .menu-icon {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #737373;
-    height: 17px;
-    width: 17px;
-    line-height: 17px;
-    position: absolute;
-    text-align: center;
-    top: 4px; }
-  /* line 66, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-input {
+    line-height: 25px;
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 73, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input input {
-      width: inherit; }
-  /* line 78, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:before {
-    content: '\4d';
-    font-family: symbolsfont;
-    left: 3px;
-    -moz-transition-property: color;
-    -o-transition-property: color;
-    -webkit-transition-property: color;
-    transition-property: color;
-    -moz-transition-duration: 250ms;
-    -o-transition-duration: 250ms;
-    -webkit-transition-duration: 250ms;
-    transition-duration: 250ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0;
-    pointer-events: none; }
-  /* line 88, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:hover:before {
-    color: #8c8c8c; }
-  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  /* line 46, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .clear-icon {
-    right: 22px;
-    visibility: hidden;
-    opacity: 0; }
-    /* line 98, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon.show {
-      visibility: visible;
-      opacity: 1; }
-    /* line 103, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon:hover {
-      color: #8c8c8c; }
-  /* line 108, ../../../../general/res/sass/search/_search.scss */
+    right: 22px; }
+  /* line 50, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .menu-icon {
     font-size: 0.8em;
     padding-right: 4px;
     right: 4px;
     text-align: right; }
-    /* line 110, ../../../../general/res/sass/search/_search.scss */
+    /* line 52, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 116, ../../../../general/res/sass/search/_search.scss */
+    /* line 58, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 121, ../../../../general/res/sass/search/_search.scss */
+  /* line 63, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-menu-holder {
     float: right;
     left: -20px;
     z-index: 70;
     transition: visibility .05s, opacity .05s; }
-/* line 129, ../../../../general/res/sass/search/_search.scss */
+/* line 71, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5326,7 +5339,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 137, ../../../../general/res/sass/search/_search.scss */
+  /* line 79, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #737373;
     opacity: 1;
@@ -5334,7 +5347,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 147, ../../../../general/res/sass/search/_search.scss */
+/* line 89, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5354,16 +5367,16 @@ span.req {
   transition-delay: 0;
   margin-top: 10px;
   padding-right: 5px; }
-  /* line 151, ../../../../general/res/sass/search/_search.scss */
+  /* line 93, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 156, ../../../../general/res/sass/search/_search.scss */
+  /* line 98, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 160, ../../../../general/res/sass/search/_search.scss */
+  /* line 102, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss
index 789579243d..ce9edd4d22 100644
--- a/platform/commonUI/themes/espresso/res/sass/_constants.scss
+++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss
@@ -6,6 +6,7 @@ $colorFooterBg: #000;
 $colorKey: #0099cc;
 $colorKeySelectedBg: #005177;
 $colorKeyFg: #fff;
+$colorEditAreaBg: rgba(#1f4fa2, 0.1);
 $colorInteriorBorder: rgba($colorBodyFg, 0.1);
 $colorA: #ccc;
 $colorAHov: #fff;
@@ -69,8 +70,8 @@ $colorFormValid: #33cc33;
 $colorFormError: #cc0000;
 $colorFormInvalid: #ff3300;
 $colorFormLines: rgba(#fff, 0.1);
-$colorFormSectionHeader: rgba(#000, 0.2);
-$colorInputBg: rgba(#fff, 0.1);
+$colorFormSectionHeader: rgba(#fff, 0.1);
+$colorInputBg: rgba(#000, 0.1);
 $colorInputFg: pullForward($colorBodyFg, 20%);
 $colorFormText: rgba(#fff, 0.5);
 $colorInputIcon: pushBack($colorBodyFg, 15%);
@@ -80,7 +81,7 @@ $colorInspectorBg: pullForward($colorBodyBg, 3%);
 $colorInspectorFg: $colorBodyFg;
 $colorInspectorPropName: pushBack($colorBodyFg, 15%);
 $colorInspectorPropVal: pullForward($colorInspectorFg, 15%);
-$colorInspectorSectionHeaderBg: pullForward($colorInspectorBg, 5%);
+$colorInspectorSectionHeaderBg: $colorFormSectionHeader;
 $colorInspectorSectionHeaderFg: pullForward($colorInspectorBg, 40%);
 
 // Status colors, mainly used for messaging and item ancillary symbols
@@ -171,7 +172,7 @@ $scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px;
 // Splitter
 $splitterD: 25px; // splitterD and HandleD should both be odd, or even
 $splitterHandleD: 1px;
-$colorSplitterBg: pullForward($colorBodyBg, 5%);
+$colorSplitterBg: rgba(#fff, 0.1); //pullForward($colorBodyBg, 5%);
 $splitterShdw: rgba(black, 0.4) 0 0 3px;
 $splitterEndCr: none;
 $colorSplitterHover: pullForward($colorBodyBg, 15%);
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 7932ed734c..f8c7879ef8 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -20,7 +20,7 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
   font-size: 100%;
   vertical-align: baseline; }
 
-/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html {
   line-height: 1; }
 
-/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 ol, ul {
   list-style: none; }
 
-/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 caption, th, td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle; }
 
-/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q, blockquote {
   quotes: none; }
-  /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
   q:before, q:after, blockquote:before, blockquote:after {
     content: "";
     content: none; }
 
-/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 a img {
   border: none; }
 
-/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block; }
 
@@ -1432,18 +1432,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
 /* line 24, ../../../../general/res/sass/_inspector.scss */
 .l-inspect,
 .l-inspect table tr td {
-  font-size: 0.7rem; }
+  font-size: 0.75rem; }
 
 /* line 29, ../../../../general/res/sass/_inspector.scss */
 .l-inspect {
   background: #efefef;
   color: #666;
   line-height: 140%; }
-  /* line 34, ../../../../general/res/sass/_inspector.scss */
+  /* line 35, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .flex-elem.holder:not(:last-child) {
+    margin-bottom: 5px; }
+  /* line 37, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .pane-header {
     color: #999999;
     font-size: 0.8rem; }
-    /* line 37, ../../../../general/res/sass/_inspector.scss */
+    /* line 40, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .pane-header:before {
       color: gray;
       content: '\e615';
@@ -1451,21 +1454,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
       font-family: symbolsfont;
       margin-right: 5px;
       vertical-align: bottom; }
-  /* line 47, ../../../../general/res/sass/_inspector.scss */
+  /* line 52, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .split-layout .split-pane-component.pane.bottom {
+    height: 30%;
+    min-height: 20%;
+    max-height: 80%; }
+  /* line 60, ../../../../general/res/sass/_inspector.scss */
   .l-inspect ul {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 5px; }
-  /* line 52, ../../../../general/res/sass/_inspector.scss */
+  /* line 65, ../../../../general/res/sass/_inspector.scss */
   .l-inspect ul li,
   .l-inspect em {
     display: block;
     position: relative; }
-  /* line 58, ../../../../general/res/sass/_inspector.scss */
+  /* line 71, ../../../../general/res/sass/_inspector.scss */
   .l-inspect ul li {
     margin-bottom: 10px; }
-  /* line 62, ../../../../general/res/sass/_inspector.scss */
+  /* line 75, ../../../../general/res/sass/_inspector.scss */
   .l-inspect em {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
@@ -1475,34 +1483,34 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     margin-bottom: 5px;
     padding: 5px 5px;
     text-transform: uppercase; }
-  /* line 71, ../../../../general/res/sass/_inspector.scss */
+  /* line 84, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-properties {
     padding: 3px 0; }
-    /* line 72, ../../../../general/res/sass/_inspector.scss */
+    /* line 85, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-properties:not(.first) {
       border-top: 1px solid #e3e3e3; }
-    /* line 76, ../../../../general/res/sass/_inspector.scss */
+    /* line 89, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-properties .label {
       color: #999999;
       text-transform: uppercase; }
-    /* line 80, ../../../../general/res/sass/_inspector.scss */
+    /* line 93, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-properties .value {
       color: #404040;
       word-break: break-all; }
-  /* line 88, ../../../../general/res/sass/_inspector.scss */
+  /* line 101, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location .location-item {
     cursor: pointer;
     display: inline-block;
     position: relative;
     padding: 2px 4px; }
-    /* line 93, ../../../../general/res/sass/_inspector.scss */
+    /* line 106, ../../../../general/res/sass/_inspector.scss */
     .l-inspect .inspector-location .location-item:hover {
       background: rgba(102, 102, 102, 0.1);
       color: #333333; }
-      /* line 96, ../../../../general/res/sass/_inspector.scss */
+      /* line 109, ../../../../general/res/sass/_inspector.scss */
       .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
         color: #0099cc; }
-  /* line 101, ../../../../general/res/sass/_inspector.scss */
+  /* line 114, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
     color: #8c8c8c;
     content: '\3e';
@@ -1512,6 +1520,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     line-height: inherit;
     margin-left: 3px;
     width: 4px; }
+  /* line 126, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .holder-elements .current-elements {
+    position: relative; }
+    /* line 129, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .holder-elements .current-elements .tree-item .t-object-label {
+      left: 0; }
+      /* line 132, ../../../../general/res/sass/_inspector.scss */
+      .l-inspect .holder-elements .current-elements .tree-item .t-object-label .t-item-icon {
+        font-size: 1em;
+        width: 1em; }
+      /* line 136, ../../../../general/res/sass/_inspector.scss */
+      .l-inspect .holder-elements .current-elements .tree-item .t-object-label .t-title-label {
+        left: 25px; }
 
 /********************************* CONTROLS */
 /* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
@@ -3760,9 +3781,9 @@ mct-include.l-time-controller {
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
-      -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+      -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+      -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+      box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
       background: #fff;
       border: none;
       color: #666;
@@ -3810,7 +3831,8 @@ label.form-control.checkbox input {
     padding: 5px; }
 
 /* line 165, ../../../../general/res/sass/forms/_elems.scss */
-input[type="text"] {
+input[type="text"],
+input[type="search"] {
   -moz-appearance: none;
   -webkit-appearance: none;
   -moz-border-radius: 4px;
@@ -3819,22 +3841,24 @@ input[type="text"] {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
   background: #fff;
   border: none;
   color: #666;
   outline: none;
   padding: 0 3px; }
   /* line 327, ../../../../general/res/sass/_mixins.scss */
-  input[type="text"].error {
+  input[type="text"].error,
+  input[type="search"].error {
     background: rgba(255, 0, 0, 0.5); }
-  /* line 172, ../../../../general/res/sass/forms/_elems.scss */
-  input[type="text"].numeric {
+  /* line 173, ../../../../general/res/sass/forms/_elems.scss */
+  input[type="text"].numeric,
+  input[type="search"].numeric {
     text-align: right; }
 
-/* line 177, ../../../../general/res/sass/forms/_elems.scss */
+/* line 178, ../../../../general/res/sass/forms/_elems.scss */
 textarea {
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -3844,9 +3868,9 @@ textarea {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
   background: #fff;
   border: none;
   color: #666;
@@ -3972,9 +3996,9 @@ textarea {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
   background: #fcfcfc;
   border: none;
   color: #666;
@@ -4129,45 +4153,11 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 24, ../../../../general/res/sass/forms/_filter.scss */
-.filter input.filter,
-.filter input.t-filter-input,
-.t-filter input.filter,
-.t-filter input.t-filter-input {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: #fcfcfc;
-  border: none;
-  color: #666;
-  outline: none;
-  padding: 0 3px;
-  background: white;
-  border-bottom: 1px solid white; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
-  .filter input.filter.error,
-  .filter input.t-filter-input.error,
-  .t-filter input.filter.error,
-  .t-filter input.t-filter-input.error {
-    background: rgba(255, 0, 0, 0.5); }
-/* line 28, ../../../../general/res/sass/forms/_filter.scss */
-.filter input.t-filter-input,
-.t-filter input.t-filter-input {
-  height: 22px;
-  width: 200px; }
-  /* line 38, ../../../../general/res/sass/forms/_filter.scss */
-  .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
-  .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
-    display: none; }
-/* line 42, ../../../../general/res/sass/forms/_filter.scss */
+/* line 34, ../../../../general/res/sass/forms/_filter.scss */
+.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
+.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
+  display: none; }
+/* line 38, ../../../../general/res/sass/forms/_filter.scss */
 .filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
 .t-filter .icon.ui-symbol,
 .t-filter .t-item-icon,
@@ -4186,7 +4176,7 @@ span.req {
   line-height: 22px;
   padding: 0px 5px;
   vertical-align: middle; }
-  /* line 50, ../../../../general/res/sass/forms/_filter.scss */
+  /* line 46, ../../../../general/res/sass/forms/_filter.scss */
   .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
   .t-filter .icon.ui-symbol:hover,
   .t-filter .t-item-icon:hover,
@@ -4197,7 +4187,7 @@ span.req {
   .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
   .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
     background: rgba(255, 255, 255, 0.1); }
-/* line 54, ../../../../general/res/sass/forms/_filter.scss */
+/* line 50, ../../../../general/res/sass/forms/_filter.scss */
 .filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
 .t-filter .s-a-clear.ui-symbol,
 .t-filter .s-a-clear.t-item-icon,
@@ -4226,7 +4216,7 @@ span.req {
   top: 50%;
   text-align: center;
   z-index: 5; }
-  /* line 74, ../../../../general/res/sass/forms/_filter.scss */
+  /* line 70, ../../../../general/res/sass/forms/_filter.scss */
   .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
   .t-filter .s-a-clear.ui-symbol:hover,
   .t-filter .s-a-clear.t-item-icon:hover,
@@ -4237,12 +4227,7 @@ span.req {
     opacity: 0.6;
     background-color: #0099cc; }
 
-/* line 82, ../../../../general/res/sass/forms/_filter.scss */
-.l-filter {
-  display: inline-block;
-  position: relative; }
-
-/* line 89, ../../../../general/res/sass/forms/_filter.scss */
+/* line 79, ../../../../general/res/sass/forms/_filter.scss */
 .top-bar input.filter {
   font-size: .9em;
   height: 24px;
@@ -4251,10 +4236,114 @@ span.req {
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: top; }
-/* line 100, ../../../../general/res/sass/forms/_filter.scss */
+/* line 90, ../../../../general/res/sass/forms/_filter.scss */
 .top-bar .icon-filter {
   font-size: 1.4em; }
 
+/* line 95, ../../../../general/res/sass/forms/_filter.scss */
+.l-filter {
+  display: inline-block;
+  position: relative; }
+  /* line 102, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter input[type="search"] {
+    padding: 2px 19px; }
+  /* line 105, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter .clear-icon,
+  .l-filter .menu-icon, .l-filter:before {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    display: inline-block;
+    line-height: inherit;
+    position: absolute;
+    top: 50%;
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%); }
+  /* line 116, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter:before {
+    content: '\4d';
+    left: 5px;
+    -moz-transition-property: color;
+    -o-transition-property: color;
+    -webkit-transition-property: color;
+    transition-property: color;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+    pointer-events: none; }
+  /* line 124, ../../../../general/res/sass/forms/_filter.scss */
+  .l-filter .clear-icon {
+    right: 4px;
+    visibility: hidden;
+    opacity: 0; }
+    /* line 130, ../../../../general/res/sass/forms/_filter.scss */
+    .l-filter .clear-icon.show {
+      visibility: visible;
+      opacity: 1; }
+    /* line 135, ../../../../general/res/sass/forms/_filter.scss */
+    .l-filter .clear-icon:hover {
+      color: #8c8c8c; }
+
+/* line 142, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter input[type="search"] {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
+  background: #fff;
+  border: none;
+  color: #666;
+  outline: none; }
+  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  .s-filter input[type="search"].error {
+    background: rgba(255, 0, 0, 0.5); }
+/* line 145, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter .clear-icon,
+.s-filter .menu-icon, .s-filter:before {
+  color: #a6a6a6;
+  cursor: pointer;
+  font-family: symbolsfont;
+  -moz-transition-property: opacity, color;
+  -o-transition-property: opacity, color;
+  -webkit-transition-property: opacity, color;
+  transition-property: opacity, color;
+  -moz-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+/* line 154, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter:hover:before {
+  color: #8c8c8c; }
+/* line 160, ../../../../general/res/sass/forms/_filter.scss */
+.s-filter .clear-icon:before {
+  content: '\e607'; }
+
 /********************************* USER ENVIRON */
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -4323,15 +4412,14 @@ span.req {
   bottom: 35px; }
   /* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .tool-bar {
-    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
     bottom: auto;
     height: 30px;
     line-height: 25px; }
-  /* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 74, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .object-holder.work-area {
     top: 40px;
     overflow: auto; }
-/* line 82, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 80, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .ue-bottom-bar {
   overflow: hidden;
   position: absolute;
@@ -4347,7 +4435,7 @@ span.req {
   background: #000;
   color: white;
   font-size: .7rem; }
-  /* line 90, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4366,7 +4454,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 98, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 96, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4383,68 +4471,68 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 103, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 122, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 128, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 126, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 147, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 145, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 150, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 155, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 159, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 162, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 165, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 169, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4462,16 +4550,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main,
@@ -4488,30 +4576,36 @@ span.req {
   .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main {
     top: auto; }
 
-/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 208, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
+  /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-inspector {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
+  /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-elements {
+    top: 0;
+    bottom: 10px;
+    left: 10px;
+    right: 10px; }
 
-/* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 225, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4523,7 +4617,7 @@ span.req {
   height: auto;
   top: 34px; }
 
-/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-object-wrapper.active {
   -moz-animation-name: pulseBorder;
   -webkit-animation-name: pulseBorder;
@@ -4546,6 +4640,7 @@ span.req {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
+  background-color: rgba(0, 153, 204, 0.075);
   border-color: #0099cc;
   border-width: 2px;
   border-style: dotted; }
@@ -4564,7 +4659,7 @@ span.req {
     border-color: transparent; }
   100% {
     border-color: #0099cc; } }
-  /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
   .l-object-wrapper.active .l-object-wrapper-inner {
     overflow: hidden;
     position: absolute;
@@ -4575,7 +4670,7 @@ span.req {
     width: auto;
     height: auto; }
 
-/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-object-wrapper-inner {
   -moz-transition-property: height, width, top, right, bottom, left, opacity;
   -o-transition-property: height, width, top, right, bottom, left, opacity;
@@ -4590,7 +4685,7 @@ span.req {
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out; }
 
-/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-edit-controls {
   -moz-transition-property: height, width, top, right, bottom, left, opacity;
   -o-transition-property: height, width, top, right, bottom, left, opacity;
@@ -4607,14 +4702,14 @@ span.req {
   height: 0;
   opacity: 0;
   overflow: hidden; }
-  /* line 255, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 259, ../../../../general/res/sass/user-environ/_layout.scss */
   .l-edit-controls.active {
     border-bottom: 1px solid rgba(102, 102, 102, 0.2);
     height: 30px;
     line-height: 25px;
     opacity: 1; }
 
-/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 267, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4626,13 +4721,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 276, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -4640,20 +4735,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4673,7 +4768,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4692,7 +4787,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4713,44 +4808,41 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-inspect-hidden .l-object-and-inspector .t-inspect {
-  z-index: 1 !important; }
-/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 336, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.treeview.left {
     min-width: 150px;
     max-width: 35%;
     width: 25%; }
-  /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 354, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.t-inspect.right {
     min-width: 200px;
     max-width: 35%;
     width: 20%;
     z-index: 3; }
 
-  /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 362, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4769,7 +4861,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 376, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
@@ -4901,7 +4993,7 @@ span.req {
 
   /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
-    left: 45px !important; }
+    margin-left: 45px; }
     /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
@@ -5127,120 +5219,41 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 23, ../../../../general/res/sass/search/_search.scss */
-.clear-icon,
-.menu-icon {
-  cursor: pointer;
-  font-family: symbolsfont;
-  -moz-transition-property: opacity, color;
-  -o-transition-property: opacity, color;
-  -webkit-transition-property: opacity, color;
-  transition-property: opacity, color;
-  -moz-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 0;
-  -o-transition-delay: 0;
-  -webkit-transition-delay: 0;
-  transition-delay: 0; }
-
 /* line 32, ../../../../general/res/sass/search/_search.scss */
-.clear-icon:before {
-  content: '\e607'; }
-
-/* line 40, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-bar {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 48, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-input {
+  /* line 37, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar input[type="search"] {
     height: 25px;
-    line-height: 25px; }
-  /* line 53, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:before,
-  .holder-search .search-bar .clear-icon,
-  .holder-search .search-bar .menu-icon {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #a6a6a6;
-    height: 17px;
-    width: 17px;
-    line-height: 17px;
-    position: absolute;
-    text-align: center;
-    top: 4px; }
-  /* line 66, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-input {
+    line-height: 25px;
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 73, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input input {
-      width: inherit; }
-  /* line 78, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:before {
-    content: '\4d';
-    font-family: symbolsfont;
-    left: 3px;
-    -moz-transition-property: color;
-    -o-transition-property: color;
-    -webkit-transition-property: color;
-    transition-property: color;
-    -moz-transition-duration: 250ms;
-    -o-transition-duration: 250ms;
-    -webkit-transition-duration: 250ms;
-    transition-duration: 250ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0;
-    pointer-events: none; }
-  /* line 88, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:hover:before {
-    color: #8c8c8c; }
-  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  /* line 46, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .clear-icon {
-    right: 22px;
-    visibility: hidden;
-    opacity: 0; }
-    /* line 98, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon.show {
-      visibility: visible;
-      opacity: 1; }
-    /* line 103, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon:hover {
-      color: #8c8c8c; }
-  /* line 108, ../../../../general/res/sass/search/_search.scss */
+    right: 22px; }
+  /* line 50, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .menu-icon {
     font-size: 0.8em;
     padding-right: 4px;
     right: 4px;
     text-align: right; }
-    /* line 110, ../../../../general/res/sass/search/_search.scss */
+    /* line 52, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 116, ../../../../general/res/sass/search/_search.scss */
+    /* line 58, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 121, ../../../../general/res/sass/search/_search.scss */
+  /* line 63, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-menu-holder {
     float: right;
     left: -20px;
     z-index: 70;
     transition: visibility .05s, opacity .05s; }
-/* line 129, ../../../../general/res/sass/search/_search.scss */
+/* line 71, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5248,7 +5261,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 137, ../../../../general/res/sass/search/_search.scss */
+  /* line 79, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #a6a6a6;
     opacity: 1;
@@ -5256,7 +5269,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 147, ../../../../general/res/sass/search/_search.scss */
+/* line 89, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5276,16 +5289,16 @@ span.req {
   transition-delay: 0;
   margin-top: 10px;
   padding-right: 5px; }
-  /* line 151, ../../../../general/res/sass/search/_search.scss */
+  /* line 93, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 156, ../../../../general/res/sass/search/_search.scss */
+  /* line 98, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 160, ../../../../general/res/sass/search/_search.scss */
+  /* line 102, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss
index e69f60c17b..654fde05a6 100644
--- a/platform/commonUI/themes/snow/res/sass/_constants.scss
+++ b/platform/commonUI/themes/snow/res/sass/_constants.scss
@@ -6,6 +6,7 @@ $colorFooterBg: #000;
 $colorKey: #0099cc;
 $colorKeySelectedBg: $colorKey;
 $colorKeyFg: #fff;
+$colorEditAreaBg: rgba($colorKey, 0.075);
 $colorInteriorBorder: rgba($colorBodyFg, 0.2);
 $colorA: #999;
 $colorAHov: $colorKey;
diff --git a/platform/search/res/templates/search.html b/platform/search/res/templates/search.html
index 26cd6c1284..df1879a34a 100644
--- a/platform/search/res/templates/search.html
+++ b/platform/search/res/templates/search.html
@@ -20,9 +20,8 @@
  at runtime from the About dialog for additional information.
 -->
 <div class="l-flex-col flex-elem grows holder holder-search"  ng-controller="SearchController as controller">
-    <div class="search-bar flex-elem" ng-controller="ClickAwayController as toggle">
-        <input class="search-input"
-               type="text"
+    <div class="search-bar search-input l-filter s-filter flex-elem" ng-controller="ClickAwayController as toggle">
+        <input type="search"
                ng-model="ngModel.input"
                ng-keyup="controller.search()" />
         <a class="clear-icon"