Merge pull request #437 from nasa/open431

Review and integrate open431

platform/commonUI/edit/res/templates/elements.html

@@ -24,7 +24,9 @@
     <ul class="tree">
         <li ng-repeat="containedObject in composition">
             <span class="tree-item">
-                <mct-representation key="'label'" mct-object="containedObject">
+                <mct-representation key="'label'"
+                                    mct-object="containedObject"
+                                    class="rep-object-label">
                 </mct-representation>
             </span>
         </li>

platform/commonUI/general/res/sass/_constants.scss

@@ -71,7 +71,7 @@ $itemPadLR: 5px;
 $treeVCW: 10px;
 $treeTypeIconH: 1.4em; // was 16px
 $treeTypeIconHPx: 16px;
-$treeTypeIconW: 20px;
+$treeTypeIconW: 18px;
 $treeContextTriggerW: 20px;
 // Tabular
 $tabularHeaderH: 22px; //18px

platform/commonUI/general/res/sass/_icons.scss

@@ -73,31 +73,34 @@
 }
 
 .l-icon-alert {
-	display: none !important; // Remove this when alerts are enabled
+	display: none !important;
 	&:before {
 		color: $colorAlert;
 		content: "!";
 	}
 }
 
-// NEW!!
 .t-item-icon {
 	// Used in grid-item.html, tree-item, inspector location, more?
 	@extend .ui-symbol;
     @extend .icon;
-    display: inline-block;
     line-height: normal; // This is Ok for the symbolsfont
     position: relative;
+    .t-item-icon-glyph {
+        position: absolute;
+    }
     &.l-icon-link {
-        &:before {
+        .t-item-icon-glyph {
-            color: $colorIconLink;
+            &:before {
-            content: "\f4";
+                color: $colorIconLink;
-            height: auto; width: auto;
+                content: "\f4";
-            position: absolute;
+                height: auto; width: auto;
-            left: 0; top: 0; right: 0; bottom: 10%;
+                position: absolute;
-            @include transform-origin(bottom, left);
+                left: 0; top: 0; right: 0; bottom: 10%;
-            @include transform(scale(0.3));
+                @include transform-origin(bottom, left);
-            z-index: 2;
+                @include transform(scale(0.3));
+                z-index: 2;
+            }
         }
     }
 }

platform/commonUI/general/res/sass/_inspector.scss

@@ -84,12 +84,20 @@
     }
 
     .inspector-location {
-        //line-height: 180%;
         .location-item {
+            $h: 1.2em;
+            @include box-sizing(border-box);
             cursor: pointer;
             display: inline-block;
+            line-height: $h;
             position: relative;
             padding: 2px 4px;
+            .t-object-label {
+                .t-item-icon {
+                    height: $h;
+                    width: 0.7rem;
+                }
+            }
             &:hover {
                 background: $colorItemTreeHoverBg;
                 color: $colorItemTreeHoverFg;
@@ -104,6 +112,7 @@
             display: inline-block;
             font-family: symbolsfont;
             font-size: 8px;
+            font-style: normal !important;
             line-height: inherit;
             margin-left: $interiorMarginSm;
             width: 4px;

platform/commonUI/general/res/sass/_main.scss

@@ -60,6 +60,7 @@
 @import "overlay/overlay";
 @import "mobile/overlay/overlay";
 @import "tree/tree";
+@import "object-label";
 @import "mobile/tree";
 @import "user-environ/frame";
 @import "user-environ/top-bar";

platform/commonUI/general/res/sass/_mixins.scss

@@ -300,7 +300,7 @@
 	@include desktop {
 		@if $bgHov != none {
 			&:not(.disabled):hover {
-				background: $bgHov;
+				@include background-image($bgHov);
 				>.icon {
 					color: lighten($ic, $ltGamma);
 				}

platform/commonUI/general/res/sass/_object-label.scss

@@ -0,0 +1,69 @@
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+// mct-representation surrounding an object-label key="'label'"
+.rep-object-label {
+    @include flex-direction(row);
+    @include flex(1 1 auto);
+    height: inherit;
+    line-height: inherit;
+    min-width: 0;
+}
+
+.t-object-label {
+    .t-item-icon {
+        margin-right: $interiorMargin;
+    }
+}
+
+mct-representation {
+    &.s-status-pending {
+        .t-object-label {
+            .t-item-icon {
+                &:before {
+                    $spinBW: 4px;
+                    $spinD: 0;
+                    @include spinner($spinBW);
+                    content: "";
+                    display: block;
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                    padding: 30%;
+                    width: $spinD;
+                    height: $spinD;
+                }
+                .t-item-icon-glyph {
+                    display: none;
+                }
+            }
+            .t-title-label {
+                font-style: italic;
+                opacity: 0.6;
+            }
+        }
+    }
+}
+.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+    border-color: rgba($colorItemTreeSelectedFg, 0.25);
+    border-top-color: rgba($colorItemTreeSelectedFg, 1.0);
+}

platform/commonUI/general/res/sass/helpers/_wait-spinner.scss

@@ -24,21 +24,27 @@
     100% { transform: rotate(359deg); }
 }
 
-@mixin wait-spinner2($b: 5px, $c: $colorAlt1) {
+@mixin spinner($b: 5px) {
     @include keyframes(rotateCentered) {
-         0%   { transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+        0%   { @include transform(translateX(-50%) translateY(-50%) rotate(0deg)); }
-         100% { transform: translateX(-50%) translateY(-50%) rotate(359deg); }
+        100% { @include transform(translateX(-50%) translateY(-50%) rotate(359deg)); }
-     }
+    }
     @include animation-name(rotateCentered);
     @include animation-duration(0.5s);
     @include animation-iteration-count(infinite);
     @include animation-timing-function(linear);
+    @include transform-origin(center);
+    border-style: solid;
+    border-width: $b;
+    @include border-radius(100%);
+}
+
+
+@mixin wait-spinner2($b: 5px, $c: $colorAlt1) {
+    @include spinner($b);
+    @include box-sizing(border-box);
     border-color: rgba($c, 0.25);
     border-top-color: rgba($c, 1.0);
-    border-style: solid;
-    border-width: 5px;
-    @include border-radius(100%);
-    @include box-sizing(border-box);
     display: block;
     position: absolute;
     height: 0; width: 0;

platform/commonUI/general/res/sass/mobile/_constants.scss

@@ -31,7 +31,7 @@ $tabletItemH: floor($ueBrowseGridItemLg/3);
 
 /************************** MOBILE TREE MENU DIMENSIONS */
 $mobileTreeItemH: 35px;
-$mobileTreeItemIndent: 20px;
+$mobileTreeItemIndent: 15px;
 $mobileTreeRightArrowW: 30px;
 
 /************************** DEVICE WIDTHS */

platform/commonUI/general/res/sass/mobile/_tree.scss

@@ -30,25 +30,30 @@
     }
 	.tree-item,
 	.search-result-item {
-		height: $mobileTreeItemH;
+		height: $mobileTreeItemH !important;
-		line-height: $mobileTreeItemH;
+		line-height: $mobileTreeItemH !important;
-		margin-bottom: 0px;
+		margin-bottom: 0px !important;
 		.view-control {
-			//@include test(red);
+            font-size: 1.2em;
-			position: absolute;
+            margin-right: 0;
-			font-size: 1.1em;
+            order: 2;
-			height: $mobileTreeItemH;
+            width: $mobileTreeItemH;
-			line-height: inherit;
+            &.has-children {
-			right: 0px;
+                &:before {
-			width: $mobileTreeRightArrowW;
+                    content: "\7d";
-			text-align: center;
+                    left: 50%;
+                    @include transform(translateX(-50%) rotate(90deg));
+                }
+                &.expanded:before {
+                    @include transform(translateX(-50%) rotate(270deg));
+                }
+            }
 		}
-
-		.label,
 		.t-object-label {
-			left: 0;
-			right: $mobileTreeRightArrowW + $interiorMargin; // Allows tree item name to stop prior to the arrow
 			line-height: inherit;
+            .t-item-icon.l-icon-link .t-item-icon-glyph:before {
+                bottom: 20%; // Shift up due to height of mobile menu items
+            }
 		}
 	}
 }

platform/commonUI/general/res/sass/mobile/search/_search.scss

@@ -1,5 +1,5 @@
 @include phone {
-	.search {
+	.search-holder {
 		.search-bar {
 			// Hide menu-icon and adjust spacing when in phone mode
 			.menu-icon {

platform/commonUI/general/res/sass/search/_search.scss

@@ -82,6 +82,7 @@
             left: $interiorMarginSm;
             @include trans-prop-nice(color, 250ms);
             pointer-events: none;
+            z-index: 1;
         }
 
 		// Make icon lighten when hovering over search bar
@@ -127,7 +128,7 @@
 	}
 
 	.active-filter-display {
-		$s: 0.65em;
+		$s: 0.7em;
 		$p: $interiorMargin;
 		@include box-sizing(border-box);
 		line-height: 130%;
@@ -146,7 +147,6 @@
 
 	.search-results {
         @include trans-prop-nice((opacity, visibility), 250ms);
-        margin-top: $interiorMarginLg; // Always include margin here to fend off the search input
 		padding-right: $interiorMargin;
         .hint {
             margin-bottom: $interiorMarginLg;

platform/commonUI/general/res/sass/tree/_tree.scss

@@ -35,23 +35,35 @@ ul.tree {
 .tree-item,
 .search-result-item {
 	$runningItemW: 0;
+    @extend .l-flex-row;
 	@include box-sizing(border-box);
 	@include border-radius($basicCr);
 	@include single-transition(background-color, 0.25s);
-	display: block;
 	font-size: 0.8rem;
 	height: $menuLineH;
 	line-height: $menuLineH;
 	margin-bottom: $interiorMarginSm;
+    padding: 0 $interiorMarginSm;
 	position: relative;
 
 	.view-control {
 		color: $colorItemTreeVC;
-		display: inline-block;
+        font-size: 0.75em;
-		margin-left: $interiorMargin;
+		margin-right: $interiorMargin;
-		font-size: 0.75em;
+        height: 100%;
+        line-height: inherit;
 		width: $treeVCW;
-		$runningItemW: $interiorMargin + $treeVCW;
+        &.has-children {
+            &:before {
+                position: absolute;
+                @include trans-prop-nice(transform, 100ms);
+                content: "\3e";
+                @include transform-origin(center);
+            }
+            &.expanded:before {
+                @include transform(rotate(90deg));
+            }
+        }
 		@include desktop {
 			&:hover {
 				color: $colorItemTreeVCHover !important;
@@ -59,64 +71,17 @@ ul.tree {
 		}
 	}
 
-	.label,
 	.t-object-label {
-		display: block;
-		@include absPosDefault();
 		line-height: $menuLineH;
-
         .t-item-icon {
             @include txtShdwSubtle($shdwItemTreeIcon);
             font-size: $treeTypeIconH;
             color: $colorItemTreeIcon;
-            position: absolute;
+            width: $treeTypeIconW;
-            left: $interiorMargin;
-            top: 50%;
-            width: $treeTypeIconH;
-            @include transform(translateY(-50%));
         }
-
-		.type-icon {
-			//@include absPosDefault(0, false);
-			$d: $treeTypeIconH;
-			@include txtShdwSubtle($shdwItemTreeIcon);
-			font-size: $treeTypeIconH;
-			color: $colorItemTreeIcon;
-			left: $interiorMargin;
-			position: absolute;
-			@include verticalCenterBlock($menuLineHPx, $treeTypeIconHPx);
-			line-height: 100%;
-			right: auto; width: $treeTypeIconH;
-
-			.icon {
-				&.l-icon-link,
-				&.l-icon-alert {
-					position: absolute;
-					z-index: 2;
-				}
-				&.l-icon-alert {
-					$d: 8px;
-					@include ancillaryIcon($d, $colorAlert);
-					top: 1px;
-					right: -2px;
-				}
-				&.l-icon-link {
-					$d: 8px;
-					@include ancillaryIcon($d, $colorIconLink);
-					left: -3px;
-					bottom: 0px;
-				}
-			}
-		}
-		.title-label,
         .t-title-label {
-			@include absPosDefault();
+            @include ellipsize();
-			display: block;
+        }
-			left: $runningItemW + ($interiorMargin * 3);
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
 	}
 
 	&.selected {
@@ -126,12 +91,11 @@ ul.tree {
 			color: $colorItemTreeSelectedVC;
 		}
 		.t-object-label .t-item-icon {
-			color: $colorItemTreeSelectedFg; //$colorItemTreeIconHover;
+			color: $colorItemTreeSelectedFg;
 		}
 	}
 
 	&:not(.selected) {
-		// NOTE: [Mobile] Removed Hover on Mobile
 		@include desktop {
 			&:hover {
 				background: $colorItemTreeHoverBg;
@@ -160,8 +124,28 @@ ul.tree {
 	}
 }
 
-.tree-item {
+mct-representation {
-	.t-object-label {
+    &.s-status-pending {
-		left: $interiorMargin + $treeVCW;
+        .t-object-label {
-	}
+            .t-item-icon {
-}
+                &:before {
+                    $spinBW: 4px;
+                    @include spinner($spinBW);
+                    border-color: rgba($colorItemTreeIcon, 0.25);
+                    border-top-color: rgba($colorItemTreeIcon, 1.0);
+                }
+                .t-item-icon-glyph {
+                    display: none;
+                }
+            }
+            .t-title-label {
+                font-style: italic;
+                opacity: 0.6;
+            }
+        }
+    }
+}
+.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+    border-color: rgba($colorItemTreeSelectedFg, 0.25);
+    border-top-color: rgba($colorItemTreeSelectedFg, 1.0);
+}

platform/commonUI/general/res/templates/label.html

@@ -19,7 +19,9 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<span class="t-object-label">
+<div class="t-object-label l-flex-row flex-elem grows">
-<span class="t-item-icon" ng-class="{ 'l-icon-link':location.isLink() }">{{type.getGlyph()}}</span>
+    <div class="t-item-icon flex-elem" ng-class="{ 'l-icon-link':location.isLink() }">
-<span class='t-title-label'>{{model.name}}</span>
+        <div class="t-item-icon-glyph">{{type.getGlyph()}}</div>
-</span>
+    </div>
+    <div class='t-title-label flex-elem grows'>{{model.name}}</div>
+</div>

platform/commonUI/general/res/templates/object-inspector.html

@@ -41,7 +41,7 @@
                                     mct-object="parent"
                                     ng-model="ngModel"
                                     ng-click="ngModel.selectedObject = parent"
-                                    class="location-item">
+                                    class="location-item rep-object-label">
                 </mct-representation>
             </span>
         </li>
@@ -54,7 +54,7 @@
                                     mct-object="parent"
                                     ng-model="ngModel"
                                     ng-click="ngModel.selectedObject = parent"
-                                    class="location-item">
+                                    class="location-item rep-object-label">
                 </mct-representation>
             </span>
         </li>

platform/commonUI/general/res/templates/tree-node.html

@@ -26,41 +26,18 @@
             ng-class="{selected: treeNode.isSelected()}"
             >
             <span
-                mct-device="desktop"
+                class='ui-symbol view-control flex-elem'
-                class='ui-symbol view-control'
+                ng-class="{ 'has-children': model.composition !== undefined, expanded: toggle.isActive() }"
                 ng-click="toggle.toggle(); treeNode.trackExpansion()"
-                ng-if="model.composition !== undefined"
                 >
-                {{toggle.isActive() ? "v" : ">"}}
             </span>
-
             <mct-representation
-                mct-device="desktop"
+                class="rep-object-label"
-                class="mobile-hide"
                 key="'label'"
                 mct-object="domainObject"
                 ng-click="treeNode.select()"
                 >
             </mct-representation>
-            <mct-representation
-                mct-device="mobile"
-                class="desktop-hide"
-                key="'label'"
-                mct-object="domainObject"
-                ng-click="(model.composition === undefined) && treeNode.select();
-                          toggle.toggle();
-                          treeNode.trackExpansion();"
-                >
-            </mct-representation>
-
-            <span
-                mct-device="mobile"
-                class='ui-symbol view-control'
-                ng-model="ngModel"
-                ng-click="treeNode.select()"
-                >
-                }
-            </span>
         </span>
         <span
             class="tree-item-subtree"

platform/commonUI/themes/espresso/res/css/theme-espresso.css

@@ -516,34 +516,40 @@ mct-container {
 
 /********************************************* FLEX STYLES */
 /* line 95, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row,
+.l-flex-row, .tree-item,
+.search-result-item,
 .l-flex-col {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
   /* line 99, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem,
+  .l-flex-row .flex-elem, .tree-item .flex-elem,
+  .search-result-item .flex-elem,
   .l-flex-col .flex-elem {
     min-height: 0;
     position: relative; }
     /* line 102, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem:not(.grows),
+    .l-flex-row .flex-elem:not(.grows), .tree-item .flex-elem:not(.grows),
+    .search-result-item .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
       /* line 104, ../../../../general/res/sass/_archetypes.scss */
-      .l-flex-row .flex-elem:not(.grows).flex-can-shrink,
+      .l-flex-row .flex-elem:not(.grows).flex-can-shrink, .tree-item .flex-elem:not(.grows).flex-can-shrink,
+      .search-result-item .flex-elem:not(.grows).flex-can-shrink,
       .l-flex-col .flex-elem:not(.grows).flex-can-shrink {
         -webkit-flex: 0 1 auto;
         flex: 0 1 auto; }
     /* line 108, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem.grows,
+    .l-flex-row .flex-elem.grows, .tree-item .flex-elem.grows,
+    .search-result-item .flex-elem.grows,
     .l-flex-col .flex-elem.grows {
       -webkit-flex: 1 1 auto;
       flex: 1 1 auto; }
   /* line 112, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-container,
+  .l-flex-row .flex-container, .tree-item .flex-container,
+  .search-result-item .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
     display: flex;
@@ -554,20 +560,24 @@ mct-container {
     min-height: 0; }
 
 /* line 121, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row {
+.l-flex-row, .tree-item,
+.search-result-item {
   -webkit-flex-direction: row;
   flex-direction: row; }
   /* line 123, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row.flex-elem {
+  .l-flex-row.flex-elem, .flex-elem.tree-item,
+  .flex-elem.search-result-item {
     -webkit-flex: 1 1 auto;
     flex: 1 1 auto; }
   /* line 124, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem {
+  .l-flex-row .flex-elem, .tree-item .flex-elem,
+  .search-result-item .flex-elem {
     height: inherit;
     line-height: inherit;
     min-width: 0; }
   /* line 129, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-container {
+  .l-flex-row .flex-container, .tree-item .flex-container,
+  .search-result-item .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
@@ -824,13 +834,15 @@ mct-container {
     color: #ff3c00;
     content: "!"; }
 
-/* line 84, ../../../../general/res/sass/_icons.scss */
+/* line 83, ../../../../general/res/sass/_icons.scss */
 .t-item-icon {
-  display: inline-block;
   line-height: normal;
   position: relative; }
-  /* line 92, ../../../../general/res/sass/_icons.scss */
+  /* line 89, ../../../../general/res/sass/_icons.scss */
-  .t-item-icon.l-icon-link:before {
+  .t-item-icon .t-item-icon-glyph {
+    position: absolute; }
+  /* line 94, ../../../../general/res/sass/_icons.scss */
+  .t-item-icon.l-icon-link .t-item-icon-glyph:before {
     color: #49dedb;
     content: "\f4";
     height: auto;
@@ -1247,7 +1259,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     transform: rotate(0deg); }
   100% {
     transform: rotate(359deg); } }
-/* line 63, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 69, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .t-wait-spinner,
 .wait-spinner {
   display: block;
@@ -1272,7 +1284,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
   margin-top: -5%;
   margin-left: -5%;
   z-index: 2; }
-  /* line 74, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 80, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .t-wait-spinner.inline,
   .wait-spinner.inline {
     display: inline-block !important;
@@ -1280,26 +1292,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     position: relative !important;
     vertical-align: middle; }
 
-/* line 82, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 88, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .l-wait-spinner-holder {
   pointer-events: none;
   position: absolute; }
-  /* line 86, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 92, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .l-wait-spinner-holder.align-left .t-wait-spinner {
     left: 0;
     margin-left: 0; }
-  /* line 91, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 97, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .l-wait-spinner-holder.full-size {
     display: inline-block;
     height: 100%;
     width: 100%; }
-    /* line 94, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+    /* line 100, ../../../../general/res/sass/helpers/_wait-spinner.scss */
     .l-wait-spinner-holder.full-size .t-wait-spinner {
       top: 0;
       margin-top: 0;
       padding: 30%; }
 
-/* line 103, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 109, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .treeview .wait-spinner {
   display: block;
   position: absolute;
@@ -1321,7 +1333,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
   top: 2px;
   left: 0; }
 
-/* line 112, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 118, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .wait-spinner.sm {
   display: block;
   position: absolute;
@@ -1344,13 +1356,13 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
   top: 0;
   left: 0; }
 
-/* line 122, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 128, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .loading {
   pointer-events: none; }
-  /* line 125, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 131, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading:before, .loading:after {
     content: ''; }
-  /* line 129, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 135, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading:before {
     -moz-animation-name: rotateCentered;
     -webkit-animation-name: rotateCentered;
@@ -1364,8 +1376,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     -moz-animation-timing-function: linear;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
-    border-color: rgba(255, 199, 0, 0.25);
+    -moz-transform-origin: center 50%;
-    border-top-color: #ffc700;
+    -ms-transform-origin: center 50%;
+    -webkit-transform-origin: center 50%;
+    transform-origin: center 50%;
     border-style: solid;
     border-width: 5px;
     -moz-border-radius: 100%;
@@ -1374,6 +1388,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    border-color: rgba(255, 199, 0, 0.25);
+    border-top-color: #ffc700;
     display: block;
     position: absolute;
     height: 0;
@@ -1384,20 +1400,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     z-index: 10; }
 @-moz-keyframes rotateCentered {
   0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
     transform: translateX(-50%) translateY(-50%) rotate(0deg); }
   100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
     transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
 @-webkit-keyframes rotateCentered {
   0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
     transform: translateX(-50%) translateY(-50%) rotate(0deg); }
   100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
     transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
 @keyframes rotateCentered {
   0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
     transform: translateX(-50%) translateY(-50%) rotate(0deg); }
   100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
     transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
-  /* line 133, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading:after {
     overflow: hidden;
     position: absolute;
@@ -1410,7 +1436,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     background: rgba(153, 153, 153, 0.2);
     display: block;
     z-index: 9; }
-  /* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 145, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading.tree-item:before {
     padding: 0.375rem;
     border-width: 2px; }
@@ -1497,26 +1523,35 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     .l-inspect .inspector-properties .value {
       color: #bfbfbf;
       word-break: break-all; }
-  /* line 88, ../../../../general/res/sass/_inspector.scss */
+  /* line 87, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location .location-item {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
+    line-height: 1.2em;
     position: relative;
     padding: 2px 4px; }
-    /* line 93, ../../../../general/res/sass/_inspector.scss */
+    /* line 96, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .inspector-location .location-item .t-object-label .t-item-icon {
+      height: 1.2em;
+      width: 0.7rem; }
+    /* line 101, ../../../../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 104, ../../../../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 109, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
     color: #737373;
     content: '\3e';
     display: inline-block;
     font-family: symbolsfont;
     font-size: 8px;
+    font-style: normal !important;
     line-height: inherit;
     margin-left: 3px;
     width: 4px; }
@@ -1646,7 +1681,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
-        background: linear-gradient(#1ac6ff, #00bfff); }
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-size: 100%;
+        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
+        background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
+        background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
+        background-image: linear-gradient(#1ac6ff, #00bfff); }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
           color: white; } }
@@ -1685,7 +1725,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
-        background: linear-gradient(#6b6b6b, #5e5e5e); }
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-size: 100%;
+        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
+        background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
+        background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
+        background-image: linear-gradient(#6b6b6b, #5e5e5e); }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
           color: #33ccff; } }
@@ -1727,7 +1772,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
-        background: linear-gradient(#fe9815, #f88c01); }
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-size: 100%;
+        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe9815), color-stop(100%, #f88c01));
+        background-image: -moz-linear-gradient(#fe9815, #f88c01);
+        background-image: -webkit-linear-gradient(#fe9815, #f88c01);
+        background-image: linear-gradient(#fe9815, #f88c01); }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
           color: white; } }
@@ -1828,7 +1878,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .mini-tab.collapsed:not(.disabled):hover {
-        background: linear-gradient(#6b6b6b, #5e5e5e); }
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-size: 100%;
+        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
+        background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
+        background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
+        background-image: linear-gradient(#6b6b6b, #5e5e5e); }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
           color: #33ccff; } }
@@ -2835,7 +2890,7 @@ label.checkbox.custom {
       border-top: 1px solid #878787;
       color: white;
       line-height: 1.5rem;
-      padding: 3px 10px 3px 30px;
+      padding: 3px 10px 3px 28px;
       position: relative;
       white-space: nowrap; }
       /* line 97, ../../../../general/res/sass/controls/_menus.scss */
@@ -3960,7 +4015,12 @@ textarea {
   @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
     /* line 302, ../../../../general/res/sass/_mixins.scss */
     .select:not(.disabled):hover {
-      background: linear-gradient(#6b6b6b, #5e5e5e); }
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-size: 100%;
+      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
+      background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
+      background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
+      background-image: linear-gradient(#6b6b6b, #5e5e5e); }
       /* line 304, ../../../../general/res/sass/_mixins.scss */
       .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon {
         color: #33ccff; } }
@@ -5181,49 +5241,50 @@ span.req {
     -o-transition-delay: 0;
     -webkit-transition-delay: 0;
     transition-delay: 0;
-    pointer-events: none; }
+    pointer-events: none;
-  /* line 88, ../../../../general/res/sass/search/_search.scss */
+    z-index: 1; }
+  /* line 89, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  /* line 93, ../../../../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 */
+    /* line 99, ../../../../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 */
+    /* line 104, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 108, ../../../../general/res/sass/search/_search.scss */
+  /* line 109, ../../../../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 111, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 116, ../../../../general/res/sass/search/_search.scss */
+    /* line 117, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 121, ../../../../general/res/sass/search/_search.scss */
+  /* line 122, ../../../../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 130, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   line-height: 130%;
-  padding-left: 1.4625em;
+  padding-left: 1.575em;
-  font-size: 0.65em; }
+  font-size: 0.7em; }
-  /* line 137, ../../../../general/res/sass/search/_search.scss */
+  /* line 138, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #737373;
     opacity: 1;
@@ -5231,7 +5292,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 147, ../../../../general/res/sass/search/_search.scss */
+/* line 148, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5249,7 +5310,6 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0;
-  margin-top: 10px;
   padding-right: 5px; }
   /* line 151, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
@@ -5275,10 +5335,10 @@ span.req {
 
 @media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px) {
   /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
-  .search .search-bar .menu-icon {
+  .search-holder .search-bar .menu-icon {
     display: none; }
   /* line 8, ../../../../general/res/sass/mobile/search/_search.scss */
-  .search .search-bar .clear-icon {
+  .search-holder .search-bar .clear-icon {
     right: 5px; } }
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -5453,7 +5513,12 @@ span.req {
         @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
           /* line 302, ../../../../general/res/sass/_mixins.scss */
           .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
-            background: linear-gradient(#a6a6a6, #999999); }
+            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+            background-size: 100%;
+            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6), color-stop(100%, #999999));
+            background-image: -moz-linear-gradient(#a6a6a6, #999999);
+            background-image: -webkit-linear-gradient(#a6a6a6, #999999);
+            background-image: linear-gradient(#a6a6a6, #999999); }
             /* line 304, ../../../../general/res/sass/_mixins.scss */
             .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
               color: white; } }
@@ -5631,183 +5696,281 @@ ul.tree {
   -o-transition: background-color 0.25s;
   -webkit-transition: background-color 0.25s;
   transition: background-color 0.25s;
-  display: block;
   font-size: 0.8rem;
   height: 1.5rem;
   line-height: 1.5rem;
   margin-bottom: 3px;
+  padding: 0 3px;
   position: relative; }
-  /* line 48, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 49, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item .view-control,
   .search-result-item .view-control {
     color: rgba(255, 255, 255, 0.3);
-    display: inline-block;
-    margin-left: 5px;
     font-size: 0.75em;
+    margin-right: 5px;
+    height: 100%;
+    line-height: inherit;
     width: 10px; }
+    /* line 57, ../../../../general/res/sass/tree/_tree.scss */
+    .tree-item .view-control.has-children:before,
+    .search-result-item .view-control.has-children:before {
+      position: absolute;
+      -moz-transition-property: -moz-transform;
+      -o-transition-property: -o-transform;
+      -webkit-transition-property: -webkit-transform;
+      transition-property: transform;
+      -moz-transition-duration: 100ms;
+      -o-transition-duration: 100ms;
+      -webkit-transition-duration: 100ms;
+      transition-duration: 100ms;
+      -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;
+      content: "\3e";
+      -moz-transform-origin: center 50%;
+      -ms-transform-origin: center 50%;
+      -webkit-transform-origin: center 50%;
+      transform-origin: center 50%; }
+    /* line 63, ../../../../general/res/sass/tree/_tree.scss */
+    .tree-item .view-control.has-children.expanded:before,
+    .search-result-item .view-control.has-children.expanded:before {
+      -moz-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+      -webkit-transform: rotate(90deg);
+      transform: rotate(90deg); }
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 56, ../../../../general/res/sass/tree/_tree.scss */
+      /* line 68, ../../../../general/res/sass/tree/_tree.scss */
       .tree-item .view-control:hover,
       .search-result-item .view-control:hover {
         color: #ffc700 !important; } }
-  /* line 62, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 74, ../../../../general/res/sass/tree/_tree.scss */
-  .tree-item .label,
   .tree-item .t-object-label,
-  .search-result-item .label,
   .search-result-item .t-object-label {
-    display: block;
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto;
     line-height: 1.5rem; }
-    /* line 68, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 76, ../../../../general/res/sass/tree/_tree.scss */
-    .tree-item .label .t-item-icon,
     .tree-item .t-object-label .t-item-icon,
-    .search-result-item .label .t-item-icon,
     .search-result-item .t-object-label .t-item-icon {
       text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
       font-size: 1.4em;
       color: #0099cc;
-      position: absolute;
+      width: 18px; }
-      left: 5px;
+    /* line 82, ../../../../general/res/sass/tree/_tree.scss */
-      top: 50%;
-      width: 1.4em;
-      -moz-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-      -webkit-transform: translateY(-50%);
-      transform: translateY(-50%); }
-    /* line 79, ../../../../general/res/sass/tree/_tree.scss */
-    .tree-item .label .type-icon,
-    .tree-item .t-object-label .type-icon,
-    .search-result-item .label .type-icon,
-    .search-result-item .t-object-label .type-icon {
-      text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
-      font-size: 1.4em;
-      color: #0099cc;
-      left: 5px;
-      position: absolute;
-      top: 4px;
-      bottom: auto;
-      height: 16px;
-      line-height: 100%;
-      right: auto;
-      width: 1.4em; }
-      /* line 92, ../../../../general/res/sass/tree/_tree.scss */
-      .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-link,
-      .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-alert,
-      .tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-link,
-      .search-result-item .label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-alert,
-      .search-result-item .label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-link,
-      .search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-alert,
-      .search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
-        position: absolute;
-        z-index: 2; }
-      /* line 97, ../../../../general/res/sass/tree/_tree.scss */
-      .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-alert,
-      .tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-alert,
-      .search-result-item .label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-alert,
-      .search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
-        color: #ff3c00;
-        font-size: 8px;
-        line-height: 8px;
-        height: 8px;
-        width: 8px;
-        top: 1px;
-        right: -2px; }
-      /* line 103, ../../../../general/res/sass/tree/_tree.scss */
-      .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-link,
-      .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-link,
-      .search-result-item .label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-link,
-      .search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon {
-        color: #49dedb;
-        font-size: 8px;
-        line-height: 8px;
-        height: 8px;
-        width: 8px;
-        left: -3px;
-        bottom: 0px; }
-    /* line 111, ../../../../general/res/sass/tree/_tree.scss */
-    .tree-item .label .title-label,
-    .tree-item .label .t-title-label,
-    .tree-item .t-object-label .title-label,
     .tree-item .t-object-label .t-title-label,
-    .search-result-item .label .title-label,
-    .search-result-item .label .t-title-label,
-    .search-result-item .t-object-label .title-label,
     .search-result-item .t-object-label .t-title-label {
-      overflow: hidden;
-      position: absolute;
-      top: 0px;
-      right: 0px;
-      bottom: 0px;
-      left: 0px;
-      width: auto;
-      height: auto;
-      display: block;
-      left: 30px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap; }
-  /* line 122, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 87, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item.selected,
   .search-result-item.selected {
     background: #006080;
     color: #cccccc; }
-    /* line 125, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 90, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item.selected .view-control,
     .search-result-item.selected .view-control {
       color: rgba(255, 255, 255, 0.3); }
-    /* line 128, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 93, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item.selected .t-object-label .t-item-icon,
     .search-result-item.selected .t-object-label .t-item-icon {
       color: #cccccc; }
   @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-    /* line 136, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 100, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item:not(.selected):hover,
     .search-result-item:not(.selected):hover {
       background: rgba(153, 153, 153, 0.1);
       color: #cccccc; }
-      /* line 139, ../../../../general/res/sass/tree/_tree.scss */
+      /* line 103, ../../../../general/res/sass/tree/_tree.scss */
       .tree-item:not(.selected):hover .t-item-icon,
       .search-result-item:not(.selected):hover .t-item-icon {
         color: #33ccff; } }
-  /* line 146, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 110, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item:not(.loading),
   .search-result-item:not(.loading) {
     cursor: pointer; }
-  /* line 150, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 114, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item .context-trigger,
   .search-result-item .context-trigger {
     top: -1px;
     position: absolute;
     right: 3px; }
-    /* line 155, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 119, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item .context-trigger .invoke-menu,
     .search-result-item .context-trigger .invoke-menu {
       font-size: 0.75em;
       height: 0.9rem;
       line-height: 0.9rem; }
 
-/* line 164, ../../../../general/res/sass/tree/_tree.scss */
+/* line 131, ../../../../general/res/sass/tree/_tree.scss */
-.tree-item .t-object-label {
+mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-  left: 15px; }
+  -moz-animation-name: rotateCentered;
+  -webkit-animation-name: rotateCentered;
+  animation-name: rotateCentered;
+  -moz-animation-duration: 0.5s;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -moz-animation-iteration-count: infinite;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -moz-animation-timing-function: linear;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -moz-transform-origin: center 50%;
+  -ms-transform-origin: center 50%;
+  -webkit-transform-origin: center 50%;
+  transform-origin: center 50%;
+  border-style: solid;
+  border-width: 4px;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  border-color: rgba(0, 153, 204, 0.25);
+  border-top-color: #0099cc; }
+@-moz-keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@-webkit-keyframes rotateCentered {
+  0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+/* line 137, ../../../../general/res/sass/tree/_tree.scss */
+mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
+  display: none; }
+/* line 141, ../../../../general/res/sass/tree/_tree.scss */
+mct-representation.s-status-pending .t-object-label .t-title-label {
+  font-style: italic;
+  opacity: 0.6; }
+
+/* line 148, ../../../../general/res/sass/tree/_tree.scss */
+.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+  border-color: rgba(204, 204, 204, 0.25);
+  border-top-color: #cccccc; }
+
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 24, ../../../../general/res/sass/_object-label.scss */
+.rep-object-label {
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex: 1 1 auto;
+  flex: 1 1 auto;
+  height: inherit;
+  line-height: inherit;
+  min-width: 0; }
+
+/* line 33, ../../../../general/res/sass/_object-label.scss */
+.t-object-label .t-item-icon {
+  margin-right: 5px; }
+
+/* line 42, ../../../../general/res/sass/_object-label.scss */
+mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+  -moz-animation-name: rotateCentered;
+  -webkit-animation-name: rotateCentered;
+  animation-name: rotateCentered;
+  -moz-animation-duration: 0.5s;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -moz-animation-iteration-count: infinite;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -moz-animation-timing-function: linear;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -moz-transform-origin: center 50%;
+  -ms-transform-origin: center 50%;
+  -webkit-transform-origin: center 50%;
+  transform-origin: center 50%;
+  border-style: solid;
+  border-width: 4px;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  padding: 30%;
+  width: 0;
+  height: 0; }
+@-moz-keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@-webkit-keyframes rotateCentered {
+  0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+/* line 55, ../../../../general/res/sass/_object-label.scss */
+mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
+  display: none; }
+/* line 59, ../../../../general/res/sass/_object-label.scss */
+mct-representation.s-status-pending .t-object-label .t-title-label {
+  font-style: italic;
+  opacity: 0.6; }
+
+/* line 66, ../../../../general/res/sass/_object-label.scss */
+.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+  border-color: rgba(204, 204, 204, 0.25);
+  border-top-color: #cccccc; }
 
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -5833,32 +5996,45 @@ ul.tree {
 @media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) {
   /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
   ul.tree ul.tree {
-    margin-left: 20px; }
+    margin-left: 15px; }
 
   /* line 31, ../../../../general/res/sass/mobile/_tree.scss */
   .tree-item,
   .search-result-item {
-    height: 35px;
+    height: 35px !important;
-    line-height: 35px;
+    line-height: 35px !important;
-    margin-bottom: 0px; }
+    margin-bottom: 0px !important; }
     /* line 36, ../../../../general/res/sass/mobile/_tree.scss */
     .tree-item .view-control,
     .search-result-item .view-control {
-      position: absolute;
+      font-size: 1.2em;
-      font-size: 1.1em;
+      margin-right: 0;
-      height: 35px;
+      order: 2;
-      line-height: inherit;
+      width: 35px; }
-      right: 0px;
+      /* line 42, ../../../../general/res/sass/mobile/_tree.scss */
-      width: 30px;
+      .tree-item .view-control.has-children:before,
-      text-align: center; }
+      .search-result-item .view-control.has-children:before {
-    /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
+        content: "\7d";
-    .tree-item .label,
+        left: 50%;
+        -moz-transform: translateX(-50%) rotate(90deg);
+        -ms-transform: translateX(-50%) rotate(90deg);
+        -webkit-transform: translateX(-50%) rotate(90deg);
+        transform: translateX(-50%) rotate(90deg); }
+      /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
+      .tree-item .view-control.has-children.expanded:before,
+      .search-result-item .view-control.has-children.expanded:before {
+        -moz-transform: translateX(-50%) rotate(270deg);
+        -ms-transform: translateX(-50%) rotate(270deg);
+        -webkit-transform: translateX(-50%) rotate(270deg);
+        transform: translateX(-50%) rotate(270deg); }
+    /* line 52, ../../../../general/res/sass/mobile/_tree.scss */
     .tree-item .t-object-label,
-    .search-result-item .label,
     .search-result-item .t-object-label {
-      left: 0;
+      line-height: inherit; }
-      right: 35px;
+      /* line 54, ../../../../general/res/sass/mobile/_tree.scss */
-      line-height: inherit; } }
+      .tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
+      .search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
+        bottom: 20%; } }
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -6824,7 +7000,12 @@ table {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .items-holder .item.grid-item:not(.disabled):hover {
-        background: linear-gradient(#666666, #595959); }
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-size: 100%;
+        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
+        background-image: -moz-linear-gradient(#666666, #595959);
+        background-image: -webkit-linear-gradient(#666666, #595959);
+        background-image: linear-gradient(#666666, #595959); }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
           color: #33ccff; } }
@@ -6955,7 +7136,12 @@ table {
       @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
         /* line 302, ../../../../general/res/sass/_mixins.scss */
         .items-holder .item.grid-item.selected:not(.disabled):hover {
-          background: linear-gradient(#1ac6ff, #00bfff); }
+          background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+          background-size: 100%;
+          background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
+          background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
+          background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
+          background-image: linear-gradient(#1ac6ff, #00bfff); }
           /* line 304, ../../../../general/res/sass/_mixins.scss */
           .items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon {
             color: #33ccff; } }

platform/commonUI/themes/snow/res/css/theme-snow.css

@@ -516,34 +516,40 @@ mct-container {
 
 /********************************************* FLEX STYLES */
 /* line 95, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row,
+.l-flex-row, .tree-item,
+.search-result-item,
 .l-flex-col {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
   /* line 99, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem,
+  .l-flex-row .flex-elem, .tree-item .flex-elem,
+  .search-result-item .flex-elem,
   .l-flex-col .flex-elem {
     min-height: 0;
     position: relative; }
     /* line 102, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem:not(.grows),
+    .l-flex-row .flex-elem:not(.grows), .tree-item .flex-elem:not(.grows),
+    .search-result-item .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
       /* line 104, ../../../../general/res/sass/_archetypes.scss */
-      .l-flex-row .flex-elem:not(.grows).flex-can-shrink,
+      .l-flex-row .flex-elem:not(.grows).flex-can-shrink, .tree-item .flex-elem:not(.grows).flex-can-shrink,
+      .search-result-item .flex-elem:not(.grows).flex-can-shrink,
       .l-flex-col .flex-elem:not(.grows).flex-can-shrink {
         -webkit-flex: 0 1 auto;
         flex: 0 1 auto; }
     /* line 108, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem.grows,
+    .l-flex-row .flex-elem.grows, .tree-item .flex-elem.grows,
+    .search-result-item .flex-elem.grows,
     .l-flex-col .flex-elem.grows {
       -webkit-flex: 1 1 auto;
       flex: 1 1 auto; }
   /* line 112, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-container,
+  .l-flex-row .flex-container, .tree-item .flex-container,
+  .search-result-item .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
     display: flex;
@@ -554,20 +560,24 @@ mct-container {
     min-height: 0; }
 
 /* line 121, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row {
+.l-flex-row, .tree-item,
+.search-result-item {
   -webkit-flex-direction: row;
   flex-direction: row; }
   /* line 123, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row.flex-elem {
+  .l-flex-row.flex-elem, .flex-elem.tree-item,
+  .flex-elem.search-result-item {
     -webkit-flex: 1 1 auto;
     flex: 1 1 auto; }
   /* line 124, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem {
+  .l-flex-row .flex-elem, .tree-item .flex-elem,
+  .search-result-item .flex-elem {
     height: inherit;
     line-height: inherit;
     min-width: 0; }
   /* line 129, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-container {
+  .l-flex-row .flex-container, .tree-item .flex-container,
+  .search-result-item .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
@@ -824,13 +834,15 @@ mct-container {
     color: #ff3c00;
     content: "!"; }
 
-/* line 84, ../../../../general/res/sass/_icons.scss */
+/* line 83, ../../../../general/res/sass/_icons.scss */
 .t-item-icon {
-  display: inline-block;
   line-height: normal;
   position: relative; }
-  /* line 92, ../../../../general/res/sass/_icons.scss */
+  /* line 89, ../../../../general/res/sass/_icons.scss */
-  .t-item-icon.l-icon-link:before {
+  .t-item-icon .t-item-icon-glyph {
+    position: absolute; }
+  /* line 94, ../../../../general/res/sass/_icons.scss */
+  .t-item-icon.l-icon-link .t-item-icon-glyph:before {
     color: #49dedb;
     content: "\f4";
     height: auto;
@@ -1228,7 +1240,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     transform: rotate(0deg); }
   100% {
     transform: rotate(359deg); } }
-/* line 63, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 69, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .t-wait-spinner,
 .wait-spinner {
   display: block;
@@ -1253,7 +1265,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
   margin-top: -5%;
   margin-left: -5%;
   z-index: 2; }
-  /* line 74, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 80, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .t-wait-spinner.inline,
   .wait-spinner.inline {
     display: inline-block !important;
@@ -1261,26 +1273,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     position: relative !important;
     vertical-align: middle; }
 
-/* line 82, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 88, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .l-wait-spinner-holder {
   pointer-events: none;
   position: absolute; }
-  /* line 86, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 92, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .l-wait-spinner-holder.align-left .t-wait-spinner {
     left: 0;
     margin-left: 0; }
-  /* line 91, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 97, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .l-wait-spinner-holder.full-size {
     display: inline-block;
     height: 100%;
     width: 100%; }
-    /* line 94, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+    /* line 100, ../../../../general/res/sass/helpers/_wait-spinner.scss */
     .l-wait-spinner-holder.full-size .t-wait-spinner {
       top: 0;
       margin-top: 0;
       padding: 30%; }
 
-/* line 103, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 109, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .treeview .wait-spinner {
   display: block;
   position: absolute;
@@ -1302,7 +1314,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
   top: 2px;
   left: 0; }
 
-/* line 112, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 118, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .wait-spinner.sm {
   display: block;
   position: absolute;
@@ -1325,13 +1337,13 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
   top: 0;
   left: 0; }
 
-/* line 122, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+/* line 128, ../../../../general/res/sass/helpers/_wait-spinner.scss */
 .loading {
   pointer-events: none; }
-  /* line 125, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 131, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading:before, .loading:after {
     content: ''; }
-  /* line 129, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 135, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading:before {
     -moz-animation-name: rotateCentered;
     -webkit-animation-name: rotateCentered;
@@ -1345,8 +1357,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     -moz-animation-timing-function: linear;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
-    border-color: rgba(119, 107, 162, 0.25);
+    -moz-transform-origin: center 50%;
-    border-top-color: #776ba2;
+    -ms-transform-origin: center 50%;
+    -webkit-transform-origin: center 50%;
+    transform-origin: center 50%;
     border-style: solid;
     border-width: 5px;
     -moz-border-radius: 100%;
@@ -1355,6 +1369,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    border-color: rgba(119, 107, 162, 0.25);
+    border-top-color: #776ba2;
     display: block;
     position: absolute;
     height: 0;
@@ -1365,20 +1381,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     z-index: 10; }
 @-moz-keyframes rotateCentered {
   0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
     transform: translateX(-50%) translateY(-50%) rotate(0deg); }
   100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
     transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
 @-webkit-keyframes rotateCentered {
   0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
     transform: translateX(-50%) translateY(-50%) rotate(0deg); }
   100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
     transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
 @keyframes rotateCentered {
   0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
     transform: translateX(-50%) translateY(-50%) rotate(0deg); }
   100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
     transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
-  /* line 133, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading:after {
     overflow: hidden;
     position: absolute;
@@ -1391,7 +1417,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     background: rgba(119, 107, 162, 0.1);
     display: block;
     z-index: 9; }
-  /* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  /* line 145, ../../../../general/res/sass/helpers/_wait-spinner.scss */
   .loading.tree-item:before {
     padding: 0.375rem;
     border-width: 2px; }
@@ -1478,26 +1504,35 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     .l-inspect .inspector-properties .value {
       color: #404040;
       word-break: break-all; }
-  /* line 88, ../../../../general/res/sass/_inspector.scss */
+  /* line 87, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location .location-item {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
+    line-height: 1.2em;
     position: relative;
     padding: 2px 4px; }
-    /* line 93, ../../../../general/res/sass/_inspector.scss */
+    /* line 96, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .inspector-location .location-item .t-object-label .t-item-icon {
+      height: 1.2em;
+      width: 0.7rem; }
+    /* line 101, ../../../../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 104, ../../../../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 109, ../../../../general/res/sass/_inspector.scss */
   .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
     color: #8c8c8c;
     content: '\3e';
     display: inline-block;
     font-family: symbolsfont;
     font-size: 8px;
+    font-style: normal !important;
     line-height: inherit;
     margin-left: 3px;
     width: 4px; }
@@ -1618,7 +1653,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
-        background: deepskyblue; }
+        background-image: deepskyblue; }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
           color: white; } }
@@ -1648,7 +1683,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
-        background: #0099cc; }
+        background-image: #0099cc; }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
           color: white; } }
@@ -1681,7 +1716,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
-        background: #ffad33; }
+        background-image: #ffad33; }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
           color: white; } }
@@ -1773,7 +1808,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .mini-tab.collapsed:not(.disabled):hover {
-        background: #0099cc; }
+        background-image: #0099cc; }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
           color: white; } }
@@ -2774,7 +2809,7 @@ label.checkbox.custom {
       border-top: 1px solid #e6e6e6;
       color: #666666;
       line-height: 1.5rem;
-      padding: 3px 10px 3px 30px;
+      padding: 3px 10px 3px 28px;
       position: relative;
       white-space: nowrap; }
       /* line 97, ../../../../general/res/sass/controls/_menus.scss */
@@ -5103,49 +5138,50 @@ span.req {
     -o-transition-delay: 0;
     -webkit-transition-delay: 0;
     transition-delay: 0;
-    pointer-events: none; }
+    pointer-events: none;
-  /* line 88, ../../../../general/res/sass/search/_search.scss */
+    z-index: 1; }
+  /* line 89, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  /* line 93, ../../../../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 */
+    /* line 99, ../../../../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 */
+    /* line 104, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 108, ../../../../general/res/sass/search/_search.scss */
+  /* line 109, ../../../../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 111, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 116, ../../../../general/res/sass/search/_search.scss */
+    /* line 117, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 121, ../../../../general/res/sass/search/_search.scss */
+  /* line 122, ../../../../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 130, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   line-height: 130%;
-  padding-left: 1.4625em;
+  padding-left: 1.575em;
-  font-size: 0.65em; }
+  font-size: 0.7em; }
-  /* line 137, ../../../../general/res/sass/search/_search.scss */
+  /* line 138, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #a6a6a6;
     opacity: 1;
@@ -5153,7 +5189,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 147, ../../../../general/res/sass/search/_search.scss */
+/* line 148, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5171,7 +5207,6 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0;
-  margin-top: 10px;
   padding-right: 5px; }
   /* line 151, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
@@ -5197,10 +5232,10 @@ span.req {
 
 @media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px) {
   /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
-  .search .search-bar .menu-icon {
+  .search-holder .search-bar .menu-icon {
     display: none; }
   /* line 8, ../../../../general/res/sass/mobile/search/_search.scss */
-  .search .search-bar .clear-icon {
+  .search-holder .search-bar .clear-icon {
     right: 5px; } }
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -5357,7 +5392,7 @@ span.req {
         @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
           /* line 302, ../../../../general/res/sass/_mixins.scss */
           .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
-            background: #7d7d7d; }
+            background-image: #7d7d7d; }
             /* line 304, ../../../../general/res/sass/_mixins.scss */
             .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
               color: white; } }
@@ -5535,181 +5570,280 @@ ul.tree {
   -o-transition: background-color 0.25s;
   -webkit-transition: background-color 0.25s;
   transition: background-color 0.25s;
-  display: block;
   font-size: 0.8rem;
   height: 1.5rem;
   line-height: 1.5rem;
   margin-bottom: 3px;
+  padding: 0 3px;
   position: relative; }
-  /* line 48, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 49, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item .view-control,
   .search-result-item .view-control {
     color: #666;
-    display: inline-block;
-    margin-left: 5px;
     font-size: 0.75em;
+    margin-right: 5px;
+    height: 100%;
+    line-height: inherit;
     width: 10px; }
+    /* line 57, ../../../../general/res/sass/tree/_tree.scss */
+    .tree-item .view-control.has-children:before,
+    .search-result-item .view-control.has-children:before {
+      position: absolute;
+      -moz-transition-property: -moz-transform;
+      -o-transition-property: -o-transform;
+      -webkit-transition-property: -webkit-transform;
+      transition-property: transform;
+      -moz-transition-duration: 100ms;
+      -o-transition-duration: 100ms;
+      -webkit-transition-duration: 100ms;
+      transition-duration: 100ms;
+      -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;
+      content: "\3e";
+      -moz-transform-origin: center 50%;
+      -ms-transform-origin: center 50%;
+      -webkit-transform-origin: center 50%;
+      transform-origin: center 50%; }
+    /* line 63, ../../../../general/res/sass/tree/_tree.scss */
+    .tree-item .view-control.has-children.expanded:before,
+    .search-result-item .view-control.has-children.expanded:before {
+      -moz-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+      -webkit-transform: rotate(90deg);
+      transform: rotate(90deg); }
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 56, ../../../../general/res/sass/tree/_tree.scss */
+      /* line 68, ../../../../general/res/sass/tree/_tree.scss */
       .tree-item .view-control:hover,
       .search-result-item .view-control:hover {
         color: #0099cc !important; } }
-  /* line 62, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 74, ../../../../general/res/sass/tree/_tree.scss */
-  .tree-item .label,
   .tree-item .t-object-label,
-  .search-result-item .label,
   .search-result-item .t-object-label {
-    display: block;
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto;
     line-height: 1.5rem; }
-    /* line 68, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 76, ../../../../general/res/sass/tree/_tree.scss */
-    .tree-item .label .t-item-icon,
     .tree-item .t-object-label .t-item-icon,
-    .search-result-item .label .t-item-icon,
     .search-result-item .t-object-label .t-item-icon {
       font-size: 1.4em;
       color: #0099cc;
-      position: absolute;
+      width: 18px; }
-      left: 5px;
+    /* line 82, ../../../../general/res/sass/tree/_tree.scss */
-      top: 50%;
-      width: 1.4em;
-      -moz-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-      -webkit-transform: translateY(-50%);
-      transform: translateY(-50%); }
-    /* line 79, ../../../../general/res/sass/tree/_tree.scss */
-    .tree-item .label .type-icon,
-    .tree-item .t-object-label .type-icon,
-    .search-result-item .label .type-icon,
-    .search-result-item .t-object-label .type-icon {
-      font-size: 1.4em;
-      color: #0099cc;
-      left: 5px;
-      position: absolute;
-      top: 4px;
-      bottom: auto;
-      height: 16px;
-      line-height: 100%;
-      right: auto;
-      width: 1.4em; }
-      /* line 92, ../../../../general/res/sass/tree/_tree.scss */
-      .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-link,
-      .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-alert,
-      .tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-link,
-      .search-result-item .label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-alert,
-      .search-result-item .label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-link,
-      .search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-alert,
-      .search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
-        position: absolute;
-        z-index: 2; }
-      /* line 97, ../../../../general/res/sass/tree/_tree.scss */
-      .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-alert,
-      .tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-alert,
-      .search-result-item .label .type-icon .l-icon-alert.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-alert,
-      .search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
-        color: #ff3c00;
-        font-size: 8px;
-        line-height: 8px;
-        height: 8px;
-        width: 8px;
-        top: 1px;
-        right: -2px; }
-      /* line 103, ../../../../general/res/sass/tree/_tree.scss */
-      .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
-      .tree-item .t-object-label .type-icon .icon.l-icon-link,
-      .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .label .type-icon .icon.l-icon-link,
-      .search-result-item .label .type-icon .l-icon-link.t-item-icon,
-      .search-result-item .t-object-label .type-icon .icon.l-icon-link,
-      .search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon {
-        color: #49dedb;
-        font-size: 8px;
-        line-height: 8px;
-        height: 8px;
-        width: 8px;
-        left: -3px;
-        bottom: 0px; }
-    /* line 111, ../../../../general/res/sass/tree/_tree.scss */
-    .tree-item .label .title-label,
-    .tree-item .label .t-title-label,
-    .tree-item .t-object-label .title-label,
     .tree-item .t-object-label .t-title-label,
-    .search-result-item .label .title-label,
-    .search-result-item .label .t-title-label,
-    .search-result-item .t-object-label .title-label,
     .search-result-item .t-object-label .t-title-label {
-      overflow: hidden;
-      position: absolute;
-      top: 0px;
-      right: 0px;
-      bottom: 0px;
-      left: 0px;
-      width: auto;
-      height: auto;
-      display: block;
-      left: 30px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap; }
-  /* line 122, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 87, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item.selected,
   .search-result-item.selected {
     background: #1ac6ff;
     color: #fcfcfc; }
-    /* line 125, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 90, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item.selected .view-control,
     .search-result-item.selected .view-control {
       color: #fcfcfc; }
-    /* line 128, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 93, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item.selected .t-object-label .t-item-icon,
     .search-result-item.selected .t-object-label .t-item-icon {
       color: #fcfcfc; }
   @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-    /* line 136, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 100, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item:not(.selected):hover,
     .search-result-item:not(.selected):hover {
       background: rgba(102, 102, 102, 0.1);
       color: #333333; }
-      /* line 139, ../../../../general/res/sass/tree/_tree.scss */
+      /* line 103, ../../../../general/res/sass/tree/_tree.scss */
       .tree-item:not(.selected):hover .t-item-icon,
       .search-result-item:not(.selected):hover .t-item-icon {
         color: #0099cc; } }
-  /* line 146, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 110, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item:not(.loading),
   .search-result-item:not(.loading) {
     cursor: pointer; }
-  /* line 150, ../../../../general/res/sass/tree/_tree.scss */
+  /* line 114, ../../../../general/res/sass/tree/_tree.scss */
   .tree-item .context-trigger,
   .search-result-item .context-trigger {
     top: -1px;
     position: absolute;
     right: 3px; }
-    /* line 155, ../../../../general/res/sass/tree/_tree.scss */
+    /* line 119, ../../../../general/res/sass/tree/_tree.scss */
     .tree-item .context-trigger .invoke-menu,
     .search-result-item .context-trigger .invoke-menu {
       font-size: 0.75em;
       height: 0.9rem;
       line-height: 0.9rem; }
 
-/* line 164, ../../../../general/res/sass/tree/_tree.scss */
+/* line 131, ../../../../general/res/sass/tree/_tree.scss */
-.tree-item .t-object-label {
+mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-  left: 15px; }
+  -moz-animation-name: rotateCentered;
+  -webkit-animation-name: rotateCentered;
+  animation-name: rotateCentered;
+  -moz-animation-duration: 0.5s;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -moz-animation-iteration-count: infinite;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -moz-animation-timing-function: linear;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -moz-transform-origin: center 50%;
+  -ms-transform-origin: center 50%;
+  -webkit-transform-origin: center 50%;
+  transform-origin: center 50%;
+  border-style: solid;
+  border-width: 4px;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  border-color: rgba(0, 153, 204, 0.25);
+  border-top-color: #0099cc; }
+@-moz-keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@-webkit-keyframes rotateCentered {
+  0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+/* line 137, ../../../../general/res/sass/tree/_tree.scss */
+mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
+  display: none; }
+/* line 141, ../../../../general/res/sass/tree/_tree.scss */
+mct-representation.s-status-pending .t-object-label .t-title-label {
+  font-style: italic;
+  opacity: 0.6; }
+
+/* line 148, ../../../../general/res/sass/tree/_tree.scss */
+.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+  border-color: rgba(252, 252, 252, 0.25);
+  border-top-color: #fcfcfc; }
+
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 24, ../../../../general/res/sass/_object-label.scss */
+.rep-object-label {
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex: 1 1 auto;
+  flex: 1 1 auto;
+  height: inherit;
+  line-height: inherit;
+  min-width: 0; }
+
+/* line 33, ../../../../general/res/sass/_object-label.scss */
+.t-object-label .t-item-icon {
+  margin-right: 5px; }
+
+/* line 42, ../../../../general/res/sass/_object-label.scss */
+mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+  -moz-animation-name: rotateCentered;
+  -webkit-animation-name: rotateCentered;
+  animation-name: rotateCentered;
+  -moz-animation-duration: 0.5s;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -moz-animation-iteration-count: infinite;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -moz-animation-timing-function: linear;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -moz-transform-origin: center 50%;
+  -ms-transform-origin: center 50%;
+  -webkit-transform-origin: center 50%;
+  transform-origin: center 50%;
+  border-style: solid;
+  border-width: 4px;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  padding: 30%;
+  width: 0;
+  height: 0; }
+@-moz-keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@-webkit-keyframes rotateCentered {
+  0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@keyframes rotateCentered {
+  0% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+/* line 55, ../../../../general/res/sass/_object-label.scss */
+mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
+  display: none; }
+/* line 59, ../../../../general/res/sass/_object-label.scss */
+mct-representation.s-status-pending .t-object-label .t-title-label {
+  font-style: italic;
+  opacity: 0.6; }
+
+/* line 66, ../../../../general/res/sass/_object-label.scss */
+.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+  border-color: rgba(252, 252, 252, 0.25);
+  border-top-color: #fcfcfc; }
 
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -5735,32 +5869,45 @@ ul.tree {
 @media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) {
   /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
   ul.tree ul.tree {
-    margin-left: 20px; }
+    margin-left: 15px; }
 
   /* line 31, ../../../../general/res/sass/mobile/_tree.scss */
   .tree-item,
   .search-result-item {
-    height: 35px;
+    height: 35px !important;
-    line-height: 35px;
+    line-height: 35px !important;
-    margin-bottom: 0px; }
+    margin-bottom: 0px !important; }
     /* line 36, ../../../../general/res/sass/mobile/_tree.scss */
     .tree-item .view-control,
     .search-result-item .view-control {
-      position: absolute;
+      font-size: 1.2em;
-      font-size: 1.1em;
+      margin-right: 0;
-      height: 35px;
+      order: 2;
-      line-height: inherit;
+      width: 35px; }
-      right: 0px;
+      /* line 42, ../../../../general/res/sass/mobile/_tree.scss */
-      width: 30px;
+      .tree-item .view-control.has-children:before,
-      text-align: center; }
+      .search-result-item .view-control.has-children:before {
-    /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
+        content: "\7d";
-    .tree-item .label,
+        left: 50%;
+        -moz-transform: translateX(-50%) rotate(90deg);
+        -ms-transform: translateX(-50%) rotate(90deg);
+        -webkit-transform: translateX(-50%) rotate(90deg);
+        transform: translateX(-50%) rotate(90deg); }
+      /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
+      .tree-item .view-control.has-children.expanded:before,
+      .search-result-item .view-control.has-children.expanded:before {
+        -moz-transform: translateX(-50%) rotate(270deg);
+        -ms-transform: translateX(-50%) rotate(270deg);
+        -webkit-transform: translateX(-50%) rotate(270deg);
+        transform: translateX(-50%) rotate(270deg); }
+    /* line 52, ../../../../general/res/sass/mobile/_tree.scss */
     .tree-item .t-object-label,
-    .search-result-item .label,
     .search-result-item .t-object-label {
-      left: 0;
+      line-height: inherit; }
-      right: 35px;
+      /* line 54, ../../../../general/res/sass/mobile/_tree.scss */
-      line-height: inherit; } }
+      .tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
+      .search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
+        bottom: 20%; } }
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -6717,7 +6864,7 @@ table {
     @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
       /* line 302, ../../../../general/res/sass/_mixins.scss */
       .items-holder .item.grid-item:not(.disabled):hover {
-        background: #d0d0d0; }
+        background-image: #d0d0d0; }
         /* line 304, ../../../../general/res/sass/_mixins.scss */
         .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
           color: #33ccff; } }

platform/search/res/templates/search-item.html

@@ -20,11 +20,12 @@
  at runtime from the About dialog for additional information.
 --> 
 
-<div class="search-result-item"
+<div class="search-result-item l-flex-row flex-elem grows"
      ng-class="{selected: ngModel.selectedObject.getId() === domainObject.getId()}">
     <mct-representation key="'label'"
                         mct-object="domainObject"
                         ng-model="ngModel"
-                        ng-click="ngModel.selectedObject = domainObject">
+                        ng-click="ngModel.selectedObject = domainObject"
+                        class="l-flex-row flex-elem grows">
     </mct-representation>
 </div>

platform/search/res/templates/search.html

@@ -20,11 +20,13 @@
  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">
+    <div class="search-bar flex-elem"
+         ng-controller="ClickAwayController as toggle"
+         ng-class="{ holder: !(ngModel.input === '' || ngModel.input === undefined) }">
         <input class="search-input"
                type="text"
                ng-model="ngModel.input"
-               ng-keyup="controller.search()" />
+               ng-keyup="controller.search()"/>
         <a class="clear-icon"
            ng-class="{show: !(ngModel.input === '' || ngModel.input === undefined)}"
            ng-click="ngModel.input = ''; controller.search()"></a>
@@ -37,18 +39,19 @@
                      ng-click="toggle.setState(true)">
         </mct-include>
     </div>
-    <div class="active-filter-display flex-elem"
+    <div class="active-filter-display flex-elem holder"
          ng-class="{off: ngModel.filtersString === '' || ngModel.filtersString === undefined || !ngModel.search}"
          ng-controller="SearchMenuController as menuController">
         <a class="clear-icon clear-filters-icon"
            ng-click="ngModel.checkAll = true; menuController.checkAll()"></a>Filtered by: {{ ngModel.filtersString }}
     </div>
-    <div class="search-results flex-elem grows vscroll"
+    <div class="search-results flex-elem holder grows vscroll"
          ng-class="{ off: !(loading || results.length > 0), loading: loading }">
         <mct-representation key="'search-item'"
                             ng-repeat="result in results"
                             mct-object="result.object"
-                            ng-model="ngModel">
+                            ng-model="ngModel"
+                            class="l-flex-row flex-elem grows">
         </mct-representation>
         <a class="load-more-button s-btn vsm" ng-if="controller.areMore()" ng-click="controller.loadMore()">More Results</a>
     </div>