From 8ca22cc510a8c9f1a2ce67298e99b964d22d4a1e Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Thu, 5 Nov 2015 10:11:59 -0800
Subject: [PATCH 01/14] [Frontend] Convert main left pane elements to flex
 layout

open #250
Markup mods in browse.html;
Renamed .holder-create-and-search to
.holder-treeview-elements;
TO-DO: fix search results to scroll properly;
---
 .../commonUI/browse/res/templates/browse.html |  15 +--
 .../general/res/sass/_archetypes.scss         |   7 +-
 .../general/res/sass/mobile/_layout.scss      |   2 +-
 .../res/sass/user-environ/_layout.scss        |   9 +-
 .../espresso/res/css/theme-espresso.css       | 112 +++++++++---------
 .../themes/snow/res/css/theme-snow.css        | 112 +++++++++---------
 6 files changed, 130 insertions(+), 127 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index cd6d01036d..0cefc80b8b 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -28,23 +28,18 @@
         <mct-split-pane class='abs contents'
                         anchor='left'>
             <div class='split-pane-component treeview pane left'>
-                <!--<a class="mini-tab-icon anchor-left toggle-pane toggle-search mobile-hide"
-                   title="Enable search"
-                   ng-click="modelPaneTree.toggle()"
-                   ng-class="{ collapsed : !modelPaneTree.visible() }"
-                   ng-style="{ opacity: modelPaneTree.visible()? 0:1 }"></a>-->
-                <div class="holder holder-create-and-search abs l-mobile">
+                <div class="abs holder l-flex-col holder-treeview-elements">
                     <mct-representation key="'create-button'"
                                         mct-object="navigatedObject"
-                                        mct-device="desktop">
+                                        class="flex-elem">
                     </mct-representation>
-                    <div class='holder search-holder abs'
+                    <div class='holder search-holder flex-elem'
                          ng-class="{active: treeModel.search}">
                         <mct-include key="'search'"
                                      ng-model="treeModel">
                         </mct-include>
                     </div>
-                    <div class='tree-holder abs mobile-tree-holder'
+                    <div class='holder tree-holder flex-elem grows'
                          ng-hide="treeModel.search">
                         <mct-representation key="'tree'"
                                             mct-object="domainObject"
@@ -63,7 +58,7 @@
                    ng-click="modelPaneTree.toggle()"
                    ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
 
-                <div class='holder holder-object-and-inspector abs l-mobile' id='content-area'
+                <div class='holder holder-object-and-inspector abs' id='content-area'
                      ng-controller="PaneController as modelPaneInspect"
                      ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'">
 
diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss
index 88c34ad3bd..6ebb59a0e7 100644
--- a/platform/commonUI/general/res/sass/_archetypes.scss
+++ b/platform/commonUI/general/res/sass/_archetypes.scss
@@ -108,7 +108,12 @@
 }
 
 .l-flex-row { @include flex-direction(row); }
-.l-flex-col { @include flex-direction(column); }
+.l-flex-col {
+    @include flex-direction(column);
+    .flex-elem {
+        margin-bottom: $interiorMargin;
+    }
+}
 
 .l-flex {
     @extend .l-flex-row;
diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss
index 589d7e7c90..832030d927 100644
--- a/platform/commonUI/general/res/sass/mobile/_layout.scss
+++ b/platform/commonUI/general/res/sass/mobile/_layout.scss
@@ -42,7 +42,7 @@
         }
     }
 
-    .holder.holder-create-and-search {
+    .holder.holder-treeview-elements {
         right: $bodyMargin !important;
     }
 
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index e6e6ba5f93..4c71707dc0 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -180,7 +180,6 @@
         text-transform: uppercase;
         height: $ueTopBarH;
         line-height: $ueTopBarH;
-        margin-bottom: $interiorMargin;
     }
 
     .primary-pane {
@@ -198,7 +197,7 @@
         //        bottom: $interiorMargin;
         //    }
         //}
-        .holder-create-and-search{
+        .holder-treeview-elements{
 
         }
         .search-holder {
@@ -293,7 +292,7 @@
     }*/
 
     // Specific elements margins
-    .holder.holder-create-and-search {
+    .holder.holder-treeview-elements {
         top: $bodyMargin;
         right: 0;
         bottom: $bodyMargin;
@@ -373,7 +372,7 @@
     //.pane.left.treeview,
     .tree-holder,
     .splitter-treeview,
-    .holder-create-and-search {
+    .holder-treeview-elements {
         opacity: 0;
     }
 }
@@ -387,7 +386,7 @@
         opacity: 1;
     }
 
-    .holder-create-and-search {
+    .holder-treeview-elements {
         @include trans-prop-nice(opacity, $dur: 250ms, $delay: 200ms);
     }
 }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 506a023511..dfe8299c3f 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -20,7 +20,7 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
   font-size: 100%;
   vertical-align: baseline; }
 
-/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html {
   line-height: 1; }
 
-/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 ol, ul {
   list-style: none; }
 
-/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 caption, th, td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle; }
 
-/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q, blockquote {
   quotes: none; }
-  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+  /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
   q:before, q:after, blockquote:before, blockquote:after {
     content: "";
     content: none; }
 
-/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 a img {
   border: none; }
 
-/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block; }
 
@@ -534,8 +534,11 @@ mct-container {
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
+  /* line 113, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-elem {
+    margin-bottom: 5px; }
 
-/* line 115, ../../../../general/res/sass/_archetypes.scss */
+/* line 120, ../../../../general/res/sass/_archetypes.scss */
 .l-flex .left {
   -webkit-flex: 1 1 0;
   flex: 1 1 0;
@@ -4494,54 +4497,53 @@ span.req {
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
-    line-height: 24px;
-    margin-bottom: 5px; }
-  /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */
+    line-height: 24px; }
+  /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .search-holder {
     top: 34px; }
-  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     overflow: auto;
     top: 64px; }
-  /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 226, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 229, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 236, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 239, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 243, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4559,16 +4561,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4582,7 +4584,7 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout {
   /* &.vertical {
        // Slides left and right
@@ -4597,36 +4599,36 @@ span.req {
            }
        }
    }*/ }
-  /* line 273, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.horizontal > .pane {
     margin-top: 5px; }
-    /* line 276, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout.horizontal > .pane:first-child {
       margin-top: 0; }
-  /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-create-and-search {
+  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-treeview-elements {
     top: 10px;
     right: 0;
     bottom: 10px;
     left: 10px; }
-  /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
-    /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-object {
       top: 10px;
       bottom: 10px; }
-    /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
       top: 10px;
       bottom: 10px;
       left: 10px;
       right: 10px; }
 
-/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 321, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4637,11 +4639,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 331, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4653,12 +4655,12 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
-/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: hidden;
   position: absolute;
@@ -4674,22 +4676,22 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 357, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 20px; }
-    /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       display: inline-block;
       float: left;
       margin-right: 10px; }
 
-/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
-.pane-tree-hidden .holder-create-and-search {
+.pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 383, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4709,8 +4711,8 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-tree-showing .holder-create-and-search {
+/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
@@ -4728,7 +4730,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 397, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4749,25 +4751,25 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 406, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 405, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 414, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 413, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 417, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 421, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 423, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4839,7 +4841,7 @@ span.req {
       opacity: 1; }
 
   /* line 45, ../../../../general/res/sass/mobile/_layout.scss */
-  .holder.holder-create-and-search {
+  .holder.holder-treeview-elements {
     right: 10px !important; }
 
   /* line 56, ../../../../general/res/sass/mobile/_layout.scss */
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 3aaf090ae9..919cf1e830 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -20,7 +20,7 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
   font-size: 100%;
   vertical-align: baseline; }
 
-/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html {
   line-height: 1; }
 
-/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 ol, ul {
   list-style: none; }
 
-/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 caption, th, td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle; }
 
-/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q, blockquote {
   quotes: none; }
-  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+  /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
   q:before, q:after, blockquote:before, blockquote:after {
     content: "";
     content: none; }
 
-/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 a img {
   border: none; }
 
-/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block; }
 
@@ -534,8 +534,11 @@ mct-container {
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
+  /* line 113, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-elem {
+    margin-bottom: 5px; }
 
-/* line 115, ../../../../general/res/sass/_archetypes.scss */
+/* line 120, ../../../../general/res/sass/_archetypes.scss */
 .l-flex .left {
   -webkit-flex: 1 1 0;
   flex: 1 1 0;
@@ -4416,54 +4419,53 @@ span.req {
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
-    line-height: 24px;
-    margin-bottom: 5px; }
-  /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */
+    line-height: 24px; }
+  /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .search-holder {
     top: 34px; }
-  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     overflow: auto;
     top: 64px; }
-  /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 226, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 229, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 236, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 239, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 243, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4481,16 +4483,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4504,7 +4506,7 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout {
   /* &.vertical {
        // Slides left and right
@@ -4519,36 +4521,36 @@ span.req {
            }
        }
    }*/ }
-  /* line 273, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.horizontal > .pane {
     margin-top: 5px; }
-    /* line 276, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout.horizontal > .pane:first-child {
       margin-top: 0; }
-  /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-create-and-search {
+  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-treeview-elements {
     top: 10px;
     right: 0;
     bottom: 10px;
     left: 10px; }
-  /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
-    /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-object {
       top: 10px;
       bottom: 10px; }
-    /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
       top: 10px;
       bottom: 10px;
       left: 10px;
       right: 10px; }
 
-/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 321, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4559,11 +4561,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 331, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4575,12 +4577,12 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
-/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: hidden;
   position: absolute;
@@ -4596,22 +4598,22 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 357, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 20px; }
-    /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       display: inline-block;
       float: left;
       margin-right: 10px; }
 
-/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
-.pane-tree-hidden .holder-create-and-search {
+.pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 383, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4631,8 +4633,8 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-tree-showing .holder-create-and-search {
+/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
@@ -4650,7 +4652,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 397, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4671,25 +4673,25 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 406, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 405, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 414, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 413, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 417, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 421, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 423, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4761,7 +4763,7 @@ span.req {
       opacity: 1; }
 
   /* line 45, ../../../../general/res/sass/mobile/_layout.scss */
-  .holder.holder-create-and-search {
+  .holder.holder-treeview-elements {
     right: 10px !important; }
 
   /* line 56, ../../../../general/res/sass/mobile/_layout.scss */

From c0ac3a0f96b2627e4d555c8be493863ae5bd3c0d Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Thu, 5 Nov 2015 15:44:55 -0800
Subject: [PATCH 02/14] [Frontend] Convert main left pane elements to flex
 layout

open #250
Significant changes to flex classes, markup in
browse.html and search.html to support better
flex layout;
Search results now scrolls properly;
Significant refactoring and cleanups in search and _search.scss;
---
 .../commonUI/browse/res/templates/browse.html |   9 +-
 .../general/res/sass/_archetypes.scss         |  21 +-
 .../general/res/sass/search/_search.scss      | 122 +++----
 .../res/sass/user-environ/_layout.scss        |  22 +-
 .../espresso/res/css/theme-espresso.css       | 337 ++++++++++--------
 .../themes/snow/res/css/theme-snow.css        | 337 ++++++++++--------
 platform/search/res/templates/search.html     |  49 +--
 7 files changed, 449 insertions(+), 448 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 0cefc80b8b..d6cba6d27d 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -33,13 +33,14 @@
                                         mct-object="navigatedObject"
                                         class="flex-elem">
                     </mct-representation>
-                    <div class='holder search-holder flex-elem'
-                         ng-class="{active: treeModel.search}">
+                    <div class='holder l-flex-col flex-elem search-holder'
+                         ng-class="{ active: treeModel.search, grows: treeModel.search }">
                         <mct-include key="'search'"
-                                     ng-model="treeModel">
+                                     ng-model="treeModel"
+                                     class="flex-container">
                         </mct-include>
                     </div>
-                    <div class='holder tree-holder flex-elem grows'
+                    <div class='holder flex-elem grows vscroll tree-holder'
                          ng-hide="treeModel.search">
                         <mct-representation key="'tree'"
                                             mct-object="domainObject"
diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss
index 6ebb59a0e7..fd7ad03028 100644
--- a/platform/commonUI/general/res/sass/_archetypes.scss
+++ b/platform/commonUI/general/res/sass/_archetypes.scss
@@ -97,22 +97,37 @@
 .l-flex-col {
     @include display-flex;
     @include flex-wrap(nowrap);
+    //@include flex(1 1 auto !important);
     .flex-elem {
+        //@include test(green, 0.1);
+        min-height: 0; // Needed to allow element to shrink within parent
         &:not(.grows) {
-            @include flex(0 1 auto);
+            @include flex(0 0 auto);
         }
         &.grows {
             @include flex(1 1 auto);
         }
     }
+    .flex-container {
+        // Apply to wrapping elements, mct-includes, etc.
+        @include display-flex;
+        @include flex-wrap(nowrap);
+        @include flex(1 1 auto);
+        min-height:0;
+    }
+}
+
+.l-flex-row {
+    @include flex-direction(row);
+    .flex-container { @include flex-direction(row); }
 }
 
-.l-flex-row { @include flex-direction(row); }
 .l-flex-col {
     @include flex-direction(column);
     .flex-elem {
-        margin-bottom: $interiorMargin;
+        &:not(:first-child) { margin-top: $interiorMarginLg; }
     }
+    .flex-container { @include flex-direction(column); }
 }
 
 .l-flex {
diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index 85fadc5015..3e413fdec6 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -20,7 +20,7 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-.abs.search-holder {
+/*.abs.search-holder {
 	//@include test(#990000);
 	height: $treeSearchInputBarH;
 	bottom: 0;
@@ -33,44 +33,34 @@
 	// Align with the top of the divider bar, below create button
 	//margin-top: 10px; // CH comment out
 	z-index:5;
-}
+}*/
 
-.search {
+.holder-search {
 	$iconWidth: 20px;
-	$leftMargin: 6px;
-	$rightPadding: 5px;
-	@include webkitVal(display, flex);
-	//display: flex;
-	@include webkitProp(flex-direction, column);
-	//flex-direction: column;
-	height: 100%;
+    height: $ueTopBarH;
 
 	.search-bar {
 		$textInputHeight: 19px; // This is equal to the default value, 19px
 		$iconEdgeM: 4px;
 		$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
+        //@include test(red, 0.1);
 		font-size: 0.8em;
 		max-width: 250px;
 		position: relative;
-		width: 100%;
-		.search-input,
-		.search-icon {
-		}
-		
+
 		.search-input {
 			height: $treeSearchInputBarH;
 			line-height: $treeSearchInputBarH;
-			padding-top: 0;
-			padding-bottom: 0;
 		}
 		
-		.search-icon,
+		&:before,
 		.clear-icon,
 		.menu-icon {
-			//@include test(#008800);
 			@include box-sizing(border-box);
 			color: $colorInputIcon;
-			height: $iconD; width: $iconD;
+            font-family: symbolsfont;
+			height: $iconD;
+            width: $iconD;
 			line-height: $iconD;
 			position: absolute;
 			text-align: center;
@@ -80,7 +70,7 @@
 		.clear-icon,
 		.menu-icon {
 			cursor: pointer;
-			@include transition(color, .25s);
+            @include trans-prop-nice((opacity, color), 150ms);
 		}
 
 
@@ -92,45 +82,33 @@
 
 			// Make work for mct-control textfield
 			input {
-				width: 100%;
+				width: inherit; // was 100%
 			}
 		}
 
-		.search-icon {
-			//color: $colorItemFg;
-			left: $interiorMarginSm;
-			transition: visibility .15s, opacity .15s, color .2s;
-			pointer-events: none;
-
-			&.content {
-				// Make icon invisible whenever there is text input
-				//visibility: hidden;
-				//opacity: 0;
-			}
-		}
-
-		// Make icon invisible when the text input is focused
-		.search-input:focus + div.search-icon {
-			//visibility: hidden;
-			//opacity: 0;
-		}
+		&:before {
+            // Magnify glass icon
+            content:'\4d';
+            left: $interiorMarginSm;
+            @include trans-prop-nice(color, 250ms);
+            pointer-events: none;
+        }
 
 		// Make icon lighten when hovering over search bar
-		.search-input:hover + div.search-icon {
+		&:hover:before {
 			color: pullForward($colorInputIcon, 10%);
 		}
 
 		.clear-icon {
+            // 'x' in circle icon
+            &:before { content: '\e607'; }
 			right: $iconD + $interiorMargin;
 
 			// Icon is visible only when there is text input
-			visibility: hidden;
+            visibility: hidden;
 			opacity: 0;
-
-			transition: visibility .15s, opacity .15s, color .2s;
-
-			&.content {
-				visibility: visible;
+			&.show {
+                visibility: visible;
 				opacity: 1;
 			}
 
@@ -140,6 +118,8 @@
 		}
 
 		.menu-icon {
+            // 'v' invoke menu icon
+            &:before { content: '\76'; }
 			font-size: 0.8em;
 			padding-right: $iconEdgeM;
 			right: $iconEdgeM;
@@ -152,12 +132,8 @@
 
 		.search-menu-holder {
 			float: right;
-			//margin-top: $textInputHeight - 2px;
-			//left: -50px;
 			left: -20px;
-
 			z-index: 1;
-
 			transition: visibility .05s, opacity .05s;
 
 			&.off {
@@ -166,13 +142,13 @@
 			}
 		}
 
-		// Hovering reveals menu
-		.menu-icon:hover + div.search-menu-holder {
-			visibility: visible;
-		}
-		div.search-menu-holder:hover {
-			visibility: visible;
-		}
+		//// Hovering reveals menu
+		//.menu-icon:hover + div.search-menu-holder {
+		//	visibility: visible;
+		//}
+		//div.search-menu-holder:hover {
+		//	visibility: visible;
+		//}
 	}
 
 	.active-filter-display {
@@ -185,8 +161,6 @@
 		padding: $p 0;
 		padding-left: $s * 2.25;
 		font-size: $s;
-		//background-color: rgba(#000, 0.3);
-		//border-radius: $basicCr;
 		margin-top: $interiorMarginSm;
 
 
@@ -201,7 +175,6 @@
 
 		// Transition looks weird when the results list has none
 		//transition: visibility .2s, opacity .2s;
-
 		&.off {
 			visibility: hidden;
 			opacity: 0;
@@ -213,28 +186,13 @@
 	}
 
 	.search-scroll {
-		order: 3;
-		margin-top: 4px;
-
-		// Adjustable scrolling size
-		overflow-y: auto;
-		top: auto;
-		height: auto;
-		max-height: 100%;
-		position: relative;
-
-		.load-icon {
-			position: relative;
-		}
-
 		.load-more-button {
-			margin-top: $interiorMargin 0;
-			font-size: 0.8em;
-			position: relative;
-			left: 50%;
-			margin-left: -45px;
-			text-align: center;
-			width: 90px;
+            @include transform(translateX(-50%));
+            display: inline-block;
+			margin-top: $interiorMargin;
+            padding: 0 $interiorMarginLg;
+			font-size: 0.75em;
+			margin-left: 50%;
 			white-space: nowrap;
 		}
 	}
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index 4c71707dc0..8a09ed9cef 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -188,6 +188,8 @@
     }
 
     &.treeview.left {
+        // Converted to flex layout
+
         //.create-btn-holder {
         //    //bottom: auto;
         //    //top: 0;
@@ -197,16 +199,16 @@
         //        bottom: $interiorMargin;
         //    }
         //}
-        .holder-treeview-elements{
-
-        }
-        .search-holder {
-            top: $ueTopBarH + $interiorMarginLg;
-        }
-        .tree-holder {
-            overflow: auto;
-            top: $ueTopBarH + $interiorMarginLg + $treeSearchInputBarH + $interiorMargin;
-        }
+        //.holder-treeview-elements{
+        //
+        //}
+        //.search-holder {
+        //    top: $ueTopBarH + $interiorMarginLg;
+        //}
+        //.tree-holder {
+        //    overflow: auto;
+        //    top: $ueTopBarH + $interiorMarginLg + $treeSearchInputBarH + $interiorMargin;
+        //}
     }
 
     .mini-tab-icon.toggle-pane {
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index dfe8299c3f..c7cb126085 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -515,30 +515,52 @@ mct-container {
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
   /* line 101, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
-  .l-flex-col .flex-elem:not(.grows) {
-    -webkit-flex: 0 1 auto;
-    flex: 0 1 auto; }
-  /* line 104, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
-  .l-flex-col .flex-elem.grows {
+  .l-flex-row .flex-elem, .l-flex .flex-elem,
+  .l-flex-col .flex-elem {
+    min-height: 0; }
+    /* line 104, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
+    .l-flex-col .flex-elem:not(.grows) {
+      -webkit-flex: 0 0 auto;
+      flex: 0 0 auto; }
+    /* line 107, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
+    .l-flex-col .flex-elem.grows {
+      -webkit-flex: 1 1 auto;
+      flex: 1 1 auto; }
+  /* line 111, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container, .l-flex .flex-container,
+  .l-flex-col .flex-container {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: nowrap;
+    flex-wrap: nowrap;
     -webkit-flex: 1 1 auto;
-    flex: 1 1 auto; }
+    flex: 1 1 auto;
+    min-height: 0; }
 
-/* line 110, ../../../../general/res/sass/_archetypes.scss */
+/* line 120, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row, .l-flex {
   -webkit-flex-direction: row;
   flex-direction: row; }
+  /* line 122, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container, .l-flex .flex-container {
+    -webkit-flex-direction: row;
+    flex-direction: row; }
 
-/* line 111, ../../../../general/res/sass/_archetypes.scss */
+/* line 125, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 113, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-col .flex-elem {
-    margin-bottom: 5px; }
+  /* line 128, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-elem:not(:first-child) {
+    margin-top: 10px; }
+  /* line 130, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-container {
+    -webkit-flex-direction: column;
+    flex-direction: column; }
 
-/* line 120, ../../../../general/res/sass/_archetypes.scss */
+/* line 135, ../../../../general/res/sass/_archetypes.scss */
 .l-flex .left {
   -webkit-flex: 1 1 0;
   flex: 1 1 0;
@@ -4501,49 +4523,42 @@ span.req {
   /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane.treeview.left .search-holder {
-    top: 34px; }
-  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane.treeview.left .tree-holder {
-    overflow: auto;
-    top: 64px; }
-  /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 226, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 229, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 235, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 236, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 239, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 243, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4561,16 +4576,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4584,7 +4599,7 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout {
   /* &.vertical {
        // Slides left and right
@@ -4599,36 +4614,36 @@ span.req {
            }
        }
    }*/ }
-  /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.horizontal > .pane {
     margin-top: 5px; }
-    /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 277, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout.horizontal > .pane:first-child {
       margin-top: 0; }
-  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-treeview-elements {
     top: 10px;
     right: 0;
     bottom: 10px;
     left: 10px; }
-  /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
-    /* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-object {
       top: 10px;
       bottom: 10px; }
-    /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
       top: 10px;
       bottom: 10px;
       left: 10px;
       right: 10px; }
 
-/* line 321, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4639,11 +4654,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 331, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 333, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4655,12 +4670,12 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
-/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: hidden;
   position: absolute;
@@ -4676,22 +4691,22 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 357, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 20px; }
-    /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       display: inline-block;
       float: left;
       margin-right: 10px; }
 
-/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 383, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4711,7 +4726,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4730,7 +4745,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 398, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4751,25 +4766,25 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 405, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 413, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 415, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 417, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 419, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 422, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 423, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 425, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -5136,117 +5151,139 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 23, ../../../../general/res/sass/search/_search.scss */
-.abs.search-holder, .search-holder.l-inspect, .l-datetime-picker .l-month-year-pager .search-holder.pager,
-.l-datetime-picker .l-month-year-pager .search-holder.val, .s-menu-btn span.search-holder.l-click-area {
-  height: 25px;
-  bottom: 0;
-  top: 23px;
-  z-index: 5; }
-  /* line 27, ../../../../general/res/sass/search/_search.scss */
-  .abs.search-holder.active, .search-holder.active.l-inspect, .l-datetime-picker .l-month-year-pager .search-holder.active.pager,
-  .l-datetime-picker .l-month-year-pager .search-holder.active.val, .s-menu-btn span.search-holder.active.l-click-area {
-    height: auto;
-    bottom: 0; }
+/*.abs.search-holder {
+	//@include test(#990000);
+	height: $treeSearchInputBarH;
+	bottom: 0;
+	&.active {
+		height: auto;
+		bottom: 0;
+	}
+	top: 23px;
 
+	// Align with the top of the divider bar, below create button
+	//margin-top: 10px; // CH comment out
+	z-index:5;
+}*/
 /* line 38, ../../../../general/res/sass/search/_search.scss */
-.search {
-  display: flex;
-  display: -webkit-flex;
-  flex-direction: column;
-  -webkit-flex-direction: column;
-  height: 100%; }
-  /* line 48, ../../../../general/res/sass/search/_search.scss */
-  .search .search-bar {
+.holder-search {
+  height: 24px; }
+  /* line 42, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar {
     font-size: 0.8em;
     max-width: 250px;
-    position: relative;
-    width: 100%; }
-    /* line 60, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-input {
+    position: relative; }
+    /* line 51, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input {
       height: 25px;
-      line-height: 25px;
-      padding-top: 0;
-      padding-bottom: 0; }
-    /* line 67, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-icon,
-    .search .search-bar .clear-icon,
-    .search .search-bar .menu-icon {
+      line-height: 25px; }
+    /* line 56, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar:before,
+    .holder-search .search-bar .clear-icon,
+    .holder-search .search-bar .menu-icon {
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       color: #737373;
+      font-family: symbolsfont;
       height: 17px;
       width: 17px;
       line-height: 17px;
       position: absolute;
       text-align: center;
       top: 4px; }
-    /* line 80, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .clear-icon,
-    .search .search-bar .menu-icon {
+    /* line 70, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon,
+    .holder-search .search-bar .menu-icon {
       cursor: pointer;
-      -moz-transition: color, 0.25s;
-      -o-transition: color, 0.25s;
-      -webkit-transition: color, 0.25s;
-      transition: color, 0.25s; }
-    /* line 87, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-input {
+      -moz-transition-property: opacity, color;
+      -o-transition-property: opacity, color;
+      -webkit-transition-property: opacity, color;
+      transition-property: opacity, color;
+      -moz-transition-duration: 150ms;
+      -o-transition-duration: 150ms;
+      -webkit-transition-duration: 150ms;
+      transition-duration: 150ms;
+      -moz-transition-timing-function: ease-in-out;
+      -o-transition-timing-function: ease-in-out;
+      -webkit-transition-timing-function: ease-in-out;
+      transition-timing-function: ease-in-out;
+      -moz-transition-delay: 0;
+      -o-transition-delay: 0;
+      -webkit-transition-delay: 0;
+      transition-delay: 0; }
+    /* line 77, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input {
       position: relative;
       width: 100%;
       padding-left: 22px !important;
       padding-right: 44px !important; }
-      /* line 94, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .search-input input {
-        width: 100%; }
-    /* line 99, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-icon {
+      /* line 84, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .search-input input {
+        width: inherit; }
+    /* line 89, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar:before {
+      content: '\4d';
       left: 3px;
-      transition: visibility .15s, opacity .15s, color .2s;
+      -moz-transition-property: color;
+      -o-transition-property: color;
+      -webkit-transition-property: color;
+      transition-property: color;
+      -moz-transition-duration: 250ms;
+      -o-transition-duration: 250ms;
+      -webkit-transition-duration: 250ms;
+      transition-duration: 250ms;
+      -moz-transition-timing-function: ease-in-out;
+      -o-transition-timing-function: ease-in-out;
+      -webkit-transition-timing-function: ease-in-out;
+      transition-timing-function: ease-in-out;
+      -moz-transition-delay: 0;
+      -o-transition-delay: 0;
+      -webkit-transition-delay: 0;
+      transition-delay: 0;
       pointer-events: none; }
-    /* line 119, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-input:hover + div.search-icon {
+    /* line 98, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar:hover:before {
       color: #8c8c8c; }
-    /* line 123, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .clear-icon {
+    /* line 102, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon {
       right: 22px;
       visibility: hidden;
-      opacity: 0;
-      transition: visibility .15s, opacity .15s, color .2s; }
-      /* line 132, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .clear-icon.content {
+      opacity: 0; }
+      /* line 104, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .clear-icon:before {
+        content: '\e607'; }
+      /* line 110, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .clear-icon.show {
         visibility: visible;
         opacity: 1; }
-      /* line 137, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .clear-icon:hover {
+      /* line 115, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .clear-icon:hover {
         color: #8c8c8c; }
-    /* line 142, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .menu-icon {
+    /* line 120, ../../../../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 148, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .menu-icon:hover {
+      /* line 122, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .menu-icon:before {
+        content: '\76'; }
+      /* line 128, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .menu-icon:hover {
         color: #8c8c8c; }
-    /* line 153, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-menu-holder {
+    /* line 133, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-menu-holder {
       float: right;
       left: -20px;
       z-index: 1;
       transition: visibility .05s, opacity .05s; }
-      /* line 163, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .search-menu-holder.off {
+      /* line 139, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .search-menu-holder.off {
         visibility: hidden;
         opacity: 0; }
-    /* line 170, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .menu-icon:hover + div.search-menu-holder {
-      visibility: visible; }
-    /* line 173, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar div.search-menu-holder:hover {
-      visibility: visible; }
-  /* line 178, ../../../../general/res/sass/search/_search.scss */
-  .search .active-filter-display {
+  /* line 154, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .active-filter-display {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
@@ -5258,44 +5295,34 @@ span.req {
     padding-left: 1.4625em;
     font-size: 0.65em;
     margin-top: 3px; }
-    /* line 193, ../../../../general/res/sass/search/_search.scss */
-    .search .active-filter-display .clear-filters-icon {
+    /* line 167, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .active-filter-display .clear-filters-icon {
       color: #737373;
       opacity: 1;
       font-size: 0.8em;
       position: absolute;
       left: 1px;
       cursor: pointer; }
-    /* line 205, ../../../../general/res/sass/search/_search.scss */
-    .search .active-filter-display.off {
+    /* line 178, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .active-filter-display.off {
       visibility: hidden;
       opacity: 0;
       height: 0;
       margin: 0;
       padding: 0;
       border: 0; }
-  /* line 215, ../../../../general/res/sass/search/_search.scss */
-  .search .search-scroll {
-    order: 3;
-    margin-top: 4px;
-    overflow-y: auto;
-    top: auto;
-    height: auto;
-    max-height: 100%;
-    position: relative; }
-    /* line 226, ../../../../general/res/sass/search/_search.scss */
-    .search .search-scroll .load-icon {
-      position: relative; }
-    /* line 230, ../../../../general/res/sass/search/_search.scss */
-    .search .search-scroll .load-more-button {
-      margin-top: 5px 0;
-      font-size: 0.8em;
-      position: relative;
-      left: 50%;
-      margin-left: -45px;
-      text-align: center;
-      width: 90px;
-      white-space: nowrap; }
+  /* line 189, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-scroll .load-more-button {
+    -moz-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    display: inline-block;
+    margin-top: 5px;
+    padding: 0 10px;
+    font-size: 0.75em;
+    margin-left: 50%;
+    white-space: nowrap; }
 
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
   /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 919cf1e830..a8000be413 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -515,30 +515,52 @@ mct-container {
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
   /* line 101, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
-  .l-flex-col .flex-elem:not(.grows) {
-    -webkit-flex: 0 1 auto;
-    flex: 0 1 auto; }
-  /* line 104, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
-  .l-flex-col .flex-elem.grows {
+  .l-flex-row .flex-elem, .l-flex .flex-elem,
+  .l-flex-col .flex-elem {
+    min-height: 0; }
+    /* line 104, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
+    .l-flex-col .flex-elem:not(.grows) {
+      -webkit-flex: 0 0 auto;
+      flex: 0 0 auto; }
+    /* line 107, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
+    .l-flex-col .flex-elem.grows {
+      -webkit-flex: 1 1 auto;
+      flex: 1 1 auto; }
+  /* line 111, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container, .l-flex .flex-container,
+  .l-flex-col .flex-container {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: nowrap;
+    flex-wrap: nowrap;
     -webkit-flex: 1 1 auto;
-    flex: 1 1 auto; }
+    flex: 1 1 auto;
+    min-height: 0; }
 
-/* line 110, ../../../../general/res/sass/_archetypes.scss */
+/* line 120, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row, .l-flex {
   -webkit-flex-direction: row;
   flex-direction: row; }
+  /* line 122, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container, .l-flex .flex-container {
+    -webkit-flex-direction: row;
+    flex-direction: row; }
 
-/* line 111, ../../../../general/res/sass/_archetypes.scss */
+/* line 125, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 113, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-col .flex-elem {
-    margin-bottom: 5px; }
+  /* line 128, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-elem:not(:first-child) {
+    margin-top: 10px; }
+  /* line 130, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-container {
+    -webkit-flex-direction: column;
+    flex-direction: column; }
 
-/* line 120, ../../../../general/res/sass/_archetypes.scss */
+/* line 135, ../../../../general/res/sass/_archetypes.scss */
 .l-flex .left {
   -webkit-flex: 1 1 0;
   flex: 1 1 0;
@@ -4423,49 +4445,42 @@ span.req {
   /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane.treeview.left .search-holder {
-    top: 34px; }
-  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane.treeview.left .tree-holder {
-    overflow: auto;
-    top: 64px; }
-  /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 226, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 229, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 235, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 236, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 239, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 243, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4483,16 +4498,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4506,7 +4521,7 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout {
   /* &.vertical {
        // Slides left and right
@@ -4521,36 +4536,36 @@ span.req {
            }
        }
    }*/ }
-  /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.horizontal > .pane {
     margin-top: 5px; }
-    /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 277, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout.horizontal > .pane:first-child {
       margin-top: 0; }
-  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-treeview-elements {
     top: 10px;
     right: 0;
     bottom: 10px;
     left: 10px; }
-  /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
-    /* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-object {
       top: 10px;
       bottom: 10px; }
-    /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
       top: 10px;
       bottom: 10px;
       left: 10px;
       right: 10px; }
 
-/* line 321, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4561,11 +4576,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 331, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 333, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4577,12 +4592,12 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
-/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: hidden;
   position: absolute;
@@ -4598,22 +4613,22 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 357, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 20px; }
-    /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       display: inline-block;
       float: left;
       margin-right: 10px; }
 
-/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 383, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4633,7 +4648,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4652,7 +4667,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 398, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4673,25 +4688,25 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 405, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 413, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 415, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 417, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 419, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 422, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 423, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 425, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -5058,117 +5073,139 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 23, ../../../../general/res/sass/search/_search.scss */
-.abs.search-holder, .search-holder.l-inspect, .l-datetime-picker .l-month-year-pager .search-holder.pager,
-.l-datetime-picker .l-month-year-pager .search-holder.val, .s-menu-btn span.search-holder.l-click-area {
-  height: 25px;
-  bottom: 0;
-  top: 23px;
-  z-index: 5; }
-  /* line 27, ../../../../general/res/sass/search/_search.scss */
-  .abs.search-holder.active, .search-holder.active.l-inspect, .l-datetime-picker .l-month-year-pager .search-holder.active.pager,
-  .l-datetime-picker .l-month-year-pager .search-holder.active.val, .s-menu-btn span.search-holder.active.l-click-area {
-    height: auto;
-    bottom: 0; }
+/*.abs.search-holder {
+	//@include test(#990000);
+	height: $treeSearchInputBarH;
+	bottom: 0;
+	&.active {
+		height: auto;
+		bottom: 0;
+	}
+	top: 23px;
 
+	// Align with the top of the divider bar, below create button
+	//margin-top: 10px; // CH comment out
+	z-index:5;
+}*/
 /* line 38, ../../../../general/res/sass/search/_search.scss */
-.search {
-  display: flex;
-  display: -webkit-flex;
-  flex-direction: column;
-  -webkit-flex-direction: column;
-  height: 100%; }
-  /* line 48, ../../../../general/res/sass/search/_search.scss */
-  .search .search-bar {
+.holder-search {
+  height: 24px; }
+  /* line 42, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar {
     font-size: 0.8em;
     max-width: 250px;
-    position: relative;
-    width: 100%; }
-    /* line 60, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-input {
+    position: relative; }
+    /* line 51, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input {
       height: 25px;
-      line-height: 25px;
-      padding-top: 0;
-      padding-bottom: 0; }
-    /* line 67, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-icon,
-    .search .search-bar .clear-icon,
-    .search .search-bar .menu-icon {
+      line-height: 25px; }
+    /* line 56, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar:before,
+    .holder-search .search-bar .clear-icon,
+    .holder-search .search-bar .menu-icon {
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       color: #a6a6a6;
+      font-family: symbolsfont;
       height: 17px;
       width: 17px;
       line-height: 17px;
       position: absolute;
       text-align: center;
       top: 4px; }
-    /* line 80, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .clear-icon,
-    .search .search-bar .menu-icon {
+    /* line 70, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon,
+    .holder-search .search-bar .menu-icon {
       cursor: pointer;
-      -moz-transition: color, 0.25s;
-      -o-transition: color, 0.25s;
-      -webkit-transition: color, 0.25s;
-      transition: color, 0.25s; }
-    /* line 87, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-input {
+      -moz-transition-property: opacity, color;
+      -o-transition-property: opacity, color;
+      -webkit-transition-property: opacity, color;
+      transition-property: opacity, color;
+      -moz-transition-duration: 150ms;
+      -o-transition-duration: 150ms;
+      -webkit-transition-duration: 150ms;
+      transition-duration: 150ms;
+      -moz-transition-timing-function: ease-in-out;
+      -o-transition-timing-function: ease-in-out;
+      -webkit-transition-timing-function: ease-in-out;
+      transition-timing-function: ease-in-out;
+      -moz-transition-delay: 0;
+      -o-transition-delay: 0;
+      -webkit-transition-delay: 0;
+      transition-delay: 0; }
+    /* line 77, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input {
       position: relative;
       width: 100%;
       padding-left: 22px !important;
       padding-right: 44px !important; }
-      /* line 94, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .search-input input {
-        width: 100%; }
-    /* line 99, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-icon {
+      /* line 84, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .search-input input {
+        width: inherit; }
+    /* line 89, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar:before {
+      content: '\4d';
       left: 3px;
-      transition: visibility .15s, opacity .15s, color .2s;
+      -moz-transition-property: color;
+      -o-transition-property: color;
+      -webkit-transition-property: color;
+      transition-property: color;
+      -moz-transition-duration: 250ms;
+      -o-transition-duration: 250ms;
+      -webkit-transition-duration: 250ms;
+      transition-duration: 250ms;
+      -moz-transition-timing-function: ease-in-out;
+      -o-transition-timing-function: ease-in-out;
+      -webkit-transition-timing-function: ease-in-out;
+      transition-timing-function: ease-in-out;
+      -moz-transition-delay: 0;
+      -o-transition-delay: 0;
+      -webkit-transition-delay: 0;
+      transition-delay: 0;
       pointer-events: none; }
-    /* line 119, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-input:hover + div.search-icon {
+    /* line 98, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar:hover:before {
       color: #8c8c8c; }
-    /* line 123, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .clear-icon {
+    /* line 102, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon {
       right: 22px;
       visibility: hidden;
-      opacity: 0;
-      transition: visibility .15s, opacity .15s, color .2s; }
-      /* line 132, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .clear-icon.content {
+      opacity: 0; }
+      /* line 104, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .clear-icon:before {
+        content: '\e607'; }
+      /* line 110, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .clear-icon.show {
         visibility: visible;
         opacity: 1; }
-      /* line 137, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .clear-icon:hover {
+      /* line 115, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .clear-icon:hover {
         color: #8c8c8c; }
-    /* line 142, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .menu-icon {
+    /* line 120, ../../../../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 148, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .menu-icon:hover {
+      /* line 122, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .menu-icon:before {
+        content: '\76'; }
+      /* line 128, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .menu-icon:hover {
         color: #8c8c8c; }
-    /* line 153, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .search-menu-holder {
+    /* line 133, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-menu-holder {
       float: right;
       left: -20px;
       z-index: 1;
       transition: visibility .05s, opacity .05s; }
-      /* line 163, ../../../../general/res/sass/search/_search.scss */
-      .search .search-bar .search-menu-holder.off {
+      /* line 139, ../../../../general/res/sass/search/_search.scss */
+      .holder-search .search-bar .search-menu-holder.off {
         visibility: hidden;
         opacity: 0; }
-    /* line 170, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar .menu-icon:hover + div.search-menu-holder {
-      visibility: visible; }
-    /* line 173, ../../../../general/res/sass/search/_search.scss */
-    .search .search-bar div.search-menu-holder:hover {
-      visibility: visible; }
-  /* line 178, ../../../../general/res/sass/search/_search.scss */
-  .search .active-filter-display {
+  /* line 154, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .active-filter-display {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
@@ -5180,44 +5217,34 @@ span.req {
     padding-left: 1.4625em;
     font-size: 0.65em;
     margin-top: 3px; }
-    /* line 193, ../../../../general/res/sass/search/_search.scss */
-    .search .active-filter-display .clear-filters-icon {
+    /* line 167, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .active-filter-display .clear-filters-icon {
       color: #a6a6a6;
       opacity: 1;
       font-size: 0.8em;
       position: absolute;
       left: 1px;
       cursor: pointer; }
-    /* line 205, ../../../../general/res/sass/search/_search.scss */
-    .search .active-filter-display.off {
+    /* line 178, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .active-filter-display.off {
       visibility: hidden;
       opacity: 0;
       height: 0;
       margin: 0;
       padding: 0;
       border: 0; }
-  /* line 215, ../../../../general/res/sass/search/_search.scss */
-  .search .search-scroll {
-    order: 3;
-    margin-top: 4px;
-    overflow-y: auto;
-    top: auto;
-    height: auto;
-    max-height: 100%;
-    position: relative; }
-    /* line 226, ../../../../general/res/sass/search/_search.scss */
-    .search .search-scroll .load-icon {
-      position: relative; }
-    /* line 230, ../../../../general/res/sass/search/_search.scss */
-    .search .search-scroll .load-more-button {
-      margin-top: 5px 0;
-      font-size: 0.8em;
-      position: relative;
-      left: 50%;
-      margin-left: -45px;
-      text-align: center;
-      width: 90px;
-      white-space: nowrap; }
+  /* line 189, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-scroll .load-more-button {
+    -moz-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    display: inline-block;
+    margin-top: 5px;
+    padding: 0 10px;
+    font-size: 0.75em;
+    margin-left: 50%;
+    white-space: nowrap; }
 
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
   /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
diff --git a/platform/search/res/templates/search.html b/platform/search/res/templates/search.html
index 59ca65db2a..4b59f775dc 100644
--- a/platform/search/res/templates/search.html
+++ b/platform/search/res/templates/search.html
@@ -19,38 +19,23 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<div class="search"
-     ng-controller="SearchController as controller">
-
+<div class="l-flex-col flex-elem grows holder holder-search"  ng-controller="SearchController as controller">
     <!-- Search bar -->
-    <div class="search-bar"
-         ng-controller="ClickAwayController as toggle">
-
+    <div class="search-bar flex-elem" ng-controller="ClickAwayController as toggle">
         <!-- Input field -->
         <input class="search-input"
                type="text"
                ng-model="ngModel.input"
                ng-keyup="controller.search()" />
 
-        <!-- Search icon -->
-        <!-- ui symbols for search are 'd' and 'M' -->
-        <div class="ui-symbol search-icon"
-             ng-class="{content: !(ngModel.input === '' || ngModel.input === undefined)}">
-            M
-        </div>
-
         <!-- Clear icon/button 'x' -->
-        <a class="ui-symbol clear-icon"
-           ng-class="{content: !(ngModel.input === '' || ngModel.input === undefined)}"
-           ng-click="ngModel.input = ''; controller.search()">
-            &#xe607;
-        </a>
+        <a class="clear-icon"
+           ng-class="{show: !(ngModel.input === '' || ngModel.input === undefined)}"
+           ng-click="ngModel.input = ''; controller.search()"></a>
 
         <!-- Menu icon/button 'v' -->
-        <a class="ui-symbol menu-icon"
-           ng-click="toggle.toggle()">
-            v
-        </a>
+        <a class="menu-icon"
+           ng-click="toggle.toggle()"></a>
 
         <!-- Menu -->
         <mct-include key="'search-menu'"
@@ -62,7 +47,7 @@
     </div>
 
     <!-- Active filter display -->
-    <div class="active-filter-display"
+    <div class="active-filter-display flex-elem"
          ng-class="{off: ngModel.filtersString === '' || ngModel.filtersString === undefined || !ngModel.search}"
          ng-controller="SearchMenuController as menuController">
 
@@ -76,7 +61,7 @@
     </div>
 
     <!-- This div exists to determine scroll bar location -->
-    <div class="search-scroll abs">
+    <div class="search-scroll flex-elem grows vscroll" ng-class="{ loading: loading }">
 
         <!-- Results list -->
         <div class="results">
@@ -87,22 +72,8 @@
             </mct-representation>
         </div>
 
-        <!-- Loading icon -->
-        <div class="load-icon"
-             ng-class="{loading: loading}"
-             ng-if="loading">
-            <span class="icon wait-spinner"></span>
-            <span class="title-label">Loading...</span>
-        </div>
-
         <!-- Load more button -->
-        <div ng-if="controller.areMore()">
-            <a class="load-more-button s-btn vsm"
-                    ng-click="controller.loadMore()">
-                More Results
-            </a>
-        </div>
-
+        <a class="load-more-button s-btn vsm" ng-if="controller.areMore()" ng-click="controller.loadMore()">More Results</a>
     </div>
 
 </div>

From 063e97fcb5f92ae15e85b097ca771ab4a0823ec8 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Thu, 5 Nov 2015 17:04:19 -0800
Subject: [PATCH 03/14] [Frontend] Cleanups and enhancements to search

open #250
Fixed margin/spacing problems with results element;
Added transition to results display;
Begin adding # results found / no results messaging;
Moved class .off to _globals.scss;
---
 .../general/res/sass/_archetypes.scss         |   1 +
 .../commonUI/general/res/sass/_global.scss    |  10 +
 .../general/res/sass/search/_search.scss      |  64 ++--
 .../espresso/res/css/theme-espresso.css       | 333 ++++++++++--------
 .../themes/snow/res/css/theme-snow.css        | 333 ++++++++++--------
 platform/search/res/templates/search.html     |  27 +-
 6 files changed, 415 insertions(+), 353 deletions(-)

diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss
index fd7ad03028..29262876a4 100644
--- a/platform/commonUI/general/res/sass/_archetypes.scss
+++ b/platform/commonUI/general/res/sass/_archetypes.scss
@@ -101,6 +101,7 @@
     .flex-elem {
         //@include test(green, 0.1);
         min-height: 0; // Needed to allow element to shrink within parent
+        position: relative;
         &:not(.grows) {
             @include flex(0 0 auto);
         }
diff --git a/platform/commonUI/general/res/sass/_global.scss b/platform/commonUI/general/res/sass/_global.scss
index 5b2011f5bb..54c41b1431 100644
--- a/platform/commonUI/general/res/sass/_global.scss
+++ b/platform/commonUI/general/res/sass/_global.scss
@@ -142,6 +142,16 @@ mct-container {
 	display: none !important;
 }
 
+.off {
+    visibility: hidden;
+    opacity: 0;
+    height: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    margin: 0 !important;
+}
+
 .sep {
 	color: rgba(#fff, 0.2);
 }
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index 3e413fdec6..7cbb19d467 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -23,7 +23,7 @@
 /*.abs.search-holder {
 	//@include test(#990000);
 	height: $treeSearchInputBarH;
-	bottom: 0;
+	bottom: 0;s
 	&.active {
 		height: auto;
 		bottom: 0;
@@ -35,9 +35,22 @@
 	z-index:5;
 }*/
 
+.clear-icon,
+.menu-icon {
+    cursor: pointer;
+    font-family: symbolsfont;
+    @include trans-prop-nice((opacity, color), 150ms);
+}
+
+.clear-icon {
+    // 'x' in circle icon
+    &:before {
+        content: '\e607';
+    }
+}
+
 .holder-search {
 	$iconWidth: 20px;
-    height: $ueTopBarH;
 
 	.search-bar {
 		$textInputHeight: 19px; // This is equal to the default value, 19px
@@ -58,7 +71,6 @@
 		.menu-icon {
 			@include box-sizing(border-box);
 			color: $colorInputIcon;
-            font-family: symbolsfont;
 			height: $iconD;
             width: $iconD;
 			line-height: $iconD;
@@ -67,13 +79,6 @@
 			top: $iconEdgeM;
 		}
 
-		.clear-icon,
-		.menu-icon {
-			cursor: pointer;
-            @include trans-prop-nice((opacity, color), 150ms);
-		}
-
-
 		.search-input {
 			position: relative;
 			width: 100%;
@@ -89,6 +94,7 @@
 		&:before {
             // Magnify glass icon
             content:'\4d';
+            font-family: symbolsfont;
             left: $interiorMarginSm;
             @include trans-prop-nice(color, 250ms);
             pointer-events: none;
@@ -100,8 +106,6 @@
 		}
 
 		.clear-icon {
-            // 'x' in circle icon
-            &:before { content: '\e607'; }
 			right: $iconD + $interiorMargin;
 
 			// Icon is visible only when there is text input
@@ -133,13 +137,8 @@
 		.search-menu-holder {
 			float: right;
 			left: -20px;
-			z-index: 1;
+			z-index: 3;
 			transition: visibility .05s, opacity .05s;
-
-			&.off {
-				visibility: hidden;
-				opacity: 0;
-			}
 		}
 
 		//// Hovering reveals menu
@@ -155,13 +154,13 @@
 		//order: 2;
 		$s: 0.65em;
 		$p: $interiorMargin;
-		@include border-radius($basicCr);
+		//@include border-radius($basicCr);
 		@include box-sizing(border-box);
 		line-height: 130%;
-		padding: $p 0;
+		//padding: $p 0;
 		padding-left: $s * 2.25;
 		font-size: $s;
-		margin-top: $interiorMarginSm;
+		//margin-top: $interiorMarginSm;
 
 
 		.clear-filters-icon {
@@ -175,17 +174,22 @@
 
 		// Transition looks weird when the results list has none
 		//transition: visibility .2s, opacity .2s;
-		&.off {
-			visibility: hidden;
-			opacity: 0;
-			height: 0;
-			margin: 0;
-			padding: 0;
-			border: 0;
-		}
 	}
 
-	.search-scroll {
+	.search-results {
+        @include trans-prop-nice((opacity, visibility), 250ms);
+        //visibility: hidden;
+        //opacity: 0;
+        .hint {
+            margin-bottom: $interiorMarginLg;
+            font-size: 0.65em;
+            opacity: 0.6;
+            //padding: 0 $interiorMargin;
+        }
+        &.active {
+            visibility: visible;
+            opacity: 1;
+        }
 		.load-more-button {
             @include transform(translateX(-50%));
             display: inline-block;
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index c7cb126085..7c1728bb60 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -517,18 +517,19 @@ mct-container {
   /* line 101, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-elem, .l-flex .flex-elem,
   .l-flex-col .flex-elem {
-    min-height: 0; }
-    /* line 104, ../../../../general/res/sass/_archetypes.scss */
+    min-height: 0;
+    position: relative; }
+    /* line 105, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
-    /* line 107, ../../../../general/res/sass/_archetypes.scss */
+    /* line 108, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
     .l-flex-col .flex-elem.grows {
       -webkit-flex: 1 1 auto;
       flex: 1 1 auto; }
-  /* line 111, ../../../../general/res/sass/_archetypes.scss */
+  /* line 112, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container, .l-flex .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
@@ -539,28 +540,28 @@ mct-container {
     flex: 1 1 auto;
     min-height: 0; }
 
-/* line 120, ../../../../general/res/sass/_archetypes.scss */
+/* line 121, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row, .l-flex {
   -webkit-flex-direction: row;
   flex-direction: row; }
-  /* line 122, ../../../../general/res/sass/_archetypes.scss */
+  /* line 123, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container, .l-flex .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
-/* line 125, ../../../../general/res/sass/_archetypes.scss */
+/* line 126, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 128, ../../../../general/res/sass/_archetypes.scss */
+  /* line 129, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-elem:not(:first-child) {
     margin-top: 10px; }
-  /* line 130, ../../../../general/res/sass/_archetypes.scss */
+  /* line 131, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
     flex-direction: column; }
 
-/* line 135, ../../../../general/res/sass/_archetypes.scss */
+/* line 136, ../../../../general/res/sass/_archetypes.scss */
 .l-flex .left {
   -webkit-flex: 1 1 0;
   flex: 1 1 0;
@@ -5154,7 +5155,7 @@ span.req {
 /*.abs.search-holder {
 	//@include test(#990000);
 	height: $treeSearchInputBarH;
-	bottom: 0;
+	bottom: 0;s
 	&.active {
 		height: auto;
 		bottom: 0;
@@ -5166,153 +5167,177 @@ span.req {
 	z-index:5;
 }*/
 /* line 38, ../../../../general/res/sass/search/_search.scss */
-.holder-search {
-  height: 24px; }
-  /* line 42, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar {
-    font-size: 0.8em;
-    max-width: 250px;
-    position: relative; }
-    /* line 51, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input {
-      height: 25px;
-      line-height: 25px; }
-    /* line 56, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar:before,
-    .holder-search .search-bar .clear-icon,
-    .holder-search .search-bar .menu-icon {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      color: #737373;
-      font-family: symbolsfont;
-      height: 17px;
-      width: 17px;
-      line-height: 17px;
-      position: absolute;
-      text-align: center;
-      top: 4px; }
-    /* line 70, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon,
-    .holder-search .search-bar .menu-icon {
-      cursor: pointer;
-      -moz-transition-property: opacity, color;
-      -o-transition-property: opacity, color;
-      -webkit-transition-property: opacity, color;
-      transition-property: opacity, color;
-      -moz-transition-duration: 150ms;
-      -o-transition-duration: 150ms;
-      -webkit-transition-duration: 150ms;
-      transition-duration: 150ms;
-      -moz-transition-timing-function: ease-in-out;
-      -o-transition-timing-function: ease-in-out;
-      -webkit-transition-timing-function: ease-in-out;
-      transition-timing-function: ease-in-out;
-      -moz-transition-delay: 0;
-      -o-transition-delay: 0;
-      -webkit-transition-delay: 0;
-      transition-delay: 0; }
-    /* line 77, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input {
-      position: relative;
-      width: 100%;
-      padding-left: 22px !important;
-      padding-right: 44px !important; }
-      /* line 84, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .search-input input {
-        width: inherit; }
-    /* line 89, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar:before {
-      content: '\4d';
-      left: 3px;
-      -moz-transition-property: color;
-      -o-transition-property: color;
-      -webkit-transition-property: color;
-      transition-property: color;
-      -moz-transition-duration: 250ms;
-      -o-transition-duration: 250ms;
-      -webkit-transition-duration: 250ms;
-      transition-duration: 250ms;
-      -moz-transition-timing-function: ease-in-out;
-      -o-transition-timing-function: ease-in-out;
-      -webkit-transition-timing-function: ease-in-out;
-      transition-timing-function: ease-in-out;
-      -moz-transition-delay: 0;
-      -o-transition-delay: 0;
-      -webkit-transition-delay: 0;
-      transition-delay: 0;
-      pointer-events: none; }
-    /* line 98, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar:hover:before {
-      color: #8c8c8c; }
-    /* line 102, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon {
-      right: 22px;
-      visibility: hidden;
-      opacity: 0; }
-      /* line 104, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .clear-icon:before {
-        content: '\e607'; }
-      /* line 110, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .clear-icon.show {
-        visibility: visible;
-        opacity: 1; }
-      /* line 115, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .clear-icon:hover {
-        color: #8c8c8c; }
-    /* line 120, ../../../../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 122, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .menu-icon:before {
-        content: '\76'; }
-      /* line 128, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .menu-icon:hover {
-        color: #8c8c8c; }
-    /* line 133, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-menu-holder {
-      float: right;
-      left: -20px;
-      z-index: 1;
-      transition: visibility .05s, opacity .05s; }
-      /* line 139, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .search-menu-holder.off {
-        visibility: hidden;
-        opacity: 0; }
-  /* line 154, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .active-filter-display {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
+.clear-icon,
+.menu-icon {
+  cursor: pointer;
+  font-family: symbolsfont;
+  -moz-transition-property: opacity, color;
+  -o-transition-property: opacity, color;
+  -webkit-transition-property: opacity, color;
+  transition-property: opacity, color;
+  -moz-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+
+/* line 47, ../../../../general/res/sass/search/_search.scss */
+.clear-icon:before {
+  content: '\e607'; }
+
+/* line 52, ../../../../general/res/sass/search/_search.scss */
+.off {
+  visibility: hidden;
+  opacity: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  margin: 0 !important; }
+
+/* line 65, ../../../../general/res/sass/search/_search.scss */
+.holder-search .search-bar {
+  font-size: 0.8em;
+  max-width: 250px;
+  position: relative; }
+  /* line 74, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-input {
+    height: 25px;
+    line-height: 25px; }
+  /* line 79, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:before,
+  .holder-search .search-bar .clear-icon,
+  .holder-search .search-bar .menu-icon {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    line-height: 130%;
-    padding: 5px 0;
-    padding-left: 1.4625em;
-    font-size: 0.65em;
-    margin-top: 3px; }
-    /* line 167, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .active-filter-display .clear-filters-icon {
-      color: #737373;
-      opacity: 1;
-      font-size: 0.8em;
-      position: absolute;
-      left: 1px;
-      cursor: pointer; }
-    /* line 178, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .active-filter-display.off {
+    color: #737373;
+    height: 17px;
+    width: 17px;
+    line-height: 17px;
+    position: absolute;
+    text-align: center;
+    top: 4px; }
+  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-input {
+    position: relative;
+    width: 100%;
+    padding-left: 22px !important;
+    padding-right: 44px !important; }
+    /* line 99, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input input {
+      width: inherit; }
+  /* line 104, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:before {
+    content: '\4d';
+    font-family: symbolsfont;
+    left: 3px;
+    -moz-transition-property: color;
+    -o-transition-property: color;
+    -webkit-transition-property: color;
+    transition-property: color;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+    pointer-events: none; }
+  /* line 114, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:hover:before {
+    color: #8c8c8c; }
+  /* line 118, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .clear-icon {
+    right: 22px;
+    visibility: hidden;
+    opacity: 0; }
+    /* line 124, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon.show {
+      visibility: visible;
+      opacity: 1; }
+    /* line 129, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon:hover {
+      color: #8c8c8c; }
+  /* line 134, ../../../../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 136, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .menu-icon:before {
+      content: '\76'; }
+    /* line 142, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .menu-icon:hover {
+      color: #8c8c8c; }
+  /* line 147, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-menu-holder {
+    float: right;
+    left: -20px;
+    z-index: 3;
+    transition: visibility .05s, opacity .05s; }
+    /* line 153, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-menu-holder.off {
       visibility: hidden;
-      opacity: 0;
-      height: 0;
-      margin: 0;
-      padding: 0;
-      border: 0; }
-  /* line 189, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-scroll .load-more-button {
+      opacity: 0; }
+/* line 168, ../../../../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;
+  font-size: 0.65em; }
+  /* line 181, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .active-filter-display .clear-filters-icon {
+    color: #737373;
+    opacity: 1;
+    font-size: 0.8em;
+    position: absolute;
+    left: 1px;
+    cursor: pointer; }
+/* line 194, ../../../../general/res/sass/search/_search.scss */
+.holder-search .search-results {
+  -moz-transition-property: opacity, visibility;
+  -o-transition-property: opacity, visibility;
+  -webkit-transition-property: opacity, visibility;
+  transition-property: opacity, visibility;
+  -moz-transition-duration: 250ms;
+  -o-transition-duration: 250ms;
+  -webkit-transition-duration: 250ms;
+  transition-duration: 250ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+  /* line 198, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results .hint {
+    margin-bottom: 10px;
+    font-size: 0.65em;
+    opacity: 0.6; }
+  /* line 204, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results.active {
+    visibility: visible;
+    opacity: 1; }
+  /* line 208, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index a8000be413..5506c60448 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -517,18 +517,19 @@ mct-container {
   /* line 101, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-elem, .l-flex .flex-elem,
   .l-flex-col .flex-elem {
-    min-height: 0; }
-    /* line 104, ../../../../general/res/sass/_archetypes.scss */
+    min-height: 0;
+    position: relative; }
+    /* line 105, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
-    /* line 107, ../../../../general/res/sass/_archetypes.scss */
+    /* line 108, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
     .l-flex-col .flex-elem.grows {
       -webkit-flex: 1 1 auto;
       flex: 1 1 auto; }
-  /* line 111, ../../../../general/res/sass/_archetypes.scss */
+  /* line 112, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container, .l-flex .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
@@ -539,28 +540,28 @@ mct-container {
     flex: 1 1 auto;
     min-height: 0; }
 
-/* line 120, ../../../../general/res/sass/_archetypes.scss */
+/* line 121, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row, .l-flex {
   -webkit-flex-direction: row;
   flex-direction: row; }
-  /* line 122, ../../../../general/res/sass/_archetypes.scss */
+  /* line 123, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container, .l-flex .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
-/* line 125, ../../../../general/res/sass/_archetypes.scss */
+/* line 126, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 128, ../../../../general/res/sass/_archetypes.scss */
+  /* line 129, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-elem:not(:first-child) {
     margin-top: 10px; }
-  /* line 130, ../../../../general/res/sass/_archetypes.scss */
+  /* line 131, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
     flex-direction: column; }
 
-/* line 135, ../../../../general/res/sass/_archetypes.scss */
+/* line 136, ../../../../general/res/sass/_archetypes.scss */
 .l-flex .left {
   -webkit-flex: 1 1 0;
   flex: 1 1 0;
@@ -5076,7 +5077,7 @@ span.req {
 /*.abs.search-holder {
 	//@include test(#990000);
 	height: $treeSearchInputBarH;
-	bottom: 0;
+	bottom: 0;s
 	&.active {
 		height: auto;
 		bottom: 0;
@@ -5088,153 +5089,177 @@ span.req {
 	z-index:5;
 }*/
 /* line 38, ../../../../general/res/sass/search/_search.scss */
-.holder-search {
-  height: 24px; }
-  /* line 42, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar {
-    font-size: 0.8em;
-    max-width: 250px;
-    position: relative; }
-    /* line 51, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input {
-      height: 25px;
-      line-height: 25px; }
-    /* line 56, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar:before,
-    .holder-search .search-bar .clear-icon,
-    .holder-search .search-bar .menu-icon {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      color: #a6a6a6;
-      font-family: symbolsfont;
-      height: 17px;
-      width: 17px;
-      line-height: 17px;
-      position: absolute;
-      text-align: center;
-      top: 4px; }
-    /* line 70, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon,
-    .holder-search .search-bar .menu-icon {
-      cursor: pointer;
-      -moz-transition-property: opacity, color;
-      -o-transition-property: opacity, color;
-      -webkit-transition-property: opacity, color;
-      transition-property: opacity, color;
-      -moz-transition-duration: 150ms;
-      -o-transition-duration: 150ms;
-      -webkit-transition-duration: 150ms;
-      transition-duration: 150ms;
-      -moz-transition-timing-function: ease-in-out;
-      -o-transition-timing-function: ease-in-out;
-      -webkit-transition-timing-function: ease-in-out;
-      transition-timing-function: ease-in-out;
-      -moz-transition-delay: 0;
-      -o-transition-delay: 0;
-      -webkit-transition-delay: 0;
-      transition-delay: 0; }
-    /* line 77, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input {
-      position: relative;
-      width: 100%;
-      padding-left: 22px !important;
-      padding-right: 44px !important; }
-      /* line 84, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .search-input input {
-        width: inherit; }
-    /* line 89, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar:before {
-      content: '\4d';
-      left: 3px;
-      -moz-transition-property: color;
-      -o-transition-property: color;
-      -webkit-transition-property: color;
-      transition-property: color;
-      -moz-transition-duration: 250ms;
-      -o-transition-duration: 250ms;
-      -webkit-transition-duration: 250ms;
-      transition-duration: 250ms;
-      -moz-transition-timing-function: ease-in-out;
-      -o-transition-timing-function: ease-in-out;
-      -webkit-transition-timing-function: ease-in-out;
-      transition-timing-function: ease-in-out;
-      -moz-transition-delay: 0;
-      -o-transition-delay: 0;
-      -webkit-transition-delay: 0;
-      transition-delay: 0;
-      pointer-events: none; }
-    /* line 98, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar:hover:before {
-      color: #8c8c8c; }
-    /* line 102, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon {
-      right: 22px;
-      visibility: hidden;
-      opacity: 0; }
-      /* line 104, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .clear-icon:before {
-        content: '\e607'; }
-      /* line 110, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .clear-icon.show {
-        visibility: visible;
-        opacity: 1; }
-      /* line 115, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .clear-icon:hover {
-        color: #8c8c8c; }
-    /* line 120, ../../../../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 122, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .menu-icon:before {
-        content: '\76'; }
-      /* line 128, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .menu-icon:hover {
-        color: #8c8c8c; }
-    /* line 133, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-menu-holder {
-      float: right;
-      left: -20px;
-      z-index: 1;
-      transition: visibility .05s, opacity .05s; }
-      /* line 139, ../../../../general/res/sass/search/_search.scss */
-      .holder-search .search-bar .search-menu-holder.off {
-        visibility: hidden;
-        opacity: 0; }
-  /* line 154, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .active-filter-display {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
+.clear-icon,
+.menu-icon {
+  cursor: pointer;
+  font-family: symbolsfont;
+  -moz-transition-property: opacity, color;
+  -o-transition-property: opacity, color;
+  -webkit-transition-property: opacity, color;
+  transition-property: opacity, color;
+  -moz-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+
+/* line 47, ../../../../general/res/sass/search/_search.scss */
+.clear-icon:before {
+  content: '\e607'; }
+
+/* line 52, ../../../../general/res/sass/search/_search.scss */
+.off {
+  visibility: hidden;
+  opacity: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  margin: 0 !important; }
+
+/* line 65, ../../../../general/res/sass/search/_search.scss */
+.holder-search .search-bar {
+  font-size: 0.8em;
+  max-width: 250px;
+  position: relative; }
+  /* line 74, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-input {
+    height: 25px;
+    line-height: 25px; }
+  /* line 79, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:before,
+  .holder-search .search-bar .clear-icon,
+  .holder-search .search-bar .menu-icon {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    line-height: 130%;
-    padding: 5px 0;
-    padding-left: 1.4625em;
-    font-size: 0.65em;
-    margin-top: 3px; }
-    /* line 167, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .active-filter-display .clear-filters-icon {
-      color: #a6a6a6;
-      opacity: 1;
-      font-size: 0.8em;
-      position: absolute;
-      left: 1px;
-      cursor: pointer; }
-    /* line 178, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .active-filter-display.off {
+    color: #a6a6a6;
+    height: 17px;
+    width: 17px;
+    line-height: 17px;
+    position: absolute;
+    text-align: center;
+    top: 4px; }
+  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-input {
+    position: relative;
+    width: 100%;
+    padding-left: 22px !important;
+    padding-right: 44px !important; }
+    /* line 99, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input input {
+      width: inherit; }
+  /* line 104, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:before {
+    content: '\4d';
+    font-family: symbolsfont;
+    left: 3px;
+    -moz-transition-property: color;
+    -o-transition-property: color;
+    -webkit-transition-property: color;
+    transition-property: color;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+    pointer-events: none; }
+  /* line 114, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:hover:before {
+    color: #8c8c8c; }
+  /* line 118, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .clear-icon {
+    right: 22px;
+    visibility: hidden;
+    opacity: 0; }
+    /* line 124, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon.show {
+      visibility: visible;
+      opacity: 1; }
+    /* line 129, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon:hover {
+      color: #8c8c8c; }
+  /* line 134, ../../../../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 136, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .menu-icon:before {
+      content: '\76'; }
+    /* line 142, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .menu-icon:hover {
+      color: #8c8c8c; }
+  /* line 147, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-menu-holder {
+    float: right;
+    left: -20px;
+    z-index: 3;
+    transition: visibility .05s, opacity .05s; }
+    /* line 153, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-menu-holder.off {
       visibility: hidden;
-      opacity: 0;
-      height: 0;
-      margin: 0;
-      padding: 0;
-      border: 0; }
-  /* line 189, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-scroll .load-more-button {
+      opacity: 0; }
+/* line 168, ../../../../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;
+  font-size: 0.65em; }
+  /* line 181, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .active-filter-display .clear-filters-icon {
+    color: #a6a6a6;
+    opacity: 1;
+    font-size: 0.8em;
+    position: absolute;
+    left: 1px;
+    cursor: pointer; }
+/* line 194, ../../../../general/res/sass/search/_search.scss */
+.holder-search .search-results {
+  -moz-transition-property: opacity, visibility;
+  -o-transition-property: opacity, visibility;
+  -webkit-transition-property: opacity, visibility;
+  transition-property: opacity, visibility;
+  -moz-transition-duration: 250ms;
+  -o-transition-duration: 250ms;
+  -webkit-transition-duration: 250ms;
+  transition-duration: 250ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+  /* line 198, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results .hint {
+    margin-bottom: 10px;
+    font-size: 0.65em;
+    opacity: 0.6; }
+  /* line 204, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results.active {
+    visibility: visible;
+    opacity: 1; }
+  /* line 208, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
diff --git a/platform/search/res/templates/search.html b/platform/search/res/templates/search.html
index 4b59f775dc..6c3bcde827 100644
--- a/platform/search/res/templates/search.html
+++ b/platform/search/res/templates/search.html
@@ -51,27 +51,24 @@
          ng-class="{off: ngModel.filtersString === '' || ngModel.filtersString === undefined || !ngModel.search}"
          ng-controller="SearchMenuController as menuController">
 
-        <a class="ui-symbol clear-filters-icon"
-           ng-click="ngModel.checkAll = true; menuController.checkAll()">
-            &#xe607;
-        </a>
-
-        Filtered by: {{ ngModel.filtersString }}
+        <a class="clear-icon clear-filters-icon"
+           ng-click="ngModel.checkAll = true; menuController.checkAll()"></a>Filtered by: {{ ngModel.filtersString }}
 
     </div>
 
     <!-- This div exists to determine scroll bar location -->
-    <div class="search-scroll flex-elem grows vscroll" ng-class="{ loading: loading }">
+    <div class="search-results flex-elem grows vscroll"
+         ng-class="{ off: !(loading || results.length > 0), loading: loading }">
 
-        <!-- Results list -->
-        <div class="results">
-            <mct-representation key="'search-item'"
-                                ng-repeat="result in results"
-                                mct-object="result.object"
-                                ng-model="ngModel">
-            </mct-representation>
-        </div>
+        <!--ng-hide="(ngModel.input === '' || ngModel.input === undefined)"-->
 
+        <!--<div class="hint" ng-show="results.length === 0">No results found</div>-->
+        <!--<div class="hint" ng-show="results.length > 0">Displaying {{ results.length }} result<span ng-show="results.length > 1">s</span></div>-->
+        <mct-representation key="'search-item'"
+                            ng-repeat="result in results"
+                            mct-object="result.object"
+                            ng-model="ngModel">
+        </mct-representation>
         <!-- Load more button -->
         <a class="load-more-button s-btn vsm" ng-if="controller.areMore()" ng-click="controller.loadMore()">More Results</a>
     </div>

From 4e79de6156afe4fa79df2901c066ec7356b43e24 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Fri, 6 Nov 2015 17:42:54 -0800
Subject: [PATCH 04/14] [Frontend] Apply flex layout to object header elements

open #250
open #260
vista#132
Major refactoring to markup and CSS to apply
flex layout strategy to object headers;
Flex necessary to fix 'overflow: hidden' setting
applied in open90 to object-browse-bar that
was preventing the view switcher menu from
appearing;
Browse, edit, mobile, frames in layouts, etc. all
visually checked in a first go round;
Mobile classes tweaked to fix left and right
margin problems resulting from open90 changes;
z-indexing of Inspector pane and splitters changed
to allow primary pane elements to overflow beneath
when primary pane width is severely constrained;
---
 .../browse/res/templates/browse-object.html   |   12 +-
 .../res/templates/browse/object-header.html   |   20 +-
 .../edit/res/templates/topbar-edit.html       |    3 +-
 .../general/res/sass/_archetypes.scss         |   22 +-
 .../general/res/sass/controls/_controls.scss  |    2 +-
 .../general/res/sass/helpers/_splitter.scss   |    2 +-
 .../general/res/sass/mobile/_layout.scss      |    7 +-
 .../general/res/sass/user-environ/_frame.scss |    5 +-
 .../res/sass/user-environ/_layout.scss        |  124 +-
 .../espresso/res/css/theme-espresso.css       |  446 +-
 .../themes/snow/res/css/theme-snow.css        | 7696 +----------------
 .../imagery/res/templates/imagery.html        |    6 +-
 .../features/layout/res/templates/frame.html  |   11 +-
 13 files changed, 612 insertions(+), 7744 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse-object.html b/platform/commonUI/browse/res/templates/browse-object.html
index 9dc1c8f83a..6a2e199a96 100644
--- a/platform/commonUI/browse/res/templates/browse-object.html
+++ b/platform/commonUI/browse/res/templates/browse-object.html
@@ -20,15 +20,17 @@
  at runtime from the About dialog for additional information.
 -->
 <span ng-controller="BrowseObjectController">
-    <div class="object-browse-bar bar l-flex">
-        <div class="items-select left">
+    <div class="object-browse-bar l-flex-row">
+        <div class="items-select left flex-elem l-flex-row grows">
             <mct-representation key="'back-arrow'"
                                 mct-object="domainObject"
-                                class="l-back"></mct-representation>
-            <mct-representation key="'object-header'" mct-object="domainObject">
+                                class="flex-elem l-back"></mct-representation>
+            <mct-representation key="'object-header'"
+                                mct-object="domainObject"
+                                class="l-flex-row flex-elem grows object-header">
             </mct-representation>
         </div>
-        <div class="btn-bar right">
+        <div class="btn-bar right l-flex-row flex-elem flex-justify-end flex-fixed">
             <mct-representation key="'switcher'"
                                 mct-object="domainObject"
                                 ng-model="representation">
diff --git a/platform/commonUI/browse/res/templates/browse/object-header.html b/platform/commonUI/browse/res/templates/browse/object-header.html
index 79fca1b76c..9f265c662a 100644
--- a/platform/commonUI/browse/res/templates/browse/object-header.html
+++ b/platform/commonUI/browse/res/templates/browse/object-header.html
@@ -19,12 +19,14 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<div class='object-header'>
-    <span class='type-icon ui-symbol'>{{type.getGlyph()}}</span>
-    <!--span class='type-name mobile-important-hide'>{{type.getName()}}</span-->
-    <span class="l-elem-wrapper l-flex">
-        <span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
-        <span class='title-label'>{{model.name}}</span>
-        <mct-representation key="'menu-arrow'" mct-object='domainObject'></mct-representation>
-    </span>
-</div>
+<!--<div class='object-header'> Moved up to browse-object.html and frame.html. TO-DO: make sure this is Ok!-->
+<span class='type-icon ui-symbol flex-elem'>{{type.getGlyph()}}</span>
+<span class="l-elem-wrapper l-flex-row flex-elem grows">
+    <span ng-if="parameters.mode" class='action flex-elem'>{{parameters.mode}}</span>
+    <span class='title-label flex-elem flex-can-shrink'>{{model.name}}</span>
+    <mct-representation
+        key="'menu-arrow'"
+        mct-object='domainObject'
+        class="flex-elem"></mct-representation>
+</span>
+<!--</div>-->
diff --git a/platform/commonUI/edit/res/templates/topbar-edit.html b/platform/commonUI/edit/res/templates/topbar-edit.html
index 83e2d13d1e..6b37022b1b 100644
--- a/platform/commonUI/edit/res/templates/topbar-edit.html
+++ b/platform/commonUI/edit/res/templates/topbar-edit.html
@@ -22,7 +22,8 @@
 <div class='top-bar edit abs'>
     <mct-representation key="'object-header'"
                         mct-object="domainObject"
-                        parameters="{ mode: 'Edit' }">
+                        parameters="{ mode: 'Edit' }"
+                        class="l-flex-row flex-elem grows object-header">
     </mct-representation>
     <div class='buttons-main btn-bar buttons abs'>
         <mct-representation key="'switcher'"
diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss
index 29262876a4..f0821cd9aa 100644
--- a/platform/commonUI/general/res/sass/_archetypes.scss
+++ b/platform/commonUI/general/res/sass/_archetypes.scss
@@ -104,6 +104,9 @@
         position: relative;
         &:not(.grows) {
             @include flex(0 0 auto);
+            &.flex-can-shrink {
+                @include flex(0 1 auto);
+            }
         }
         &.grows {
             @include flex(1 1 auto);
@@ -120,21 +123,28 @@
 
 .l-flex-row {
     @include flex-direction(row);
+    &.flex-elem { @include flex(1 1 auto); }
+    .flex-elem {
+        height: inherit;
+        line-height: inherit;
+        min-width: 0;
+    }
     .flex-container { @include flex-direction(row); }
 }
 
 .l-flex-col {
     @include flex-direction(column);
     .flex-elem {
+        min-height: 0;
         &:not(:first-child) { margin-top: $interiorMarginLg; }
     }
     .flex-container { @include flex-direction(column); }
 }
 
-.l-flex {
-    @extend .l-flex-row;
-    .left {
-        @include flex(1 1 0);
-        padding-right: $interiorMarginLg;
-    }
+.flex-fixed {
+    @include flex(0 0 auto);
+}
+
+.flex-justify-end {
+    @include justify-content(flex-end);
 }
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss
index a8c1f68aa3..cd7bfe3afc 100644
--- a/platform/commonUI/general/res/sass/controls/_controls.scss
+++ b/platform/commonUI/general/res/sass/controls/_controls.scss
@@ -214,7 +214,7 @@ label.checkbox.custom {
 
     .l-elem-wrapper {
         //@include test(#66f, 0.2);
-        @include justify-content(flex-start);
+        //@include justify-content(flex-start); // Commented out 11/6/15 open250
         mct-representation {
             // Holds the context-available item
             // Must have min-width to make flex work properly
diff --git a/platform/commonUI/general/res/sass/helpers/_splitter.scss b/platform/commonUI/general/res/sass/helpers/_splitter.scss
index a98fc28af5..6e003ae090 100644
--- a/platform/commonUI/general/res/sass/helpers/_splitter.scss
+++ b/platform/commonUI/general/res/sass/helpers/_splitter.scss
@@ -29,7 +29,7 @@
     //@include test(red);
     display: block;
     position: absolute;
-    z-index: 1;
+    z-index: 3;
     &:after {
         // The handle
         content:"";
diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss
index 832030d927..be5955d062 100644
--- a/platform/commonUI/general/res/sass/mobile/_layout.scss
+++ b/platform/commonUI/general/res/sass/mobile/_layout.scss
@@ -36,8 +36,10 @@
         //@include test();
         @include slMenuTransitions;
         margin-left: 0 !important;
-        #content-area {
+        .holder-object-and-inspector {
             @include slMenuTransitions;
+            left: $bodyMargin;
+            right: $bodyMargin;
             opacity: 1;
         }
     }
@@ -46,7 +48,6 @@
         right: $bodyMargin !important;
     }
 
-
 // When the tree is hidden, these are the
     // classes used for the left menu and the
     // right representation.
@@ -148,7 +149,7 @@
         .pane.right.items {
             left: 0 !important;
             @include transform(translateX($proporMenuOnly));
-            #content-area {
+            .holder-object-and-inspector {
                 opacity: 0;
             }
         }
diff --git a/platform/commonUI/general/res/sass/user-environ/_frame.scss b/platform/commonUI/general/res/sass/user-environ/_frame.scss
index d1a38d4018..ab72a08dc5 100644
--- a/platform/commonUI/general/res/sass/user-environ/_frame.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_frame.scss
@@ -29,11 +29,14 @@
 			border-color: lighten($bc, 10%);
 		}
 	}
-	>.object-header.abs {
+	.object-top-bar {
 		//@include test(red);
 		font-size: 0.75em;
 		height: $ohH;
 		line-height: $ohH;
+        .left {
+            padding-right: $interiorMarginLg;
+        }
 	}
 	>.object-holder.abs {
 		top: $ohH + $interiorMargin;
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index 8a09ed9cef..fddff7e00b 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -46,36 +46,30 @@
     }
 }
 
-.bar {
-    .icon.major {
+// .bar and following commented out as part of refactor to use flex layout for this stuff
+//.bar {
+/*    .icon.major {
         margin-right: $interiorMargin;
-    }
-    &.abs {
-        text-wrap: none;
-        white-space: nowrap;
-        &.left,
-        .left {
-            width: 45%;
-            right: auto;
-        }
-        &.right,
-        .right {
-            width: 45%;
-            left: auto;
-            text-align: right;
-            .icon.major {
-                margin-left: $interiorMargin * 3;
-            }
-        }
-        .l-flex,
-        &.l-flex {
-            .left,
-            .right {
-                width: auto;
-            }
-        }
-    }
-}
+    }*/
+    //&.abs {
+        //text-wrap: none;
+        //white-space: nowrap;
+        //&.left,
+        //.left {
+        //    width: 45%;
+        //    right: auto;
+        //}
+        //&.right,
+        //.right {
+        //    width: 45%;
+        //    left: auto;
+        //    text-align: right;
+        //    .icon.major {
+        //        margin-left: $interiorMargin * 3;
+        //    }
+        //}
+    //}
+//}
 
 .user-environ {
     .browse-area,
@@ -141,21 +135,20 @@
 	}
 }
 
-.browse-mode {
-    .split-layout {
-        .split-pane-component.pane {
-            //@include test(green);
-            &.treeview.left {
-                min-width: 150px;
-                max-width: 800px;
-                width: $ueBrowseLeftPaneTreeW;
-            }
-            &.t-inspect.right {
-                min-width: 200px;
-                max-width: 600px;
-                //padding-left: $ueCollapsedPaneEdgeM; // Allow room for mini-tab element
-                width: $ueBrowseRightPaneInspectW;
-            }
+.split-layout {
+    .split-pane-component.pane {
+        //@include test(green);
+        &.treeview.left {
+            min-width: 150px;
+            max-width: 800px;
+            width: $ueBrowseLeftPaneTreeW;
+        }
+        &.t-inspect.right {
+            min-width: 200px;
+            max-width: 600px;
+            //padding-left: $ueCollapsedPaneEdgeM; // Allow room for mini-tab element
+            width: $ueBrowseRightPaneInspectW;
+            z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
         }
     }
 }
@@ -187,7 +180,7 @@
         z-index: 2;
     }
 
-    &.treeview.left {
+    //&.treeview.left {
         // Converted to flex layout
 
         //.create-btn-holder {
@@ -209,7 +202,7 @@
         //    overflow: auto;
         //    top: $ueTopBarH + $interiorMarginLg + $treeSearchInputBarH + $interiorMargin;
         //}
-    }
+    //}
 
     .mini-tab-icon.toggle-pane {
         //@include test(blue, 0.3);
@@ -269,30 +262,6 @@
 }
 
 .split-layout {
-    &.horizontal {
-        // Slides up and down
-        > .pane {
-            //			@include test();
-            margin-top: $interiorMargin;
-            &:first-child {
-                margin-top: 0;
-            }
-        }
-    }
-   /* &.vertical {
-        // Slides left and right
-        > .pane.left {
-            > .holder {
-                left: $bodyMargin;
-            }
-        }
-        > .pane.right {
-            > .holder {
-                right: $bodyMargin;
-            }
-        }
-    }*/
-
     // Specific elements margins
     .holder.holder-treeview-elements {
         top: $bodyMargin;
@@ -315,7 +284,6 @@
             bottom: $bodyMargin;
             left: $bodyMargin;
             right: $bodyMargin;
-
         }
     }
 }
@@ -348,19 +316,18 @@
     }
 }
 
+/***************************************************** OBJECT BROWSE BAR */
 .object-browse-bar {
     //@include test(blue);
-    @include absPosDefault(0, hidden);
+    @include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu
     @include box-sizing(border-box);
     height: $ueTopBarH;
     line-height: $ueTopBarH;
     white-space: nowrap;
 
     .left {
-        padding-right: $interiorMarginLg * 2;
+        padding-right: $interiorMarginLg;
         .l-back {
-            display: inline-block;
-            float: left;
             margin-right: $interiorMarginLg;
         }
     }
@@ -404,6 +371,9 @@
 }
 .pane-inspect-hidden {
     .l-object-and-inspector {
+        .t-inspect {
+            z-index: 1 !important; // Move down so that primary pane elements are clickable
+        }
         .l-inspect,
         .splitter-inspect {
             opacity: 0;
@@ -421,8 +391,10 @@
     .pane-inspect-hidden .l-object-and-inspector {
         .pane.left { right: $ueCollapsedPaneEdgeM !important; }
     }
-
     .pane:not(.resizing) {
         @include trans-prop-nice-resize-w(250ms);
     }
+    .pane.primary-pane .object-browse-bar {
+        min-width: 200px; // Needed for nice display when primary pane is constrained severely via splitters
+    }
 }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 7c1728bb60..1a2ea555bc 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -425,6 +425,16 @@ mct-container {
   display: none !important; }
 
 /* line 145, ../../../../general/res/sass/_global.scss */
+.off {
+  visibility: hidden;
+  opacity: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  margin: 0 !important; }
+
+/* line 155, ../../../../general/res/sass/_global.scss */
 .sep {
   color: rgba(255, 255, 255, 0.2); }
 
@@ -508,29 +518,34 @@ mct-container {
 
 /********************************************* FLEX STYLES */
 /* line 96, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row, .l-flex,
+.l-flex-row,
 .l-flex-col {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
   /* line 101, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem, .l-flex .flex-elem,
+  .l-flex-row .flex-elem,
   .l-flex-col .flex-elem {
     min-height: 0;
     position: relative; }
     /* line 105, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
+    .l-flex-row .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
-    /* line 108, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
+      /* line 107, ../../../../general/res/sass/_archetypes.scss */
+      .l-flex-row .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 111, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .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 .flex-container,
+  /* line 115, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
     display: flex;
@@ -540,32 +555,48 @@ mct-container {
     flex: 1 1 auto;
     min-height: 0; }
 
-/* line 121, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row, .l-flex {
+/* line 124, ../../../../general/res/sass/_archetypes.scss */
+.l-flex-row {
   -webkit-flex-direction: row;
   flex-direction: row; }
-  /* line 123, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-container, .l-flex .flex-container {
+  /* line 126, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row.flex-elem {
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto; }
+  /* line 127, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-elem {
+    height: inherit;
+    line-height: inherit;
+    min-width: 0; }
+  /* line 132, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
-/* line 126, ../../../../general/res/sass/_archetypes.scss */
+/* line 135, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 129, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-col .flex-elem:not(:first-child) {
-    margin-top: 10px; }
-  /* line 131, ../../../../general/res/sass/_archetypes.scss */
+  /* line 137, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-elem {
+    min-height: 0; }
+    /* line 139, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-col .flex-elem:not(:first-child) {
+      margin-top: 10px; }
+  /* line 141, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
     flex-direction: column; }
 
-/* line 136, ../../../../general/res/sass/_archetypes.scss */
-.l-flex .left {
-  -webkit-flex: 1 1 0;
-  flex: 1 1 0;
-  padding-right: 10px; }
+/* line 144, ../../../../general/res/sass/_archetypes.scss */
+.flex-fixed {
+  -webkit-flex: 0 0 auto;
+  flex: 0 0 auto; }
+
+/* line 148, ../../../../general/res/sass/_archetypes.scss */
+.flex-justify-end {
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end; }
 
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -1082,7 +1113,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
 .splitter {
   display: block;
   position: absolute;
-  z-index: 1; }
+  z-index: 3; }
   /* line 33, ../../../../general/res/sass/helpers/_splitter.scss */
   .splitter:after {
     content: "";
@@ -2273,13 +2304,9 @@ label.checkbox.custom {
     font-size: 120%;
     float: left;
     margin-right: 5px; }
-  /* line 215, ../../../../general/res/sass/controls/_controls.scss */
-  .object-header .l-elem-wrapper {
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start; }
-    /* line 218, ../../../../general/res/sass/controls/_controls.scss */
-    .object-header .l-elem-wrapper mct-representation {
-      min-width: 0.7em; }
+  /* line 218, ../../../../general/res/sass/controls/_controls.scss */
+  .object-header .l-elem-wrapper mct-representation {
+    min-width: 0.7em; }
   /* line 226, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .action {
     margin-right: 5px; }
@@ -4348,94 +4375,37 @@ span.req {
     bottom: 0px;
     left: 0px; }
 
-/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */
-.bar .icon.major, .bar .major.t-item-icon {
-  margin-right: 5px; }
-/* line 53, ../../../../general/res/sass/user-environ/_layout.scss */
-.bar.abs, .bar.l-inspect, .l-datetime-picker .l-month-year-pager .bar.pager,
-.l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area {
-  text-wrap: none;
-  white-space: nowrap; }
-  /* line 56, ../../../../general/res/sass/user-environ/_layout.scss */
-  .bar.abs.left, .bar.left.l-inspect, .l-datetime-picker .l-month-year-pager .bar.left.pager,
-  .l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area,
-  .bar.abs .left,
-  .bar.l-inspect .left,
-  .l-datetime-picker .l-month-year-pager .bar.pager .left,
-  .l-datetime-picker .l-month-year-pager .bar.val .left,
-  .s-menu-btn span.bar.l-click-area .left {
-    width: 45%;
-    right: auto; }
-  /* line 61, ../../../../general/res/sass/user-environ/_layout.scss */
-  .bar.abs.right, .bar.right.l-inspect, .l-datetime-picker .l-month-year-pager .bar.right.pager,
-  .l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area,
-  .bar.abs .right,
-  .bar.l-inspect .right,
-  .l-datetime-picker .l-month-year-pager .bar.pager .right,
-  .l-datetime-picker .l-month-year-pager .bar.val .right,
-  .s-menu-btn span.bar.l-click-area .right {
-    width: 45%;
-    left: auto;
-    text-align: right; }
-    /* line 66, ../../../../general/res/sass/user-environ/_layout.scss */
-    .bar.abs.right .icon.major, .bar.right.l-inspect .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major,
-    .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .bar.right.l-inspect .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon,
-    .l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon,
-    .bar.abs .right .icon.major,
-    .bar.l-inspect .right .icon.major,
-    .l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major,
-    .l-datetime-picker .l-month-year-pager .bar.val .right .icon.major,
-    .s-menu-btn span.bar.l-click-area .right .icon.major,
-    .bar.abs .right .major.t-item-icon,
-    .bar.l-inspect .right .major.t-item-icon,
-    .l-datetime-picker .l-month-year-pager .bar.pager .right .major.t-item-icon,
-    .l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon,
-    .s-menu-btn span.bar.l-click-area .right .major.t-item-icon {
-      margin-left: 15px; }
-  /* line 72, ../../../../general/res/sass/user-environ/_layout.scss */
-  .bar.abs .l-flex .left, .bar.l-inspect .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left,
-  .l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left,
-  .bar.abs .l-flex .right,
-  .bar.l-inspect .l-flex .right,
-  .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .right,
-  .l-datetime-picker .l-month-year-pager .bar.val .l-flex .right,
-  .s-menu-btn span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .bar.l-flex.l-inspect .left, .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .left,
-  .l-datetime-picker .l-month-year-pager .bar.l-flex.val .left, .s-menu-btn span.bar.l-flex.l-click-area .left,
-  .bar.abs.l-flex .right,
-  .bar.l-flex.l-inspect .right,
-  .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .right,
-  .l-datetime-picker .l-month-year-pager .bar.l-flex.val .right,
-  .s-menu-btn span.bar.l-flex.l-click-area .right {
-    width: auto; }
-
-/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */
+/*    .icon.major {
+        margin-right: $interiorMargin;
+    }*/
+/* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .browse-area,
 .user-environ .editor {
   top: 0;
   left: 0;
   right: 0;
   bottom: 25px; }
-/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 82, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .browse-area > .contents,
 .user-environ .edit-area > .contents {
   left: 0;
   right: 0; }
-/* line 94, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .edit-area {
   top: 45px;
   left: 10px;
   right: 10px;
   bottom: 35px; }
-  /* line 100, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 94, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .tool-bar {
     bottom: auto;
     height: 30px;
     line-height: 25px; }
-  /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .object-holder.work-area {
     top: 40px;
     overflow: auto; }
-/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .ue-bottom-bar {
   overflow: hidden;
   position: absolute;
@@ -4451,7 +4421,7 @@ span.req {
   background: #000;
   color: gray;
   font-size: .7rem; }
-  /* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4470,7 +4440,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 130, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4487,79 +4457,80 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 131, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 148, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-mode .split-layout .split-pane-component.pane.treeview.left {
+/* line 141, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .split-pane-component.pane.treeview.left {
   min-width: 150px;
   max-width: 800px;
   width: 25%; }
-/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-mode .split-layout .split-pane-component.pane.t-inspect.right {
+/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .split-pane-component.pane.t-inspect.right {
   min-width: 200px;
   max-width: 600px;
-  width: 20%; }
+  width: 20%;
+  z-index: 3; }
 
-/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 235, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4577,16 +4548,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 242, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4600,51 +4571,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout {
-  /* &.vertical {
-       // Slides left and right
-       > .pane.left {
-           > .holder {
-               left: $bodyMargin;
-           }
-       }
-       > .pane.right {
-           > .holder {
-               right: $bodyMargin;
-           }
-       }
-   }*/ }
-  /* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout.horizontal > .pane {
-    margin-top: 5px; }
-    /* line 277, ../../../../general/res/sass/user-environ/_layout.scss */
-    .split-layout.horizontal > .pane:first-child {
-      margin-top: 0; }
-  /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-treeview-elements {
+/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .holder.holder-treeview-elements {
+  top: 10px;
+  right: 0;
+  bottom: 10px;
+  left: 10px; }
+/* line 273, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .holder.holder-object-and-inspector {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-object {
+    top: 10px;
+    bottom: 10px; }
+  /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
-    right: 0;
     bottom: 10px;
-    left: 10px; }
-  /* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-object-and-inspector {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0; }
-    /* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
-    .split-layout .holder.holder-object-and-inspector .holder-object {
-      top: 10px;
-      bottom: 10px; }
-    /* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
-    .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
-      top: 10px;
-      bottom: 10px;
-      left: 10px;
-      right: 10px; }
+    left: 10px;
+    right: 10px; }
 
-/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4655,11 +4605,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 333, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4671,14 +4621,15 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 314, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
-/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
+/***************************************************** OBJECT BROWSE BAR */
+/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
-  overflow: hidden;
+  overflow: visible;
   position: absolute;
   top: 0;
   right: 0;
@@ -4692,22 +4643,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
-    padding-right: 20px; }
-    /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */
+    padding-right: 10px; }
+    /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
-      display: inline-block;
-      float: left;
       margin-right: 10px; }
 
-/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4727,7 +4676,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4746,7 +4695,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 398, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4767,25 +4716,28 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-inspect-hidden .l-object-and-inspector .t-inspect {
+  z-index: 1 !important; }
+/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 415, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 419, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 422, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 392, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 425, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 394, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4802,7 +4754,11 @@ span.req {
     -moz-transition-delay: 0;
     -o-transition-delay: 0;
     -webkit-transition-delay: 0;
-    transition-delay: 0; } }
+    transition-delay: 0; }
+
+  /* line 397, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane.primary-pane .object-browse-bar {
+    min-width: 200px; } }
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -4847,20 +4803,22 @@ span.req {
     backface-visibility: hidden;
     margin-left: 0 !important; }
     /* line 39, ../../../../general/res/sass/mobile/_layout.scss */
-    .pane.right.items #content-area {
+    .pane.right.items .holder-object-and-inspector {
       -moz-transition-duration: 0.35s;
       -o-transition-duration: 0.35s;
       -webkit-transition-duration: 0.35s;
       transition-duration: 0.35s;
       transition-timing-function: ease;
       backface-visibility: hidden;
+      left: 10px;
+      right: 10px;
       opacity: 1; }
 
-  /* line 45, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 47, ../../../../general/res/sass/mobile/_layout.scss */
   .holder.holder-treeview-elements {
     right: 10px !important; }
 
-  /* line 56, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 57, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4879,11 +4837,11 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     opacity: 0 !important; }
-  /* line 64, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.right.items {
     left: 0 !important; }
 
-  /* line 78, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 79, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4908,52 +4866,52 @@ span.req {
     background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
     right: auto !important;
     width: 40% !important; }
-  /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 86, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 40% !important; }
 
-  /* line 90, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 91, ../../../../general/res/sass/mobile/_layout.scss */
   .toggle-tree {
     color: #0099cc !important;
     font-size: 110%;
     position: absolute;
     top: 12px;
     left: 10px; }
-    /* line 96, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important;
       font-family: symbolsfont; }
 
-  /* line 102, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 45px !important; }
-    /* line 105, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 118, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 121, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 122, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-disable-select {
     -moz-user-select: -moz-none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none; }
 
-  /* line 126, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 131, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -4974,7 +4932,7 @@ span.req {
     transition-delay: 0;
     opacity: 0; }
 
-  /* line 136, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -4995,21 +4953,21 @@ span.req {
     transition-delay: 0;
     opacity: 1; } }
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 145, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 148, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 149, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 0 !important;
     -moz-transform: translateX(90%);
     -ms-transform: translateX(90%);
     -webkit-transform: translateX(90%);
     transform: translateX(90%); }
-    /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
-    .pane-tree-showing .pane.right.items #content-area {
+    /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
+    .pane-tree-showing .pane.right.items .holder-object-and-inspector {
       opacity: 0; } }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 159, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -5192,26 +5150,16 @@ span.req {
 .clear-icon:before {
   content: '\e607'; }
 
-/* line 52, ../../../../general/res/sass/search/_search.scss */
-.off {
-  visibility: hidden;
-  opacity: 0;
-  height: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  margin: 0 !important; }
-
-/* line 65, ../../../../general/res/sass/search/_search.scss */
+/* line 55, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-bar {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 74, ../../../../general/res/sass/search/_search.scss */
+  /* line 64, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     height: 25px;
     line-height: 25px; }
-  /* line 79, ../../../../general/res/sass/search/_search.scss */
+  /* line 69, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before,
   .holder-search .search-bar .clear-icon,
   .holder-search .search-bar .menu-icon {
@@ -5225,16 +5173,16 @@ span.req {
     position: absolute;
     text-align: center;
     top: 4px; }
-  /* line 92, ../../../../general/res/sass/search/_search.scss */
+  /* line 82, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 99, ../../../../general/res/sass/search/_search.scss */
+    /* line 89, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .search-input input {
       width: inherit; }
-  /* line 104, ../../../../general/res/sass/search/_search.scss */
+  /* line 94, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before {
     content: '\4d';
     font-family: symbolsfont;
@@ -5256,44 +5204,40 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     pointer-events: none; }
-  /* line 114, ../../../../general/res/sass/search/_search.scss */
+  /* line 104, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 118, ../../../../general/res/sass/search/_search.scss */
+  /* line 108, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .clear-icon {
     right: 22px;
     visibility: hidden;
     opacity: 0; }
-    /* line 124, ../../../../general/res/sass/search/_search.scss */
+    /* line 114, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon.show {
       visibility: visible;
       opacity: 1; }
-    /* line 129, ../../../../general/res/sass/search/_search.scss */
+    /* line 119, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 134, ../../../../general/res/sass/search/_search.scss */
+  /* line 124, ../../../../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 136, ../../../../general/res/sass/search/_search.scss */
+    /* line 126, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 142, ../../../../general/res/sass/search/_search.scss */
+    /* line 132, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 147, ../../../../general/res/sass/search/_search.scss */
+  /* line 137, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-menu-holder {
     float: right;
     left: -20px;
     z-index: 3;
     transition: visibility .05s, opacity .05s; }
-    /* line 153, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-menu-holder.off {
-      visibility: hidden;
-      opacity: 0; }
-/* line 168, ../../../../general/res/sass/search/_search.scss */
+/* line 153, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5301,7 +5245,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 181, ../../../../general/res/sass/search/_search.scss */
+  /* line 166, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #737373;
     opacity: 1;
@@ -5309,7 +5253,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 194, ../../../../general/res/sass/search/_search.scss */
+/* line 179, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5327,16 +5271,16 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0; }
-  /* line 198, ../../../../general/res/sass/search/_search.scss */
+  /* line 183, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 204, ../../../../general/res/sass/search/_search.scss */
+  /* line 189, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 208, ../../../../general/res/sass/search/_search.scss */
+  /* line 193, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
@@ -5964,45 +5908,47 @@ ul.tree {
   .frame.child-frame.panel:hover {
     border-color: rgba(179, 179, 179, 0.1); }
 /* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame > .object-header.abs, .frame > .object-header.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-header.pager,
-.l-datetime-picker .l-month-year-pager .frame > .object-header.val, .s-menu-btn .frame > span.object-header.l-click-area {
+.frame .object-top-bar {
   font-size: 0.75em;
   height: 16px;
   line-height: 16px; }
-/* line 38, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 37, ../../../../general/res/sass/user-environ/_frame.scss */
+  .frame .object-top-bar .left {
+    padding-right: 10px; }
+/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
 .l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
   top: 21px; }
-/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 44, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame .contents {
   top: 5px;
   right: 5px;
   bottom: 5px;
   left: 5px; }
-/* line 49, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 52, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .s-btn, .frame.frame-template .s-menu-btn,
 .frame.frame-template .s-menu-btn {
   height: 16px;
   line-height: 16px;
   padding: 0 5px; }
-  /* line 54, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 57, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span,
   .frame.frame-template .s-menu-btn > span {
     font-size: 0.65rem; }
-/* line 59, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 62, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .s-menu-btn:after {
   font-size: 8px; }
-/* line 63, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 66, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .view-switcher {
   z-index: 10; }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 69, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template .view-switcher {
     opacity: 0; }
-  /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template:hover .view-switcher {
     opacity: 1; } }
-/* line 80, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame .view-switcher .title-label {
   display: none; }
 
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 5506c60448..7d7fd9f154 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -1,7385 +1,313 @@
-@charset "UTF-8";
-/*****************************************************************************
- * 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 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font: inherit;
-  font-size: 100%;
-  vertical-align: baseline; }
-
-/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-html {
-  line-height: 1; }
-
-/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-ol, ul {
-  list-style: none; }
-
-/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-table {
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-caption, th, td {
-  text-align: left;
-  font-weight: normal;
-  vertical-align: middle; }
-
-/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-q, blockquote {
-  quotes: none; }
-  /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-  q:before, q:after, blockquote:before, blockquote:after {
-    content: "";
-    content: none; }
-
-/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-a img {
-  border: none; }
-
-/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
-article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
-  display: block; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*********************************************** CONTROLS, FORM ELEMENTS */
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/************************** FEATURES */
-/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
-/************************** RATIOS */
-/************************** LAYOUT */
-/************************** CONTROLS */
-/************************** PATHS */
-/************************** TIMINGS */
-/************************** LIMITS */
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
-/************************** MOBILE TREE MENU DIMENSIONS */
-/************************** WINDOW DIMENSIONS FOR RWD */
-/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
-/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
-/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/_effects.scss */
-.disabled,
-a.disabled {
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
-  opacity: 0.3;
-  pointer-events: none !important;
-  cursor: default !important; }
-
-/* line 29, ../../../../general/res/sass/_effects.scss */
-.incised {
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
-  box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
-
-/* line 34, ../../../../general/res/sass/_effects.scss */
-.outline {
-  border: 1px solid white; }
-
-/* line 38, ../../../../general/res/sass/_effects.scss */
-.test-stripes {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
-  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
-  background-image: linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
-  background-repeat: repeat;
-  background-size: 40px 40px; }
-
-/* line 42, ../../../../general/res/sass/_effects.scss */
-.test {
-  background-color: rgba(255, 204, 0, 0.2) !important; }
-
-@-moz-keyframes pulse {
-  0% {
-    opacity: 0.5; }
-  100% {
-    opacity: 1; } }
-@-webkit-keyframes pulse {
-  0% {
-    opacity: 0.5; }
-  100% {
-    opacity: 1; } }
-@keyframes pulse {
-  0% {
-    opacity: 0.5; }
-  100% {
-    opacity: 1; } }
-/* line 69, ../../../../general/res/sass/_effects.scss */
-.pulse {
-  -moz-animation-name: pulse;
-  -webkit-animation-name: pulse;
-  animation-name: pulse;
-  -moz-animation-duration: 750ms;
-  -webkit-animation-duration: 750ms;
-  animation-duration: 750ms;
-  -moz-animation-direction: alternate;
-  -webkit-animation-direction: alternate;
-  animation-direction: alternate;
-  -moz-animation-iteration-count: infinite;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -moz-animation-timing-function: ease-in-out;
-  -webkit-animation-timing-function: ease-in-out;
-  animation-timing-function: ease-in-out; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/************************** FONTS */
-@font-face {
-  	/*
-      * Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
-      */
-  font-family: 'symbolsfont';
-  src: url("../../../../general/res/fonts/symbols/wtdsymbols.eot");
-  src: url("../../../../general/res/fonts/symbols/wtdsymbols.eot?#iefix") format("embedded-opentype"), url("../../../../general/res/fonts/symbols/wtdsymbols.woff") format("woff"), url("../../../../general/res/fonts/symbols/wtdsymbols.ttf") format("truetype"), url("../../../../general/res/fonts/symbols/wtdsymbols.svg#armataregular") format("svg");
-  font-weight: normal;
-  font-style: normal; }
-/************************** HTML ENTITIES */
-/* line 38, ../../../../general/res/sass/_global.scss */
-a {
-  color: #999;
-  cursor: pointer;
-  text-decoration: none; }
-  /* line 42, ../../../../general/res/sass/_global.scss */
-  a:hover {
-    color: #0099cc; }
-
-/* line 47, ../../../../general/res/sass/_global.scss */
-body, html {
-  -webkit-font-smoothing: subpixel-antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: #fcfcfc;
-  color: #666;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 100%;
-  font-weight: 200;
-  height: 100%;
-  width: 100%;
-  overflow: hidden; }
-
-/* line 60, ../../../../general/res/sass/_global.scss */
-em {
-  font-style: normal; }
-
-/* line 64, ../../../../general/res/sass/_global.scss */
-input, textarea {
-  font-family: Helvetica, Arial, sans-serif; }
-
-/* line 68, ../../../../general/res/sass/_global.scss */
-input[type="text"] {
-  vertical-align: baseline;
-  padding: 3px 5px !important; }
-
-/* line 73, ../../../../general/res/sass/_global.scss */
-h1, h2, h3 {
-  margin: 0; }
-
-/* line 77, ../../../../general/res/sass/_global.scss */
-h1 {
-  font-size: 1.7em;
-  font-weight: normal !important;
-  line-height: 120%;
-  margin-bottom: 20px;
-  margin-top: 0; }
-
-/* line 85, ../../../../general/res/sass/_global.scss */
-p {
-  margin-bottom: 10px; }
-
-/* line 89, ../../../../general/res/sass/_global.scss */
-mct-container {
-  display: block; }
-
-/* line 93, ../../../../general/res/sass/_global.scss */
-.abs, .l-inspect, .l-datetime-picker .l-month-year-pager .pager,
-.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: auto;
-  width: auto; }
-
-/* line 103, ../../../../general/res/sass/_global.scss */
-.code, .codehilite {
-  font-family: "Lucida Console", monospace;
-  font-size: 0.7em;
-  line-height: 150%;
-  white-space: pre; }
-
-/* line 110, ../../../../general/res/sass/_global.scss */
-.codehilite {
-  background-color: rgba(102, 102, 102, 0.1);
-  padding: 1em; }
-
-/* line 116, ../../../../general/res/sass/_global.scss */
-.align-right {
-  text-align: right; }
-
-/* line 120, ../../../../general/res/sass/_global.scss */
-.centered {
-  text-align: center; }
-
-/* line 124, ../../../../general/res/sass/_global.scss */
-.scrolling {
-  overflow: auto; }
-
-/* line 128, ../../../../general/res/sass/_global.scss */
-.vscroll {
-  overflow-y: auto; }
-
-/* line 132, ../../../../general/res/sass/_global.scss */
-.no-margin {
-  margin: 0; }
-
-/* line 136, ../../../../general/res/sass/_global.scss */
-.ds {
-  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
-  box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
-
-/* line 140, ../../../../general/res/sass/_global.scss */
-.hide,
-.hidden {
-  display: none !important; }
-
-/* line 145, ../../../../general/res/sass/_global.scss */
-.sep {
-  color: rgba(255, 255, 255, 0.2); }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/********************************************* COLUMN LAYOUTS STYLES */
-/* line 34, ../../../../general/res/sass/_archetypes.scss */
-.cols {
-  overflow: hidden;
-  *zoom: 1; }
-  /* line 36, ../../../../general/res/sass/_archetypes.scss */
-  .cols .col {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    *zoom: 1;
-    float: left;
-    margin-left: 1.5%;
-    padding-left: 5px;
-    position: relative; }
-    /* line 44, ../../../../general/res/sass/_archetypes.scss */
-    .cols .col:first-child {
-      margin-left: 0;
-      padding-left: 0; }
-  /* line 51, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-2 .col-1 {
-    min-width: 250px;
-    width: 48.5%; }
-  /* line 57, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-2-ff .col-100px {
-    width: 100px; }
-  /* line 64, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-6 .col-1 {
-    min-width: 83.33333px;
-    width: 15.16667%; }
-  /* line 70, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-16 .col-1 {
-    min-width: 31.25px;
-    width: 4.75%; }
-  /* line 73, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-16 .col-2 {
-    min-width: 62.5px;
-    width: 11%; }
-  /* line 76, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-16 .col-7 {
-    min-width: 218.75px;
-    width: 42.25%; }
-  /* line 82, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-32 .col-2 {
-    min-width: 31.25px;
-    width: 4.75%; }
-  /* line 85, ../../../../general/res/sass/_archetypes.scss */
-  .cols.cols-32 .col-15 {
-    min-width: 234.375px;
-    width: 45.375%; }
-  /* line 89, ../../../../general/res/sass/_archetypes.scss */
-  .cols .l-row {
-    overflow: hidden;
-    *zoom: 1;
-    padding: 5px 0; }
-
-/********************************************* FLEX STYLES */
-/* line 96, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row, .l-flex,
-.l-flex-col {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-wrap: nowrap;
-  flex-wrap: nowrap; }
-  /* line 101, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-elem, .l-flex .flex-elem,
-  .l-flex-col .flex-elem {
-    min-height: 0;
-    position: relative; }
-    /* line 105, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
-    .l-flex-col .flex-elem:not(.grows) {
-      -webkit-flex: 0 0 auto;
-      flex: 0 0 auto; }
-    /* line 108, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-row .flex-elem.grows, .l-flex .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 .flex-container,
-  .l-flex-col .flex-container {
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-wrap: nowrap;
-    flex-wrap: nowrap;
-    -webkit-flex: 1 1 auto;
-    flex: 1 1 auto;
-    min-height: 0; }
-
-/* line 121, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-row, .l-flex {
-  -webkit-flex-direction: row;
-  flex-direction: row; }
-  /* line 123, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-row .flex-container, .l-flex .flex-container {
-    -webkit-flex-direction: row;
-    flex-direction: row; }
-
-/* line 126, ../../../../general/res/sass/_archetypes.scss */
-.l-flex-col {
-  -webkit-flex-direction: column;
-  flex-direction: column; }
-  /* line 129, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-col .flex-elem:not(:first-child) {
-    margin-top: 10px; }
-  /* line 131, ../../../../general/res/sass/_archetypes.scss */
-  .l-flex-col .flex-container {
-    -webkit-flex-direction: column;
-    flex-direction: column; }
-
-/* line 136, ../../../../general/res/sass/_archetypes.scss */
-.l-flex .left {
-  -webkit-flex: 1 1 0;
-  flex: 1 1 0;
-  padding-right: 10px; }
-
-/*****************************************************************************
- * 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 26, ../../../../general/res/sass/_about.scss */
-.l-about.abs, .l-about.l-inspect, .l-datetime-picker .l-month-year-pager .l-about.pager,
-.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area {
-  overflow: auto; }
-/* line 31, ../../../../general/res/sass/_about.scss */
-.l-about .l-logo-holder {
-  position: relative;
-  height: 45%; }
-  /* line 34, ../../../../general/res/sass/_about.scss */
-  .l-about .l-logo-holder .l-logo {
-    position: absolute; }
-    /* line 37, ../../../../general/res/sass/_about.scss */
-    .l-about .l-logo-holder .l-logo.l-logo-app {
-      top: 0;
-      right: 15%;
-      bottom: 0;
-      left: 15%; }
-    /* line 41, ../../../../general/res/sass/_about.scss */
-    .l-about .l-logo-holder .l-logo.s-logo-nasa {
-      background-image: url("../../../../general/res/images/logo-nasa.svg");
-      top: 10px;
-      right: auto;
-      bottom: auto;
-      left: 10px;
-      width: 10%;
-      height: auto;
-      padding-bottom: 5%;
-      padding-top: 5%; }
-/* line 50, ../../../../general/res/sass/_about.scss */
-.l-about .l-content {
-  position: relative;
-  margin-top: 10px; }
-
-/* line 57, ../../../../general/res/sass/_about.scss */
-.s-about {
-  line-height: 120%; }
-  /* line 61, ../../../../general/res/sass/_about.scss */
-  .s-about a {
-    color: #84b3ff; }
-  /* line 68, ../../../../general/res/sass/_about.scss */
-  .s-about .s-logo-holder {
-    background: url("../../../../general/res/images/bg-about-openmctweb.jpg") no-repeat center;
-    background-size: cover; }
-  /* line 72, ../../../../general/res/sass/_about.scss */
-  .s-about .s-logo {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain; }
-  /* line 78, ../../../../general/res/sass/_about.scss */
-  .s-about .s-logo-openmctweb {
-    background-image: url("../../../../general/res/images/logo-openmctweb-shdw.svg"); }
-  /* line 81, ../../../../general/res/sass/_about.scss */
-  .s-about .s-btn, .s-about .s-menu-btn {
-    line-height: 2em; }
-  /* line 85, ../../../../general/res/sass/_about.scss */
-  .s-about .l-licenses-software .l-license-software {
-    border-top: 1px solid rgba(102, 102, 102, 0.2);
-    padding: 0.5em 0; }
-    /* line 88, ../../../../general/res/sass/_about.scss */
-    .s-about .l-licenses-software .l-license-software:first-child {
-      border-top: none; }
-    /* line 91, ../../../../general/res/sass/_about.scss */
-    .s-about .l-licenses-software .l-license-software em {
-      color: #999999; }
-    /* line 98, ../../../../general/res/sass/_about.scss */
-    .s-about .l-licenses-software .l-license-software h3 {
-      font-size: 1.25em; }
-    /* line 101, ../../../../general/res/sass/_about.scss */
-    .s-about .l-licenses-software .l-license-software .s-license-text {
-      font-size: 0.9em; }
-
-/*****************************************************************************
- * 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/_text.scss */
-.abs.l-standalone, .l-standalone.l-inspect, .l-datetime-picker .l-month-year-pager .l-standalone.pager,
-.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area {
-  padding: 5% 20%; }
-
-/* line 29, ../../../../general/res/sass/_text.scss */
-.s-text {
-  font-size: 0.8em; }
-  /* line 31, ../../../../general/res/sass/_text.scss */
-  .s-text ol, .s-text ul {
-    list-style: square;
-    margin-left: 1.5em; }
-  /* line 39, ../../../../general/res/sass/_text.scss */
-  .s-text h1, .s-text h2, .s-text h3 {
-    color: #333333;
-    font-weight: normal !important;
-    margin-bottom: 1em; }
-  /* line 45, ../../../../general/res/sass/_text.scss */
-  .s-text h2 {
-    border-top: 1px solid rgba(102, 102, 102, 0.2);
-    font-size: 1.5em;
-    margin-top: 2em;
-    padding-top: 1em; }
-  /* line 52, ../../../../general/res/sass/_text.scss */
-  .s-text h3 {
-    margin-top: 2em; }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/_icons.scss */
-.triangle {
-  width: 0;
-  height: 0;
-  border-top: 5px solid transparent;
-  border-left: 5px solid #0099cc;
-  border-bottom: 5px solid transparent; }
-  /* line 26, ../../../../general/res/sass/_icons.scss */
-  .triangle.triangle-down {
-    width: 0;
-    height: 0;
-    border-left: 5px solid transparent;
-    border-top: 5px solid #0099cc;
-    border-right: 5px solid transparent; }
-
-/* line 31, ../../../../general/res/sass/_icons.scss */
-.ui-symbol, .t-item-icon, .s-icon-btn, .l-datetime-picker .l-month-year-pager .pager {
-  font-family: 'symbolsfont'; }
-  /* line 33, ../../../../general/res/sass/_icons.scss */
-  .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .type-icon.pager {
-    color: #b3b3b3; }
-  /* line 36, ../../../../general/res/sass/_icons.scss */
-  .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon {
-    color: #0099cc;
-    font-size: inherit; }
-    /* line 40, ../../../../general/res/sass/_icons.scss */
-    .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon {
-      color: #ff3c00; }
-      /* line 42, ../../../../general/res/sass/_icons.scss */
-      .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover {
-        color: #ff8a66; }
-    /* line 46, ../../../../general/res/sass/_icons.scss */
-    .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon {
-      font-size: 1.65em; }
-  /* line 50, ../../../../general/res/sass/_icons.scss */
-  .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after {
-    content: "\e605"; }
-
-/* line 55, ../../../../general/res/sass/_icons.scss */
-.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager {
-  display: inline-block; }
-
-/* line 59, ../../../../general/res/sass/_icons.scss */
-.invoke-menu {
-  text-shadow: none;
-  display: inline-block; }
-
-/* line 64, ../../../../general/res/sass/_icons.scss */
-.s-menu-btn .invoke-menu,
-.icon.major .invoke-menu,
-.major.t-item-icon .invoke-menu {
-  margin-left: 3px; }
-
-/* line 69, ../../../../general/res/sass/_icons.scss */
-.menu .type-icon,
-.tree-item .type-icon,
-.super-menu.menu .type-icon {
-  position: absolute; }
-
-/* line 75, ../../../../general/res/sass/_icons.scss */
-.l-icon-alert {
-  display: none !important; }
-  /* line 77, ../../../../general/res/sass/_icons.scss */
-  .l-icon-alert:before {
-    color: #ff3c00;
-    content: "!"; }
-
-/* line 84, ../../../../general/res/sass/_icons.scss */
-.t-item-icon {
-  display: inline-block;
-  line-height: normal;
-  position: relative; }
-  /* line 92, ../../../../general/res/sass/_icons.scss */
-  .t-item-icon.l-icon-link:before {
-    color: #49dedb;
-    content: "\f4";
-    height: auto;
-    width: auto;
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 10%;
-    -moz-transform-origin: bottom left;
-    -ms-transform-origin: bottom left;
-    -webkit-transform-origin: bottom left;
-    transform-origin: bottom left;
-    -moz-transform: scale(0.3);
-    -ms-transform: scale(0.3);
-    -webkit-transform: scale(0.3);
-    transform: scale(0.3);
-    z-index: 2; }
-
-/* line 13, ../../../../general/res/sass/_limits.scss */
-.s-limit-red {
-  background: rgba(255, 0, 0, 0.3) !important; }
-
-/* line 14, ../../../../general/res/sass/_limits.scss */
-.s-limit-yellow {
-  background: rgba(255, 170, 0, 0.3) !important; }
-
-/* line 2, ../../../../general/res/sass/_limits.scss */
-tr[class*="s-limit"].s-limit-red td:first-child:before {
-  color: red;
-  content: "";
-  font-family: symbolsfont;
-  font-size: 0.8em;
-  display: inline;
-  margin-right: 3px; }
-/* line 2, ../../../../general/res/sass/_limits.scss */
-tr[class*="s-limit"].s-limit-yellow td:first-child:before {
-  color: #ffaa00;
-  content: "";
-  font-family: symbolsfont;
-  font-size: 0.8em;
-  display: inline;
-  margin-right: 3px; }
-/* line 24, ../../../../general/res/sass/_limits.scss */
-tr[class*="s-limit"].s-limit-upr td:first-child:before {
-  content: "ë"; }
-/* line 25, ../../../../general/res/sass/_limits.scss */
-tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-  content: "î"; }
-
-/* line 2, ../../../../general/res/sass/_limits.scss */
-:not(tr)[class*="s-limit"].s-limit-red:before {
-  color: red;
-  content: "";
-  font-family: symbolsfont;
-  font-size: 0.8em;
-  display: inline;
-  margin-right: 3px; }
-/* line 2, ../../../../general/res/sass/_limits.scss */
-:not(tr)[class*="s-limit"].s-limit-yellow:before {
-  color: #ffaa00;
-  content: "";
-  font-family: symbolsfont;
-  font-size: 0.8em;
-  display: inline;
-  margin-right: 3px; }
-/* line 37, ../../../../general/res/sass/_limits.scss */
-:not(tr)[class*="s-limit"].s-limit-upr:before {
-  content: "ë"; }
-/* line 38, ../../../../general/res/sass/_limits.scss */
-:not(tr)[class*="s-limit"].s-limit-lwr:before {
-  content: "î"; }
-
-/* line 1, ../../../../general/res/sass/_data-status.scss */
-.s-stale {
-  color: rgba(51, 51, 51, 0.5) !important;
-  font-style: italic; }
-  /* line 3, ../../../../general/res/sass/_data-status.scss */
-  .s-stale .td {
-    color: rgba(51, 51, 51, 0.5) !important;
-    font-style: italic; }
-
-/*****************************************************************************
- * 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/helpers/_bubbles.scss */
-.bubble-container {
-  pointer-events: none; }
-
-/* line 31, ../../../../general/res/sass/helpers/_bubbles.scss */
-.l-infobubble-wrapper {
-  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-  position: relative;
-  z-index: 50; }
-  /* line 36, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper .l-infobubble {
-    display: inline-block;
-    min-width: 100px;
-    max-width: 300px;
-    padding: 5px 10px; }
-    /* line 41, ../../../../general/res/sass/helpers/_bubbles.scss */
-    .l-infobubble-wrapper .l-infobubble:before {
-      content: "";
-      position: absolute;
-      width: 0;
-      height: 0; }
-    /* line 47, ../../../../general/res/sass/helpers/_bubbles.scss */
-    .l-infobubble-wrapper .l-infobubble table {
-      width: 100%; }
-      /* line 50, ../../../../general/res/sass/helpers/_bubbles.scss */
-      .l-infobubble-wrapper .l-infobubble table tr td {
-        padding: 2px 0;
-        vertical-align: top; }
-        /* line 53, ../../../../general/res/sass/helpers/_bubbles.scss */
-        .l-infobubble-wrapper .l-infobubble table tr td.label {
-          padding-right: 10px;
-          white-space: nowrap; }
-        /* line 57, ../../../../general/res/sass/helpers/_bubbles.scss */
-        .l-infobubble-wrapper .l-infobubble table tr td.value {
-          word-break: break-all; }
-        /* line 61, ../../../../general/res/sass/helpers/_bubbles.scss */
-        .l-infobubble-wrapper .l-infobubble table tr td.align-wrap {
-          white-space: normal; }
-    /* line 67, ../../../../general/res/sass/helpers/_bubbles.scss */
-    .l-infobubble-wrapper .l-infobubble .title {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      margin-bottom: 5px; }
-  /* line 74, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper.arw-left {
-    margin-left: 20px; }
-    /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
-    .l-infobubble-wrapper.arw-left .l-infobubble::before {
-      right: 100%; }
-      @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-        /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
-        .l-infobubble-wrapper.arw-left .l-infobubble::before {
-          width: 0;
-          height: 0;
-          border-top: 6.66667px solid transparent;
-          border-bottom: 6.66667px solid transparent;
-          border-right: 10px solid white; } }
-  @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-    /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
-    .l-infobubble-wrapper.arw-right {
-      margin-right: 20px; } }
-  /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper.arw-right .l-infobubble::before {
-    left: 100%; }
-    @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
-      .l-infobubble-wrapper.arw-right .l-infobubble::before {
-        width: 0;
-        height: 0;
-        border-top: 6.66667px solid transparent;
-        border-bottom: 6.66667px solid transparent;
-        border-left: 10px solid white; } }
-  /* line 108, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper.arw-top .l-infobubble::before {
-    top: 20px; }
-  /* line 114, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper.arw-btm .l-infobubble::before {
-    bottom: 20px; }
-  /* line 119, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper.arw-down {
-    margin-bottom: 10px; }
-    /* line 121, ../../../../general/res/sass/helpers/_bubbles.scss */
-    .l-infobubble-wrapper.arw-down .l-infobubble::before {
-      left: 50%;
-      top: 100%;
-      margin-left: -5px;
-      border-left: 5px solid transparent;
-      border-right: 5px solid transparent;
-      border-top: 7.5px solid white; }
-  /* line 130, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper .arw {
-    z-index: 2; }
-  /* line 133, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .l-infobubble-wrapper.arw-up .arw.arw-down, .l-infobubble-wrapper.arw-down .arw.arw-up {
-    display: none; }
-
-/* line 142, ../../../../general/res/sass/helpers/_bubbles.scss */
-.l-thumbsbubble-wrapper .arw-up {
-  width: 0;
-  height: 0;
-  border-left: 6.66667px solid transparent;
-  border-right: 6.66667px solid transparent;
-  border-bottom: 10px solid #e3e3e3; }
-/* line 145, ../../../../general/res/sass/helpers/_bubbles.scss */
-.l-thumbsbubble-wrapper .arw-down {
-  width: 0;
-  height: 0;
-  border-left: 6.66667px solid transparent;
-  border-right: 6.66667px solid transparent;
-  border-top: 10px solid #e3e3e3; }
-
-/* line 150, ../../../../general/res/sass/helpers/_bubbles.scss */
-.s-infobubble {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-  background: white;
-  color: #666;
-  font-size: 0.8rem; }
-  /* line 157, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .s-infobubble .title {
-    color: #333333;
-    font-weight: bold; }
-  /* line 163, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .s-infobubble table tr td {
-    border: none;
-    border-top: 1px solid #e6e6e6 !important;
-    font-size: 0.9em; }
-  /* line 169, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .s-infobubble table tr:first-child td {
-    border-top: none !important; }
-  /* line 174, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .s-infobubble:first-child td {
-    border-top: none; }
-  /* line 178, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .s-infobubble .label {
-    color: gray; }
-  /* line 182, ../../../../general/res/sass/helpers/_bubbles.scss */
-  .s-infobubble .value {
-    color: #333333; }
-
-/* line 188, ../../../../general/res/sass/helpers/_bubbles.scss */
-.s-thumbsbubble {
-  background: #e3e3e3;
-  color: #4d4d4d; }
-
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/helpers/_splitter.scss */
-.splitter {
-  display: block;
-  position: absolute;
-  z-index: 1; }
-  /* line 33, ../../../../general/res/sass/helpers/_splitter.scss */
-  .splitter:after {
-    content: "";
-    pointer-events: none;
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: auto;
-    height: auto;
-    background: #e3e3e3;
-    display: block; }
-  /* line 47, ../../../../general/res/sass/helpers/_splitter.scss */
-  .splitter:active:after {
-    background-color: #0099cc !important; }
-
-/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */
-.split-layout.horizontal {
-  overflow: hidden; }
-  /* line 69, ../../../../general/res/sass/helpers/_splitter.scss */
-  .split-layout.horizontal .pane {
-    left: 0;
-    right: 0; }
-    /* line 72, ../../../../general/res/sass/helpers/_splitter.scss */
-    .split-layout.horizontal .pane.top {
-      bottom: auto; }
-    /* line 75, ../../../../general/res/sass/helpers/_splitter.scss */
-    .split-layout.horizontal .pane.bottom {
-      top: auto; }
-  /* line 79, ../../../../general/res/sass/helpers/_splitter.scss */
-  .split-layout.horizontal > .splitter {
-    cursor: row-resize;
-    left: 0;
-    right: 0;
-    height: 24px; }
-    /* line 84, ../../../../general/res/sass/helpers/_splitter.scss */
-    .split-layout.horizontal > .splitter:after {
-      top: 11px;
-      bottom: 11px; }
-/* line 92, ../../../../general/res/sass/helpers/_splitter.scss */
-.split-layout.vertical .pane {
-  top: 0;
-  bottom: 0; }
-  /* line 95, ../../../../general/res/sass/helpers/_splitter.scss */
-  .split-layout.vertical .pane.left {
-    right: auto; }
-  /* line 98, ../../../../general/res/sass/helpers/_splitter.scss */
-  .split-layout.vertical .pane.right {
-    left: auto; }
-/* line 102, ../../../../general/res/sass/helpers/_splitter.scss */
-.split-layout.vertical > .splitter {
-  cursor: col-resize;
-  top: 0;
-  bottom: 0; }
-  /* line 106, ../../../../general/res/sass/helpers/_splitter.scss */
-  .split-layout.vertical > .splitter:not(.flush-right) {
-    width: 24px; }
-    /* line 108, ../../../../general/res/sass/helpers/_splitter.scss */
-    .split-layout.vertical > .splitter:not(.flush-right):after {
-      left: 11px;
-      right: 11px; }
-  /* line 112, ../../../../general/res/sass/helpers/_splitter.scss */
-  .split-layout.vertical > .splitter.flush-right {
-    width: 12px; }
-    /* line 114, ../../../../general/res/sass/helpers/_splitter.scss */
-    .split-layout.vertical > .splitter.flush-right:after {
-      background-color: transparent;
-      left: auto;
-      right: 0;
-      width: 2px; }
-    /* line 118, ../../../../general/res/sass/helpers/_splitter.scss */
-    .split-layout.vertical > .splitter.flush-right.edge-shdw {
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-      background-size: 100%;
-      background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
-      background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
-      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%); }
-
-/*.browse-area .splitter {
-	top: 0; //$ueTopBarH + $interiorMarginLg;
-}
-
-.edit-area .splitter {
-	top: 0;
-}*/
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-@-moz-keyframes rotation {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(359deg); } }
-@-webkit-keyframes rotation {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(359deg); } }
-@keyframes rotation {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(359deg); } }
-/* line 63, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-.t-wait-spinner,
-.wait-spinner {
-  display: block;
-  position: absolute;
-  -webkit-animation: rotation .6s infinite linear;
-  -moz-animation: rotation .6s infinite linear;
-  -o-animation: rotation .6s infinite linear;
-  animation: rotation .6s infinite linear;
-  border-color: rgba(0, 153, 204, 0.25);
-  border-top-color: #0099cc;
-  border-style: solid;
-  border-width: 0.5em;
-  -moz-border-radius: 100%;
-  -webkit-border-radius: 100%;
-  border-radius: 100%;
-  top: 50%;
-  left: 50%;
-  height: auto;
-  width: auto;
-  padding: 5%;
-  pointer-events: none;
-  margin-top: -5%;
-  margin-left: -5%;
-  z-index: 2; }
-  /* line 74, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-  .t-wait-spinner.inline,
-  .wait-spinner.inline {
-    display: inline-block !important;
-    margin-right: 5px;
-    position: relative !important;
-    vertical-align: middle; }
-
-/* line 82, ../../../../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 */
-  .l-wait-spinner-holder.align-left .t-wait-spinner {
-    left: 0;
-    margin-left: 0; }
-  /* line 91, ../../../../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 */
-    .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 */
-.treeview .wait-spinner {
-  display: block;
-  position: absolute;
-  -webkit-animation: rotation .6s infinite linear;
-  -moz-animation: rotation .6s infinite linear;
-  -o-animation: rotation .6s infinite linear;
-  animation: rotation .6s infinite linear;
-  border-color: rgba(0, 153, 204, 0.25);
-  border-top-color: #0099cc;
-  border-style: solid;
-  border-width: 0.25em;
-  -moz-border-radius: 100%;
-  -webkit-border-radius: 100%;
-  border-radius: 100%;
-  height: 10px;
-  width: 10px;
-  margin: 0 !important;
-  padding: 0 !important;
-  top: 2px;
-  left: 0; }
-
-/* line 112, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-.wait-spinner.sm {
-  display: block;
-  position: absolute;
-  -webkit-animation: rotation .6s infinite linear;
-  -moz-animation: rotation .6s infinite linear;
-  -o-animation: rotation .6s infinite linear;
-  animation: rotation .6s infinite linear;
-  border-color: rgba(0, 153, 204, 0.25);
-  border-top-color: #0099cc;
-  border-style: solid;
-  border-width: 0.25em;
-  -moz-border-radius: 100%;
-  -webkit-border-radius: 100%;
-  border-radius: 100%;
-  height: 13px;
-  width: 13px;
-  margin-left: 0 !important;
-  margin-top: 0 !important;
-  padding: 0 !important;
-  top: 0;
-  left: 0; }
-
-/* line 122, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-.loading {
-  pointer-events: none; }
-  /* line 125, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-  .loading:before, .loading:after {
-    content: ''; }
-  /* line 129, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-  .loading: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;
-    border-color: rgba(119, 107, 162, 0.25);
-    border-top-color: #776ba2;
-    border-style: solid;
-    border-width: 5px;
-    -moz-border-radius: 100%;
-    -webkit-border-radius: 100%;
-    border-radius: 100%;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    height: 0;
-    width: 0;
-    padding: 7%;
-    left: 50%;
-    top: 50%;
-    z-index: 10; }
-@-moz-keyframes rotateCentered {
-  0% {
-    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
-  100% {
-    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
-@-webkit-keyframes rotateCentered {
-  0% {
-    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
-  100% {
-    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
-@keyframes rotateCentered {
-  0% {
-    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
-  100% {
-    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
-  /* line 133, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-  .loading:after {
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto;
-    background: rgba(119, 107, 162, 0.1);
-    display: block;
-    z-index: 9; }
-  /* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
-  .loading.tree-item:before {
-    padding: 0.375rem;
-    border-width: 2px; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/* Styles for the Inspector pane */
-/* line 24, ../../../../general/res/sass/_inspector.scss */
-.l-inspect,
-.l-inspect table tr td {
-  font-size: 0.7rem; }
-
-/* line 29, ../../../../general/res/sass/_inspector.scss */
-.l-inspect {
-  background: #efefef;
-  color: #666;
-  line-height: 140%; }
-  /* line 34, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect .pane-header {
-    color: #999999;
-    font-size: 0.8rem; }
-    /* line 37, ../../../../general/res/sass/_inspector.scss */
-    .l-inspect .pane-header:before {
-      color: gray;
-      content: '\e615';
-      display: inline;
-      font-family: symbolsfont;
-      margin-right: 5px;
-      vertical-align: bottom; }
-  /* line 47, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect ul {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding-right: 5px; }
-  /* line 52, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect ul li,
-  .l-inspect em {
-    display: block;
-    position: relative; }
-  /* line 58, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect ul li {
-    margin-bottom: 10px; }
-  /* line 62, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect em {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    background-color: #e3e3e3;
-    color: #898989;
-    margin-bottom: 5px;
-    padding: 5px 5px;
-    text-transform: uppercase; }
-  /* line 71, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect .inspector-properties {
-    padding: 3px 0; }
-    /* line 72, ../../../../general/res/sass/_inspector.scss */
-    .l-inspect .inspector-properties:not(.first) {
-      border-top: 1px solid #e3e3e3; }
-    /* line 76, ../../../../general/res/sass/_inspector.scss */
-    .l-inspect .inspector-properties .label {
-      color: #999999;
-      text-transform: uppercase; }
-    /* line 80, ../../../../general/res/sass/_inspector.scss */
-    .l-inspect .inspector-properties .value {
-      color: #404040;
-      word-break: break-all; }
-  /* line 88, ../../../../general/res/sass/_inspector.scss */
-  .l-inspect .inspector-location .location-item {
-    cursor: pointer;
-    display: inline-block;
-    position: relative;
-    padding: 2px 4px; }
-    /* line 93, ../../../../general/res/sass/_inspector.scss */
-    .l-inspect .inspector-location .location-item:hover {
-      background: rgba(102, 102, 102, 0.1);
-      color: #333333; }
-      /* line 96, ../../../../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 */
-  .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;
-    line-height: inherit;
-    margin-left: 3px;
-    width: 4px; }
-
-/********************************* CONTROLS */
-/* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
-.l-breadcrumb {
-  font-size: 0.7rem;
-  line-height: 1em;
-  margin-bottom: 5px;
-  margin-left: -4px; }
-  /* line 10, ../../../../general/res/sass/controls/_breadcrumb.scss */
-  .l-breadcrumb .l-breadcrumb-item a {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    -moz-transition: background-color 0.25s;
-    -o-transition: background-color 0.25s;
-    -webkit-transition: background-color 0.25s;
-    transition: background-color 0.25s;
-    color: #404040;
-    display: inline-block;
-    padding: 2px 4px; }
-    /* line 18, ../../../../general/res/sass/controls/_breadcrumb.scss */
-    .l-breadcrumb .l-breadcrumb-item a .icon, .l-breadcrumb .l-breadcrumb-item a .t-item-icon {
-      color: #0099cc;
-      margin-right: 5px; }
-    /* line 22, ../../../../general/res/sass/controls/_breadcrumb.scss */
-    .l-breadcrumb .l-breadcrumb-item a:hover {
-      background: white;
-      color: gray; }
-      /* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */
-      .l-breadcrumb .l-breadcrumb-item a:hover .icon, .l-breadcrumb .l-breadcrumb-item a:hover .t-item-icon {
-        color: #0099cc; }
-
-/*****************************************************************************
- * 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 25, ../../../../general/res/sass/controls/_buttons.scss */
-.s-btn, .s-menu-btn,
-.s-icon-btn {
-  -moz-user-select: -moz-none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  cursor: pointer;
-  text-decoration: none;
-  height: 25px;
-  line-height: 25px; }
-
-/* line 34, ../../../../general/res/sass/controls/_buttons.scss */
-.s-btn, .s-menu-btn {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0 7.5px;
-  font-size: 0.7rem; }
-  /* line 39, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn .icon, .s-menu-btn .icon, .s-btn .t-item-icon, .s-menu-btn .t-item-icon {
-    font-size: 0.8rem;
-    color: #0099cc; }
-  /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn .title-label, .s-menu-btn .title-label {
-    vertical-align: top; }
-  /* line 48, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.lg, .lg.s-menu-btn {
-    font-size: 1rem; }
-  /* line 52, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.sm, .sm.s-menu-btn {
-    padding: 0 5px; }
-  /* line 56, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.vsm, .vsm.s-menu-btn {
-    padding: 0 2.5px; }
-  /* line 60, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.major, .major.s-menu-btn {
-    background-color: #0099cc;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #fff;
-    display: inline-block;
-    -moz-user-select: -moz-none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    -moz-transition: background, 0.25s;
-    -o-transition: background, 0.25s;
-    -webkit-transition: background, 0.25s;
-    transition: background, 0.25s;
-    text-shadow: none; }
-    /* line 297, ../../../../general/res/sass/_mixins.scss */
-    .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
-      color: #fff; }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 302, ../../../../general/res/sass/_mixins.scss */
-      .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
-        background: 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; } }
-  /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn:not(.major), .s-menu-btn:not(.major) {
-    background-color: #969696;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #fff;
-    display: inline-block;
-    -moz-user-select: -moz-none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    -moz-transition: background, 0.25s;
-    -o-transition: background, 0.25s;
-    -webkit-transition: background, 0.25s;
-    transition: background, 0.25s;
-    text-shadow: none; }
-    /* line 297, ../../../../general/res/sass/_mixins.scss */
-    .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
-      color: #eee; }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 302, ../../../../general/res/sass/_mixins.scss */
-      .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
-        background: #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; } }
-  /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before, .s-btn.pause-play .t-item-icon:before, .pause-play.s-menu-btn .t-item-icon:before {
-    content: "\0000F1"; }
-  /* line 78, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn {
-    background-color: #ff9900;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #fff;
-    display: inline-block;
-    -moz-user-select: -moz-none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    -moz-transition: background, 0.25s;
-    -o-transition: background, 0.25s;
-    -webkit-transition: background, 0.25s;
-    transition: background, 0.25s;
-    text-shadow: none; }
-    /* line 297, ../../../../general/res/sass/_mixins.scss */
-    .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
-      color: #fff; }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* 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; }
-        /* 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; } }
-    /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
-    .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
-      -moz-animation-name: pulse;
-      -webkit-animation-name: pulse;
-      animation-name: pulse;
-      -moz-animation-duration: 1000ms;
-      -webkit-animation-duration: 1000ms;
-      animation-duration: 1000ms;
-      -moz-animation-direction: alternate;
-      -webkit-animation-direction: alternate;
-      animation-direction: alternate;
-      -moz-animation-iteration-count: infinite;
-      -webkit-animation-iteration-count: infinite;
-      animation-iteration-count: infinite;
-      -moz-animation-timing-function: ease-in-out;
-      -webkit-animation-timing-function: ease-in-out;
-      animation-timing-function: ease-in-out; }
-      /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
-      .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before, .s-btn.pause-play.paused .t-item-icon :before, .pause-play.paused.s-menu-btn .t-item-icon :before {
-        content: "\0000EF"; }
-  /* line 90, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
-    content: "\000039"; }
-
-/* line 96, ../../../../general/res/sass/controls/_buttons.scss */
-.s-icon-btn {
-  color: #eee; }
-  /* line 99, ../../../../general/res/sass/controls/_buttons.scss */
-  .s-icon-btn:hover {
-    color: white; }
-
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
-  .mini-tab {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -moz-transition-property: color, background-color;
-    -o-transition-property: color, background-color;
-    -webkit-transition-property: color, background-color;
-    transition-property: color, background-color;
-    -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;
-    color: #d6d6d6;
-    cursor: pointer;
-    font-family: symbolsfont;
-    font-size: 9px;
-    display: block;
-    position: absolute;
-    line-height: 24px;
-    height: 24px;
-    width: 9px;
-    text-align: center; }
-    /* line 133, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab:hover {
-      color: #0099cc; }
-    /* line 138, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab.collapsed {
-      background-color: #969696;
-      -moz-border-radius: 4px;
-      -webkit-border-radius: 4px;
-      border-radius: 4px;
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      color: #fff;
-      display: inline-block;
-      -moz-user-select: -moz-none;
-      -ms-user-select: none;
-      -webkit-user-select: none;
-      user-select: none;
-      -moz-transition: background, 0.25s;
-      -o-transition: background, 0.25s;
-      -webkit-transition: background, 0.25s;
-      transition: background, 0.25s;
-      text-shadow: none; }
-      /* line 297, ../../../../general/res/sass/_mixins.scss */
-      .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
-        color: #eee; } }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 302, ../../../../general/res/sass/_mixins.scss */
-      .mini-tab.collapsed:not(.disabled):hover {
-        background: #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; } }
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.collapsed:before {
-        opacity: 0; }
-      /* line 142, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.collapsed:after {
-        opacity: 1; }
-      /* line 144, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.collapsed:hover:before {
-        opacity: 1; }
-      /* line 145, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.collapsed:hover:after {
-        opacity: 0; }
-    /* line 150, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab:before, .mini-tab:after {
-      -moz-transition-property: left, right, opacity;
-      -o-transition-property: left, right, opacity;
-      -webkit-transition-property: left, right, opacity;
-      transition-property: left, right, opacity;
-      -moz-transition-duration: 250ms;
-      -o-transition-duration: 250ms;
-      -webkit-transition-duration: 250ms;
-      transition-duration: 250ms;
-      -moz-transition-timing-function: ease-in-out;
-      -o-transition-timing-function: ease-in-out;
-      -webkit-transition-timing-function: ease-in-out;
-      transition-timing-function: ease-in-out;
-      -moz-transition-delay: 0;
-      -o-transition-delay: 0;
-      -webkit-transition-delay: 0;
-      transition-delay: 0;
-      display: block;
-      height: 100%;
-      position: absolute; }
-    /* line 159, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab:before {
-      width: 9px; }
-    /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab:after {
-      width: 100%;
-      text-align: center;
-      opacity: 0; }
-    /* line 172, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab.anchor-left {
-      text-align: right; }
-      /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.anchor-left:before {
-        content: '\3c';
-        right: 0; }
-      /* line 180, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.anchor-left.collapsed {
-        -moz-border-radius-topleft: 0;
-        -webkit-border-top-left-radius: 0;
-        border-top-left-radius: 0;
-        -moz-border-radius-bottomleft: 0;
-        -webkit-border-bottom-left-radius: 0;
-        border-bottom-left-radius: 0;
-        text-align: left; }
-        /* line 183, ../../../../general/res/sass/controls/_buttons.scss */
-        .mini-tab.anchor-left.collapsed:before {
-          content: '\3e';
-          left: 0; }
-        /* line 187, ../../../../general/res/sass/controls/_buttons.scss */
-        .mini-tab.anchor-left.collapsed:hover:before {
-          left: 2px; }
-    /* line 190, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab.anchor-right {
-      text-align: left; }
-      /* line 193, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.anchor-right:before {
-        content: '\3e';
-        left: 0; }
-      /* line 198, ../../../../general/res/sass/controls/_buttons.scss */
-      .mini-tab.anchor-right.collapsed {
-        -moz-border-radius-topright: 0;
-        -webkit-border-top-right-radius: 0;
-        border-top-right-radius: 0;
-        -moz-border-radius-bottomright: 0;
-        -webkit-border-bottom-right-radius: 0;
-        border-bottom-right-radius: 0; }
-        /* line 200, ../../../../general/res/sass/controls/_buttons.scss */
-        .mini-tab.anchor-right.collapsed:before {
-          text-align: right;
-          content: '\3c';
-          right: 0; }
-        /* line 205, ../../../../general/res/sass/controls/_buttons.scss */
-        .mini-tab.anchor-right.collapsed:hover:before {
-          right: 2px; } }
-
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 211, ../../../../general/res/sass/controls/_buttons.scss */
-  .mini-tab-icon {
-    color: #d6d6d6;
-    cursor: pointer;
-    display: block;
-    font-family: symbolsfont;
-    font-size: 9px;
-    position: absolute;
-    height: 9px;
-    width: 9px;
-    line-height: 9px;
-    overflow: hidden;
-    word-break: break-all; }
-    /* line 228, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab-icon.collapsed {
-      width: 11px;
-      font-size: 11px; }
-    /* line 233, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab-icon:before, .mini-tab-icon:after {
-      position: absolute;
-      display: inherit; }
-    /* line 239, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab-icon:before {
-      content: '\78'; }
-    /* line 243, ../../../../general/res/sass/controls/_buttons.scss */
-    .mini-tab-icon:hover {
-      color: #0099cc; } }
-
-/* line 250, ../../../../general/res/sass/controls/_buttons.scss */
-.l-btn-set {
-  font-size: 0; }
-  /* line 256, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-    -moz-border-radius: 0;
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    margin-left: 1px; }
-  /* line 262, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-    -moz-border-radius-topleft: 4px;
-    -webkit-border-top-left-radius: 4px;
-    border-top-left-radius: 4px;
-    -moz-border-radius-bottomleft: 4px;
-    -webkit-border-bottom-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-    margin-left: 0; }
-  /* line 269, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-    -moz-border-radius-topright: 4px;
-    -webkit-border-top-right-radius: 4px;
-    border-top-right-radius: 4px;
-    -moz-border-radius-bottomright: 4px;
-    -webkit-border-bottom-right-radius: 4px;
-    border-bottom-right-radius: 4px; }
-
-/* line 276, ../../../../general/res/sass/controls/_buttons.scss */
-.paused:not(.s-btn):not(.s-menu-btn) {
-  border-color: #ff9900 !important;
-  color: #ff9900 !important; }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/controls/_color-palette.scss */
-.l-color-palette {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 5px !important; }
-  /* line 31, ../../../../general/res/sass/controls/_color-palette.scss */
-  .l-color-palette .l-palette-row {
-    overflow: hidden;
-    *zoom: 1;
-    line-height: 16px;
-    width: 170px; }
-    /* line 36, ../../../../general/res/sass/controls/_color-palette.scss */
-    .l-color-palette .l-palette-row .l-palette-item {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
-      -moz-transition-property: opacity, background-color, border-color, color;
-      -o-transition-property: opacity, background-color, border-color, color;
-      -webkit-transition-property: opacity, background-color, border-color, color;
-      transition-property: opacity, background-color, border-color, color;
-      -moz-transition-duration: 0.25s;
-      -o-transition-duration: 0.25s;
-      -webkit-transition-duration: 0.25s;
-      transition-duration: 0.25s;
-      -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;
-      border: 1px solid transparent;
-      color: #fff;
-      display: block;
-      font-family: 'symbolsfont';
-      float: left;
-      height: 16px;
-      width: 16px;
-      line-height: 16px;
-      margin: 0 1px 1px 0;
-      text-align: center;
-      vertical-align: middle; }
-    /* line 53, ../../../../general/res/sass/controls/_color-palette.scss */
-    .l-color-palette .l-palette-row .s-palette-item:hover {
-      -moz-transition-property: none;
-      -o-transition-property: none;
-      -webkit-transition-property: none;
-      transition-property: none;
-      border-color: #fff !important; }
-    /* line 59, ../../../../general/res/sass/controls/_color-palette.scss */
-    .l-color-palette .l-palette-row .l-palette-item-label {
-      margin-left: 5px; }
-    /* line 63, ../../../../general/res/sass/controls/_color-palette.scss */
-    .l-color-palette .l-palette-row.l-option-row {
-      margin-bottom: 5px; }
-      /* line 65, ../../../../general/res/sass/controls/_color-palette.scss */
-      .l-color-palette .l-palette-row.l-option-row .s-palette-item {
-        border-color: #666; }
-
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/controls/_controls.scss */
-.accordion {
-  margin-top: 5px; }
-  /* line 26, ../../../../general/res/sass/controls/_controls.scss */
-  .accordion:first-child {
-    margin-top: 0; }
-  /* line 29, ../../../../general/res/sass/controls/_controls.scss */
-  .accordion .accordion-head {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    background: rgba(102, 102, 102, 0.2);
-    cursor: pointer;
-    font-size: 0.75em;
-    line-height: 18px;
-    margin-bottom: 5px;
-    padding: 0 5px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: auto;
-    left: 0;
-    width: auto;
-    height: 18px;
-    text-transform: uppercase; }
-    /* line 47, ../../../../general/res/sass/controls/_controls.scss */
-    .accordion .accordion-head:hover {
-      background: rgba(102, 102, 102, 0.4); }
-    /* line 50, ../../../../general/res/sass/controls/_controls.scss */
-    .accordion .accordion-head:after {
-      content: "^";
-      display: block;
-      font-family: 'symbolsfont';
-      font-size: 0.9em;
-      position: absolute;
-      right: 5px;
-      text-transform: none;
-      top: 0; }
-    /* line 60, ../../../../general/res/sass/controls/_controls.scss */
-    .accordion .accordion-head:not(.expanded):after {
-      content: "v"; }
-  /* line 64, ../../../../general/res/sass/controls/_controls.scss */
-  .accordion .accordion-contents {
-    position: absolute;
-    top: 23px;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow-y: auto;
-    overflow-x: hidden; }
-
-/* line 75, ../../../../general/res/sass/controls/_controls.scss */
-.l-composite-control {
-  vertical-align: middle; }
-  /* line 78, ../../../../general/res/sass/controls/_controls.scss */
-  .l-composite-control.l-checkbox .composite-control-label {
-    line-height: 18px; }
-
-/* line 84, ../../../../general/res/sass/controls/_controls.scss */
-.l-control-group {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  border-left: 1px solid rgba(102, 102, 102, 0.2);
-  display: inline-block;
-  padding: 0 5px;
-  position: relative; }
-  /* line 92, ../../../../general/res/sass/controls/_controls.scss */
-  .l-control-group:first-child {
-    border-left: none;
-    padding-left: 0; }
-
-/* line 98, ../../../../general/res/sass/controls/_controls.scss */
-.l-local-controls {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  z-index: 5; }
-
-/* line 108, ../../../../general/res/sass/controls/_controls.scss */
-.s-local-controls {
-  font-size: 0.7rem; }
-
-/* line 112, ../../../../general/res/sass/controls/_controls.scss */
-label.checkbox.custom {
-  cursor: pointer;
-  display: inline-block;
-  line-height: 14px;
-  margin-right: 20px;
-  padding-left: 19px;
-  position: relative;
-  vertical-align: middle; }
-  /* line 122, ../../../../general/res/sass/controls/_controls.scss */
-  label.checkbox.custom em {
-    color: #666;
-    display: inline-block;
-    height: 14px;
-    min-width: 14px; }
-    /* line 127, ../../../../general/res/sass/controls/_controls.scss */
-    label.checkbox.custom em:before {
-      -moz-border-radius: 3px;
-      -webkit-border-radius: 3px;
-      border-radius: 3px;
-      background: #e3e3e3;
-      -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
-      -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
-      box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
-      box-sizing: border-box;
-      content: " ";
-      font-family: 'symbolsfont';
-      font-size: 0.8em;
-      display: inline-block;
-      margin-right: 5px;
-      height: 14px;
-      width: 14px;
-      left: 0;
-      top: 0;
-      position: absolute;
-      text-align: center; }
-  /* line 146, ../../../../general/res/sass/controls/_controls.scss */
-  label.checkbox.custom.no-text {
-    overflow: hidden;
-    margin-right: 0;
-    padding-left: 0;
-    height: 14px;
-    width: 14px; }
-    /* line 152, ../../../../general/res/sass/controls/_controls.scss */
-    label.checkbox.custom.no-text em {
-      overflow: hidden; }
-  /* line 156, ../../../../general/res/sass/controls/_controls.scss */
-  label.checkbox.custom input {
-    display: none; }
-    /* line 158, ../../../../general/res/sass/controls/_controls.scss */
-    label.checkbox.custom input:checked ~ em:before {
-      background: #0099cc;
-      color: #ccf2ff;
-      content: "2"; }
-
-/* line 166, ../../../../general/res/sass/controls/_controls.scss */
-.input-labeled {
-  margin-left: 5px; }
-  /* line 168, ../../../../general/res/sass/controls/_controls.scss */
-  .input-labeled label {
-    display: inline-block;
-    margin-right: 3px; }
-  /* line 172, ../../../../general/res/sass/controls/_controls.scss */
-  .input-labeled.inline {
-    display: inline-block; }
-  /* line 175, ../../../../general/res/sass/controls/_controls.scss */
-  .input-labeled:first-child {
-    margin-left: 0; }
-
-/* line 180, ../../../../general/res/sass/controls/_controls.scss */
-.s-menu-btn label.checkbox.custom {
-  margin-left: 5px; }
-
-/* line 185, ../../../../general/res/sass/controls/_controls.scss */
-.item .checkbox.checked label {
-  -moz-box-shadow: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-bottom: none; }
-
-/* line 191, ../../../../general/res/sass/controls/_controls.scss */
-.context-available {
-  color: #0099cc; }
-  /* line 194, ../../../../general/res/sass/controls/_controls.scss */
-  .context-available:hover {
-    color: deepskyblue; }
-
-/* line 199, ../../../../general/res/sass/controls/_controls.scss */
-.view-switcher {
-  -moz-transition-property: opacity, background-color, border-color, color;
-  -o-transition-property: opacity, background-color, border-color, color;
-  -webkit-transition-property: opacity, background-color, border-color, color;
-  transition-property: opacity, background-color, border-color, color;
-  -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; }
-
-/******************************************************** OBJECT-HEADER */
-/* line 204, ../../../../general/res/sass/controls/_controls.scss */
-.object-header {
-  font-size: 1em; }
-  /* line 208, ../../../../general/res/sass/controls/_controls.scss */
-  .object-header > .type-icon {
-    color: #b3b3b3;
-    font-size: 120%;
-    float: left;
-    margin-right: 5px; }
-  /* line 215, ../../../../general/res/sass/controls/_controls.scss */
-  .object-header .l-elem-wrapper {
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start; }
-    /* line 218, ../../../../general/res/sass/controls/_controls.scss */
-    .object-header .l-elem-wrapper mct-representation {
-      min-width: 0.7em; }
-  /* line 226, ../../../../general/res/sass/controls/_controls.scss */
-  .object-header .action {
-    margin-right: 5px; }
-  /* line 230, ../../../../general/res/sass/controls/_controls.scss */
-  .object-header .title-label {
-    color: #666;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: 0 1 auto;
-    -webkit-flex: 0 1 auto;
-    padding-right: 0.35em; }
-  /* line 240, ../../../../general/res/sass/controls/_controls.scss */
-  .object-header .context-available {
-    font-size: 0.7em;
-    flex: 0 0 1;
-    -webkit-flex: 0 0 1; }
-  @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-    /* line 247, ../../../../general/res/sass/controls/_controls.scss */
-    .object-header .context-available {
-      -moz-transition-property: opacity;
-      -o-transition-property: opacity;
-      -webkit-transition-property: opacity;
-      transition-property: opacity;
-      -moz-transition-duration: 0.25s;
-      -o-transition-duration: 0.25s;
-      -webkit-transition-duration: 0.25s;
-      transition-duration: 0.25s;
-      -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;
-      opacity: 0; }
-    /* line 252, ../../../../general/res/sass/controls/_controls.scss */
-    .object-header:hover .context-available {
-      opacity: 1; } }
-
-/******************************************************** PROGRESS BAR */
-@-moz-keyframes progress {
-  100% {
-    background-position: 20px center; } }
-@-webkit-keyframes progress {
-  100% {
-    background-position: 20px center; } }
-@keyframes progress {
-  100% {
-    background-position: 20px center; } }
-/* line 274, ../../../../general/res/sass/controls/_controls.scss */
-.l-progress-bar {
-  display: inline-block;
-  overflow: hidden;
-  position: relative; }
-  /* line 280, ../../../../general/res/sass/controls/_controls.scss */
-  .l-progress-bar .progress-amt-holder {
-    overflow: hidden;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: auto;
-    height: auto; }
-  /* line 283, ../../../../general/res/sass/controls/_controls.scss */
-  .l-progress-bar .progress-amt,
-  .l-progress-bar .progress-amt:before,
-  .l-progress-bar .progress-amt:after {
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto;
-    display: block;
-    content: ''; }
-  /* line 291, ../../../../general/res/sass/controls/_controls.scss */
-  .l-progress-bar .progress-amt {
-    right: auto; }
-  /* line 296, ../../../../general/res/sass/controls/_controls.scss */
-  .l-progress-bar.indeterminate .progress-amt {
-    width: 100% !important; }
-
-/* line 302, ../../../../general/res/sass/controls/_controls.scss */
-.s-progress-bar {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
-  box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
-  background: rgba(0, 0, 0, 0.1); }
-  /* line 307, ../../../../general/res/sass/controls/_controls.scss */
-  .s-progress-bar .progress-amt {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
-    box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    -moz-transition-property: width;
-    -o-transition-property: width;
-    -webkit-transition-property: width;
-    transition-property: width;
-    -moz-transition-duration: 500ms;
-    -o-transition-duration: 500ms;
-    -webkit-transition-duration: 500ms;
-    transition-duration: 500ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0; }
-    /* line 312, ../../../../general/res/sass/controls/_controls.scss */
-    .s-progress-bar .progress-amt:before {
-      background-color: #0a0; }
-    /* line 315, ../../../../general/res/sass/controls/_controls.scss */
-    .s-progress-bar .progress-amt:after {
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-      background-size: 100%;
-      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)));
-      background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
-      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
-      background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
-  /* line 324, ../../../../general/res/sass/controls/_controls.scss */
-  .s-progress-bar:not(.indeterminate) .progress-amt:before {
-    -moz-animation: progress 0.4s linear infinite;
-    -webkit-animation: progress 0.4s linear infinite;
-    animation: progress 0.4s linear infinite;
-    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-    background-size: 100%;
-    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
-    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
-    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
-    background-position: 0 center;
-    background-repeat: repeat-x;
-    background-size: 20px 40%; }
-  /* line 332, ../../../../general/res/sass/controls/_controls.scss */
-  .s-progress-bar.indeterminate .progress-amt:before {
-    -moz-animation: progress 0.6s linear infinite;
-    -webkit-animation: progress 0.6s linear infinite;
-    animation: progress 0.6s linear infinite;
-    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-    background-size: 100%;
-    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
-    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
-    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
-    background-repeat: repeat;
-    background-size: 20px 20px; }
-  /* line 337, ../../../../general/res/sass/controls/_controls.scss */
-  .s-progress-bar.indeterminate .progress-amt:after {
-    display: none; }
-
-/******************************************************** SLIDERS */
-/* line 345, ../../../../general/res/sass/controls/_controls.scss */
-.slider .slot {
-  width: auto;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0; }
-/* line 355, ../../../../general/res/sass/controls/_controls.scss */
-.slider .knob {
-  -moz-transition-property: opacity, background-color, border-color, color;
-  -o-transition-property: opacity, background-color, border-color, color;
-  -webkit-transition-property: opacity, background-color, border-color, color;
-  transition-property: opacity, background-color, border-color, color;
-  -moz-transition-duration: 0.25s;
-  -o-transition-duration: 0.25s;
-  -webkit-transition-duration: 0.25s;
-  transition-duration: 0.25s;
-  -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;
-  background-color: rgba(0, 153, 204, 0.5);
-  position: absolute;
-  height: 100%;
-  width: 10px;
-  top: 0;
-  auto: 0;
-  bottom: auto;
-  left: auto; }
-  /* line 358, ../../../../general/res/sass/controls/_controls.scss */
-  .slider .knob:hover {
-    background-color: rgba(0, 153, 204, 0.7); }
-/* line 369, ../../../../general/res/sass/controls/_controls.scss */
-.slider .knob-l {
-  -moz-border-radius-topleft: 10px;
-  -webkit-border-top-left-radius: 10px;
-  border-top-left-radius: 10px;
-  -moz-border-radius-bottomleft: 10px;
-  -webkit-border-bottom-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-  cursor: w-resize; }
-/* line 373, ../../../../general/res/sass/controls/_controls.scss */
-.slider .knob-r {
-  -moz-border-radius-topright: 10px;
-  -webkit-border-top-right-radius: 10px;
-  border-top-right-radius: 10px;
-  -moz-border-radius-bottomright: 10px;
-  -webkit-border-bottom-right-radius: 10px;
-  border-bottom-right-radius: 10px;
-  cursor: e-resize; }
-/* line 377, ../../../../general/res/sass/controls/_controls.scss */
-.slider .range {
-  -moz-transition-property: opacity, background-color, border-color, color;
-  -o-transition-property: opacity, background-color, border-color, color;
-  -webkit-transition-property: opacity, background-color, border-color, color;
-  transition-property: opacity, background-color, border-color, color;
-  -moz-transition-duration: 0.25s;
-  -o-transition-duration: 0.25s;
-  -webkit-transition-duration: 0.25s;
-  transition-duration: 0.25s;
-  -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;
-  background-color: rgba(0, 153, 204, 0.2);
-  cursor: ew-resize;
-  position: absolute;
-  top: 0;
-  right: auto;
-  bottom: 0;
-  left: auto;
-  height: auto;
-  width: auto; }
-  /* line 388, ../../../../general/res/sass/controls/_controls.scss */
-  .slider .range:hover {
-    background-color: rgba(0, 153, 204, 0.4); }
-
-/******************************************************** DATETIME PICKER */
-/* line 395, ../../../../general/res/sass/controls/_controls.scss */
-.l-datetime-picker {
-  -moz-user-select: -moz-none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  font-size: 0.8rem;
-  padding: 10px !important;
-  width: 230px; }
-  /* line 401, ../../../../general/res/sass/controls/_controls.scss */
-  .l-datetime-picker .l-month-year-pager {
-    height: 15px;
-    margin-bottom: 5px;
-    position: relative; }
-    /* line 413, ../../../../general/res/sass/controls/_controls.scss */
-    .l-datetime-picker .l-month-year-pager .pager {
-      width: 20px; }
-      /* line 416, ../../../../general/res/sass/controls/_controls.scss */
-      .l-datetime-picker .l-month-year-pager .pager.prev {
-        right: auto; }
-        /* line 418, ../../../../general/res/sass/controls/_controls.scss */
-        .l-datetime-picker .l-month-year-pager .pager.prev:before {
-          content: "\3c"; }
-      /* line 422, ../../../../general/res/sass/controls/_controls.scss */
-      .l-datetime-picker .l-month-year-pager .pager.next {
-        left: auto;
-        text-align: right; }
-        /* line 425, ../../../../general/res/sass/controls/_controls.scss */
-        .l-datetime-picker .l-month-year-pager .pager.next:before {
-          content: "\3e"; }
-    /* line 430, ../../../../general/res/sass/controls/_controls.scss */
-    .l-datetime-picker .l-month-year-pager .val {
-      text-align: center;
-      left: 25px;
-      right: 25px; }
-  /* line 436, ../../../../general/res/sass/controls/_controls.scss */
-  .l-datetime-picker .l-calendar,
-  .l-datetime-picker .l-time-selects {
-    border-top: 1px solid rgba(102, 102, 102, 0.2); }
-  /* line 440, ../../../../general/res/sass/controls/_controls.scss */
-  .l-datetime-picker .l-time-selects {
-    line-height: 22px; }
-
-/******************************************************** CALENDAR */
-/* line 448, ../../../../general/res/sass/controls/_controls.scss */
-.l-calendar ul.l-cal-row {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-flow: row nowrap;
-  flex-flow: row nowrap;
-  margin-top: 1px; }
-  /* line 452, ../../../../general/res/sass/controls/_controls.scss */
-  .l-calendar ul.l-cal-row:first-child {
-    margin-top: 0; }
-  /* line 455, ../../../../general/res/sass/controls/_controls.scss */
-  .l-calendar ul.l-cal-row li {
-    -webkit-flex: 1 0;
-    flex: 1 0;
-    margin-left: 1px;
-    padding: 5px;
-    text-align: center; }
-    /* line 461, ../../../../general/res/sass/controls/_controls.scss */
-    .l-calendar ul.l-cal-row li:first-child {
-      margin-left: 0; }
-  /* line 465, ../../../../general/res/sass/controls/_controls.scss */
-  .l-calendar ul.l-cal-row.l-header li {
-    color: #999999; }
-  /* line 468, ../../../../general/res/sass/controls/_controls.scss */
-  .l-calendar ul.l-cal-row.l-body li {
-    -moz-transition-property: background-color;
-    -o-transition-property: background-color;
-    -webkit-transition-property: background-color;
-    transition-property: background-color;
-    -moz-transition-duration: 0.25s;
-    -o-transition-duration: 0.25s;
-    -webkit-transition-duration: 0.25s;
-    transition-duration: 0.25s;
-    -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;
-    cursor: pointer; }
-    /* line 471, ../../../../general/res/sass/controls/_controls.scss */
-    .l-calendar ul.l-cal-row.l-body li.in-month {
-      background-color: #f2f2f2; }
-    /* line 474, ../../../../general/res/sass/controls/_controls.scss */
-    .l-calendar ul.l-cal-row.l-body li .sub {
-      color: #999999;
-      font-size: 0.8em; }
-    /* line 478, ../../../../general/res/sass/controls/_controls.scss */
-    .l-calendar ul.l-cal-row.l-body li.selected {
-      background: #1ac6ff;
-      color: #fcfcfc; }
-      /* line 481, ../../../../general/res/sass/controls/_controls.scss */
-      .l-calendar ul.l-cal-row.l-body li.selected .sub {
-        color: inherit; }
-    /* line 485, ../../../../general/res/sass/controls/_controls.scss */
-    .l-calendar ul.l-cal-row.l-body li:hover {
-      background-color: #0099cc;
-      color: #fff; }
-      /* line 488, ../../../../general/res/sass/controls/_controls.scss */
-      .l-calendar ul.l-cal-row.l-body li:hover .sub {
-        color: inherit; }
-
-/******************************************************** BROWSER ELEMENTS */
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 499, ../../../../general/res/sass/controls/_controls.scss */
-  ::-webkit-scrollbar {
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
-    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
-    box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
-    background-color: rgba(0, 0, 0, 0.1);
-    height: 10px;
-    width: 10px; }
-
-  /* line 508, ../../../../general/res/sass/controls/_controls.scss */
-  ::-webkit-scrollbar-thumb {
-    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-    background-size: 100%;
-    background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #898989), color-stop(100%, #7d7d7d));
-    background-image: -moz-linear-gradient(#898989, #7d7d7d 20px);
-    background-image: -webkit-linear-gradient(#898989, #7d7d7d 20px);
-    background-image: linear-gradient(#898989, #7d7d7d 20px);
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box; }
-    /* line 517, ../../../../general/res/sass/controls/_controls.scss */
-    ::-webkit-scrollbar-thumb:hover {
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-      background-size: 100%;
-      background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #00ace6), color-stop(100%, #0099cc));
-      background-image: -moz-linear-gradient(#00ace6, #0099cc 20px);
-      background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
-      background-image: linear-gradient(#00ace6, #0099cc 20px); }
-
-  /* line 522, ../../../../general/res/sass/controls/_controls.scss */
-  ::-webkit-scrollbar-corner {
-    background: rgba(0, 0, 0, 0.1); } }
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/controls/_lists.scss */
-.checkbox-list label.checkbox.custom {
-  display: block;
-  margin-bottom: 5px; }
-/* line 27, ../../../../general/res/sass/controls/_lists.scss */
-.checkbox-list li {
-  margin-bottom: 5px; }
-
-/* line 35, ../../../../general/res/sass/controls/_lists.scss */
-.l-tree-item-flat-list .tree-item .t-object-label {
-  left: 5px !important; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/******************************************************** MENU BUTTONS */
-/* line 31, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu-btn .icon, .s-menu-btn .t-item-icon {
-  font-size: 120%; }
-/* line 35, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu-btn .title-label {
-  margin-left: 3px; }
-/* line 39, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu-btn:after {
-  text-shadow: none;
-  content: '\76';
-  display: inline-block;
-  font-family: 'symbolsfont';
-  margin-left: 3px;
-  vertical-align: top;
-  color: rgba(255, 255, 255, 0.4); }
-/* line 46, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu-btn.create-btn:before {
-  content: '\2b';
-  display: inline;
-  font-family: symbolsfont; }
-/* line 51, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu-btn.create-btn .title-label {
-  font-size: 1rem; }
-/* line 59, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu-btn .menu {
-  left: 0;
-  text-align: left; }
-  /* line 62, ../../../../general/res/sass/controls/_menus.scss */
-  .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon {
-    width: 12px; }
-
-/******************************************************** MENUS THEMSELVES */
-/* line 69, ../../../../general/res/sass/controls/_menus.scss */
-.menu-element {
-  cursor: pointer;
-  position: relative; }
-
-/* line 74, ../../../../general/res/sass/controls/_menus.scss */
-.s-menu, .menu {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  background-color: white;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  color: #4d4d4d;
-  display: inline-block;
-  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
-  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
-  text-shadow: none;
-  padding: 3px 0; }
-
-/* line 82, ../../../../general/res/sass/controls/_menus.scss */
-.menu {
-  display: block;
-  position: absolute;
-  z-index: 10; }
-  /* line 87, ../../../../general/res/sass/controls/_menus.scss */
-  .menu ul {
-    margin: 0;
-    padding: 0; }
-    /* line 354, ../../../../general/res/sass/_mixins.scss */
-    .menu ul li {
-      list-style-type: none;
-      margin: 0;
-      padding: 0; }
-    /* line 89, ../../../../general/res/sass/controls/_menus.scss */
-    .menu ul li {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      border-top: 1px solid #e6e6e6;
-      color: #666666;
-      line-height: 1.5rem;
-      padding: 3px 10px 3px 30px;
-      position: relative;
-      white-space: nowrap; }
-      /* line 97, ../../../../general/res/sass/controls/_menus.scss */
-      .menu ul li:first-child {
-        border: none; }
-      /* line 100, ../../../../general/res/sass/controls/_menus.scss */
-      .menu ul li:hover {
-        background: #e6e6e6;
-        color: #4d4d4d; }
-        /* line 103, ../../../../general/res/sass/controls/_menus.scss */
-        .menu ul li:hover .icon, .menu ul li:hover .t-item-icon {
-          color: #0099cc; }
-      /* line 107, ../../../../general/res/sass/controls/_menus.scss */
-      .menu ul li .type-icon {
-        left: 10px; }
-
-/* line 114, ../../../../general/res/sass/controls/_menus.scss */
-.menu,
-.context-menu,
-.checkbox-menu,
-.super-menu {
-  pointer-events: auto; }
-  /* line 120, ../../../../general/res/sass/controls/_menus.scss */
-  .menu ul li a,
-  .context-menu ul li a,
-  .checkbox-menu ul li a,
-  .super-menu ul li a {
-    color: #4d4d4d; }
-  /* line 123, ../../../../general/res/sass/controls/_menus.scss */
-  .menu ul li .icon, .menu ul li .t-item-icon,
-  .context-menu ul li .icon,
-  .checkbox-menu ul li .icon,
-  .context-menu ul li .t-item-icon,
-  .checkbox-menu ul li .t-item-icon,
-  .super-menu ul li .icon,
-  .super-menu ul li .t-item-icon {
-    color: #0099cc; }
-  /* line 126, ../../../../general/res/sass/controls/_menus.scss */
-  .menu ul li .type-icon,
-  .context-menu ul li .type-icon,
-  .checkbox-menu ul li .type-icon,
-  .super-menu ul li .type-icon {
-    left: 5px; }
-
-/* line 138, ../../../../general/res/sass/controls/_menus.scss */
-.checkbox-menu ul li {
-  padding-left: 50px; }
-  /* line 140, ../../../../general/res/sass/controls/_menus.scss */
-  .checkbox-menu ul li .checkbox {
-    position: absolute;
-    left: 5px;
-    top: 0.53333rem; }
-    /* line 145, ../../../../general/res/sass/controls/_menus.scss */
-    .checkbox-menu ul li .checkbox em {
-      height: 0.7rem;
-      width: 0.7rem; }
-      /* line 148, ../../../../general/res/sass/controls/_menus.scss */
-      .checkbox-menu ul li .checkbox em:before {
-        font-size: 7px !important;
-        height: 0.7rem;
-        width: 0.7rem;
-        line-height: 0.7rem; }
-  /* line 156, ../../../../general/res/sass/controls/_menus.scss */
-  .checkbox-menu ul li .type-icon {
-    left: 25px; }
-
-/* line 162, ../../../../general/res/sass/controls/_menus.scss */
-.super-menu {
-  display: block;
-  width: 500px;
-  height: 480px; }
-  /* line 170, ../../../../general/res/sass/controls/_menus.scss */
-  .super-menu .contents {
-    overflow: hidden;
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    bottom: 5px;
-    left: 5px;
-    width: auto;
-    height: auto; }
-  /* line 173, ../../../../general/res/sass/controls/_menus.scss */
-  .super-menu .pane {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box; }
-    /* line 175, ../../../../general/res/sass/controls/_menus.scss */
-    .super-menu .pane.left {
-      border-right: 1px solid #e6e6e6;
-      left: 0;
-      padding-right: 5px;
-      right: auto;
-      width: 50%;
-      overflow-x: hidden;
-      overflow-y: auto; }
-      /* line 185, ../../../../general/res/sass/controls/_menus.scss */
-      .super-menu .pane.left ul li {
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
-        padding-left: 30px;
-        border-top: none; }
-    /* line 192, ../../../../general/res/sass/controls/_menus.scss */
-    .super-menu .pane.right {
-      left: auto;
-      right: 0;
-      padding: 25px;
-      width: 50%; }
-  /* line 202, ../../../../general/res/sass/controls/_menus.scss */
-  .super-menu .menu-item-description .desc-area.icon, .super-menu .menu-item-description .desc-area.t-item-icon {
-    color: #0099cc;
-    position: relative;
-    font-size: 8em;
-    left: 0;
-    height: 150px;
-    line-height: 150px;
-    margin-bottom: 25px;
-    text-align: center; }
-  /* line 213, ../../../../general/res/sass/controls/_menus.scss */
-  .super-menu .menu-item-description .desc-area.title {
-    color: #666;
-    font-size: 1.2em;
-    margin-bottom: 0.5em; }
-  /* line 218, ../../../../general/res/sass/controls/_menus.scss */
-  .super-menu .menu-item-description .desc-area.description {
-    color: #666;
-    font-size: 0.8em;
-    line-height: 1.5em; }
-
-/* line 227, ../../../../general/res/sass/controls/_menus.scss */
-.context-menu, .checkbox-menu {
-  font-size: 0.80rem; }
-
-/* line 231, ../../../../general/res/sass/controls/_menus.scss */
-.context-menu-holder,
-.menu-holder {
-  position: absolute;
-  z-index: 70; }
-  /* line 235, ../../../../general/res/sass/controls/_menus.scss */
-  .context-menu-holder .context-menu-wrapper,
-  .menu-holder .context-menu-wrapper {
-    position: absolute;
-    height: 100%;
-    width: 100%; }
-  /* line 240, ../../../../general/res/sass/controls/_menus.scss */
-  .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu,
-  .menu-holder.go-left .context-menu,
-  .menu-holder.go-left .checkbox-menu,
-  .menu-holder.go-left .menu {
-    right: 0; }
-  /* line 244, ../../../../general/res/sass/controls/_menus.scss */
-  .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu,
-  .menu-holder.go-up .context-menu,
-  .menu-holder.go-up .checkbox-menu,
-  .menu-holder.go-up .menu {
-    bottom: 0; }
-
-/* line 250, ../../../../general/res/sass/controls/_menus.scss */
-.context-menu-holder {
-  pointer-events: none;
-  height: 200px;
-  width: 170px; }
-
-/* line 256, ../../../../general/res/sass/controls/_menus.scss */
-.btn-bar.right .menu,
-.menus-to-left .menu {
-  left: auto;
-  right: 0;
-  width: auto; }
-
-/*****************************************************************************
- * 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 39, ../../../../general/res/sass/controls/_messages.scss */
-.status.block {
-  color: #ccc;
-  cursor: default;
-  display: inline-block;
-  margin-right: 5px; }
-  /* line 44, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block .status-indicator,
-  .status.block .label,
-  .status.block .count {
-    display: inline-block;
-    vertical-align: top; }
-  /* line 51, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block .status-indicator {
-    margin-right: 3px; }
-  /* line 54, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block.ok .status-indicator, .status.block.info .status-indicator {
-    color: #60ba7b; }
-  /* line 58, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator {
-    color: #ffb66c; }
-  /* line 63, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block.error .status-indicator {
-    color: #c96b68; }
-  /* line 66, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block .label {
-    -moz-transition-property: max-width;
-    -o-transition-property: max-width;
-    -webkit-transition-property: max-width;
-    transition-property: max-width;
-    -moz-transition-duration: 0.25s;
-    -o-transition-duration: 0.25s;
-    -webkit-transition-duration: 0.25s;
-    transition-duration: 0.25s;
-    -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;
-    overflow: hidden;
-    max-width: 0px; }
-  /* line 72, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block .count {
-    -moz-transition-property: opacity;
-    -o-transition-property: opacity;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -moz-transition-duration: 0.25s;
-    -o-transition-duration: 0.25s;
-    -webkit-transition-duration: 0.25s;
-    transition-duration: 0.25s;
-    -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;
-    font-weight: bold;
-    opacity: 1; }
-  /* line 78, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block:hover .label {
-    max-width: 450px;
-    width: auto; }
-  /* line 82, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block:hover .count {
-    opacity: 0; }
-
-/* Styles for messages and message banners */
-/* line 90, ../../../../general/res/sass/controls/_messages.scss */
-.message.block {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  padding: 10px; }
-/* line 94, ../../../../general/res/sass/controls/_messages.scss */
-.message.error {
-  background-color: rgba(255, 60, 0, 0.3);
-  color: #ff8a66; }
-
-/* line 100, ../../../../general/res/sass/controls/_messages.scss */
-.l-message-banner {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  align-items: center;
-  position: absolute;
-  top: 3px;
-  right: auto;
-  bottom: 3px;
-  left: 50%;
-  height: auto;
-  width: auto;
-  line-height: 18px;
-  max-width: 300px;
-  padding: 0 5px 0 5px;
-  -moz-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-  z-index: 10; }
-  /* line 116, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner.minimized {
-    -moz-transition-property: left, opacity;
-    -o-transition-property: left, opacity;
-    -webkit-transition-property: left, opacity;
-    transition-property: left, opacity;
-    -moz-transition-duration: 0.3s;
-    -o-transition-duration: 0.3s;
-    -webkit-transition-duration: 0.3s;
-    transition-duration: 0.3s;
-    -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;
-    left: 0;
-    opacity: 0; }
-  /* line 124, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner.new {
-    left: 50%;
-    opacity: 1; }
-    /* line 127, ../../../../general/res/sass/controls/_messages.scss */
-    .l-message-banner.new:not(.info) {
-      -moz-animation-name: pulse;
-      -webkit-animation-name: pulse;
-      animation-name: pulse;
-      -moz-animation-duration: 100ms;
-      -webkit-animation-duration: 100ms;
-      animation-duration: 100ms;
-      -moz-animation-direction: alternate;
-      -webkit-animation-direction: alternate;
-      animation-direction: alternate;
-      -moz-animation-iteration-count: 10;
-      -webkit-animation-iteration-count: 10;
-      animation-iteration-count: 10;
-      -moz-animation-timing-function: ease-in-out;
-      -webkit-animation-timing-function: ease-in-out;
-      animation-timing-function: ease-in-out; }
-  /* line 132, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner .banner-elem {
-    -webkit-flex: 0 1 auto;
-    flex: 0 1 auto;
-    margin-left: 5px; }
-  /* line 136, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner a {
-    display: inline-block; }
-  /* line 139, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner .l-action {
-    line-height: 15px;
-    padding: 0 5px; }
-  /* line 143, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner .close {
-    cursor: pointer;
-    font-size: 7px;
-    width: 8px; }
-  /* line 149, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner .l-progress-bar {
-    height: 8px;
-    line-height: 8px;
-    width: 100px; }
-  /* line 155, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message-banner .progress-info {
-    display: none; }
-
-/* line 165, ../../../../general/res/sass/controls/_messages.scss */
-.s-message-banner {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  background-color: gray;
-  color: #fff;
-  cursor: pointer; }
-  /* line 28, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner:hover {
-    background-color: #999999; }
-  /* line 31, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner .s-action {
-    background-color: #666666; }
-    /* line 33, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner .s-action:hover {
-      background-color: gray; }
-  /* line 169, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner a {
-    color: inherit; }
-  /* line 170, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner .s-action {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-transition-property: background-color;
-    -o-transition-property: background-color;
-    -webkit-transition-property: background-color;
-    transition-property: background-color;
-    -moz-transition-duration: 500ms;
-    -o-transition-duration: 500ms;
-    -webkit-transition-duration: 500ms;
-    transition-duration: 500ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0; }
-  /* line 174, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner .close {
-    opacity: 0.5; }
-    /* line 176, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner .close:hover {
-      opacity: 1; }
-  /* line 180, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner.ok, .s-message-banner.info {
-    background-color: #275a36;
-    color: #fff; }
-    /* line 28, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner.ok:hover, .s-message-banner.info:hover {
-      background-color: #367e4c; }
-    /* line 31, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner.ok .s-action, .s-message-banner.info .s-action {
-      background-color: #183621; }
-      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
-      .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover {
-        background-color: #275a36; }
-  /* line 184, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert {
-    background-color: #d26a00;
-    color: #fff; }
-    /* line 28, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner.caution:hover, .s-message-banner.warning:hover, .s-message-banner.alert:hover {
-      background-color: #ff8306; }
-    /* line 31, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner.caution .s-action, .s-message-banner.warning .s-action, .s-message-banner.alert .s-action {
-      background-color: #9f5000; }
-      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
-      .s-message-banner.caution .s-action:hover, .s-message-banner.warning .s-action:hover, .s-message-banner.alert .s-action:hover {
-        background-color: #d26a00; }
-  /* line 189, ../../../../general/res/sass/controls/_messages.scss */
-  .s-message-banner.error {
-    background-color: #702a28;
-    color: #fff; }
-    /* line 28, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner.error:hover {
-      background-color: #963835; }
-    /* line 31, ../../../../general/res/sass/controls/_messages.scss */
-    .s-message-banner.error .s-action {
-      background-color: #4a1c1b; }
-      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
-      .s-message-banner.error .s-action:hover {
-        background-color: #702a28; }
-
-/* Paths:
-    t-dialog | t-dialog-sm > t-message-single | t-message-list > overlay > holder > contents > l-message >
-        message-type > (icon)
-        message-contents >
-        top-bar >
-            title
-            hint
-        editor >
-            (if displaying list of messages)
-            ul > li > l-message >
-                ... same as above
-        bottom-bar
+/*
+Error: Undefined variable: "$progressBarStripeW".
+        on line 261 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss, in `@content'
+        from line 42 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `@content'
+        from line 227 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'
+        from line 312 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-browser-ranges'
+        from line 226 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'
+        from line 198 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-prefix'
+        from line 225 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-each-prefix'
+        from line 40 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `keyframes'
+        from line 260 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss
+        from line 39 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/_main.scss
+        from line 36 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/themes/snow/res/sass/theme-snow.scss
+
+Backtrace:
+/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss:261:in `@content'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss:42:in `@content'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:227:in `@content'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:312:in `with-browser-ranges'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:226:in `@content'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:198:in `with-prefix'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:225:in `with-each-prefix'
+/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss:40:in `keyframes'
+/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss:260
+/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/_main.scss:39
+/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/themes/snow/res/sass/theme-snow.scss:36
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/variable.rb:49:in `_perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/node.rb:50:in `perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/list_literal.rb:63:in `block in _perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/list_literal.rb:63:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/list_literal.rb:63:in `_perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/node.rb:50:in `perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:394:in `visit_prop'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:419:in `block (2 levels) in visit_rule'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:419:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:419:in `block in visit_rule'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:418:in `visit_rule'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:501:in `block (2 levels) in visit_directive'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:501:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:501:in `block in visit_directive'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:500:in `visit_directive'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:302:in `visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:240:in `block (3 levels) in visit_each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:240:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:240:in `block (2 levels) in visit_each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:232:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:232:in `block in visit_each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:231:in `visit_each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block (2 levels) in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `block in with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:322:in `visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block (2 levels) in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `block in with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:322:in `visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:52:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:52:in `visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:166:in `visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:186:in `visit_root'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:157:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:8:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/root_node.rb:36:in `css_tree'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/root_node.rb:20:in `render'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/engine.rb:268:in `render'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:209:in `each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/sass_compiler.rb:40:in `compile!'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/commands/update_project.rb:49:in `perform'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/commands/base.rb:18:in `execute'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/commands/project_base.rb:19:in `execute'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:15:in `run!'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/bin/compass:30:in `block in <top (required)>'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/bin/compass:44:in `call'
+/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/bin/compass:44:in `<top (required)>'
+/usr/bin/compass:23:in `load'
+/usr/bin/compass:23:in `<main>'
 */
-/* line 231, ../../../../general/res/sass/controls/_messages.scss */
-.l-message {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: stretch;
-  align-items: stretch; }
-  /* line 235, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message .type-icon.message-type {
-    -webkit-flex: 0 1 auto;
-    flex: 0 1 auto;
-    position: relative; }
-  /* line 240, ../../../../general/res/sass/controls/_messages.scss */
-  .l-message .message-contents {
-    -webkit-flex: 1 1 auto;
-    flex: 1 1 auto;
-    margin-left: 25px;
-    position: relative; }
-    /* line 246, ../../../../general/res/sass/controls/_messages.scss */
-    .l-message .message-contents .top-bar,
-    .l-message .message-contents .message-body {
-      margin-bottom: 20px; }
-
-/* line 195, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-single .type-icon.message-type {
-  text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px;
-  color: #ccc;
-  font-size: 80px;
-  padding: 1px;
-  width: 82px; }
-  /* line 197, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-single .type-icon.message-type:before {
-    content: "\e608"; }
-/* line 204, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-single .message-severity-info .type-icon.message-type {
-  color: #60ba7b; }
-  /* line 205, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-single .message-severity-info .type-icon.message-type:before {
-    content: "\e608"; }
-/* line 208, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-single .message-severity-alert .type-icon.message-type {
-  color: #ffb66c; }
-  /* line 209, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-single .message-severity-alert .type-icon.message-type:before {
-    content: "\e610"; }
-/* line 212, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-single .message-severity-error .type-icon.message-type {
-  color: #c96b68; }
-  /* line 213, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-single .message-severity-error .type-icon.message-type:before {
-    content: "\21"; }
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 259, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-single .l-message,
-  .t-message-single .bottom-bar {
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto; }
-  /* line 264, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-single .bottom-bar {
-    top: auto;
-    height: 24px; } }
-
-/* line 195, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-list .type-icon.message-type {
-  text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px;
-  color: #ccc;
-  font-size: 32px;
-  padding: 1px;
-  width: 34px; }
-  /* line 197, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .type-icon.message-type:before {
-    content: "\e608"; }
-/* line 204, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-list .message-severity-info .type-icon.message-type {
-  color: #60ba7b; }
-  /* line 205, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-severity-info .type-icon.message-type:before {
-    content: "\e608"; }
-/* line 208, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-list .message-severity-alert .type-icon.message-type {
-  color: #ffb66c; }
-  /* line 209, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-severity-alert .type-icon.message-type:before {
-    content: "\e610"; }
-/* line 212, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-list .message-severity-error .type-icon.message-type {
-  color: #c96b68; }
-  /* line 213, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-severity-error .type-icon.message-type:before {
-    content: "\21"; }
-/* line 276, ../../../../general/res/sass/controls/_messages.scss */
-.t-message-list .message-contents .l-message {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  background: rgba(102, 102, 102, 0.1);
-  margin-bottom: 5px;
-  padding: 10px; }
-  /* line 283, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-contents .l-message .message-contents,
-  .t-message-list .message-contents .l-message .bottom-bar {
-    position: relative; }
-  /* line 289, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-contents .l-message .message-contents {
-    font-size: 0.9em;
-    margin-left: 10px; }
-    /* line 292, ../../../../general/res/sass/controls/_messages.scss */
-    .t-message-list .message-contents .l-message .message-contents .message-action {
-      color: #999999; }
-    /* line 293, ../../../../general/res/sass/controls/_messages.scss */
-    .t-message-list .message-contents .l-message .message-contents .bottom-bar {
-      text-align: left; }
-  /* line 296, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-contents .l-message .top-bar,
-  .t-message-list .message-contents .l-message .message-body {
-    margin-bottom: 10px; }
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 304, ../../../../general/res/sass/controls/_messages.scss */
-  .t-message-list .message-contents .l-message {
-    margin-right: 10px; } }
-
-/* line 13, ../../../../general/res/sass/controls/_time-controller.scss */
-mct-include.l-time-controller {
-  overflow: hidden;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  width: auto;
-  height: auto;
-  display: block;
-  top: auto;
-  height: 83px;
-  min-width: 500px;
-  font-size: 0.8rem; }
-  /* line 38, ../../../../general/res/sass/controls/_time-controller.scss */
-  mct-include.l-time-controller .l-time-range-inputs-holder,
-  mct-include.l-time-controller .l-time-range-slider-holder,
-  mct-include.l-time-controller .l-time-range-ticks-holder {
-    overflow: visible;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: auto;
-    height: auto;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    top: auto; }
-  /* line 47, ../../../../general/res/sass/controls/_time-controller.scss */
-  mct-include.l-time-controller .l-time-range-slider,
-  mct-include.l-time-controller .l-time-range-ticks {
-    overflow: visible;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: auto;
-    height: auto;
-    left: 150px;
-    right: 150px; }
-  /* line 54, ../../../../general/res/sass/controls/_time-controller.scss */
-  mct-include.l-time-controller .l-time-range-inputs-holder {
-    height: 33px;
-    bottom: 46px;
-    padding-top: 5px;
-    border-top: 1px solid rgba(102, 102, 102, 0.2); }
-    /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .l-time-range-inputs-holder .type-icon {
-      font-size: 120%;
-      vertical-align: middle; }
-    /* line 63, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input,
-    mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem {
-      margin-right: 5px; }
-      /* line 66, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl {
-        color: #999999; }
-      /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .t-item-icon,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .s-icon-btn.t-item-icon,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager,
-      .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager,
-      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
-      .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon {
-        font-size: 11px;
-        width: 11px; }
-  /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */
-  mct-include.l-time-controller .l-time-range-slider-holder {
-    height: 20px;
-    bottom: 23px; }
-    /* line 79, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .l-time-range-slider-holder .range-holder {
-      -moz-box-shadow: none;
-      -webkit-box-shadow: none;
-      box-shadow: none;
-      background: none;
-      border: none; }
-      /* line 84, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line {
-        -moz-transform: translateX(50%);
-        -ms-transform: translateX(50%);
-        -webkit-transform: translateX(50%);
-        transform: translateX(50%);
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0px;
-        left: auto;
-        width: 8px;
-        height: auto;
-        z-index: 2; }
-        /* line 94, ../../../../general/res/sass/controls/_time-controller.scss */
-        mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
-          background-color: #666;
-          content: "";
-          position: absolute; }
-        /* line 100, ../../../../general/res/sass/controls/_time-controller.scss */
-        mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before {
-          top: 0;
-          right: auto;
-          bottom: -10px;
-          left: 3px;
-          width: 2px; }
-        /* line 106, ../../../../general/res/sass/controls/_time-controller.scss */
-        mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
-          -moz-border-radius: 8px;
-          -webkit-border-radius: 8px;
-          border-radius: 8px;
-          -moz-transform: translateY(-50%);
-          -ms-transform: translateY(-50%);
-          -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-          top: 50%;
-          right: 0;
-          bottom: auto;
-          left: 0;
-          width: auto;
-          height: 8px; }
-      /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after {
-        background-color: #0052b5; }
-    /* line 122, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .knob,
-    mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .range {
-      -moz-transition-property: left, right;
-      -o-transition-property: left, right;
-      -webkit-transition-property: left, right;
-      transition-property: left, right;
-      -moz-transition-duration: 500ms;
-      -o-transition-duration: 500ms;
-      -webkit-transition-duration: 500ms;
-      transition-duration: 500ms;
-      -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; }
-  /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */
-  mct-include.l-time-controller .l-time-range-ticks-holder {
-    height: 20px; }
-    /* line 133, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks {
-      border-top: 1px solid rgba(0, 0, 0, 0.2); }
-      /* line 135, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick {
-        background-color: rgba(0, 0, 0, 0.2);
-        border: none;
-        height: 5px;
-        width: 1px;
-        margin-left: -1px;
-        position: absolute; }
-        /* line 142, ../../../../general/res/sass/controls/_time-controller.scss */
-        mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child {
-          margin-left: 0; }
-        /* line 145, ../../../../general/res/sass/controls/_time-controller.scss */
-        mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label {
-          transform: translateX(-50%);
-          -webkit-transform: translateX(-50%);
-          color: #999999;
-          display: inline-block;
-          font-size: 0.9em;
-          position: absolute;
-          top: 8px;
-          white-space: nowrap;
-          z-index: 2; }
-  /* line 159, ../../../../general/res/sass/controls/_time-controller.scss */
-  mct-include.l-time-controller .knob {
-    z-index: 2; }
-    /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .knob .range-value {
-      -moz-transition-property: opacity, background-color, border-color, color;
-      -o-transition-property: opacity, background-color, border-color, color;
-      -webkit-transition-property: opacity, background-color, border-color, color;
-      transition-property: opacity, background-color, border-color, color;
-      -moz-transition-duration: 0.25s;
-      -o-transition-duration: 0.25s;
-      -webkit-transition-duration: 0.25s;
-      transition-duration: 0.25s;
-      -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;
-      padding: 0 10px;
-      position: absolute;
-      height: 20px;
-      line-height: 20px;
-      white-space: nowrap; }
-    /* line 170, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .knob:hover .range-value {
-      color: rgba(0, 153, 204, 0.7); }
-    /* line 173, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .knob.knob-l {
-      margin-left: -10px; }
-      /* line 176, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .knob.knob-l .range-value {
-        text-align: right;
-        right: 10px; }
-    /* line 181, ../../../../general/res/sass/controls/_time-controller.scss */
-    mct-include.l-time-controller .knob.knob-r {
-      margin-right: -10px; }
-      /* line 184, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .knob.knob-r .range-value {
-        left: 10px; }
-      /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
-      mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after {
-        background-color: #0052b5; }
-
-/* line 198, ../../../../general/res/sass/controls/_time-controller.scss */
-.s-time-range-val {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  background-color: #fff;
-  padding: 1px 1px 0 5px; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 26, ../../../../general/res/sass/mobile/controls/_menus.scss */
-  .menu-element .super-menu {
-    width: 250px;
-    height: 250px; }
-    /* line 32, ../../../../general/res/sass/mobile/controls/_menus.scss */
-    .menu-element .super-menu .pane.left {
-      border-right: none;
-      padding-right: 0;
-      width: 100%; }
-    /* line 37, ../../../../general/res/sass/mobile/controls/_menus.scss */
-    .menu-element .super-menu .pane.right {
-      display: none; } }
-/********************************* FORMS */
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/forms/_elems.scss */
-.section-header {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  background: rgba(0, 0, 0, 0.05);
-  color: #999999;
-  font-size: 0.8em;
-  padding: 5px 5px;
-  text-transform: uppercase; }
-
-/* line 33, ../../../../general/res/sass/forms/_elems.scss */
-.form {
-  color: gray; }
-  /* line 36, ../../../../general/res/sass/forms/_elems.scss */
-  .form .form-section {
-    position: relative;
-    margin-bottom: 20px; }
-  /* line 41, ../../../../general/res/sass/forms/_elems.scss */
-  .form .form-row {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    *zoom: 1;
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    margin-top: 5px;
-    padding: 5px 0;
-    position: relative; }
-    /* line 49, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row.first {
-      border-top: none; }
-    /* line 53, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row > .label,
-    .form .form-row > .controls {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      overflow: hidden;
-      *zoom: 1;
-      font-size: 0.8rem;
-      line-height: 22px;
-      min-height: 22px; }
-    /* line 62, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row > .label {
-      float: left;
-      min-width: 120px;
-      position: relative;
-      white-space: nowrap;
-      width: 30%; }
-    /* line 72, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row .value {
-      color: #666; }
-    /* line 76, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row .controls {
-      float: left;
-      position: relative;
-      width: 69.9%; }
-      /* line 83, ../../../../general/res/sass/forms/_elems.scss */
-      .form .form-row .controls .l-composite-control.l-checkbox {
-        display: inline-block;
-        line-height: 14px;
-        margin-right: 5px; }
-      /* line 92, ../../../../general/res/sass/forms/_elems.scss */
-      .form .form-row .controls .l-med input[type="text"] {
-        width: 200px; }
-      /* line 96, ../../../../general/res/sass/forms/_elems.scss */
-      .form .form-row .controls .l-small input[type="text"] {
-        width: 50px; }
-      /* line 100, ../../../../general/res/sass/forms/_elems.scss */
-      .form .form-row .controls .l-numeric input[type="text"] {
-        text-align: right; }
-      /* line 104, ../../../../general/res/sass/forms/_elems.scss */
-      .form .form-row .controls .select {
-        margin-right: 5px; }
-    /* line 109, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row .field-hints {
-      color: #333333; }
-    /* line 113, ../../../../general/res/sass/forms/_elems.scss */
-    .form .form-row .selector-list {
-      -moz-appearance: none;
-      -webkit-appearance: none;
-      -moz-border-radius: 4px;
-      -webkit-border-radius: 4px;
-      border-radius: 4px;
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-      background: #fff;
-      border: none;
-      color: #666;
-      outline: none;
-      padding: 0 3px;
-      position: relative;
-      height: 150px; }
-      /* line 321, ../../../../general/res/sass/_mixins.scss */
-      .form .form-row .selector-list.error {
-        background: rgba(255, 0, 0, 0.5); }
-      /* line 124, ../../../../general/res/sass/forms/_elems.scss */
-      .form .form-row .selector-list > .wrapper {
-        overflow: auto;
-        position: absolute;
-        top: 5px;
-        right: 5px;
-        bottom: 5px;
-        left: 5px; }
-
-/* line 138, ../../../../general/res/sass/forms/_elems.scss */
-label.form-control.checkbox input {
-  margin-right: 5px;
-  vertical-align: top; }
-
-/* line 144, ../../../../general/res/sass/forms/_elems.scss */
-.hint,
-.s-hint {
-  font-size: 0.9em; }
-
-/* line 149, ../../../../general/res/sass/forms/_elems.scss */
-.l-result {
-  display: inline-block;
-  min-width: 32px;
-  min-height: 32px;
-  position: relative;
-  vertical-align: top; }
-  /* line 156, ../../../../general/res/sass/forms/_elems.scss */
-  .l-result div.s-hint {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    background: rgba(255, 34, 0, 0.8);
-    display: block;
-    color: #ffa799;
-    padding: 5px; }
-
-/* line 165, ../../../../general/res/sass/forms/_elems.scss */
-input[type="text"] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: #fff;
-  border: none;
-  color: #666;
-  outline: none;
-  padding: 0 3px; }
-  /* line 321, ../../../../general/res/sass/_mixins.scss */
-  input[type="text"].error {
-    background: rgba(255, 0, 0, 0.5); }
-  /* line 172, ../../../../general/res/sass/forms/_elems.scss */
-  input[type="text"].numeric {
-    text-align: right; }
-
-/* line 177, ../../../../general/res/sass/forms/_elems.scss */
-textarea {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: #fff;
-  border: none;
-  color: #666;
-  outline: none;
-  padding: 5px;
-  position: absolute;
-  height: 100%;
-  width: 100%; }
-  /* line 321, ../../../../general/res/sass/_mixins.scss */
-  textarea.error {
-    background: rgba(255, 0, 0, 0.5); }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/forms/_selects.scss */
-.select {
-  background-color: #ddd;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  color: #fff;
-  display: inline-block;
-  -moz-user-select: -moz-none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  -moz-transition: background, 0.25s;
-  -o-transition: background, 0.25s;
-  -webkit-transition: background, 0.25s;
-  transition: background, 0.25s;
-  text-shadow: none;
-  padding: 0 5px;
-  overflow: hidden;
-  position: relative;
-  line-height: 22px; }
-  /* line 297, ../../../../general/res/sass/_mixins.scss */
-  .select .icon, .select .t-item-icon {
-    color: #eee; }
-  /* line 31, ../../../../general/res/sass/forms/_selects.scss */
-  .select select {
-    -moz-appearance: none;
-    -webkit-appearance: none;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    background: none;
-    color: #666;
-    cursor: pointer;
-    border: none !important;
-    padding: 4px 25px 2px 0px;
-    width: 120%; }
-    /* line 40, ../../../../general/res/sass/forms/_selects.scss */
-    .select select option {
-      margin: 5px 0; }
-  /* line 44, ../../../../general/res/sass/forms/_selects.scss */
-  .select:after {
-    text-shadow: none;
-    content: '\76';
-    display: inline-block;
-    font-family: 'symbolsfont';
-    margin-left: 3px;
-    vertical-align: top;
-    pointer-events: none;
-    color: rgba(102, 102, 102, 0.4);
-    position: absolute;
-    right: 5px;
-    top: 0; }
-
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/forms/_channel-selector.scss */
-.channel-selector .line {
-  margin-bottom: 5px;
-  min-height: 22px; }
-/* line 27, ../../../../general/res/sass/forms/_channel-selector.scss */
-.channel-selector .treeview {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: #fcfcfc;
-  border: none;
-  color: #666;
-  outline: none;
-  padding: 0 3px;
-  background: white;
-  border-bottom: 1px solid white;
-  min-height: 300px;
-  max-height: 400px;
-  overflow: auto;
-  padding: 5px; }
-  /* line 321, ../../../../general/res/sass/_mixins.scss */
-  .channel-selector .treeview.error {
-    background: rgba(255, 0, 0, 0.5); }
-/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
-.channel-selector .btns-add-remove {
-  margin-top: 150px; }
-  /* line 39, ../../../../general/res/sass/forms/_channel-selector.scss */
-  .channel-selector .btns-add-remove .s-btn, .channel-selector .btns-add-remove .s-menu-btn {
-    display: block;
-    margin-bottom: 5px;
-    text-align: center; }
-
-/*****************************************************************************
- * 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 29, ../../../../general/res/sass/forms/_datetime.scss */
-.complex.datetime {
-  /*
-  	.field-hints,
-  	.fields {
-  	}
-  
-  	
-  	.field-hints {
-  
-  	}
-  	*/ }
-  /* line 30, ../../../../general/res/sass/forms/_datetime.scss */
-  .complex.datetime span {
-    display: inline-block;
-    margin-right: 5px; }
-  /* line 46, ../../../../general/res/sass/forms/_datetime.scss */
-  .complex.datetime .fields {
-    margin-top: 3px 0;
-    padding: 3px 0; }
-  /* line 51, ../../../../general/res/sass/forms/_datetime.scss */
-  .complex.datetime .date {
-    width: 85px; }
-    /* line 24, ../../../../general/res/sass/forms/_datetime.scss */
-    .complex.datetime .date input[type="text"] {
-      width: 80px; }
-  /* line 55, ../../../../general/res/sass/forms/_datetime.scss */
-  .complex.datetime .time.md {
-    width: 65px; }
-    /* line 24, ../../../../general/res/sass/forms/_datetime.scss */
-    .complex.datetime .time.md input[type="text"] {
-      width: 60px; }
-  /* line 59, ../../../../general/res/sass/forms/_datetime.scss */
-  .complex.datetime .time.sm {
-    width: 45px; }
-    /* line 24, ../../../../general/res/sass/forms/_datetime.scss */
-    .complex.datetime .time.sm input[type="text"] {
-      width: 40px; }
-
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/forms/_validation.scss */
-.validates > .label {
-  padding-right: 10px; }
-  /* line 25, ../../../../general/res/sass/forms/_validation.scss */
-  .validates > .label::after {
-    float: right;
-    font-family: symbolsfont;
-    font-size: 0.7em; }
-/* line 33, ../../../../general/res/sass/forms/_validation.scss */
-.validates.invalid > .label::after, .validates.invalid.req > .label::after {
-  color: #ff2200;
-  content: "x"; }
-/* line 40, ../../../../general/res/sass/forms/_validation.scss */
-.validates.valid > .label::after, .validates.valid.req > .label::after {
-  color: #33cc33;
-  content: "2"; }
-/* line 46, ../../../../general/res/sass/forms/_validation.scss */
-.validates.req > .label::after {
-  color: #0099cc;
-  content: "*"; }
-
-/* line 52, ../../../../general/res/sass/forms/_validation.scss */
-.req {
-  font-size: 0.7em; }
-
-/* line 55, ../../../../general/res/sass/forms/_validation.scss */
-span.req {
-  color: #0099cc; }
-
-/*****************************************************************************
- * 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/forms/_filter.scss */
-.filter input.filter,
-.filter input.t-filter-input,
-.t-filter input.filter,
-.t-filter input.t-filter-input {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
-  background: #fcfcfc;
-  border: none;
-  color: #666;
-  outline: none;
-  padding: 0 3px;
-  background: white;
-  border-bottom: 1px solid white; }
-  /* line 321, ../../../../general/res/sass/_mixins.scss */
-  .filter input.filter.error,
-  .filter input.t-filter-input.error,
-  .t-filter input.filter.error,
-  .t-filter input.t-filter-input.error {
-    background: rgba(255, 0, 0, 0.5); }
-/* line 28, ../../../../general/res/sass/forms/_filter.scss */
-.filter input.t-filter-input,
-.t-filter input.t-filter-input {
-  height: 22px;
-  width: 200px; }
-  /* line 38, ../../../../general/res/sass/forms/_filter.scss */
-  .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
-  .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
-    display: none; }
-/* line 42, ../../../../general/res/sass/forms/_filter.scss */
-.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
-.t-filter .icon.ui-symbol,
-.t-filter .t-item-icon,
-.t-filter .icon.s-icon-btn,
-.t-filter .s-icon-btn.t-item-icon,
-.t-filter .l-datetime-picker .l-month-year-pager .icon.pager,
-.l-datetime-picker .l-month-year-pager .t-filter .icon.pager,
-.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
-.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  display: inline-block;
-  font-size: 1.3em;
-  height: 22px;
-  line-height: 22px;
-  padding: 0px 5px;
-  vertical-align: middle; }
-  /* line 50, ../../../../general/res/sass/forms/_filter.scss */
-  .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
-  .t-filter .icon.ui-symbol:hover,
-  .t-filter .t-item-icon:hover,
-  .t-filter .icon.s-icon-btn:hover,
-  .t-filter .s-icon-btn.t-item-icon:hover,
-  .t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover,
-  .l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover,
-  .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
-  .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
-    background: rgba(255, 255, 255, 0.1); }
-/* line 54, ../../../../general/res/sass/forms/_filter.scss */
-.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
-.t-filter .s-a-clear.ui-symbol,
-.t-filter .s-a-clear.t-item-icon,
-.t-filter .s-a-clear.s-icon-btn,
-.t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager,
-.l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-  opacity: 0.2;
-  background: #fff;
-  color: #333;
-  display: block;
-  position: absolute;
-  height: 13px;
-  width: 13px;
-  line-height: 13px;
-  margin-top: -6.5px;
-  overflow: hidden;
-  padding-top: 1px;
-  right: 4.5px;
-  top: 50%;
-  text-align: center;
-  z-index: 5; }
-  /* line 74, ../../../../general/res/sass/forms/_filter.scss */
-  .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
-  .t-filter .s-a-clear.ui-symbol:hover,
-  .t-filter .s-a-clear.t-item-icon:hover,
-  .t-filter .s-a-clear.s-icon-btn:hover,
-  .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover,
-  .l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager:hover {
-    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-    opacity: 0.6;
-    background-color: #0099cc; }
-
-/* line 82, ../../../../general/res/sass/forms/_filter.scss */
-.l-filter {
-  display: inline-block;
-  position: relative; }
-
-/* line 89, ../../../../general/res/sass/forms/_filter.scss */
-.top-bar input.filter {
-  font-size: .9em;
-  height: 24px;
-  line-height: 24px;
-  margin-right: 5px;
-  padding-left: 10px;
-  padding-right: 10px;
-  vertical-align: top; }
-/* line 100, ../../../../general/res/sass/forms/_filter.scss */
-.top-bar .icon-filter {
-  font-size: 1.4em; }
-
-/********************************* USER ENVIRON */
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-area,
-.edit-area,
-.editor {
-  position: absolute; }
-
-/* line 29, ../../../../general/res/sass/user-environ/_layout.scss */
-.editor {
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
-  border-radius: 6px; }
-
-/* line 33, ../../../../general/res/sass/user-environ/_layout.scss */
-.contents {
-  box-sizing: border-box;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0; }
-  /* line 41, ../../../../general/res/sass/user-environ/_layout.scss */
-  .contents.nomargin {
-    right: 0px;
-    bottom: 0px;
-    left: 0px; }
-
-/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */
-.bar .icon.major, .bar .major.t-item-icon {
-  margin-right: 5px; }
-/* line 53, ../../../../general/res/sass/user-environ/_layout.scss */
-.bar.abs, .bar.l-inspect, .l-datetime-picker .l-month-year-pager .bar.pager,
-.l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area {
-  text-wrap: none;
-  white-space: nowrap; }
-  /* line 56, ../../../../general/res/sass/user-environ/_layout.scss */
-  .bar.abs.left, .bar.left.l-inspect, .l-datetime-picker .l-month-year-pager .bar.left.pager,
-  .l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area,
-  .bar.abs .left,
-  .bar.l-inspect .left,
-  .l-datetime-picker .l-month-year-pager .bar.pager .left,
-  .l-datetime-picker .l-month-year-pager .bar.val .left,
-  .s-menu-btn span.bar.l-click-area .left {
-    width: 45%;
-    right: auto; }
-  /* line 61, ../../../../general/res/sass/user-environ/_layout.scss */
-  .bar.abs.right, .bar.right.l-inspect, .l-datetime-picker .l-month-year-pager .bar.right.pager,
-  .l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area,
-  .bar.abs .right,
-  .bar.l-inspect .right,
-  .l-datetime-picker .l-month-year-pager .bar.pager .right,
-  .l-datetime-picker .l-month-year-pager .bar.val .right,
-  .s-menu-btn span.bar.l-click-area .right {
-    width: 45%;
-    left: auto;
-    text-align: right; }
-    /* line 66, ../../../../general/res/sass/user-environ/_layout.scss */
-    .bar.abs.right .icon.major, .bar.right.l-inspect .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major,
-    .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .bar.right.l-inspect .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon,
-    .l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon,
-    .bar.abs .right .icon.major,
-    .bar.l-inspect .right .icon.major,
-    .l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major,
-    .l-datetime-picker .l-month-year-pager .bar.val .right .icon.major,
-    .s-menu-btn span.bar.l-click-area .right .icon.major,
-    .bar.abs .right .major.t-item-icon,
-    .bar.l-inspect .right .major.t-item-icon,
-    .l-datetime-picker .l-month-year-pager .bar.pager .right .major.t-item-icon,
-    .l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon,
-    .s-menu-btn span.bar.l-click-area .right .major.t-item-icon {
-      margin-left: 15px; }
-  /* line 72, ../../../../general/res/sass/user-environ/_layout.scss */
-  .bar.abs .l-flex .left, .bar.l-inspect .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left,
-  .l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left,
-  .bar.abs .l-flex .right,
-  .bar.l-inspect .l-flex .right,
-  .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .right,
-  .l-datetime-picker .l-month-year-pager .bar.val .l-flex .right,
-  .s-menu-btn span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .bar.l-flex.l-inspect .left, .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .left,
-  .l-datetime-picker .l-month-year-pager .bar.l-flex.val .left, .s-menu-btn span.bar.l-flex.l-click-area .left,
-  .bar.abs.l-flex .right,
-  .bar.l-flex.l-inspect .right,
-  .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .right,
-  .l-datetime-picker .l-month-year-pager .bar.l-flex.val .right,
-  .s-menu-btn span.bar.l-flex.l-click-area .right {
-    width: auto; }
-
-/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */
-.user-environ .browse-area,
-.user-environ .editor {
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 25px; }
-/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
-.user-environ .browse-area > .contents,
-.user-environ .edit-area > .contents {
-  left: 0;
-  right: 0; }
-/* line 94, ../../../../general/res/sass/user-environ/_layout.scss */
-.user-environ .edit-area {
-  top: 45px;
-  left: 10px;
-  right: 10px;
-  bottom: 35px; }
-  /* line 100, ../../../../general/res/sass/user-environ/_layout.scss */
-  .user-environ .edit-area .tool-bar {
-    bottom: auto;
-    height: 30px;
-    line-height: 25px; }
-  /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */
-  .user-environ .edit-area .object-holder.work-area {
-    top: 40px;
-    overflow: auto; }
-/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
-.user-environ .ue-bottom-bar {
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  height: auto;
-  top: auto;
-  height: 25px;
-  line-height: 15px;
-  background: #000;
-  color: white;
-  font-size: .7rem; }
-  /* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
-  .user-environ .ue-bottom-bar .status-holder {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    bottom: 5px;
-    left: 5px;
-    width: auto;
-    height: auto;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    right: 120px;
-    text-transform: uppercase;
-    z-index: 1; }
-  /* line 130, ../../../../general/res/sass/user-environ/_layout.scss */
-  .user-environ .ue-bottom-bar .app-logo {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    bottom: 5px;
-    left: 5px;
-    width: auto;
-    height: auto;
-    cursor: pointer;
-    left: auto;
-    width: 105px;
-    z-index: 2; }
-    /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
-    .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
-      background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
-
-/* line 148, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-mode .split-layout .split-pane-component.pane.treeview.left {
-  min-width: 150px;
-  max-width: 800px;
-  width: 25%; }
-/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-mode .split-layout .split-pane-component.pane.t-inspect.right {
-  min-width: 200px;
-  max-width: 600px;
-  width: 20%; }
-
-/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */
-.edit-mode .split-layout .split-pane-component.pane.right {
-  width: 15%; }
-  /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
-  .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
-    min-height: 50px;
-    height: 30%; }
-
-/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  position: absolute; }
-  /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane .pane-header {
-    text-transform: uppercase;
-    height: 24px;
-    line-height: 24px; }
-  /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane .primary-pane {
-    z-index: 2; }
-  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane .mini-tab-icon.toggle-pane {
-    z-index: 5; }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
-      .pane .mini-tab-icon.toggle-pane {
-        top: 10px;
-        height: 24px;
-        line-height: 24px; }
-        /* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
-        .pane .mini-tab-icon.toggle-pane:after {
-          opacity: 0; }
-        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
-        .pane .mini-tab-icon.toggle-pane.collapsed:before {
-          opacity: 0; }
-        /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
-        .pane .mini-tab-icon.toggle-pane.collapsed:after {
-          opacity: 1; }
-        /* line 235, ../../../../general/res/sass/user-environ/_layout.scss */
-        .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
-          left: 0;
-          -moz-transform: translateX(-33px);
-          -ms-transform: translateX(-33px);
-          -webkit-transform: translateX(-33px);
-          transform: translateX(-33px); }
-          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
-          .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
-            content: '\6d'; }
-          /* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
-          .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
-            left: 0;
-            -moz-transform: translateX(-17px);
-            -ms-transform: translateX(-17px);
-            -webkit-transform: translateX(-17px);
-            transform: translateX(-17px); }
-          /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
-          .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
-            -moz-transition-property: opacity;
-            -o-transition-property: opacity;
-            -webkit-transition-property: opacity;
-            transition-property: opacity;
-            -moz-transition-duration: 200ms;
-            -o-transition-duration: 200ms;
-            -webkit-transition-duration: 200ms;
-            transition-duration: 200ms;
-            -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: 200ms;
-            -o-transition-delay: 200ms;
-            -webkit-transition-delay: 200ms;
-            transition-delay: 200ms; }
-        /* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
-        .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
-          right: 10px; }
-          /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
-          .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
-            content: '\e615'; }
-          /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
-          .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
-            right: 5px; } }
-  /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
-  .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
-  .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
-  .pane.items .object-browse-bar .right.abs,
-  .pane.items .object-browse-bar .right.l-inspect,
-  .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager,
-  .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.pager,
-  .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.val,
-  .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.val,
-  .pane.items .object-browse-bar .s-menu-btn span.right.l-click-area,
-  .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
-    top: auto; }
-
-/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout {
-  /* &.vertical {
-       // Slides left and right
-       > .pane.left {
-           > .holder {
-               left: $bodyMargin;
-           }
-       }
-       > .pane.right {
-           > .holder {
-               right: $bodyMargin;
-           }
-       }
-   }*/ }
-  /* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout.horizontal > .pane {
-    margin-top: 5px; }
-    /* line 277, ../../../../general/res/sass/user-environ/_layout.scss */
-    .split-layout.horizontal > .pane:first-child {
-      margin-top: 0; }
-  /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-treeview-elements {
-    top: 10px;
-    right: 0;
-    bottom: 10px;
-    left: 10px; }
-  /* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
-  .split-layout .holder.holder-object-and-inspector {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0; }
-    /* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
-    .split-layout .holder.holder-object-and-inspector .holder-object {
-      top: 10px;
-      bottom: 10px; }
-    /* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
-    .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
-      top: 10px;
-      bottom: 10px;
-      left: 10px;
-      right: 10px; }
-
-/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */
-.object-holder {
-  overflow: auto;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  height: auto;
-  top: 34px; }
-  /* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
-  .object-holder.l-controls-visible.l-time-controller-visible {
-    bottom: 88px; }
-
-/* line 333, ../../../../general/res/sass/user-environ/_layout.scss */
-.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
-.top-bar .buttons-main .s-btn,
-.top-bar .buttons-main .s-menu-btn,
-.top-bar .s-menu-btn,
-.tool-bar .s-btn,
-.tool-bar .s-menu-btn,
-.tool-bar .s-menu-btn {
-  height: 25px;
-  line-height: 25px;
-  vertical-align: top; }
-
-/* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
-.object-browse-bar .view-switcher,
-.top-bar .view-switcher {
-  margin-right: 20px; }
-
-/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
-.object-browse-bar {
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  height: auto;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  height: 24px;
-  line-height: 24px;
-  white-space: nowrap; }
-  /* line 359, ../../../../general/res/sass/user-environ/_layout.scss */
-  .object-browse-bar .left {
-    padding-right: 20px; }
-    /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */
-    .object-browse-bar .left .l-back {
-      display: inline-block;
-      float: left;
-      margin-right: 10px; }
-
-/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-tree-hidden .tree-holder,
-.pane-tree-hidden .splitter-treeview,
-.pane-tree-hidden .holder-treeview-elements {
-  opacity: 0; }
-
-/* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-tree-showing .tree-holder,
-.pane-tree-showing .splitter-treeview {
-  -moz-transition-property: opacity;
-  -o-transition-property: opacity;
-  -webkit-transition-property: opacity;
-  transition-property: opacity;
-  -moz-transition-duration: 250ms;
-  -o-transition-duration: 250ms;
-  -webkit-transition-duration: 250ms;
-  transition-duration: 250ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 250ms;
-  -o-transition-delay: 250ms;
-  -webkit-transition-delay: 250ms;
-  transition-delay: 250ms;
-  opacity: 1; }
-/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-tree-showing .holder-treeview-elements {
-  -moz-transition-property: opacity;
-  -o-transition-property: opacity;
-  -webkit-transition-property: opacity;
-  transition-property: opacity;
-  -moz-transition-duration: 250ms;
-  -o-transition-duration: 250ms;
-  -webkit-transition-duration: 250ms;
-  transition-duration: 250ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 200ms;
-  -o-transition-delay: 200ms;
-  -webkit-transition-delay: 200ms;
-  transition-delay: 200ms; }
-
-/* line 398, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-inspect-showing .l-object-and-inspector .l-inspect,
-.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-  -moz-transition-property: opacity;
-  -o-transition-property: opacity;
-  -webkit-transition-property: opacity;
-  transition-property: opacity;
-  -moz-transition-duration: 250ms;
-  -o-transition-duration: 250ms;
-  -webkit-transition-duration: 250ms;
-  transition-duration: 250ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 250ms;
-  -o-transition-delay: 250ms;
-  -webkit-transition-delay: 250ms;
-  transition-delay: 250ms;
-  opacity: 1; }
-
-/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */
-.pane-inspect-hidden .l-object-and-inspector .l-inspect,
-.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
-  opacity: 0; }
-
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 415, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane.treeview.left .tree-holder {
-    padding-right: 5px; }
-
-  /* line 419, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane-tree-hidden .pane.right.primary-pane {
-    left: 22px !important; }
-
-  /* line 422, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane-inspect-hidden .l-object-and-inspector .pane.left {
-    right: 22px !important; }
-
-  /* line 425, ../../../../general/res/sass/user-environ/_layout.scss */
-  .pane:not(.resizing) {
-    -moz-transition-property: width, left, right;
-    -o-transition-property: width, left, right;
-    -webkit-transition-property: width, left, right;
-    transition-property: width, left, right;
-    -moz-transition-duration: 250ms;
-    -o-transition-duration: 250ms;
-    -webkit-transition-duration: 250ms;
-    transition-duration: 250ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0; } }
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 26, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-wrapper,
-  .pane {
-    top: 0 !important;
-    right: 0;
-    bottom: 0;
-    left: 0; }
-
-  /* line 31, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane.left.treeview {
-    background-color: #f7f7f7; }
-
-  /* line 35, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane.right.items {
-    -moz-transition-duration: 0.35s;
-    -o-transition-duration: 0.35s;
-    -webkit-transition-duration: 0.35s;
-    transition-duration: 0.35s;
-    transition-timing-function: ease;
-    backface-visibility: hidden;
-    margin-left: 0 !important; }
-    /* line 39, ../../../../general/res/sass/mobile/_layout.scss */
-    .pane.right.items #content-area {
-      -moz-transition-duration: 0.35s;
-      -o-transition-duration: 0.35s;
-      -webkit-transition-duration: 0.35s;
-      transition-duration: 0.35s;
-      transition-timing-function: ease;
-      backface-visibility: hidden;
-      opacity: 1; }
-
-  /* line 45, ../../../../general/res/sass/mobile/_layout.scss */
-  .holder.holder-treeview-elements {
-    right: 10px !important; }
-
-  /* line 56, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane-tree-hidden .pane.left.treeview {
-    -moz-transition-property: opacity;
-    -o-transition-property: opacity;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -moz-transition-duration: 150ms;
-    -o-transition-duration: 150ms;
-    -webkit-transition-duration: 150ms;
-    transition-duration: 150ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0;
-    opacity: 0 !important; }
-  /* line 64, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane-tree-hidden .pane.right.items {
-    left: 0 !important; }
-
-  /* line 78, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane-tree-showing .pane.left.treeview {
-    -moz-transition-property: opacity;
-    -o-transition-property: opacity;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -moz-transition-duration: 250ms;
-    -o-transition-duration: 250ms;
-    -webkit-transition-duration: 250ms;
-    transition-duration: 250ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 250ms;
-    -o-transition-delay: 250ms;
-    -webkit-transition-delay: 250ms;
-    transition-delay: 250ms;
-    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-    background-size: 100%;
-    background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
-    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
-    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
-    right: auto !important;
-    width: 40% !important; }
-  /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane-tree-showing .pane.right.items {
-    left: 40% !important; }
-
-  /* line 90, ../../../../general/res/sass/mobile/_layout.scss */
-  .toggle-tree {
-    color: #0099cc !important;
-    font-size: 110%;
-    position: absolute;
-    top: 12px;
-    left: 10px; }
-    /* line 96, ../../../../general/res/sass/mobile/_layout.scss */
-    .toggle-tree:after {
-      content: 'm' !important;
-      font-family: symbolsfont; }
-
-  /* line 102, ../../../../general/res/sass/mobile/_layout.scss */
-  .object-browse-bar {
-    left: 45px !important; }
-    /* line 105, ../../../../general/res/sass/mobile/_layout.scss */
-    .object-browse-bar .context-available {
-      opacity: 1 !important; }
-    /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
-    .object-browse-bar .view-switcher {
-      margin-right: 0 !important; }
-      /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
-      .object-browse-bar .view-switcher .title-label {
-        display: none; }
-
-  /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
-  .tree-holder {
-    overflow-x: hidden !important; }
-
-  /* line 121, ../../../../general/res/sass/mobile/_layout.scss */
-  .mobile-disable-select {
-    -moz-user-select: -moz-none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none; }
-
-  /* line 126, ../../../../general/res/sass/mobile/_layout.scss */
-  .mobile-hide,
-  .mobile-hide-important {
-    display: none !important; }
-
-  /* line 131, ../../../../general/res/sass/mobile/_layout.scss */
-  .mobile-back-hide {
-    pointer-events: none;
-    -moz-transition-property: opacity;
-    -o-transition-property: opacity;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -moz-transition-duration: 0.4s;
-    -o-transition-duration: 0.4s;
-    -webkit-transition-duration: 0.4s;
-    transition-duration: 0.4s;
-    -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;
-    opacity: 0; }
-
-  /* line 136, ../../../../general/res/sass/mobile/_layout.scss */
-  .mobile-back-unhide {
-    pointer-events: all;
-    -moz-transition-property: opacity;
-    -o-transition-property: opacity;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -moz-transition-duration: 0.4s;
-    -o-transition-duration: 0.4s;
-    -webkit-transition-duration: 0.4s;
-    transition-duration: 0.4s;
-    -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;
-    opacity: 1; } }
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 145, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane-tree-showing .pane.left.treeview {
-    width: 90% !important; }
-  /* line 148, ../../../../general/res/sass/mobile/_layout.scss */
-  .pane-tree-showing .pane.right.items {
-    left: 0 !important;
-    -moz-transform: translateX(90%);
-    -ms-transform: translateX(90%);
-    -webkit-transform: translateX(90%);
-    transform: translateX(90%); }
-    /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
-    .pane-tree-showing .pane.right.items #content-area {
-      opacity: 0; } }
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 159, ../../../../general/res/sass/mobile/_layout.scss */
-  .desktop-hide {
-    display: none; } }
-/*****************************************************************************
- * 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 26, ../../../../general/res/sass/edit/_editor.scss */
-.edit-main .edit-corner,
-.edit-main .edit-handle {
-  position: absolute;
-  z-index: 2; }
-/* line 32, ../../../../general/res/sass/edit/_editor.scss */
-.edit-main .edit-corner {
-  width: 15px;
-  height: 15px; }
-  /* line 35, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-corner:hover {
-    z-index: 11; }
-  /* line 38, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-corner.edit-resize-nw {
-    -moz-border-radius-bottomright: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    border-bottom-right-radius: 5px;
-    cursor: nw-resize;
-    top: 0;
-    left: 0; }
-  /* line 43, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-corner.edit-resize-ne {
-    -moz-border-radius-bottomleft: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    border-bottom-left-radius: 5px;
-    cursor: ne-resize;
-    top: 0;
-    right: 0; }
-  /* line 48, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-corner.edit-resize-se {
-    -moz-border-radius-topleft: 5px;
-    -webkit-border-top-left-radius: 5px;
-    border-top-left-radius: 5px;
-    cursor: se-resize;
-    bottom: 0;
-    right: 0; }
-  /* line 53, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-corner.edit-resize-sw {
-    -moz-border-radius-topright: 5px;
-    -webkit-border-top-right-radius: 5px;
-    border-top-right-radius: 5px;
-    cursor: sw-resize;
-    bottom: 0;
-    left: 0; }
-/* line 61, ../../../../general/res/sass/edit/_editor.scss */
-.edit-main .edit-handle {
-  top: 15px;
-  right: 15px;
-  bottom: 15px;
-  left: 15px; }
-  /* line 63, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-handle.edit-move {
-    cursor: move;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 1; }
-  /* line 73, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-handle.edit-resize-n {
-    top: 0px;
-    bottom: auto;
-    height: 15px;
-    cursor: n-resize; }
-  /* line 78, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-handle.edit-resize-e {
-    right: 0px;
-    left: auto;
-    width: 15px;
-    cursor: e-resize; }
-  /* line 83, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-handle.edit-resize-s {
-    bottom: 0px;
-    top: auto;
-    height: 15px;
-    cursor: s-resize; }
-  /* line 88, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .edit-handle.edit-resize-w {
-    left: 0px;
-    right: auto;
-    width: 15px;
-    cursor: w-resize; }
-/* line 97, ../../../../general/res/sass/edit/_editor.scss */
-.edit-main .frame.child-frame.panel:hover {
-  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-  box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-  border-color: #0099cc; }
-  /* line 101, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .frame.child-frame.panel:hover .view-switcher {
-    opacity: 1; }
-  /* line 104, ../../../../general/res/sass/edit/_editor.scss */
-  .edit-main .frame.child-frame.panel:hover .edit-corner {
-    background-color: rgba(0, 153, 204, 0.8); }
-    /* line 106, ../../../../general/res/sass/edit/_editor.scss */
-    .edit-main .frame.child-frame.panel:hover .edit-corner:hover {
-      background-color: #0099cc; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*.abs.search-holder {
-	//@include test(#990000);
-	height: $treeSearchInputBarH;
-	bottom: 0;s
-	&.active {
-		height: auto;
-		bottom: 0;
-	}
-	top: 23px;
-
-	// Align with the top of the divider bar, below create button
-	//margin-top: 10px; // CH comment out
-	z-index:5;
-}*/
-/* line 38, ../../../../general/res/sass/search/_search.scss */
-.clear-icon,
-.menu-icon {
-  cursor: pointer;
-  font-family: symbolsfont;
-  -moz-transition-property: opacity, color;
-  -o-transition-property: opacity, color;
-  -webkit-transition-property: opacity, color;
-  transition-property: opacity, color;
-  -moz-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 0;
-  -o-transition-delay: 0;
-  -webkit-transition-delay: 0;
-  transition-delay: 0; }
-
-/* line 47, ../../../../general/res/sass/search/_search.scss */
-.clear-icon:before {
-  content: '\e607'; }
-
-/* line 52, ../../../../general/res/sass/search/_search.scss */
-.off {
-  visibility: hidden;
-  opacity: 0;
-  height: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  margin: 0 !important; }
-
-/* line 65, ../../../../general/res/sass/search/_search.scss */
-.holder-search .search-bar {
-  font-size: 0.8em;
-  max-width: 250px;
-  position: relative; }
-  /* line 74, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-input {
-    height: 25px;
-    line-height: 25px; }
-  /* line 79, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:before,
-  .holder-search .search-bar .clear-icon,
-  .holder-search .search-bar .menu-icon {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #a6a6a6;
-    height: 17px;
-    width: 17px;
-    line-height: 17px;
-    position: absolute;
-    text-align: center;
-    top: 4px; }
-  /* line 92, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-input {
-    position: relative;
-    width: 100%;
-    padding-left: 22px !important;
-    padding-right: 44px !important; }
-    /* line 99, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-input input {
-      width: inherit; }
-  /* line 104, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:before {
-    content: '\4d';
-    font-family: symbolsfont;
-    left: 3px;
-    -moz-transition-property: color;
-    -o-transition-property: color;
-    -webkit-transition-property: color;
-    transition-property: color;
-    -moz-transition-duration: 250ms;
-    -o-transition-duration: 250ms;
-    -webkit-transition-duration: 250ms;
-    transition-duration: 250ms;
-    -moz-transition-timing-function: ease-in-out;
-    -o-transition-timing-function: ease-in-out;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-    -moz-transition-delay: 0;
-    -o-transition-delay: 0;
-    -webkit-transition-delay: 0;
-    transition-delay: 0;
-    pointer-events: none; }
-  /* line 114, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar:hover:before {
-    color: #8c8c8c; }
-  /* line 118, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .clear-icon {
-    right: 22px;
-    visibility: hidden;
-    opacity: 0; }
-    /* line 124, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon.show {
-      visibility: visible;
-      opacity: 1; }
-    /* line 129, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .clear-icon:hover {
-      color: #8c8c8c; }
-  /* line 134, ../../../../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 136, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .menu-icon:before {
-      content: '\76'; }
-    /* line 142, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .menu-icon:hover {
-      color: #8c8c8c; }
-  /* line 147, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-bar .search-menu-holder {
-    float: right;
-    left: -20px;
-    z-index: 3;
-    transition: visibility .05s, opacity .05s; }
-    /* line 153, ../../../../general/res/sass/search/_search.scss */
-    .holder-search .search-bar .search-menu-holder.off {
-      visibility: hidden;
-      opacity: 0; }
-/* line 168, ../../../../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;
-  font-size: 0.65em; }
-  /* line 181, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .active-filter-display .clear-filters-icon {
-    color: #a6a6a6;
-    opacity: 1;
-    font-size: 0.8em;
-    position: absolute;
-    left: 1px;
-    cursor: pointer; }
-/* line 194, ../../../../general/res/sass/search/_search.scss */
-.holder-search .search-results {
-  -moz-transition-property: opacity, visibility;
-  -o-transition-property: opacity, visibility;
-  -webkit-transition-property: opacity, visibility;
-  transition-property: opacity, visibility;
-  -moz-transition-duration: 250ms;
-  -o-transition-duration: 250ms;
-  -webkit-transition-duration: 250ms;
-  transition-duration: 250ms;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -moz-transition-delay: 0;
-  -o-transition-delay: 0;
-  -webkit-transition-delay: 0;
-  transition-delay: 0; }
-  /* line 198, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-results .hint {
-    margin-bottom: 10px;
-    font-size: 0.65em;
-    opacity: 0.6; }
-  /* line 204, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-results.active {
-    visibility: visible;
-    opacity: 1; }
-  /* line 208, ../../../../general/res/sass/search/_search.scss */
-  .holder-search .search-results .load-more-button {
-    -moz-transform: translateX(-50%);
-    -ms-transform: translateX(-50%);
-    -webkit-transform: translateX(-50%);
-    transform: translateX(-50%);
-    display: inline-block;
-    margin-top: 5px;
-    padding: 0 10px;
-    font-size: 0.75em;
-    margin-left: 50%;
-    white-space: nowrap; }
-
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
-  .search .search-bar .menu-icon {
-    display: none; }
-  /* line 8, ../../../../general/res/sass/mobile/search/_search.scss */
-  .search .search-bar .clear-icon {
-    right: 5px; } }
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/overlay/_overlay.scss */
-.overlay {
-  font-size: 90%; }
-  /* line 24, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .blocker {
-    background: rgba(0, 0, 0, 0.7);
-    z-index: 100; }
-  /* line 28, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .clk-icon.close {
-    font-size: 0.8rem;
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    bottom: auto;
-    left: auto;
-    z-index: 100; }
-  /* line 37, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay > .holder {
-    background-color: #fcfcfc;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #666;
-    display: inline-block;
-    -moz-border-radius: 12px;
-    -webkit-border-radius: 12px;
-    border-radius: 12px;
-    color: #666;
-    top: 50%;
-    right: auto;
-    bottom: auto;
-    left: 50%;
-    -moz-transform: translateX(-50%) translateY(-50%);
-    -ms-transform: translateX(-50%) translateY(-50%);
-    -webkit-transform: translateX(-50%) translateY(-50%);
-    transform: translateX(-50%) translateY(-50%);
-    height: 70%;
-    width: 50%;
-    min-height: 300px;
-    max-height: 800px;
-    min-width: 600px;
-    max-width: 1000px;
-    z-index: 101; }
-    /* line 54, ../../../../general/res/sass/overlay/_overlay.scss */
-    .overlay > .holder > .contents {
-      top: 25px;
-      right: 25px;
-      bottom: 25px;
-      left: 25px; }
-  /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 1.2em;
-    line-height: 120%;
-    margin-bottom: 5px; }
-  /* line 76, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .hint {
-    color: #999999; }
-  /* line 80, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .abs.top-bar, .overlay .top-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .top-bar.pager,
-  .overlay .l-datetime-picker .l-month-year-pager .top-bar.val,
-  .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area {
-    height: 45px; }
-  /* line 84, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .abs.editor, .overlay .editor.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .editor.pager, .l-datetime-picker .l-month-year-pager .overlay .editor.pager,
-  .overlay .l-datetime-picker .l-month-year-pager .editor.val,
-  .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area,
-  .overlay .abs.message-body,
-  .overlay .message-body.l-inspect,
-  .overlay .l-datetime-picker .l-month-year-pager .message-body.pager,
-  .l-datetime-picker .l-month-year-pager .overlay .message-body.pager,
-  .overlay .l-datetime-picker .l-month-year-pager .message-body.val,
-  .l-datetime-picker .l-month-year-pager .overlay .message-body.val,
-  .overlay .s-menu-btn span.message-body.l-click-area,
-  .s-menu-btn .overlay span.message-body.l-click-area {
-    top: 55px;
-    bottom: 34px;
-    left: 0;
-    right: 0;
-    overflow: auto; }
-    /* line 92, ../../../../general/res/sass/overlay/_overlay.scss */
-    .overlay .abs.editor .field.l-med input[type='text'], .overlay .editor.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.pager .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .editor.pager .field.l-med input[type='text'],
-    .overlay .l-datetime-picker .l-month-year-pager .editor.val .field.l-med input[type='text'],
-    .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'],
-    .overlay .abs.message-body .field.l-med input[type='text'],
-    .overlay .message-body.l-inspect .field.l-med input[type='text'],
-    .overlay .l-datetime-picker .l-month-year-pager .message-body.pager .field.l-med input[type='text'],
-    .l-datetime-picker .l-month-year-pager .overlay .message-body.pager .field.l-med input[type='text'],
-    .overlay .l-datetime-picker .l-month-year-pager .message-body.val .field.l-med input[type='text'],
-    .l-datetime-picker .l-month-year-pager .overlay .message-body.val .field.l-med input[type='text'],
-    .overlay .s-menu-btn span.message-body.l-click-area .field.l-med input[type='text'],
-    .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'] {
-      width: 100%; }
-  /* line 98, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .bottom-bar {
-    text-align: right; }
-    /* line 100, ../../../../general/res/sass/overlay/_overlay.scss */
-    .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu-btn {
-      font-size: 95%;
-      height: 24px;
-      line-height: 24px;
-      margin-left: 5px;
-      padding: 0 15px; }
-      /* line 102, ../../../../general/res/sass/overlay/_overlay.scss */
-      .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu-btn:not(.major) {
-        background-color: #969696;
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        color: #fff;
-        display: inline-block;
-        -moz-user-select: -moz-none;
-        -ms-user-select: none;
-        -webkit-user-select: none;
-        user-select: none;
-        -moz-transition: background, 0.25s;
-        -o-transition: background, 0.25s;
-        -webkit-transition: background, 0.25s;
-        transition: background, 0.25s;
-        text-shadow: none; }
-        /* line 297, ../../../../general/res/sass/_mixins.scss */
-        .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
-          color: #fff; }
-        @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-          /* 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; }
-            /* 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; } }
-      /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */
-      .overlay .bottom-bar .s-btn:first-child, .overlay .bottom-bar .s-menu-btn:first-child {
-        margin-left: 0; }
-  /* line 117, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .abs.bottom-bar, .overlay .bottom-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.pager,
-  .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.val,
-  .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area {
-    top: auto;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow: visible;
-    height: 24px; }
-  /* line 127, ../../../../general/res/sass/overlay/_overlay.scss */
-  .overlay .l-progress-bar {
-    display: block;
-    height: 15px;
-    line-height: 15px;
-    margin: .5em 0;
-    width: 100%; }
-
-/* line 137, ../../../../general/res/sass/overlay/_overlay.scss */
-.t-dialog-sm .overlay > .holder {
-  min-height: 225px;
-  height: 225px; }
-
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-  .overlay .clk-icon.close {
-    top: 20px;
-    right: 20px; }
-  /* line 7, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-  .overlay > .holder {
-    height: 90%;
-    width: 90%; }
-    /* line 10, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-    .overlay > .holder > .contents {
-      top: 20px;
-      right: 20px;
-      bottom: 20px;
-      left: 20px; }
-      /* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-      .overlay > .holder > .contents .top-bar > .title {
-        margin-right: 1.2em; } }
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-  .overlay > .holder {
-    -moz-border-radius: 0;
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    height: auto;
-    width: auto;
-    min-width: 200px;
-    min-height: 200px;
-    max-height: 100%;
-    max-width: 100%;
-    overflow: auto;
-    -moz-transform: none;
-    -ms-transform: none;
-    -webkit-transform: none;
-    transform: none; }
-    /* line 42, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-    .overlay > .holder .editor .form .form-row > .label,
-    .overlay > .holder .editor .form .form-row > .controls {
-      display: block;
-      float: none;
-      width: 100%; }
-    /* line 50, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-    .overlay > .holder .editor .form .form-row > .label:after {
-      float: none; }
-    /* line 57, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-    .overlay > .holder .contents .abs.top-bar, .overlay > .holder .contents .top-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.pager,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.val,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area,
-    .overlay > .holder .contents .abs.editor,
-    .overlay > .holder .contents .editor.l-inspect,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.pager,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .editor.pager,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.val,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .editor.val,
-    .overlay > .holder .contents .s-menu-btn span.editor.l-click-area,
-    .s-menu-btn .overlay > .holder .contents span.editor.l-click-area,
-    .overlay > .holder .contents .abs.message-body,
-    .overlay > .holder .contents .message-body.l-inspect,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.pager,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .message-body.pager,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.val,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .message-body.val,
-    .overlay > .holder .contents .s-menu-btn span.message-body.l-click-area,
-    .s-menu-btn .overlay > .holder .contents span.message-body.l-click-area,
-    .overlay > .holder .contents .abs.bottom-bar,
-    .overlay > .holder .contents .bottom-bar.l-inspect,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.pager,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .bottom-bar.pager,
-    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.val,
-    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .bottom-bar.val,
-    .overlay > .holder .contents .s-menu-btn span.bottom-bar.l-click-area,
-    .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area {
-      top: auto;
-      right: auto;
-      bottom: auto;
-      left: auto;
-      height: auto;
-      width: auto;
-      margin-bottom: 20px;
-      position: relative; }
-
-  /* line 69, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-  .t-dialog-sm .overlay > .holder {
-    height: auto;
-    max-height: 100%; } }
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
-  .overlay > .holder .contents .bottom-bar {
-    text-align: center; } }
-/*****************************************************************************
- * 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 23, ../../../../general/res/sass/tree/_tree.scss */
-ul.tree {
-  margin: 0;
-  padding: 0;
-  -moz-user-select: -moz-none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none; }
-  /* line 354, ../../../../general/res/sass/_mixins.scss */
-  ul.tree li {
-    list-style-type: none;
-    margin: 0;
-    padding: 0; }
-  /* line 26, ../../../../general/res/sass/tree/_tree.scss */
-  ul.tree li {
-    display: block;
-    position: relative; }
-  /* line 30, ../../../../general/res/sass/tree/_tree.scss */
-  ul.tree ul.tree {
-    margin-left: 15px; }
-
-/* line 35, ../../../../general/res/sass/tree/_tree.scss */
-.tree-item,
-.search-result-item {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -moz-transition: background-color 0.25s;
-  -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;
-  position: relative; }
-  /* line 48, ../../../../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;
-    width: 10px; }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 56, ../../../../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 */
-  .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 */
-    .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;
-      left: 5px;
-      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 */
-  .tree-item.selected,
-  .search-result-item.selected {
-    background: #1ac6ff;
-    color: #fcfcfc; }
-    /* line 125, ../../../../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 */
-    .tree-item.selected .t-object-label .t-item-icon,
-    .search-result-item.selected .t-object-label .t-item-icon {
-      color: #fcfcfc; }
-  @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-    /* line 136, ../../../../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 */
-      .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 */
-  .tree-item:not(.loading),
-  .search-result-item:not(.loading) {
-    cursor: pointer; }
-  /* line 150, ../../../../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 */
-    .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 */
-.tree-item .t-object-label {
-  left: 15px; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
-  ul.tree ul.tree {
-    margin-left: 20px; }
-
-  /* line 31, ../../../../general/res/sass/mobile/_tree.scss */
-  .tree-item,
-  .search-result-item {
-    height: 35px;
-    line-height: 35px;
-    margin-bottom: 0px; }
-    /* line 36, ../../../../general/res/sass/mobile/_tree.scss */
-    .tree-item .view-control,
-    .search-result-item .view-control {
-      position: absolute;
-      font-size: 1.1em;
-      height: 35px;
-      line-height: inherit;
-      right: 0px;
-      width: 30px;
-      text-align: center; }
-    /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
-    .tree-item .label,
-    .tree-item .t-object-label,
-    .search-result-item .label,
-    .search-result-item .t-object-label {
-      left: 0;
-      right: 35px;
-      line-height: inherit; } }
-/*****************************************************************************
- * 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 25, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame.child-frame.panel {
-  background: #fcfcfc;
-  border: 1px solid rgba(102, 102, 102, 0.2); }
-  /* line 28, ../../../../general/res/sass/user-environ/_frame.scss */
-  .frame.child-frame.panel:hover {
-    border-color: rgba(128, 128, 128, 0.2); }
-/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame > .object-header.abs, .frame > .object-header.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-header.pager,
-.l-datetime-picker .l-month-year-pager .frame > .object-header.val, .s-menu-btn .frame > span.object-header.l-click-area {
-  font-size: 0.75em;
-  height: 16px;
-  line-height: 16px; }
-/* line 38, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
-.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
-  top: 21px; }
-/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame .contents {
-  top: 5px;
-  right: 5px;
-  bottom: 5px;
-  left: 5px; }
-/* line 49, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame.frame-template .s-btn, .frame.frame-template .s-menu-btn,
-.frame.frame-template .s-menu-btn {
-  height: 16px;
-  line-height: 16px;
-  padding: 0 5px; }
-  /* line 54, ../../../../general/res/sass/user-environ/_frame.scss */
-  .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span,
-  .frame.frame-template .s-menu-btn > span {
-    font-size: 0.65rem; }
-/* line 59, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame.frame-template .s-menu-btn:after {
-  font-size: 8px; }
-/* line 63, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame.frame-template .view-switcher {
-  z-index: 10; }
-@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 69, ../../../../general/res/sass/user-environ/_frame.scss */
-  .frame.frame-template .view-switcher {
-    opacity: 0; }
-  /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */
-  .frame.frame-template:hover .view-switcher {
-    opacity: 1; } }
-/* line 80, ../../../../general/res/sass/user-environ/_frame.scss */
-.frame .view-switcher .title-label {
-  display: none; }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/user-environ/_top-bar.scss */
-.top-bar {
-  /*	.title {
-  		color: #fff;
-  	}*/ }
-  /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */
-  .top-bar.browse, .top-bar.edit {
-    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
-    top: 10px;
-    right: 10px;
-    bottom: auto;
-    left: 10px;
-    height: 30px;
-    line-height: 24px; }
-  /* line 35, ../../../../general/res/sass/user-environ/_top-bar.scss */
-  .top-bar .buttons-main {
-    font-size: 0.8em;
-    left: auto;
-    text-align: right; }
-
-/* line 48, ../../../../general/res/sass/user-environ/_top-bar.scss */
-.edit-mode .top-bar .buttons-main {
-  white-space: nowrap; }
-  /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */
-  .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .buttons-main.l-inspect, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager,
-  .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val,
-  .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area {
-    bottom: auto;
-    left: auto; }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/user-environ/_tool-bar.scss */
-.tool-bar {
-  border-bottom: 1px solid rgba(102, 102, 102, 0.2); }
-  /* line 24, ../../../../general/res/sass/user-environ/_tool-bar.scss */
-  .tool-bar .l-control-group {
-    height: 25px; }
-  /* line 27, ../../../../general/res/sass/user-environ/_tool-bar.scss */
-  .tool-bar input[type="text"] {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: .9em;
-    height: 25px;
-    margin-bottom: 1px;
-    position: relative; }
-    /* line 33, ../../../../general/res/sass/user-environ/_tool-bar.scss */
-    .tool-bar input[type="text"].sm {
-      width: 25px; }
-  /* line 37, ../../../../general/res/sass/user-environ/_tool-bar.scss */
-  .tool-bar .input-labeled label {
-    font-size: 11.25px; }
-
-/********************************* VIEWS */
-/*****************************************************************************
-* 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 23, ../../../../general/res/sass/_fixed-position.scss */
-.t-fixed-position.l-fixed-position {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  height: auto; }
-  /* line 33, ../../../../general/res/sass/_fixed-position.scss */
-  .t-fixed-position.l-fixed-position .l-grid-holder {
-    position: relative;
-    height: 100%;
-    width: 100%; }
-    /* line 37, ../../../../general/res/sass/_fixed-position.scss */
-    .t-fixed-position.l-fixed-position .l-grid-holder .l-grid {
-      position: absolute;
-      height: 100%;
-      width: 100%;
-      pointer-events: none;
-      z-index: 0; }
-/* line 48, ../../../../general/res/sass/_fixed-position.scss */
-.t-fixed-position .l-fixed-position-item {
-  position: absolute;
-  border: 1px solid transparent; }
-  /* line 52, ../../../../general/res/sass/_fixed-position.scss */
-  .t-fixed-position .l-fixed-position-item.s-selected {
-    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-    box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-    border-color: #0099cc;
-    cursor: move; }
-  /* line 57, ../../../../general/res/sass/_fixed-position.scss */
-  .t-fixed-position .l-fixed-position-item.s-not-selected {
-    opacity: 0.8; }
-  /* line 61, ../../../../general/res/sass/_fixed-position.scss */
-  .t-fixed-position .l-fixed-position-item .l-fixed-position-box,
-  .t-fixed-position .l-fixed-position-item .l-fixed-position-image,
-  .t-fixed-position .l-fixed-position-item .l-fixed-position-text {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    height: 100%;
-    width: 100%; }
-  /* line 72, ../../../../general/res/sass/_fixed-position.scss */
-  .t-fixed-position .l-fixed-position-item .l-fixed-position-image {
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center; }
-  /* line 78, ../../../../general/res/sass/_fixed-position.scss */
-  .t-fixed-position .l-fixed-position-item .l-fixed-position-text {
-    border: 1px solid transparent;
-    font-size: 0.8rem;
-    line-height: 100%; }
-    /* line 84, ../../../../general/res/sass/_fixed-position.scss */
-    .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-static-text {
-      padding: 1px; }
-    /* line 89, ../../../../general/res/sass/_fixed-position.scss */
-    .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      display: block;
-      padding: 2px; }
-      /* line 96, ../../../../general/res/sass/_fixed-position.scss */
-      .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-title {
-        float: none;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        width: auto; }
-      /* line 105, ../../../../general/res/sass/_fixed-position.scss */
-      .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value {
-        -moz-border-radius: 3px;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-        float: right;
-        margin-left: 5px;
-        padding-left: 5px;
-        padding-right: 5px;
-        text-align: right; }
-        /* line 116, ../../../../general/res/sass/_fixed-position.scss */
-        .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value.telem-only {
-          margin-left: 0;
-          width: 100%; }
-/* line 126, ../../../../general/res/sass/_fixed-position.scss */
-.t-fixed-position .l-fixed-position-item-handle {
-  background: rgba(0, 153, 204, 0.5);
-  cursor: crosshair;
-  border: 1px solid #0099cc;
-  position: absolute; }
-
-/* line 140, ../../../../general/res/sass/_fixed-position.scss */
-.edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-x {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
-  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
-  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
-  background-repeat: repeat-x; }
-/* line 144, ../../../../general/res/sass/_fixed-position.scss */
-.edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-y {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
-  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
-  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
-  background-repeat: repeat-y; }
-/* line 152, ../../../../general/res/sass/_fixed-position.scss */
-.edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected) {
-  border: 1px dotted rgba(0, 153, 204, 0.75); }
-  /* line 154, ../../../../general/res/sass/_fixed-position.scss */
-  .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected):hover {
-    border: 1px dotted #0099cc; }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/lists/_tabular.scss */
-.w1, .w2 {
-  position: relative;
-  height: 100%; }
-
-/* line 27, ../../../../general/res/sass/lists/_tabular.scss */
-.tabular,
-table {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  border-spacing: 0;
-  border-collapse: collapse;
-  display: table;
-  font-size: 0.75rem;
-  position: relative;
-  width: 100%; }
-  /* line 36, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular thead, .tabular .thead,
-  .tabular tbody tr, .tabular .tbody .tr,
-  table thead,
-  table .thead,
-  table tbody tr,
-  table .tbody .tr {
-    width: 100%; }
-  /* line 40, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular thead, .tabular .thead,
-  table thead,
-  table .thead {
-    border-bottom: 1px solid #fcfcfc; }
-  /* line 44, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular:not(.fixed-header) tr th,
-  table:not(.fixed-header) tr th {
-    background-color: #e3e3e3; }
-  /* line 48, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular tbody, .tabular .tbody,
-  table tbody,
-  table .tbody {
-    display: table-row-group; }
-    /* line 51, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover,
-    table tbody tr:hover,
-    table tbody .tr:hover,
-    table .tbody tr:hover,
-    table .tbody .tr:hover {
-      background: rgba(51, 51, 51, 0.1); }
-  /* line 56, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular tr, .tabular .tr,
-  table tr,
-  table .tr {
-    display: table-row; }
-    /* line 58, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular tr:first-child .td, .tabular .tr:first-child .td,
-    table tr:first-child .td,
-    table .tr:first-child .td {
-      border-top: none; }
-    /* line 62, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular tr.group-header td, .tabular tr.group-header .td, .tabular .tr.group-header td, .tabular .tr.group-header .td,
-    table tr.group-header td,
-    table tr.group-header .td,
-    table .tr.group-header td,
-    table .tr.group-header .td {
-      background-color: #efefef;
-      color: #404040; }
-    /* line 68, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td,
-    table tr th,
-    table tr .th,
-    table tr td,
-    table tr .td,
-    table .tr th,
-    table .tr .th,
-    table .tr td,
-    table .tr .td {
-      display: table-cell; }
-    /* line 71, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th,
-    table tr th,
-    table tr .th,
-    table .tr th,
-    table .tr .th {
-      border-left: 1px solid #fcfcfc;
-      color: #333333;
-      padding: 5px 5px;
-      white-space: nowrap;
-      vertical-align: middle; }
-      /* line 77, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child,
-      table tr th:first-child,
-      table tr .th:first-child,
-      table .tr th:first-child,
-      table .tr .th:first-child {
-        border-left: none; }
-      /* line 81, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular tr th.sort.sort:after, .tabular tr .th.sort.sort:after, .tabular .tr th.sort.sort:after, .tabular .tr .th.sort.sort:after,
-      table tr th.sort.sort:after,
-      table tr .th.sort.sort:after,
-      table .tr th.sort.sort:after,
-      table .tr .th.sort.sort:after {
-        color: #49dedb;
-        font-family: symbolsfont;
-        font-size: 8px;
-        content: "\ed";
-        display: inline-block;
-        margin-left: 3px; }
-      /* line 89, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular tr th.sort.sort.desc:after, .tabular tr .th.sort.sort.desc:after, .tabular .tr th.sort.sort.desc:after, .tabular .tr .th.sort.sort.desc:after,
-      table tr th.sort.sort.desc:after,
-      table tr .th.sort.sort.desc:after,
-      table .tr th.sort.sort.desc:after,
-      table .tr .th.sort.sort.desc:after {
-        content: "\ec"; }
-      /* line 93, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular tr th.sortable, .tabular tr .th.sortable, .tabular .tr th.sortable, .tabular .tr .th.sortable,
-      table tr th.sortable,
-      table tr .th.sortable,
-      table .tr th.sortable,
-      table .tr .th.sortable {
-        cursor: pointer; }
-    /* line 97, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td,
-    table tr td,
-    table tr .td,
-    table .tr td,
-    table .tr .td {
-      border-bottom: 1px solid #e3e3e3;
-      min-width: 20px;
-      color: #333333;
-      padding: 3px 5px;
-      word-wrap: break-word;
-      vertical-align: top; }
-      /* line 104, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric,
-      table tr td.numeric,
-      table tr .td.numeric,
-      table .tr td.numeric,
-      table .tr .td.numeric {
-        text-align: right; }
-      /* line 107, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular tr td.s-cell-type-value, .tabular tr .td.s-cell-type-value, .tabular .tr td.s-cell-type-value, .tabular .tr .td.s-cell-type-value,
-      table tr td.s-cell-type-value,
-      table tr .td.s-cell-type-value,
-      table .tr td.s-cell-type-value,
-      table .tr .td.s-cell-type-value {
-        text-align: right; }
-        /* line 109, ../../../../general/res/sass/lists/_tabular.scss */
-        .tabular tr td.s-cell-type-value .l-cell-contents, .tabular tr .td.s-cell-type-value .l-cell-contents, .tabular .tr td.s-cell-type-value .l-cell-contents, .tabular .tr .td.s-cell-type-value .l-cell-contents,
-        table tr td.s-cell-type-value .l-cell-contents,
-        table tr .td.s-cell-type-value .l-cell-contents,
-        table .tr td.s-cell-type-value .l-cell-contents,
-        table .tr .td.s-cell-type-value .l-cell-contents {
-          -moz-border-radius: 3px;
-          -webkit-border-radius: 3px;
-          border-radius: 3px;
-          padding-left: 5px;
-          padding-right: 5px; }
-  /* line 125, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular.filterable tbody, .tabular.filterable .tbody,
-  table.filterable tbody,
-  table.filterable .tbody {
-    top: 44px; }
-  /* line 128, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular.filterable input[type="text"],
-  table.filterable input[type="text"] {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 100%; }
-  /* line 134, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular.fixed-header,
-  table.fixed-header {
-    height: 100%; }
-    /* line 136, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular.fixed-header thead, .tabular.fixed-header .thead,
-    .tabular.fixed-header tbody tr, .tabular.fixed-header .tbody .tr,
-    table.fixed-header thead,
-    table.fixed-header .thead,
-    table.fixed-header tbody tr,
-    table.fixed-header .tbody .tr {
-      display: table;
-      table-layout: fixed; }
-    /* line 141, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular.fixed-header thead, .tabular.fixed-header .thead,
-    table.fixed-header thead,
-    table.fixed-header .thead {
-      width: calc(100% - 10px); }
-      /* line 143, ../../../../general/res/sass/lists/_tabular.scss */
-      .tabular.fixed-header thead:before, .tabular.fixed-header .thead:before,
-      table.fixed-header thead:before,
-      table.fixed-header .thead:before {
-        content: "";
-        display: block;
-        z-index: 0;
-        position: absolute;
-        width: 100%;
-        height: 22px;
-        background-color: #e3e3e3; }
-    /* line 153, ../../../../general/res/sass/lists/_tabular.scss */
-    .tabular.fixed-header tbody, .tabular.fixed-header .tbody,
-    table.fixed-header tbody,
-    table.fixed-header .tbody {
-      overflow: hidden;
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      width: auto;
-      height: auto;
-      top: 22px;
-      display: block;
-      overflow-y: scroll; }
-  /* line 161, ../../../../general/res/sass/lists/_tabular.scss */
-  .tabular.t-event-messages td, .tabular.t-event-messages .td,
-  table.t-event-messages td,
-  table.t-event-messages .td {
-    min-width: 150px; }
-
-/*****************************************************************************
- * 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 31, ../../../../general/res/sass/plots/_plots-main.scss */
-.gl-plot {
-  color: #666;
-  font-size: 0.7rem;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  /****************************** Limits and Out-of-Bounds data */ }
-  /* line 38, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-axis-area {
-    position: absolute; }
-    /* line 41, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-axis-area.gl-plot-x {
-      top: auto;
-      right: 0;
-      bottom: 5px;
-      left: 60px;
-      height: 32px;
-      width: auto;
-      overflow: hidden; }
-    /* line 50, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-axis-area.gl-plot-y {
-      top: 25px;
-      right: auto;
-      bottom: 37px;
-      left: 0;
-      width: 60px; }
-  /* line 59, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-coords {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    background: black;
-    color: #b3b3b3;
-    padding: 2px 5px;
-    position: absolute;
-    top: 35px;
-    right: auto;
-    bottom: auto;
-    left: 70px;
-    z-index: 10; }
-    /* line 71, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-coords:empty {
-      display: none; }
-  /* line 76, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-display-area {
-    background-color: rgba(0, 0, 0, 0.05);
-    position: absolute;
-    top: 25px;
-    right: 0;
-    bottom: 37px;
-    left: 60px;
-    cursor: crosshair;
-    border: 1px solid rgba(102, 102, 102, 0.2); }
-  /* line 89, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-label,
-  .gl-plot .l-plot-label {
-    color: #999999;
-    position: absolute;
-    text-align: center; }
-    /* line 97, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
-    .gl-plot .l-plot-label.gl-plot-x-label,
-    .gl-plot .l-plot-label.l-plot-x-label {
-      top: auto;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      height: auto; }
-    /* line 106, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
-    .gl-plot .l-plot-label.gl-plot-y-label,
-    .gl-plot .l-plot-label.l-plot-y-label {
-      -moz-transform-origin: 50% 0;
-      -ms-transform-origin: 50% 0;
-      -webkit-transform-origin: 50% 0;
-      transform-origin: 50% 0;
-      -moz-transform: translateX(-50%) rotate(-90deg);
-      -ms-transform: translateX(-50%) rotate(-90deg);
-      -webkit-transform: translateX(-50%) rotate(-90deg);
-      transform: translateX(-50%) rotate(-90deg);
-      display: inline-block;
-      margin-left: 5px;
-      left: 0;
-      top: 50%;
-      white-space: nowrap; }
-  /* line 120, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-y-options {
-    position: absolute;
-    top: 50%;
-    right: auto;
-    bottom: auto;
-    left: auto5px;
-    margin-top: -16px;
-    height: auto;
-    min-height: 32px;
-    width: 32px; }
-  /* line 134, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-hash {
-    position: absolute;
-    border: 0 rgba(0, 0, 0, 0.2) dashed; }
-    /* line 137, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-hash.hash-v {
-      border-right-width: 1px;
-      height: 100%; }
-    /* line 141, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-hash.hash-h {
-      border-bottom-width: 1px;
-      width: 100%; }
-  /* line 147, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-legend {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: auto;
-    left: 0;
-    height: 20px;
-    overflow-x: hidden;
-    overflow-y: auto; }
-  /* line 160, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .l-limit-bar,
-  .gl-plot .l-oob-data {
-    position: absolute;
-    left: 0;
-    right: 0;
-    width: auto; }
-  /* line 168, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .l-limit-bar {
-    height: auto;
-    z-index: 0; }
-    /* line 176, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .l-limit-bar.s-limit-yellow {
-      background: rgba(255, 170, 0, 0.2); }
-    /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .l-limit-bar.s-limit-red {
-      background: rgba(255, 0, 0, 0.2); }
-  /* line 180, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot .l-oob-data {
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto;
-    pointer-events: none;
-    height: 10px;
-    z-index: 1; }
-    /* line 188, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .l-oob-data.l-oob-data-up {
-      top: 0;
-      bottom: auto;
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-      background-size: 100%;
-      background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
-      background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
-      background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
-    /* line 193, ../../../../general/res/sass/plots/_plots-main.scss */
-    .gl-plot .l-oob-data.l-oob-data-dwn {
-      bottom: 0;
-      top: auto;
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-      background-size: 100%;
-      background-image: -moz-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
-      background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
-      background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
-
-/* line 203, ../../../../general/res/sass/plots/_plots-main.scss */
-.gl-plot-legend .plot-legend-item,
-.gl-plot-legend .legend-item,
-.legend .plot-legend-item,
-.legend .legend-item {
-  display: inline-block;
-  margin-right: 10px;
-  margin-bottom: 3px; }
-  /* line 208, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot-legend .plot-legend-item span,
-  .gl-plot-legend .legend-item span,
-  .legend .plot-legend-item span,
-  .legend .legend-item span {
-    vertical-align: middle; }
-  /* line 211, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot-legend .plot-legend-item .plot-color-swatch,
-  .gl-plot-legend .plot-legend-item .color-swatch,
-  .gl-plot-legend .legend-item .plot-color-swatch,
-  .gl-plot-legend .legend-item .color-swatch,
-  .legend .plot-legend-item .plot-color-swatch,
-  .legend .plot-legend-item .color-swatch,
-  .legend .legend-item .plot-color-swatch,
-  .legend .legend-item .color-swatch {
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    display: inline-block;
-    height: 8px;
-    width: 8px; }
-
-/* line 228, ../../../../general/res/sass/plots/_plots-main.scss */
-.gl-plot-legend .plot-legend-item {
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  line-height: 1.5em;
-  padding: 0px 5px; }
-  /* line 234, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot-legend .plot-legend-item .plot-color-swatch {
-    border: 1px solid #fcfcfc;
-    height: 9px;
-    width: 9px; }
-
-/* line 242, ../../../../general/res/sass/plots/_plots-main.scss */
-.tick {
-  position: absolute;
-  border: 0 rgba(0, 0, 0, 0.2) solid; }
-  /* line 245, ../../../../general/res/sass/plots/_plots-main.scss */
-  .tick.tick-x {
-    border-right-width: 1px;
-    height: 100%; }
-
-/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
-.gl-plot-tick,
-.tick-label {
-  font-size: 0.7rem;
-  position: absolute;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis; }
-  /* line 259, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
-  .tick-label.gl-plot-x-tick-label,
-  .tick-label.tick-label-x {
-    right: auto;
-    bottom: auto;
-    left: auto;
-    height: auto;
-    width: 20%;
-    margin-left: -10%;
-    text-align: center; }
-  /* line 269, ../../../../general/res/sass/plots/_plots-main.scss */
-  .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
-  .tick-label.gl-plot-y-tick-label,
-  .tick-label.tick-label-y {
-    top: auto;
-    height: 1em;
-    width: auto;
-    margin-bottom: -0.5em;
-    text-align: right; }
-
-/* line 281, ../../../../general/res/sass/plots/_plots-main.scss */
-.gl-plot-tick.gl-plot-x-tick-label {
-  top: 5px; }
-/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */
-.gl-plot-tick.gl-plot-y-tick-label {
-  right: 5px;
-  left: 5px; }
-
-/* line 291, ../../../../general/res/sass/plots/_plots-main.scss */
-.tick-label.tick-label-x {
-  top: 0; }
-/* line 294, ../../../../general/res/sass/plots/_plots-main.scss */
-.tick-label.tick-label-y {
-  right: 0;
-  left: 0; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/* Styles for the iframe EmbeddedPageController element */
-/* line 25, ../../../../general/res/sass/_iframe.scss */
-.l-iframe iframe {
-  display: block;
-  height: 100%;
-  width: 100%; }
-
-/* Styles for sub-dividing views generically */
-/* line 3, ../../../../general/res/sass/_views.scss */
-.l-view-section {
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  height: auto;
-  font-size: 0.8rem; }
-  /* line 6, ../../../../general/res/sass/_views.scss */
-  .l-view-section h2 {
-    color: #fff;
-    margin-bottom: 5px; }
-  /* line 10, ../../../../general/res/sass/_views.scss */
-  .l-view-section.fixed {
-    font-size: 0.8em; }
-  /* line 13, ../../../../general/res/sass/_views.scss */
-  .l-view-section .controls,
-  .l-view-section label,
-  .l-view-section .inline-block {
-    display: inline-block; }
-
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/items/_item.scss */
-.items-holder {
-  overflow: hidden;
-  *zoom: 1;
-  overflow-y: auto; }
-  /* line 25, ../../../../general/res/sass/items/_item.scss */
-  .items-holder .contents {
-    top: 0; }
-  /* line 29, ../../../../general/res/sass/items/_item.scss */
-  .items-holder .item.grid-item {
-    background-color: #ddd;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #666;
-    display: inline-block;
-    -moz-user-select: -moz-none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    -moz-transition: background, 0.25s;
-    -o-transition: background, 0.25s;
-    -webkit-transition: background, 0.25s;
-    transition: background, 0.25s;
-    text-shadow: none;
-    box-sizing: border-box;
-    cursor: pointer;
-    float: left;
-    height: 200px;
-    width: 200px;
-    margin-bottom: 3px;
-    margin-right: 3px;
-    position: relative; }
-    /* line 297, ../../../../general/res/sass/_mixins.scss */
-    .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
-      color: #0099cc; }
-    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 302, ../../../../general/res/sass/_mixins.scss */
-      .items-holder .item.grid-item:not(.disabled):hover {
-        background: #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; } }
-    /* line 45, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item:hover .item-main .item-type {
-      color: deepskyblue; }
-      /* line 47, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link {
-        color: #49dedb; }
-    /* line 51, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item:hover .item-main .item-open {
-      opacity: 1; }
-    /* line 55, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item .contents {
-      top: 10px;
-      right: 10px;
-      bottom: 10px;
-      left: 10px; }
-    /* line 61, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item .bar.top-bar {
-      bottom: auto;
-      color: #8c8c8c;
-      height: 20px;
-      line-height: 20px;
-      text-align: right;
-      z-index: 5; }
-      /* line 68, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
-        width: auto; }
-        /* line 70, ../../../../general/res/sass/items/_item.scss */
-        .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .left .t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon, .items-holder .item.grid-item .bar.top-bar .right .t-item-icon {
-          margin-left: 3px; }
-          /* line 72, ../../../../general/res/sass/items/_item.scss */
-          .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .left .l-icon-link.t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .l-icon-link.t-item-icon {
-            color: #49dedb; }
-    /* line 78, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item .bar.bottom-bar {
-      top: auto;
-      line-height: 110%; }
-    /* line 83, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item .item-main {
-      line-height: 160px;
-      z-index: 1; }
-      /* line 89, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item .item-main .item-type,
-      .items-holder .item.grid-item .item-main .t-item-icon {
-        -moz-transform: translateX(-50%) translateY(-55%);
-        -ms-transform: translateX(-50%) translateY(-55%);
-        -webkit-transform: translateX(-50%) translateY(-55%);
-        transform: translateX(-50%) translateY(-55%);
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        font-size: 96.9px; }
-      /* line 100, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item .item-main .item-open {
-        -moz-transition-property: "opacity";
-        -o-transition-property: "opacity";
-        -webkit-transition-property: "opacity";
-        transition-property: "opacity";
-        -moz-transition-duration: 200ms;
-        -o-transition-duration: 200ms;
-        -webkit-transition-duration: 200ms;
-        transition-duration: 200ms;
-        -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;
-        opacity: 0;
-        color: #8c8c8c;
-        font-size: 3em;
-        left: auto;
-        width: 50px;
-        pointer-events: none;
-        text-align: right; }
-    /* line 110, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item .title {
-      text-shadow: none;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: #666; }
-    /* line 115, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item .details {
-      text-shadow: none;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: #8c8c8c;
-      font-size: 0.8em; }
-    /* line 121, ../../../../general/res/sass/items/_item.scss */
-    .items-holder .item.grid-item.selected {
-      background-color: #0099cc;
-      -moz-border-radius: 4px;
-      -webkit-border-radius: 4px;
-      border-radius: 4px;
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      color: #fff;
-      display: inline-block;
-      -moz-user-select: -moz-none;
-      -ms-user-select: none;
-      -webkit-user-select: none;
-      user-select: none;
-      -moz-transition: background, 0.25s;
-      -o-transition: background, 0.25s;
-      -webkit-transition: background, 0.25s;
-      transition: background, 0.25s;
-      text-shadow: none;
-      color: #80dfff; }
-      /* line 297, ../../../../general/res/sass/_mixins.scss */
-      .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
-        color: #eee; }
-      /* line 126, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) {
-        color: #80dfff; }
-      /* line 127, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item.selected .item-main .item-open {
-        color: #80dfff; }
-      /* line 128, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item.selected .title {
-        color: white; }
-      /* line 130, ../../../../general/res/sass/items/_item.scss */
-      .items-holder .item.grid-item.selected:hover .item-main .item-type {
-        color: white !important; }
-
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 29, ../../../../general/res/sass/mobile/_item.scss */
-  .items-holder .item.grid-item {
-    width: 100%; }
-    /* line 33, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item > .contents {
-      top: 0px;
-      right: 10px;
-      bottom: 0px;
-      left: 10px; }
-    /* line 37, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .bar.top-bar {
-      bottom: 0 !important;
-      left: auto !important;
-      right: 20px !important;
-      width: 40px !important;
-      height: auto !important;
-      text-align: right; }
-    /* line 44, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .bar.bottom-bar {
-      left: 40px;
-      right: 60px; }
-    /* line 52, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .item-main .item-type,
-    .items-holder .item.grid-item .item-main .t-item-icon {
-      font-size: 30px;
-      left: 15px;
-      line-height: normal; }
-    /* line 58, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .item-main .item-open {
-      display: block;
-      opacity: 1;
-      font-size: 1em;
-      width: auto; } }
-@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 29, ../../../../general/res/sass/mobile/_item.scss */
-  .items-holder .item.grid-item {
-    height: 50px; }
-    /* line 71, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .bar.top-bar {
-      line-height: 50px !important; }
-    /* line 75, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .bar.bottom-bar {
-      top: 7px;
-      bottom: auto;
-      height: 35px; }
-    /* line 80, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .item-main .item-type {
-      top: 10px;
-      bottom: auto;
-      height: 30px; }
-    /* line 83, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .item-main .item-open {
-      line-height: 50px; } }
-@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 29, ../../../../general/res/sass/mobile/_item.scss */
-  .items-holder .item.grid-item {
-    height: 66px; }
-    /* line 93, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .bar.top-bar {
-      line-height: 66px !important; }
-    /* line 97, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .bar.bottom-bar {
-      top: 15px;
-      bottom: auto;
-      height: 35px; }
-    /* line 102, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .item-main .item-type {
-      top: 18px;
-      bottom: auto;
-      height: 30px; }
-    /* line 105, ../../../../general/res/sass/mobile/_item.scss */
-    .items-holder .item.grid-item .item-main .item-open {
-      line-height: 66px; } }
-
-/********************************* TO BE MOVED */
-/*****************************************************************************
- * 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 22, ../../../../general/res/sass/_autoflow.scss */
-.autoflow {
-  font-size: 0.75rem; }
-  /* line 32, ../../../../general/res/sass/_autoflow.scss */
-  .autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu-btn {
-    -moz-transition-property: opacity, background-color, border-color, color;
-    -o-transition-property: opacity, background-color, border-color, color;
-    -webkit-transition-property: opacity, background-color, border-color, color;
-    transition-property: opacity, background-color, border-color, color;
-    -moz-transition-duration: 50ms;
-    -o-transition-duration: 50ms;
-    -webkit-transition-duration: 50ms;
-    transition-duration: 50ms;
-    -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;
-    opacity: 1; }
-  /* line 40, ../../../../general/res/sass/_autoflow.scss */
-  .autoflow .l-autoflow-header {
-    bottom: auto;
-    height: 22px;
-    line-height: 22px;
-    min-width: 225px; }
-    /* line 45, ../../../../general/res/sass/_autoflow.scss */
-    .autoflow .l-autoflow-header span {
-      vertical-align: middle; }
-    /* line 48, ../../../../general/res/sass/_autoflow.scss */
-    .autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn {
-      -moz-transition-property: opacity, background-color, border-color, color;
-      -o-transition-property: opacity, background-color, border-color, color;
-      -webkit-transition-property: opacity, background-color, border-color, color;
-      transition-property: opacity, background-color, border-color, color;
-      -moz-transition-duration: 500ms;
-      -o-transition-duration: 500ms;
-      -webkit-transition-duration: 500ms;
-      transition-duration: 500ms;
-      -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;
-      opacity: 0; }
-    /* line 52, ../../../../general/res/sass/_autoflow.scss */
-    .autoflow .l-autoflow-header .l-filter {
-      margin-left: 5px; }
-      /* line 54, ../../../../general/res/sass/_autoflow.scss */
-      .autoflow .l-autoflow-header .l-filter input.t-filter-input {
-        width: 100px; }
-  /* line 60, ../../../../general/res/sass/_autoflow.scss */
-  .autoflow .l-autoflow-items {
-    overflow-x: scroll;
-    overflow-y: hidden;
-    top: 32px;
-    white-space: nowrap; }
-    /* line 66, ../../../../general/res/sass/_autoflow.scss */
-    .autoflow .l-autoflow-items .l-autoflow-col {
-      -moz-box-sizing: border-box;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      border-left: 1px solid rgba(102, 102, 102, 0.2);
-      display: inline-block;
-      padding-left: 5px;
-      padding-right: 5px;
-      vertical-align: top;
-      width: 225px; }
-      /* line 76, ../../../../general/res/sass/_autoflow.scss */
-      .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-        display: block;
-        height: 15px;
-        line-height: 15px;
-        margin-bottom: 1px;
-        margin-top: 1px;
-        position: relative; }
-        /* line 85, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
-          border-top: none; }
-        /* line 88, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
-          background: rgba(255, 255, 255, 0.1); }
-        /* line 93, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l {
-          color: rgba(51, 51, 51, 0.3) !important;
-          font-style: italic; }
-        /* line 94, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r {
-          color: rgba(51, 51, 51, 0.5) !important;
-          font-style: italic; }
-        /* line 97, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r {
-          color: gray; }
-        /* line 101, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
-          border-top: 1px solid rgba(153, 153, 153, 0.2); }
-        /* line 104, ../../../../general/res/sass/_autoflow.scss */
-        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
-          display: block; }
-          /* line 106, ../../../../general/res/sass/_autoflow.scss */
-          .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
-            float: none;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            width: auto; }
-          /* line 113, ../../../../general/res/sass/_autoflow.scss */
-          .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
-            -moz-border-radius: 3px;
-            -webkit-border-radius: 3px;
-            border-radius: 3px;
-            float: right;
-            margin-left: 5px;
-            padding-left: 5px;
-            padding-right: 5px;
-            text-align: right; }
-      /* line 124, ../../../../general/res/sass/_autoflow.scss */
-      .autoflow .l-autoflow-items .l-autoflow-col:first-child {
-        border-left: none;
-        padding-left: 0; }
-
-/* line 1, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-main-wrapper,
-.l-image-main,
-.l-image-main-controlbar,
-.l-image-thumbs-wrapper {
-  overflow: false;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  height: auto; }
-
-/*************************************** MAIN LAYOUT */
-/* line 9, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-main-wrapper {
-  min-height: 100px;
-  min-width: 150px; }
-  /* line 16, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-wrapper .l-image-main {
-    background-color: rgba(0, 0, 0, 0.05);
-    bottom: 30px; }
-  /* line 20, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-wrapper .l-image-main-controlbar {
-    top: auto;
-    height: 25px; }
-
-/* line 26, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-thumbs-wrapper {
-  top: auto;
-  height: 168px; }
-
-/* line 32, ../../../../general/res/sass/features/_imagery.scss */
-.l-date,
-.l-time,
-.l-timezone {
-  display: inline-block; }
-
-/*************************************** MAIN IMAGE */
-/* line 40, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-main,
-.l-image-thumb-item .l-thumb {
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat; }
-
-/* line 51, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-main-controlbar {
-  font-size: 0.8em;
-  line-height: 25px; }
-  /* line 55, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .left, .l-image-main-controlbar .right {
-    direction: rtl;
-    overflow: hidden; }
-  /* line 59, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .left {
-    text-align: left; }
-  /* line 63, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .right {
-    z-index: 2; }
-  /* line 67, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .l-date,
-  .l-image-main-controlbar .l-time {
-    color: #333333; }
-  /* line 71, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .l-mag {
-    direction: ltr;
-    display: inline-block; }
-    /* line 75, ../../../../general/res/sass/features/_imagery.scss */
-    .l-image-main-controlbar .l-mag:before {
-      content: "\000049"; }
-  /* line 79, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .s-mag {
-    color: #999999; }
-  /* line 82, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-main-controlbar .l-btn.show-thumbs {
-    display: none; }
-
-/* line 87, ../../../../general/res/sass/features/_imagery.scss */
-.s-image-main {
-  border: 1px solid transparent; }
-  /* line 89, ../../../../general/res/sass/features/_imagery.scss */
-  .s-image-main.paused {
-    border-color: #ff9900; }
-
-/*************************************** THUMBS */
-/* line 96, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-thumbs-wrapper {
-  direction: rtl;
-  overflow-x: auto;
-  overflow-y: hidden;
-  padding-bottom: 5px;
-  white-space: nowrap;
-  z-index: 70; }
-
-/* line 106, ../../../../general/res/sass/features/_imagery.scss */
-.l-image-thumb-item {
-  -moz-transition: background-color 0.25s;
-  -o-transition: background-color 0.25s;
-  -webkit-transition: background-color 0.25s;
-  transition: background-color 0.25s;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 1px;
-  position: relative;
-  cursor: pointer;
-  direction: ltr;
-  display: inline-block;
-  font-size: 0.8em;
-  margin-left: 3px;
-  text-align: left;
-  width: 122px;
-  white-space: normal; }
-  /* line 111, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-thumb-item .l-thumb,
-  .l-image-thumb-item .l-date,
-  .l-image-thumb-item .l-time {
-    display: inline-block; }
-  /* line 116, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-thumb-item .l-date,
-  .l-image-thumb-item .l-time {
-    padding: 2px 3px; }
-  /* line 128, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-thumb-item:hover {
-    background: rgba(255, 255, 255, 0.2); }
-    /* line 130, ../../../../general/res/sass/features/_imagery.scss */
-    .l-image-thumb-item:hover .l-date,
-    .l-image-thumb-item:hover .l-time {
-      color: #fff; }
-  /* line 135, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-thumb-item.selected {
-    background: #0099cc; }
-    /* line 137, ../../../../general/res/sass/features/_imagery.scss */
-    .l-image-thumb-item.selected .l-date,
-    .l-image-thumb-item.selected .l-time {
-      color: #fff; }
-  /* line 142, ../../../../general/res/sass/features/_imagery.scss */
-  .l-image-thumb-item .l-thumb {
-    background-color: rgba(255, 255, 255, 0.1);
-    height: 120px;
-    width: 120px;
-    margin-top: 0; }
-
-/*************************************** WHEN IN FRAME */
-/* line 152, ../../../../general/res/sass/features/_imagery.scss */
-.frame .t-imagery .l-image-main-wrapper {
-  bottom: 0; }
-  /* line 154, ../../../../general/res/sass/features/_imagery.scss */
-  .frame .t-imagery .l-image-main-wrapper .l-image-main-controlbar {
-    font-size: 0.7em; }
-/* line 163, ../../../../general/res/sass/features/_imagery.scss */
-.frame .t-imagery .l-image-thumbs-wrapper {
-  display: none; }
-
-/* line 5, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display:hover .l-btn.control {
-  opacity: 1; }
-/* line 9, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display .l-elem-wrapper {
-  position: relative; }
-/* line 12, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display .l-elem {
-  display: inline-block; }
-/* line 17, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display.l-timer .l-elem.l-value {
-  -moz-transition-property: left;
-  -o-transition-property: left;
-  -webkit-transition-property: left;
-  transition-property: left;
-  -moz-transition-duration: 200ms;
-  -o-transition-duration: 200ms;
-  -webkit-transition-duration: 200ms;
-  transition-duration: 200ms;
-  -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;
-  position: absolute;
-  left: 0;
-  z-index: 1; }
-  /* line 22, ../../../../general/res/sass/features/_time-display.scss */
-  .l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.t-item-icon, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager {
-    font-size: 0.8em; }
-/* line 26, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display.l-timer:hover .l-elem.l-value {
-  left: 20px; }
-/* line 33, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display .l-elem .value.active, .l-time-display .l-elem.value.active {
-  color: #fff; }
-/* line 38, ../../../../general/res/sass/features/_time-display.scss */
-.l-time-display .l-btn.control {
-  -moz-transition-property: opacity, background-color, border-color, color;
-  -o-transition-property: opacity, background-color, border-color, color;
-  -webkit-transition-property: opacity, background-color, border-color, color;
-  transition-property: opacity, background-color, border-color, color;
-  -moz-transition-duration: 200ms;
-  -o-transition-duration: 200ms;
-  -webkit-transition-duration: 200ms;
-  transition-duration: 200ms;
-  -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;
-  opacity: 0;
-  font-size: 0.65em;
-  vertical-align: top; }
-
-/* line 3, ../sass/_controls.scss */
-.s-btn.major .title-label, .major.s-menu-btn .title-label {
-  text-transform: uppercase; }
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Undefined variable: \"$progressBarStripeW\".\A         on line 261 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss, in `@content'\A         from line 42 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `@content'\A         from line 227 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'\A         from line 312 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-browser-ranges'\A         from line 226 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'\A         from line 198 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-prefix'\A         from line 225 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-each-prefix'\A         from line 40 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `keyframes'\A         from line 260 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss\A         from line 39 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/_main.scss\A         from line 36 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/themes/snow/res/sass/theme-snow.scss"; }
diff --git a/platform/features/imagery/res/templates/imagery.html b/platform/features/imagery/res/templates/imagery.html
index 407efaf76f..198b99e080 100644
--- a/platform/features/imagery/res/templates/imagery.html
+++ b/platform/features/imagery/res/templates/imagery.html
@@ -33,8 +33,8 @@
             >
         </div>
 
-        <div class="l-image-main-controlbar l-flex bar">
-            <div class="left">
+        <div class="l-image-main-controlbar l-flex-row">
+            <div class="left flex-elem grows">
                 <a
                     class="s-btn show-thumbs sm hidden"
                     ng-click="showThumbsBubble = (showThumbsBubble)? false:true"
@@ -43,7 +43,7 @@
                 <span class="l-time">{{imagery.getTime()}}</span>
                 <span class="l-date">{{imagery.getDate()}}</span>
             </div>
-            <div class="right">
+            <div class="right flex-elem">
                 <a
                     class="s-btn pause-play"
                     ng-click="imagery.paused(!imagery.paused())"
diff --git a/platform/features/layout/res/templates/frame.html b/platform/features/layout/res/templates/frame.html
index 0643f1645b..74eb461114 100644
--- a/platform/features/layout/res/templates/frame.html
+++ b/platform/features/layout/res/templates/frame.html
@@ -20,12 +20,15 @@
  at runtime from the About dialog for additional information.
 -->
 <div class="frame frame-template abs">
-    <div class="bar abs l-flex object-header object-top-bar">
-        <div class="left">
-            <mct-representation key="'object-header'" mct-object="domainObject">
+    <div class="abs object-top-bar l-flex-row">
+        <div class="left flex-elem l-flex-row grows">
+            <mct-representation
+                key="'object-header'"
+                mct-object="domainObject"
+                class="l-flex-row flex-elem object-header grows">
             </mct-representation>
         </div>
-        <div class="btn-bar right">
+        <div class="btn-bar right l-flex-row flex-elem flex-justify-end flex-fixed">
             <mct-representation key="'switcher'"
                                 ng-model="representation"
                                 mct-object="domainObject">

From fd135a16af17e12085cfc1742b04ea0334c0fca1 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 14:22:34 -0800
Subject: [PATCH 05/14] [Frontend] Restoring dropped Snow theme constants

open #250
Snow theme constants missing were causing the Snow
theme CSS to not compile - this commit restores those
values;
TO-DO: values defined are a bit out of sync between Espresso
and Snow and need to be realigned;
---
 .../espresso/res/css/theme-espresso.css       |   18 +-
 .../themes/snow/res/css/theme-snow.css        | 7640 ++++++++++++++++-
 .../themes/snow/res/sass/_constants.scss      |   18 +-
 3 files changed, 7354 insertions(+), 322 deletions(-)

diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 1a2ea555bc..856b27f249 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -20,7 +20,7 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
   font-size: 100%;
   vertical-align: baseline; }
 
-/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html {
   line-height: 1; }
 
-/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 ol, ul {
   list-style: none; }
 
-/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 caption, th, td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle; }
 
-/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q, blockquote {
   quotes: none; }
-  /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
   q:before, q:after, blockquote:before, blockquote:after {
     content: "";
     content: none; }
 
-/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 a img {
   border: none; }
 
-/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block; }
 
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 7d7fd9f154..4e572df8b3 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -1,313 +1,7331 @@
-/*
-Error: Undefined variable: "$progressBarStripeW".
-        on line 261 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss, in `@content'
-        from line 42 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `@content'
-        from line 227 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'
-        from line 312 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-browser-ranges'
-        from line 226 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'
-        from line 198 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-prefix'
-        from line 225 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-each-prefix'
-        from line 40 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `keyframes'
-        from line 260 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss
-        from line 39 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/_main.scss
-        from line 36 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/themes/snow/res/sass/theme-snow.scss
+@charset "UTF-8";
+/*****************************************************************************
+ * 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 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline; }
 
-Backtrace:
-/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss:261:in `@content'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss:42:in `@content'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:227:in `@content'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:312:in `with-browser-ranges'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:226:in `@content'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:198:in `with-prefix'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss:225:in `with-each-prefix'
-/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss:40:in `keyframes'
-/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss:260
-/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/_main.scss:39
-/Users/iMac/dev/nasa/wtd-dev/platform/commonUI/themes/snow/res/sass/theme-snow.scss:36
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/variable.rb:49:in `_perform'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/node.rb:50:in `perform'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/list_literal.rb:63:in `block in _perform'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/list_literal.rb:63:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/list_literal.rb:63:in `_perform'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/script/tree/node.rb:50:in `perform'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:394:in `visit_prop'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:419:in `block (2 levels) in visit_rule'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:419:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:419:in `block in visit_rule'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:418:in `visit_rule'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:501:in `block (2 levels) in visit_directive'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:501:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:501:in `block in visit_directive'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:500:in `visit_directive'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (3 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:381:in `block (2 levels) in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:380:in `block in visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:376:in `visit_content'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:302:in `visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block (2 levels) in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:299:in `block in visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:298:in `visit_if'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:240:in `block (3 levels) in visit_each'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:240:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:240:in `block (2 levels) in visit_each'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:232:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:232:in `block in visit_each'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:231:in `visit_each'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (4 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (3 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:363:in `block (2 levels) in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:84:in `perform_arguments'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:358:in `block in visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `block in with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:98:in `with_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:346:in `visit_mixin'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block (2 levels) in visit_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block in visit_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `block in with_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `with_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:322:in `visit_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block (2 levels) in visit_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:325:in `block in visit_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `block in with_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:88:in `with_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:322:in `visit_import'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `block in with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:115:in `with_frame'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/stack.rb:79:in `with_base'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:158:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:52:in `map'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:52:in `visit_children'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:166:in `visit_children'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `block in visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:186:in `visit_root'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/base.rb:36:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:157:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/visitors/perform.rb:8:in `visit'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/root_node.rb:36:in `css_tree'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/tree/root_node.rb:20:in `render'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/engine.rb:268:in `render'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:209:in `each'
-/Library/Ruby/Gems/2.0.0/gems/sass-3.4.13/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/sass_compiler.rb:40:in `compile!'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/commands/update_project.rb:49:in `perform'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/commands/base.rb:18:in `execute'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/commands/project_base.rb:19:in `execute'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:15:in `run!'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/bin/compass:30:in `block in <top (required)>'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/bin/compass:44:in `call'
-/Library/Ruby/Gems/2.0.0/gems/compass-1.0.3/bin/compass:44:in `<top (required)>'
-/usr/bin/compass:23:in `load'
-/usr/bin/compass:23:in `<main>'
+/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html {
+  line-height: 1; }
+
+/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none; }
+
+/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle; }
+
+/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none; }
+  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+  q:before, q:after, blockquote:before, blockquote:after {
+    content: "";
+    content: none; }
+
+/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none; }
+
+/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
+  display: block; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/*********************************************** CONTROLS, FORM ELEMENTS */
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/************************** FEATURES */
+/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
+/************************** RATIOS */
+/************************** LAYOUT */
+/************************** CONTROLS */
+/************************** PATHS */
+/************************** TIMINGS */
+/************************** LIMITS */
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
+/************************** MOBILE TREE MENU DIMENSIONS */
+/************************** WINDOW DIMENSIONS FOR RWD */
+/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
+/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
+/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/_effects.scss */
+.disabled,
+a.disabled {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
+  opacity: 0.3;
+  pointer-events: none !important;
+  cursor: default !important; }
+
+/* line 29, ../../../../general/res/sass/_effects.scss */
+.incised {
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
+  box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
+
+/* line 34, ../../../../general/res/sass/_effects.scss */
+.outline {
+  border: 1px solid white; }
+
+/* line 38, ../../../../general/res/sass/_effects.scss */
+.test-stripes {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
+  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
+  background-repeat: repeat;
+  background-size: 40px 40px; }
+
+/* line 42, ../../../../general/res/sass/_effects.scss */
+.test {
+  background-color: rgba(255, 204, 0, 0.2) !important; }
+
+@-moz-keyframes pulse {
+  0% {
+    opacity: 0.5; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes pulse {
+  0% {
+    opacity: 0.5; }
+  100% {
+    opacity: 1; } }
+@keyframes pulse {
+  0% {
+    opacity: 0.5; }
+  100% {
+    opacity: 1; } }
+/* line 69, ../../../../general/res/sass/_effects.scss */
+.pulse {
+  -moz-animation-name: pulse;
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+  -moz-animation-duration: 750ms;
+  -webkit-animation-duration: 750ms;
+  animation-duration: 750ms;
+  -moz-animation-direction: alternate;
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+  -moz-animation-iteration-count: infinite;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -moz-animation-timing-function: ease-in-out;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/************************** FONTS */
+@font-face {
+  	/*
+      * Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
+      */
+  font-family: 'symbolsfont';
+  src: url("../../../../general/res/fonts/symbols/wtdsymbols.eot");
+  src: url("../../../../general/res/fonts/symbols/wtdsymbols.eot?#iefix") format("embedded-opentype"), url("../../../../general/res/fonts/symbols/wtdsymbols.woff") format("woff"), url("../../../../general/res/fonts/symbols/wtdsymbols.ttf") format("truetype"), url("../../../../general/res/fonts/symbols/wtdsymbols.svg#armataregular") format("svg");
+  font-weight: normal;
+  font-style: normal; }
+/************************** HTML ENTITIES */
+/* line 38, ../../../../general/res/sass/_global.scss */
+a {
+  color: #999;
+  cursor: pointer;
+  text-decoration: none; }
+  /* line 42, ../../../../general/res/sass/_global.scss */
+  a:hover {
+    color: #0099cc; }
+
+/* line 47, ../../../../general/res/sass/_global.scss */
+body, html {
+  -webkit-font-smoothing: subpixel-antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: #fcfcfc;
+  color: #666;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 100%;
+  font-weight: 200;
+  height: 100%;
+  width: 100%;
+  overflow: hidden; }
+
+/* line 60, ../../../../general/res/sass/_global.scss */
+em {
+  font-style: normal; }
+
+/* line 64, ../../../../general/res/sass/_global.scss */
+input, textarea {
+  font-family: Helvetica, Arial, sans-serif; }
+
+/* line 68, ../../../../general/res/sass/_global.scss */
+input[type="text"] {
+  vertical-align: baseline;
+  padding: 3px 5px !important; }
+
+/* line 73, ../../../../general/res/sass/_global.scss */
+h1, h2, h3 {
+  margin: 0; }
+
+/* line 77, ../../../../general/res/sass/_global.scss */
+h1 {
+  font-size: 1.7em;
+  font-weight: normal !important;
+  line-height: 120%;
+  margin-bottom: 20px;
+  margin-top: 0; }
+
+/* line 85, ../../../../general/res/sass/_global.scss */
+p {
+  margin-bottom: 10px; }
+
+/* line 89, ../../../../general/res/sass/_global.scss */
+mct-container {
+  display: block; }
+
+/* line 93, ../../../../general/res/sass/_global.scss */
+.abs, .l-inspect, .l-datetime-picker .l-month-year-pager .pager,
+.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: auto;
+  width: auto; }
+
+/* line 103, ../../../../general/res/sass/_global.scss */
+.code, .codehilite {
+  font-family: "Lucida Console", monospace;
+  font-size: 0.7em;
+  line-height: 150%;
+  white-space: pre; }
+
+/* line 110, ../../../../general/res/sass/_global.scss */
+.codehilite {
+  background-color: rgba(102, 102, 102, 0.1);
+  padding: 1em; }
+
+/* line 116, ../../../../general/res/sass/_global.scss */
+.align-right {
+  text-align: right; }
+
+/* line 120, ../../../../general/res/sass/_global.scss */
+.centered {
+  text-align: center; }
+
+/* line 124, ../../../../general/res/sass/_global.scss */
+.scrolling {
+  overflow: auto; }
+
+/* line 128, ../../../../general/res/sass/_global.scss */
+.vscroll {
+  overflow-y: auto; }
+
+/* line 132, ../../../../general/res/sass/_global.scss */
+.no-margin {
+  margin: 0; }
+
+/* line 136, ../../../../general/res/sass/_global.scss */
+.ds {
+  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
+  box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
+
+/* line 140, ../../../../general/res/sass/_global.scss */
+.hide,
+.hidden {
+  display: none !important; }
+
+/* line 145, ../../../../general/res/sass/_global.scss */
+.off {
+  visibility: hidden;
+  opacity: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  margin: 0 !important; }
+
+/* line 155, ../../../../general/res/sass/_global.scss */
+.sep {
+  color: rgba(255, 255, 255, 0.2); }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/********************************************* COLUMN LAYOUTS STYLES */
+/* line 34, ../../../../general/res/sass/_archetypes.scss */
+.cols {
+  overflow: hidden;
+  *zoom: 1; }
+  /* line 36, ../../../../general/res/sass/_archetypes.scss */
+  .cols .col {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+    *zoom: 1;
+    float: left;
+    margin-left: 1.5%;
+    padding-left: 5px;
+    position: relative; }
+    /* line 44, ../../../../general/res/sass/_archetypes.scss */
+    .cols .col:first-child {
+      margin-left: 0;
+      padding-left: 0; }
+  /* line 51, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-2 .col-1 {
+    min-width: 250px;
+    width: 48.5%; }
+  /* line 57, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-2-ff .col-100px {
+    width: 100px; }
+  /* line 64, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-6 .col-1 {
+    min-width: 83.33333px;
+    width: 15.16667%; }
+  /* line 70, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-16 .col-1 {
+    min-width: 31.25px;
+    width: 4.75%; }
+  /* line 73, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-16 .col-2 {
+    min-width: 62.5px;
+    width: 11%; }
+  /* line 76, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-16 .col-7 {
+    min-width: 218.75px;
+    width: 42.25%; }
+  /* line 82, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-32 .col-2 {
+    min-width: 31.25px;
+    width: 4.75%; }
+  /* line 85, ../../../../general/res/sass/_archetypes.scss */
+  .cols.cols-32 .col-15 {
+    min-width: 234.375px;
+    width: 45.375%; }
+  /* line 89, ../../../../general/res/sass/_archetypes.scss */
+  .cols .l-row {
+    overflow: hidden;
+    *zoom: 1;
+    padding: 5px 0; }
+
+/********************************************* FLEX STYLES */
+/* line 96, ../../../../general/res/sass/_archetypes.scss */
+.l-flex-row,
+.l-flex-col {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: nowrap;
+  flex-wrap: nowrap; }
+  /* line 101, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-elem,
+  .l-flex-col .flex-elem {
+    min-height: 0;
+    position: relative; }
+    /* line 105, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .flex-elem:not(.grows),
+    .l-flex-col .flex-elem:not(.grows) {
+      -webkit-flex: 0 0 auto;
+      flex: 0 0 auto; }
+      /* line 107, ../../../../general/res/sass/_archetypes.scss */
+      .l-flex-row .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 111, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-row .flex-elem.grows,
+    .l-flex-col .flex-elem.grows {
+      -webkit-flex: 1 1 auto;
+      flex: 1 1 auto; }
+  /* line 115, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container,
+  .l-flex-col .flex-container {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
+    min-height: 0; }
+
+/* line 124, ../../../../general/res/sass/_archetypes.scss */
+.l-flex-row {
+  -webkit-flex-direction: row;
+  flex-direction: row; }
+  /* line 126, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row.flex-elem {
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto; }
+  /* line 127, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-elem {
+    height: inherit;
+    line-height: inherit;
+    min-width: 0; }
+  /* line 132, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-row .flex-container {
+    -webkit-flex-direction: row;
+    flex-direction: row; }
+
+/* line 135, ../../../../general/res/sass/_archetypes.scss */
+.l-flex-col {
+  -webkit-flex-direction: column;
+  flex-direction: column; }
+  /* line 137, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-elem {
+    min-height: 0; }
+    /* line 139, ../../../../general/res/sass/_archetypes.scss */
+    .l-flex-col .flex-elem:not(:first-child) {
+      margin-top: 10px; }
+  /* line 141, ../../../../general/res/sass/_archetypes.scss */
+  .l-flex-col .flex-container {
+    -webkit-flex-direction: column;
+    flex-direction: column; }
+
+/* line 144, ../../../../general/res/sass/_archetypes.scss */
+.flex-fixed {
+  -webkit-flex: 0 0 auto;
+  flex: 0 0 auto; }
+
+/* line 148, ../../../../general/res/sass/_archetypes.scss */
+.flex-justify-end {
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end; }
+
+/*****************************************************************************
+ * 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 26, ../../../../general/res/sass/_about.scss */
+.l-about.abs, .l-about.l-inspect, .l-datetime-picker .l-month-year-pager .l-about.pager,
+.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area {
+  overflow: auto; }
+/* line 31, ../../../../general/res/sass/_about.scss */
+.l-about .l-logo-holder {
+  position: relative;
+  height: 45%; }
+  /* line 34, ../../../../general/res/sass/_about.scss */
+  .l-about .l-logo-holder .l-logo {
+    position: absolute; }
+    /* line 37, ../../../../general/res/sass/_about.scss */
+    .l-about .l-logo-holder .l-logo.l-logo-app {
+      top: 0;
+      right: 15%;
+      bottom: 0;
+      left: 15%; }
+    /* line 41, ../../../../general/res/sass/_about.scss */
+    .l-about .l-logo-holder .l-logo.s-logo-nasa {
+      background-image: url("../../../../general/res/images/logo-nasa.svg");
+      top: 10px;
+      right: auto;
+      bottom: auto;
+      left: 10px;
+      width: 10%;
+      height: auto;
+      padding-bottom: 5%;
+      padding-top: 5%; }
+/* line 50, ../../../../general/res/sass/_about.scss */
+.l-about .l-content {
+  position: relative;
+  margin-top: 10px; }
+
+/* line 57, ../../../../general/res/sass/_about.scss */
+.s-about {
+  line-height: 120%; }
+  /* line 61, ../../../../general/res/sass/_about.scss */
+  .s-about a {
+    color: #84b3ff; }
+  /* line 68, ../../../../general/res/sass/_about.scss */
+  .s-about .s-logo-holder {
+    background: url("../../../../general/res/images/bg-about-openmctweb.jpg") no-repeat center;
+    background-size: cover; }
+  /* line 72, ../../../../general/res/sass/_about.scss */
+  .s-about .s-logo {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain; }
+  /* line 78, ../../../../general/res/sass/_about.scss */
+  .s-about .s-logo-openmctweb {
+    background-image: url("../../../../general/res/images/logo-openmctweb-shdw.svg"); }
+  /* line 81, ../../../../general/res/sass/_about.scss */
+  .s-about .s-btn, .s-about .s-menu-btn {
+    line-height: 2em; }
+  /* line 85, ../../../../general/res/sass/_about.scss */
+  .s-about .l-licenses-software .l-license-software {
+    border-top: 1px solid rgba(102, 102, 102, 0.2);
+    padding: 0.5em 0; }
+    /* line 88, ../../../../general/res/sass/_about.scss */
+    .s-about .l-licenses-software .l-license-software:first-child {
+      border-top: none; }
+    /* line 91, ../../../../general/res/sass/_about.scss */
+    .s-about .l-licenses-software .l-license-software em {
+      color: #999999; }
+    /* line 98, ../../../../general/res/sass/_about.scss */
+    .s-about .l-licenses-software .l-license-software h3 {
+      font-size: 1.25em; }
+    /* line 101, ../../../../general/res/sass/_about.scss */
+    .s-about .l-licenses-software .l-license-software .s-license-text {
+      font-size: 0.9em; }
+
+/*****************************************************************************
+ * 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/_text.scss */
+.abs.l-standalone, .l-standalone.l-inspect, .l-datetime-picker .l-month-year-pager .l-standalone.pager,
+.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area {
+  padding: 5% 20%; }
+
+/* line 29, ../../../../general/res/sass/_text.scss */
+.s-text {
+  font-size: 0.8em; }
+  /* line 31, ../../../../general/res/sass/_text.scss */
+  .s-text ol, .s-text ul {
+    list-style: square;
+    margin-left: 1.5em; }
+  /* line 39, ../../../../general/res/sass/_text.scss */
+  .s-text h1, .s-text h2, .s-text h3 {
+    color: #333333;
+    font-weight: normal !important;
+    margin-bottom: 1em; }
+  /* line 45, ../../../../general/res/sass/_text.scss */
+  .s-text h2 {
+    border-top: 1px solid rgba(102, 102, 102, 0.2);
+    font-size: 1.5em;
+    margin-top: 2em;
+    padding-top: 1em; }
+  /* line 52, ../../../../general/res/sass/_text.scss */
+  .s-text h3 {
+    margin-top: 2em; }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/_icons.scss */
+.triangle {
+  width: 0;
+  height: 0;
+  border-top: 5px solid transparent;
+  border-left: 5px solid #0099cc;
+  border-bottom: 5px solid transparent; }
+  /* line 26, ../../../../general/res/sass/_icons.scss */
+  .triangle.triangle-down {
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-top: 5px solid #0099cc;
+    border-right: 5px solid transparent; }
+
+/* line 31, ../../../../general/res/sass/_icons.scss */
+.ui-symbol, .t-item-icon, .s-icon-btn, .l-datetime-picker .l-month-year-pager .pager {
+  font-family: 'symbolsfont'; }
+  /* line 33, ../../../../general/res/sass/_icons.scss */
+  .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .type-icon.pager {
+    color: #b3b3b3; }
+  /* line 36, ../../../../general/res/sass/_icons.scss */
+  .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon {
+    color: #0099cc;
+    font-size: inherit; }
+    /* line 40, ../../../../general/res/sass/_icons.scss */
+    .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon {
+      color: #ff3c00; }
+      /* line 42, ../../../../general/res/sass/_icons.scss */
+      .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover {
+        color: #ff8a66; }
+    /* line 46, ../../../../general/res/sass/_icons.scss */
+    .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon {
+      font-size: 1.65em; }
+  /* line 50, ../../../../general/res/sass/_icons.scss */
+  .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after {
+    content: "\e605"; }
+
+/* line 55, ../../../../general/res/sass/_icons.scss */
+.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager {
+  display: inline-block; }
+
+/* line 59, ../../../../general/res/sass/_icons.scss */
+.invoke-menu {
+  text-shadow: none;
+  display: inline-block; }
+
+/* line 64, ../../../../general/res/sass/_icons.scss */
+.s-menu-btn .invoke-menu,
+.icon.major .invoke-menu,
+.major.t-item-icon .invoke-menu {
+  margin-left: 3px; }
+
+/* line 69, ../../../../general/res/sass/_icons.scss */
+.menu .type-icon,
+.tree-item .type-icon,
+.super-menu.menu .type-icon {
+  position: absolute; }
+
+/* line 75, ../../../../general/res/sass/_icons.scss */
+.l-icon-alert {
+  display: none !important; }
+  /* line 77, ../../../../general/res/sass/_icons.scss */
+  .l-icon-alert:before {
+    color: #ff3c00;
+    content: "!"; }
+
+/* line 84, ../../../../general/res/sass/_icons.scss */
+.t-item-icon {
+  display: inline-block;
+  line-height: normal;
+  position: relative; }
+  /* line 92, ../../../../general/res/sass/_icons.scss */
+  .t-item-icon.l-icon-link:before {
+    color: #49dedb;
+    content: "\f4";
+    height: auto;
+    width: auto;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 10%;
+    -moz-transform-origin: bottom left;
+    -ms-transform-origin: bottom left;
+    -webkit-transform-origin: bottom left;
+    transform-origin: bottom left;
+    -moz-transform: scale(0.3);
+    -ms-transform: scale(0.3);
+    -webkit-transform: scale(0.3);
+    transform: scale(0.3);
+    z-index: 2; }
+
+/* line 13, ../../../../general/res/sass/_limits.scss */
+.s-limit-red {
+  background: rgba(255, 0, 0, 0.3) !important; }
+
+/* line 14, ../../../../general/res/sass/_limits.scss */
+.s-limit-yellow {
+  background: rgba(255, 170, 0, 0.3) !important; }
+
+/* line 2, ../../../../general/res/sass/_limits.scss */
+tr[class*="s-limit"].s-limit-red td:first-child:before {
+  color: red;
+  content: "";
+  font-family: symbolsfont;
+  font-size: 0.8em;
+  display: inline;
+  margin-right: 3px; }
+/* line 2, ../../../../general/res/sass/_limits.scss */
+tr[class*="s-limit"].s-limit-yellow td:first-child:before {
+  color: #ffaa00;
+  content: "";
+  font-family: symbolsfont;
+  font-size: 0.8em;
+  display: inline;
+  margin-right: 3px; }
+/* line 24, ../../../../general/res/sass/_limits.scss */
+tr[class*="s-limit"].s-limit-upr td:first-child:before {
+  content: "ë"; }
+/* line 25, ../../../../general/res/sass/_limits.scss */
+tr[class*="s-limit"].s-limit-lwr td:first-child:before {
+  content: "î"; }
+
+/* line 2, ../../../../general/res/sass/_limits.scss */
+:not(tr)[class*="s-limit"].s-limit-red:before {
+  color: red;
+  content: "";
+  font-family: symbolsfont;
+  font-size: 0.8em;
+  display: inline;
+  margin-right: 3px; }
+/* line 2, ../../../../general/res/sass/_limits.scss */
+:not(tr)[class*="s-limit"].s-limit-yellow:before {
+  color: #ffaa00;
+  content: "";
+  font-family: symbolsfont;
+  font-size: 0.8em;
+  display: inline;
+  margin-right: 3px; }
+/* line 37, ../../../../general/res/sass/_limits.scss */
+:not(tr)[class*="s-limit"].s-limit-upr:before {
+  content: "ë"; }
+/* line 38, ../../../../general/res/sass/_limits.scss */
+:not(tr)[class*="s-limit"].s-limit-lwr:before {
+  content: "î"; }
+
+/* line 1, ../../../../general/res/sass/_data-status.scss */
+.s-stale {
+  color: rgba(51, 51, 51, 0.5) !important;
+  font-style: italic; }
+  /* line 3, ../../../../general/res/sass/_data-status.scss */
+  .s-stale .td {
+    color: rgba(51, 51, 51, 0.5) !important;
+    font-style: italic; }
+
+/*****************************************************************************
+ * 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/helpers/_bubbles.scss */
+.bubble-container {
+  pointer-events: none; }
+
+/* line 31, ../../../../general/res/sass/helpers/_bubbles.scss */
+.l-infobubble-wrapper {
+  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+  position: relative;
+  z-index: 50; }
+  /* line 36, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper .l-infobubble {
+    display: inline-block;
+    min-width: 100px;
+    max-width: 300px;
+    padding: 5px 10px; }
+    /* line 41, ../../../../general/res/sass/helpers/_bubbles.scss */
+    .l-infobubble-wrapper .l-infobubble:before {
+      content: "";
+      position: absolute;
+      width: 0;
+      height: 0; }
+    /* line 47, ../../../../general/res/sass/helpers/_bubbles.scss */
+    .l-infobubble-wrapper .l-infobubble table {
+      width: 100%; }
+      /* line 50, ../../../../general/res/sass/helpers/_bubbles.scss */
+      .l-infobubble-wrapper .l-infobubble table tr td {
+        padding: 2px 0;
+        vertical-align: top; }
+        /* line 53, ../../../../general/res/sass/helpers/_bubbles.scss */
+        .l-infobubble-wrapper .l-infobubble table tr td.label {
+          padding-right: 10px;
+          white-space: nowrap; }
+        /* line 57, ../../../../general/res/sass/helpers/_bubbles.scss */
+        .l-infobubble-wrapper .l-infobubble table tr td.value {
+          word-break: break-all; }
+        /* line 61, ../../../../general/res/sass/helpers/_bubbles.scss */
+        .l-infobubble-wrapper .l-infobubble table tr td.align-wrap {
+          white-space: normal; }
+    /* line 67, ../../../../general/res/sass/helpers/_bubbles.scss */
+    .l-infobubble-wrapper .l-infobubble .title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      margin-bottom: 5px; }
+  /* line 74, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper.arw-left {
+    margin-left: 20px; }
+    /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
+    .l-infobubble-wrapper.arw-left .l-infobubble::before {
+      right: 100%; }
+      @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+        /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
+        .l-infobubble-wrapper.arw-left .l-infobubble::before {
+          width: 0;
+          height: 0;
+          border-top: 6.66667px solid transparent;
+          border-bottom: 6.66667px solid transparent;
+          border-right: 10px solid white; } }
+  @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+    /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
+    .l-infobubble-wrapper.arw-right {
+      margin-right: 20px; } }
+  /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper.arw-right .l-infobubble::before {
+    left: 100%; }
+    @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
+      .l-infobubble-wrapper.arw-right .l-infobubble::before {
+        width: 0;
+        height: 0;
+        border-top: 6.66667px solid transparent;
+        border-bottom: 6.66667px solid transparent;
+        border-left: 10px solid white; } }
+  /* line 108, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper.arw-top .l-infobubble::before {
+    top: 20px; }
+  /* line 114, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper.arw-btm .l-infobubble::before {
+    bottom: 20px; }
+  /* line 119, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper.arw-down {
+    margin-bottom: 10px; }
+    /* line 121, ../../../../general/res/sass/helpers/_bubbles.scss */
+    .l-infobubble-wrapper.arw-down .l-infobubble::before {
+      left: 50%;
+      top: 100%;
+      margin-left: -5px;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 7.5px solid white; }
+  /* line 130, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper .arw {
+    z-index: 2; }
+  /* line 133, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .l-infobubble-wrapper.arw-up .arw.arw-down, .l-infobubble-wrapper.arw-down .arw.arw-up {
+    display: none; }
+
+/* line 142, ../../../../general/res/sass/helpers/_bubbles.scss */
+.l-thumbsbubble-wrapper .arw-up {
+  width: 0;
+  height: 0;
+  border-left: 6.66667px solid transparent;
+  border-right: 6.66667px solid transparent;
+  border-bottom: 10px solid #e3e3e3; }
+/* line 145, ../../../../general/res/sass/helpers/_bubbles.scss */
+.l-thumbsbubble-wrapper .arw-down {
+  width: 0;
+  height: 0;
+  border-left: 6.66667px solid transparent;
+  border-right: 6.66667px solid transparent;
+  border-top: 10px solid #e3e3e3; }
+
+/* line 150, ../../../../general/res/sass/helpers/_bubbles.scss */
+.s-infobubble {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+  background: white;
+  color: #666;
+  font-size: 0.8rem; }
+  /* line 157, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .s-infobubble .title {
+    color: #333333;
+    font-weight: bold; }
+  /* line 163, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .s-infobubble table tr td {
+    border: none;
+    border-top: 1px solid #e6e6e6 !important;
+    font-size: 0.9em; }
+  /* line 169, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .s-infobubble table tr:first-child td {
+    border-top: none !important; }
+  /* line 174, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .s-infobubble:first-child td {
+    border-top: none; }
+  /* line 178, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .s-infobubble .label {
+    color: gray; }
+  /* line 182, ../../../../general/res/sass/helpers/_bubbles.scss */
+  .s-infobubble .value {
+    color: #333333; }
+
+/* line 188, ../../../../general/res/sass/helpers/_bubbles.scss */
+.s-thumbsbubble {
+  background: #e3e3e3;
+  color: #4d4d4d; }
+
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/helpers/_splitter.scss */
+.splitter {
+  display: block;
+  position: absolute;
+  z-index: 3; }
+  /* line 33, ../../../../general/res/sass/helpers/_splitter.scss */
+  .splitter:after {
+    content: "";
+    pointer-events: none;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: auto;
+    height: auto;
+    background: #e3e3e3;
+    display: block; }
+  /* line 47, ../../../../general/res/sass/helpers/_splitter.scss */
+  .splitter:active:after {
+    background-color: #0099cc !important; }
+
+/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */
+.split-layout.horizontal {
+  overflow: hidden; }
+  /* line 69, ../../../../general/res/sass/helpers/_splitter.scss */
+  .split-layout.horizontal .pane {
+    left: 0;
+    right: 0; }
+    /* line 72, ../../../../general/res/sass/helpers/_splitter.scss */
+    .split-layout.horizontal .pane.top {
+      bottom: auto; }
+    /* line 75, ../../../../general/res/sass/helpers/_splitter.scss */
+    .split-layout.horizontal .pane.bottom {
+      top: auto; }
+  /* line 79, ../../../../general/res/sass/helpers/_splitter.scss */
+  .split-layout.horizontal > .splitter {
+    cursor: row-resize;
+    left: 0;
+    right: 0;
+    height: 24px; }
+    /* line 84, ../../../../general/res/sass/helpers/_splitter.scss */
+    .split-layout.horizontal > .splitter:after {
+      top: 11px;
+      bottom: 11px; }
+/* line 92, ../../../../general/res/sass/helpers/_splitter.scss */
+.split-layout.vertical .pane {
+  top: 0;
+  bottom: 0; }
+  /* line 95, ../../../../general/res/sass/helpers/_splitter.scss */
+  .split-layout.vertical .pane.left {
+    right: auto; }
+  /* line 98, ../../../../general/res/sass/helpers/_splitter.scss */
+  .split-layout.vertical .pane.right {
+    left: auto; }
+/* line 102, ../../../../general/res/sass/helpers/_splitter.scss */
+.split-layout.vertical > .splitter {
+  cursor: col-resize;
+  top: 0;
+  bottom: 0; }
+  /* line 106, ../../../../general/res/sass/helpers/_splitter.scss */
+  .split-layout.vertical > .splitter:not(.flush-right) {
+    width: 24px; }
+    /* line 108, ../../../../general/res/sass/helpers/_splitter.scss */
+    .split-layout.vertical > .splitter:not(.flush-right):after {
+      left: 11px;
+      right: 11px; }
+  /* line 112, ../../../../general/res/sass/helpers/_splitter.scss */
+  .split-layout.vertical > .splitter.flush-right {
+    width: 12px; }
+    /* line 114, ../../../../general/res/sass/helpers/_splitter.scss */
+    .split-layout.vertical > .splitter.flush-right:after {
+      background-color: transparent;
+      left: auto;
+      right: 0;
+      width: 2px; }
+    /* line 118, ../../../../general/res/sass/helpers/_splitter.scss */
+    .split-layout.vertical > .splitter.flush-right.edge-shdw {
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
+      background-size: 100%;
+      background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
+      background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
+      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%); }
+
+/*.browse-area .splitter {
+	top: 0; //$ueTopBarH + $interiorMarginLg;
+}
+
+.edit-area .splitter {
+	top: 0;
+}*/
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+@-moz-keyframes rotation {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg); } }
+@-webkit-keyframes rotation {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg); } }
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg); } }
+/* line 63, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+.t-wait-spinner,
+.wait-spinner {
+  display: block;
+  position: absolute;
+  -webkit-animation: rotation .6s infinite linear;
+  -moz-animation: rotation .6s infinite linear;
+  -o-animation: rotation .6s infinite linear;
+  animation: rotation .6s infinite linear;
+  border-color: rgba(0, 153, 204, 0.25);
+  border-top-color: #0099cc;
+  border-style: solid;
+  border-width: 0.5em;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  top: 50%;
+  left: 50%;
+  height: auto;
+  width: auto;
+  padding: 5%;
+  pointer-events: none;
+  margin-top: -5%;
+  margin-left: -5%;
+  z-index: 2; }
+  /* line 74, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  .t-wait-spinner.inline,
+  .wait-spinner.inline {
+    display: inline-block !important;
+    margin-right: 5px;
+    position: relative !important;
+    vertical-align: middle; }
+
+/* line 82, ../../../../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 */
+  .l-wait-spinner-holder.align-left .t-wait-spinner {
+    left: 0;
+    margin-left: 0; }
+  /* line 91, ../../../../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 */
+    .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 */
+.treeview .wait-spinner {
+  display: block;
+  position: absolute;
+  -webkit-animation: rotation .6s infinite linear;
+  -moz-animation: rotation .6s infinite linear;
+  -o-animation: rotation .6s infinite linear;
+  animation: rotation .6s infinite linear;
+  border-color: rgba(0, 153, 204, 0.25);
+  border-top-color: #0099cc;
+  border-style: solid;
+  border-width: 0.25em;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  height: 10px;
+  width: 10px;
+  margin: 0 !important;
+  padding: 0 !important;
+  top: 2px;
+  left: 0; }
+
+/* line 112, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+.wait-spinner.sm {
+  display: block;
+  position: absolute;
+  -webkit-animation: rotation .6s infinite linear;
+  -moz-animation: rotation .6s infinite linear;
+  -o-animation: rotation .6s infinite linear;
+  animation: rotation .6s infinite linear;
+  border-color: rgba(0, 153, 204, 0.25);
+  border-top-color: #0099cc;
+  border-style: solid;
+  border-width: 0.25em;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  height: 13px;
+  width: 13px;
+  margin-left: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+  top: 0;
+  left: 0; }
+
+/* line 122, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+.loading {
+  pointer-events: none; }
+  /* line 125, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  .loading:before, .loading:after {
+    content: ''; }
+  /* line 129, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  .loading: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;
+    border-color: rgba(119, 107, 162, 0.25);
+    border-top-color: #776ba2;
+    border-style: solid;
+    border-width: 5px;
+    -moz-border-radius: 100%;
+    -webkit-border-radius: 100%;
+    border-radius: 100%;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    display: block;
+    position: absolute;
+    height: 0;
+    width: 0;
+    padding: 7%;
+    left: 50%;
+    top: 50%;
+    z-index: 10; }
+@-moz-keyframes rotateCentered {
+  0% {
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@-webkit-keyframes rotateCentered {
+  0% {
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+@keyframes rotateCentered {
+  0% {
+    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
+  100% {
+    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
+  /* line 133, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  .loading:after {
+    overflow: hidden;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    width: auto;
+    height: auto;
+    background: rgba(119, 107, 162, 0.1);
+    display: block;
+    z-index: 9; }
+  /* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
+  .loading.tree-item:before {
+    padding: 0.375rem;
+    border-width: 2px; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/* Styles for the Inspector pane */
+/* line 24, ../../../../general/res/sass/_inspector.scss */
+.l-inspect,
+.l-inspect table tr td {
+  font-size: 0.7rem; }
+
+/* line 29, ../../../../general/res/sass/_inspector.scss */
+.l-inspect {
+  background: #efefef;
+  color: #666;
+  line-height: 140%; }
+  /* line 34, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .pane-header {
+    color: #999999;
+    font-size: 0.8rem; }
+    /* line 37, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .pane-header:before {
+      color: gray;
+      content: '\e615';
+      display: inline;
+      font-family: symbolsfont;
+      margin-right: 5px;
+      vertical-align: bottom; }
+  /* line 47, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect ul {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding-right: 5px; }
+  /* line 52, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect ul li,
+  .l-inspect em {
+    display: block;
+    position: relative; }
+  /* line 58, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect ul li {
+    margin-bottom: 10px; }
+  /* line 62, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect em {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    background-color: #e3e3e3;
+    color: #898989;
+    margin-bottom: 5px;
+    padding: 5px 5px;
+    text-transform: uppercase; }
+  /* line 71, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .inspector-properties {
+    padding: 3px 0; }
+    /* line 72, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .inspector-properties:not(.first) {
+      border-top: 1px solid #e3e3e3; }
+    /* line 76, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .inspector-properties .label {
+      color: #999999;
+      text-transform: uppercase; }
+    /* line 80, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .inspector-properties .value {
+      color: #404040;
+      word-break: break-all; }
+  /* line 88, ../../../../general/res/sass/_inspector.scss */
+  .l-inspect .inspector-location .location-item {
+    cursor: pointer;
+    display: inline-block;
+    position: relative;
+    padding: 2px 4px; }
+    /* line 93, ../../../../general/res/sass/_inspector.scss */
+    .l-inspect .inspector-location .location-item:hover {
+      background: rgba(102, 102, 102, 0.1);
+      color: #333333; }
+      /* line 96, ../../../../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 */
+  .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;
+    line-height: inherit;
+    margin-left: 3px;
+    width: 4px; }
+
+/********************************* CONTROLS */
+/* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
+.l-breadcrumb {
+  font-size: 0.7rem;
+  line-height: 1em;
+  margin-bottom: 5px;
+  margin-left: -4px; }
+  /* line 10, ../../../../general/res/sass/controls/_breadcrumb.scss */
+  .l-breadcrumb .l-breadcrumb-item a {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -moz-transition: background-color 0.25s;
+    -o-transition: background-color 0.25s;
+    -webkit-transition: background-color 0.25s;
+    transition: background-color 0.25s;
+    color: #404040;
+    display: inline-block;
+    padding: 2px 4px; }
+    /* line 18, ../../../../general/res/sass/controls/_breadcrumb.scss */
+    .l-breadcrumb .l-breadcrumb-item a .icon, .l-breadcrumb .l-breadcrumb-item a .t-item-icon {
+      color: #0099cc;
+      margin-right: 5px; }
+    /* line 22, ../../../../general/res/sass/controls/_breadcrumb.scss */
+    .l-breadcrumb .l-breadcrumb-item a:hover {
+      background: white;
+      color: gray; }
+      /* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */
+      .l-breadcrumb .l-breadcrumb-item a:hover .icon, .l-breadcrumb .l-breadcrumb-item a:hover .t-item-icon {
+        color: #0099cc; }
+
+/*****************************************************************************
+ * 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 25, ../../../../general/res/sass/controls/_buttons.scss */
+.s-btn, .s-menu-btn,
+.s-icon-btn {
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: pointer;
+  text-decoration: none;
+  height: 25px;
+  line-height: 25px; }
+
+/* line 34, ../../../../general/res/sass/controls/_buttons.scss */
+.s-btn, .s-menu-btn {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0 7.5px;
+  font-size: 0.7rem; }
+  /* line 39, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn .icon, .s-menu-btn .icon, .s-btn .t-item-icon, .s-menu-btn .t-item-icon {
+    font-size: 0.8rem;
+    color: #0099cc; }
+  /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn .title-label, .s-menu-btn .title-label {
+    vertical-align: top; }
+  /* line 48, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.lg, .lg.s-menu-btn {
+    font-size: 1rem; }
+  /* line 52, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.sm, .sm.s-menu-btn {
+    padding: 0 5px; }
+  /* line 56, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.vsm, .vsm.s-menu-btn {
+    padding: 0 2.5px; }
+  /* line 60, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.major, .major.s-menu-btn {
+    background-color: #0099cc;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #fff;
+    display: inline-block;
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    -moz-transition: background, 0.25s;
+    -o-transition: background, 0.25s;
+    -webkit-transition: background, 0.25s;
+    transition: background, 0.25s;
+    text-shadow: none; }
+    /* line 297, ../../../../general/res/sass/_mixins.scss */
+    .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
+      color: #fff; }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
+      .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
+        background: 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; } }
+  /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn:not(.major), .s-menu-btn:not(.major) {
+    background-color: #969696;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #fff;
+    display: inline-block;
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    -moz-transition: background, 0.25s;
+    -o-transition: background, 0.25s;
+    -webkit-transition: background, 0.25s;
+    transition: background, 0.25s;
+    text-shadow: none; }
+    /* line 297, ../../../../general/res/sass/_mixins.scss */
+    .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
+      color: #eee; }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
+      .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
+        background: #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; } }
+  /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before, .s-btn.pause-play .t-item-icon:before, .pause-play.s-menu-btn .t-item-icon:before {
+    content: "\0000F1"; }
+  /* line 78, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn {
+    background-color: #ff9900;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #fff;
+    display: inline-block;
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    -moz-transition: background, 0.25s;
+    -o-transition: background, 0.25s;
+    -webkit-transition: background, 0.25s;
+    transition: background, 0.25s;
+    text-shadow: none; }
+    /* line 297, ../../../../general/res/sass/_mixins.scss */
+    .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
+      color: #fff; }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* 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; }
+        /* 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; } }
+    /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
+    .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
+      -moz-animation-name: pulse;
+      -webkit-animation-name: pulse;
+      animation-name: pulse;
+      -moz-animation-duration: 1000ms;
+      -webkit-animation-duration: 1000ms;
+      animation-duration: 1000ms;
+      -moz-animation-direction: alternate;
+      -webkit-animation-direction: alternate;
+      animation-direction: alternate;
+      -moz-animation-iteration-count: infinite;
+      -webkit-animation-iteration-count: infinite;
+      animation-iteration-count: infinite;
+      -moz-animation-timing-function: ease-in-out;
+      -webkit-animation-timing-function: ease-in-out;
+      animation-timing-function: ease-in-out; }
+      /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
+      .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before, .s-btn.pause-play.paused .t-item-icon :before, .pause-play.paused.s-menu-btn .t-item-icon :before {
+        content: "\0000EF"; }
+  /* line 90, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
+    content: "\000039"; }
+
+/* line 96, ../../../../general/res/sass/controls/_buttons.scss */
+.s-icon-btn {
+  color: #eee; }
+  /* line 99, ../../../../general/res/sass/controls/_buttons.scss */
+  .s-icon-btn:hover {
+    color: white; }
+
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
+  .mini-tab {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -moz-transition-property: color, background-color;
+    -o-transition-property: color, background-color;
+    -webkit-transition-property: color, background-color;
+    transition-property: color, background-color;
+    -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;
+    color: #d6d6d6;
+    cursor: pointer;
+    font-family: symbolsfont;
+    font-size: 9px;
+    display: block;
+    position: absolute;
+    line-height: 24px;
+    height: 24px;
+    width: 9px;
+    text-align: center; }
+    /* line 133, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab:hover {
+      color: #0099cc; }
+    /* line 138, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.collapsed {
+      background-color: #969696;
+      -moz-border-radius: 4px;
+      -webkit-border-radius: 4px;
+      border-radius: 4px;
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      color: #fff;
+      display: inline-block;
+      -moz-user-select: -moz-none;
+      -ms-user-select: none;
+      -webkit-user-select: none;
+      user-select: none;
+      -moz-transition: background, 0.25s;
+      -o-transition: background, 0.25s;
+      -webkit-transition: background, 0.25s;
+      transition: background, 0.25s;
+      text-shadow: none; }
+      /* line 297, ../../../../general/res/sass/_mixins.scss */
+      .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
+        color: #eee; } }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
+      .mini-tab.collapsed:not(.disabled):hover {
+        background: #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; } }
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.collapsed:before {
+        opacity: 0; }
+      /* line 142, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.collapsed:after {
+        opacity: 1; }
+      /* line 144, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.collapsed:hover:before {
+        opacity: 1; }
+      /* line 145, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.collapsed:hover:after {
+        opacity: 0; }
+    /* line 150, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab:before, .mini-tab:after {
+      -moz-transition-property: left, right, opacity;
+      -o-transition-property: left, right, opacity;
+      -webkit-transition-property: left, right, opacity;
+      transition-property: left, right, opacity;
+      -moz-transition-duration: 250ms;
+      -o-transition-duration: 250ms;
+      -webkit-transition-duration: 250ms;
+      transition-duration: 250ms;
+      -moz-transition-timing-function: ease-in-out;
+      -o-transition-timing-function: ease-in-out;
+      -webkit-transition-timing-function: ease-in-out;
+      transition-timing-function: ease-in-out;
+      -moz-transition-delay: 0;
+      -o-transition-delay: 0;
+      -webkit-transition-delay: 0;
+      transition-delay: 0;
+      display: block;
+      height: 100%;
+      position: absolute; }
+    /* line 159, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab:before {
+      width: 9px; }
+    /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab:after {
+      width: 100%;
+      text-align: center;
+      opacity: 0; }
+    /* line 172, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-left {
+      text-align: right; }
+      /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.anchor-left:before {
+        content: '\3c';
+        right: 0; }
+      /* line 180, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.anchor-left.collapsed {
+        -moz-border-radius-topleft: 0;
+        -webkit-border-top-left-radius: 0;
+        border-top-left-radius: 0;
+        -moz-border-radius-bottomleft: 0;
+        -webkit-border-bottom-left-radius: 0;
+        border-bottom-left-radius: 0;
+        text-align: left; }
+        /* line 183, ../../../../general/res/sass/controls/_buttons.scss */
+        .mini-tab.anchor-left.collapsed:before {
+          content: '\3e';
+          left: 0; }
+        /* line 187, ../../../../general/res/sass/controls/_buttons.scss */
+        .mini-tab.anchor-left.collapsed:hover:before {
+          left: 2px; }
+    /* line 190, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-right {
+      text-align: left; }
+      /* line 193, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.anchor-right:before {
+        content: '\3e';
+        left: 0; }
+      /* line 198, ../../../../general/res/sass/controls/_buttons.scss */
+      .mini-tab.anchor-right.collapsed {
+        -moz-border-radius-topright: 0;
+        -webkit-border-top-right-radius: 0;
+        border-top-right-radius: 0;
+        -moz-border-radius-bottomright: 0;
+        -webkit-border-bottom-right-radius: 0;
+        border-bottom-right-radius: 0; }
+        /* line 200, ../../../../general/res/sass/controls/_buttons.scss */
+        .mini-tab.anchor-right.collapsed:before {
+          text-align: right;
+          content: '\3c';
+          right: 0; }
+        /* line 205, ../../../../general/res/sass/controls/_buttons.scss */
+        .mini-tab.anchor-right.collapsed:hover:before {
+          right: 2px; } }
+
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 211, ../../../../general/res/sass/controls/_buttons.scss */
+  .mini-tab-icon {
+    color: #d6d6d6;
+    cursor: pointer;
+    display: block;
+    font-family: symbolsfont;
+    font-size: 9px;
+    position: absolute;
+    height: 9px;
+    width: 9px;
+    line-height: 9px;
+    overflow: hidden;
+    word-break: break-all; }
+    /* line 228, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab-icon.collapsed {
+      width: 11px;
+      font-size: 11px; }
+    /* line 233, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab-icon:before, .mini-tab-icon:after {
+      position: absolute;
+      display: inherit; }
+    /* line 239, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab-icon:before {
+      content: '\78'; }
+    /* line 243, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab-icon:hover {
+      color: #0099cc; } }
+
+/* line 250, ../../../../general/res/sass/controls/_buttons.scss */
+.l-btn-set {
+  font-size: 0; }
+  /* line 256, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    margin-left: 1px; }
+  /* line 262, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
+    -moz-border-radius-topleft: 4px;
+    -webkit-border-top-left-radius: 4px;
+    border-top-left-radius: 4px;
+    -moz-border-radius-bottomleft: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    margin-left: 0; }
+  /* line 269, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
+    -moz-border-radius-topright: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-border-radius-bottomright: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-bottom-right-radius: 4px; }
+
+/* line 276, ../../../../general/res/sass/controls/_buttons.scss */
+.paused:not(.s-btn):not(.s-menu-btn) {
+  border-color: #ff9900 !important;
+  color: #ff9900 !important; }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/controls/_color-palette.scss */
+.l-color-palette {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 5px !important; }
+  /* line 31, ../../../../general/res/sass/controls/_color-palette.scss */
+  .l-color-palette .l-palette-row {
+    overflow: hidden;
+    *zoom: 1;
+    line-height: 16px;
+    width: 170px; }
+    /* line 36, ../../../../general/res/sass/controls/_color-palette.scss */
+    .l-color-palette .l-palette-row .l-palette-item {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
+      -moz-transition-property: opacity, background-color, border-color, color;
+      -o-transition-property: opacity, background-color, border-color, color;
+      -webkit-transition-property: opacity, background-color, border-color, color;
+      transition-property: opacity, background-color, border-color, color;
+      -moz-transition-duration: 0.25s;
+      -o-transition-duration: 0.25s;
+      -webkit-transition-duration: 0.25s;
+      transition-duration: 0.25s;
+      -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;
+      border: 1px solid transparent;
+      color: #fff;
+      display: block;
+      font-family: 'symbolsfont';
+      float: left;
+      height: 16px;
+      width: 16px;
+      line-height: 16px;
+      margin: 0 1px 1px 0;
+      text-align: center;
+      vertical-align: middle; }
+    /* line 53, ../../../../general/res/sass/controls/_color-palette.scss */
+    .l-color-palette .l-palette-row .s-palette-item:hover {
+      -moz-transition-property: none;
+      -o-transition-property: none;
+      -webkit-transition-property: none;
+      transition-property: none;
+      border-color: #fff !important; }
+    /* line 59, ../../../../general/res/sass/controls/_color-palette.scss */
+    .l-color-palette .l-palette-row .l-palette-item-label {
+      margin-left: 5px; }
+    /* line 63, ../../../../general/res/sass/controls/_color-palette.scss */
+    .l-color-palette .l-palette-row.l-option-row {
+      margin-bottom: 5px; }
+      /* line 65, ../../../../general/res/sass/controls/_color-palette.scss */
+      .l-color-palette .l-palette-row.l-option-row .s-palette-item {
+        border-color: #666; }
+
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/controls/_controls.scss */
+.accordion {
+  margin-top: 5px; }
+  /* line 26, ../../../../general/res/sass/controls/_controls.scss */
+  .accordion:first-child {
+    margin-top: 0; }
+  /* line 29, ../../../../general/res/sass/controls/_controls.scss */
+  .accordion .accordion-head {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background: rgba(102, 102, 102, 0.2);
+    cursor: pointer;
+    font-size: 0.75em;
+    line-height: 18px;
+    margin-bottom: 5px;
+    padding: 0 5px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: 0;
+    width: auto;
+    height: 18px;
+    text-transform: uppercase; }
+    /* line 47, ../../../../general/res/sass/controls/_controls.scss */
+    .accordion .accordion-head:hover {
+      background: rgba(102, 102, 102, 0.4); }
+    /* line 50, ../../../../general/res/sass/controls/_controls.scss */
+    .accordion .accordion-head:after {
+      content: "^";
+      display: block;
+      font-family: 'symbolsfont';
+      font-size: 0.9em;
+      position: absolute;
+      right: 5px;
+      text-transform: none;
+      top: 0; }
+    /* line 60, ../../../../general/res/sass/controls/_controls.scss */
+    .accordion .accordion-head:not(.expanded):after {
+      content: "v"; }
+  /* line 64, ../../../../general/res/sass/controls/_controls.scss */
+  .accordion .accordion-contents {
+    position: absolute;
+    top: 23px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow-y: auto;
+    overflow-x: hidden; }
+
+/* line 75, ../../../../general/res/sass/controls/_controls.scss */
+.l-composite-control {
+  vertical-align: middle; }
+  /* line 78, ../../../../general/res/sass/controls/_controls.scss */
+  .l-composite-control.l-checkbox .composite-control-label {
+    line-height: 18px; }
+
+/* line 84, ../../../../general/res/sass/controls/_controls.scss */
+.l-control-group {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-left: 1px solid rgba(102, 102, 102, 0.2);
+  display: inline-block;
+  padding: 0 5px;
+  position: relative; }
+  /* line 92, ../../../../general/res/sass/controls/_controls.scss */
+  .l-control-group:first-child {
+    border-left: none;
+    padding-left: 0; }
+
+/* line 98, ../../../../general/res/sass/controls/_controls.scss */
+.l-local-controls {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  z-index: 5; }
+
+/* line 108, ../../../../general/res/sass/controls/_controls.scss */
+.s-local-controls {
+  font-size: 0.7rem; }
+
+/* line 112, ../../../../general/res/sass/controls/_controls.scss */
+label.checkbox.custom {
+  cursor: pointer;
+  display: inline-block;
+  line-height: 14px;
+  margin-right: 20px;
+  padding-left: 19px;
+  position: relative;
+  vertical-align: middle; }
+  /* line 122, ../../../../general/res/sass/controls/_controls.scss */
+  label.checkbox.custom em {
+    color: #666;
+    display: inline-block;
+    height: 14px;
+    min-width: 14px; }
+    /* line 127, ../../../../general/res/sass/controls/_controls.scss */
+    label.checkbox.custom em:before {
+      -moz-border-radius: 3px;
+      -webkit-border-radius: 3px;
+      border-radius: 3px;
+      background: #e3e3e3;
+      -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
+      -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
+      box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
+      box-sizing: border-box;
+      content: " ";
+      font-family: 'symbolsfont';
+      font-size: 0.8em;
+      display: inline-block;
+      margin-right: 5px;
+      height: 14px;
+      width: 14px;
+      left: 0;
+      top: 0;
+      position: absolute;
+      text-align: center; }
+  /* line 146, ../../../../general/res/sass/controls/_controls.scss */
+  label.checkbox.custom.no-text {
+    overflow: hidden;
+    margin-right: 0;
+    padding-left: 0;
+    height: 14px;
+    width: 14px; }
+    /* line 152, ../../../../general/res/sass/controls/_controls.scss */
+    label.checkbox.custom.no-text em {
+      overflow: hidden; }
+  /* line 156, ../../../../general/res/sass/controls/_controls.scss */
+  label.checkbox.custom input {
+    display: none; }
+    /* line 158, ../../../../general/res/sass/controls/_controls.scss */
+    label.checkbox.custom input:checked ~ em:before {
+      background: #0099cc;
+      color: #ccf2ff;
+      content: "2"; }
+
+/* line 166, ../../../../general/res/sass/controls/_controls.scss */
+.input-labeled {
+  margin-left: 5px; }
+  /* line 168, ../../../../general/res/sass/controls/_controls.scss */
+  .input-labeled label {
+    display: inline-block;
+    margin-right: 3px; }
+  /* line 172, ../../../../general/res/sass/controls/_controls.scss */
+  .input-labeled.inline {
+    display: inline-block; }
+  /* line 175, ../../../../general/res/sass/controls/_controls.scss */
+  .input-labeled:first-child {
+    margin-left: 0; }
+
+/* line 180, ../../../../general/res/sass/controls/_controls.scss */
+.s-menu-btn label.checkbox.custom {
+  margin-left: 5px; }
+
+/* line 185, ../../../../general/res/sass/controls/_controls.scss */
+.item .checkbox.checked label {
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-bottom: none; }
+
+/* line 191, ../../../../general/res/sass/controls/_controls.scss */
+.context-available {
+  color: #0099cc; }
+  /* line 194, ../../../../general/res/sass/controls/_controls.scss */
+  .context-available:hover {
+    color: deepskyblue; }
+
+/* line 199, ../../../../general/res/sass/controls/_controls.scss */
+.view-switcher {
+  -moz-transition-property: opacity, background-color, border-color, color;
+  -o-transition-property: opacity, background-color, border-color, color;
+  -webkit-transition-property: opacity, background-color, border-color, color;
+  transition-property: opacity, background-color, border-color, color;
+  -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; }
+
+/******************************************************** OBJECT-HEADER */
+/* line 204, ../../../../general/res/sass/controls/_controls.scss */
+.object-header {
+  font-size: 1em; }
+  /* line 208, ../../../../general/res/sass/controls/_controls.scss */
+  .object-header > .type-icon {
+    color: #b3b3b3;
+    font-size: 120%;
+    float: left;
+    margin-right: 5px; }
+  /* line 218, ../../../../general/res/sass/controls/_controls.scss */
+  .object-header .l-elem-wrapper mct-representation {
+    min-width: 0.7em; }
+  /* line 226, ../../../../general/res/sass/controls/_controls.scss */
+  .object-header .action {
+    margin-right: 5px; }
+  /* line 230, ../../../../general/res/sass/controls/_controls.scss */
+  .object-header .title-label {
+    color: #666;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 0 1 auto;
+    -webkit-flex: 0 1 auto;
+    padding-right: 0.35em; }
+  /* line 240, ../../../../general/res/sass/controls/_controls.scss */
+  .object-header .context-available {
+    font-size: 0.7em;
+    flex: 0 0 1;
+    -webkit-flex: 0 0 1; }
+  @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+    /* line 247, ../../../../general/res/sass/controls/_controls.scss */
+    .object-header .context-available {
+      -moz-transition-property: opacity;
+      -o-transition-property: opacity;
+      -webkit-transition-property: opacity;
+      transition-property: opacity;
+      -moz-transition-duration: 0.25s;
+      -o-transition-duration: 0.25s;
+      -webkit-transition-duration: 0.25s;
+      transition-duration: 0.25s;
+      -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;
+      opacity: 0; }
+    /* line 252, ../../../../general/res/sass/controls/_controls.scss */
+    .object-header:hover .context-available {
+      opacity: 1; } }
+
+/******************************************************** PROGRESS BAR */
+@-moz-keyframes progress {
+  100% {
+    background-position: 20px center; } }
+@-webkit-keyframes progress {
+  100% {
+    background-position: 20px center; } }
+@keyframes progress {
+  100% {
+    background-position: 20px center; } }
+/* line 274, ../../../../general/res/sass/controls/_controls.scss */
+.l-progress-bar {
+  display: inline-block;
+  overflow: hidden;
+  position: relative; }
+  /* line 280, ../../../../general/res/sass/controls/_controls.scss */
+  .l-progress-bar .progress-amt-holder {
+    overflow: hidden;
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+    width: auto;
+    height: auto; }
+  /* line 283, ../../../../general/res/sass/controls/_controls.scss */
+  .l-progress-bar .progress-amt,
+  .l-progress-bar .progress-amt:before,
+  .l-progress-bar .progress-amt:after {
+    overflow: hidden;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    width: auto;
+    height: auto;
+    display: block;
+    content: ''; }
+  /* line 291, ../../../../general/res/sass/controls/_controls.scss */
+  .l-progress-bar .progress-amt {
+    right: auto; }
+  /* line 296, ../../../../general/res/sass/controls/_controls.scss */
+  .l-progress-bar.indeterminate .progress-amt {
+    width: 100% !important; }
+
+/* line 302, ../../../../general/res/sass/controls/_controls.scss */
+.s-progress-bar {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
+  box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
+  background: rgba(0, 0, 0, 0.1); }
+  /* line 307, ../../../../general/res/sass/controls/_controls.scss */
+  .s-progress-bar .progress-amt {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
+    box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -moz-transition-property: width;
+    -o-transition-property: width;
+    -webkit-transition-property: width;
+    transition-property: width;
+    -moz-transition-duration: 500ms;
+    -o-transition-duration: 500ms;
+    -webkit-transition-duration: 500ms;
+    transition-duration: 500ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0; }
+    /* line 312, ../../../../general/res/sass/controls/_controls.scss */
+    .s-progress-bar .progress-amt:before {
+      background-color: #0a0; }
+    /* line 315, ../../../../general/res/sass/controls/_controls.scss */
+    .s-progress-bar .progress-amt:after {
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-size: 100%;
+      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)));
+      background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
+      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
+      background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
+  /* line 324, ../../../../general/res/sass/controls/_controls.scss */
+  .s-progress-bar:not(.indeterminate) .progress-amt:before {
+    -moz-animation: progress 0.4s linear infinite;
+    -webkit-animation: progress 0.4s linear infinite;
+    animation: progress 0.4s linear infinite;
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+    background-size: 100%;
+    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
+    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
+    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
+    background-position: 0 center;
+    background-repeat: repeat-x;
+    background-size: 20px 40%; }
+  /* line 332, ../../../../general/res/sass/controls/_controls.scss */
+  .s-progress-bar.indeterminate .progress-amt:before {
+    -moz-animation: progress 0.6s linear infinite;
+    -webkit-animation: progress 0.6s linear infinite;
+    animation: progress 0.6s linear infinite;
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-size: 100%;
+    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
+    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
+    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
+    background-repeat: repeat;
+    background-size: 20px 20px; }
+  /* line 337, ../../../../general/res/sass/controls/_controls.scss */
+  .s-progress-bar.indeterminate .progress-amt:after {
+    display: none; }
+
+/******************************************************** SLIDERS */
+/* line 345, ../../../../general/res/sass/controls/_controls.scss */
+.slider .slot {
+  width: auto;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+/* line 355, ../../../../general/res/sass/controls/_controls.scss */
+.slider .knob {
+  -moz-transition-property: opacity, background-color, border-color, color;
+  -o-transition-property: opacity, background-color, border-color, color;
+  -webkit-transition-property: opacity, background-color, border-color, color;
+  transition-property: opacity, background-color, border-color, color;
+  -moz-transition-duration: 0.25s;
+  -o-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -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;
+  background-color: rgba(0, 153, 204, 0.5);
+  position: absolute;
+  height: 100%;
+  width: 10px;
+  top: 0;
+  auto: 0;
+  bottom: auto;
+  left: auto; }
+  /* line 358, ../../../../general/res/sass/controls/_controls.scss */
+  .slider .knob:hover {
+    background-color: rgba(0, 153, 204, 0.7); }
+/* line 369, ../../../../general/res/sass/controls/_controls.scss */
+.slider .knob-l {
+  -moz-border-radius-topleft: 10px;
+  -webkit-border-top-left-radius: 10px;
+  border-top-left-radius: 10px;
+  -moz-border-radius-bottomleft: 10px;
+  -webkit-border-bottom-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+  cursor: w-resize; }
+/* line 373, ../../../../general/res/sass/controls/_controls.scss */
+.slider .knob-r {
+  -moz-border-radius-topright: 10px;
+  -webkit-border-top-right-radius: 10px;
+  border-top-right-radius: 10px;
+  -moz-border-radius-bottomright: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+  cursor: e-resize; }
+/* line 377, ../../../../general/res/sass/controls/_controls.scss */
+.slider .range {
+  -moz-transition-property: opacity, background-color, border-color, color;
+  -o-transition-property: opacity, background-color, border-color, color;
+  -webkit-transition-property: opacity, background-color, border-color, color;
+  transition-property: opacity, background-color, border-color, color;
+  -moz-transition-duration: 0.25s;
+  -o-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -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;
+  background-color: rgba(0, 153, 204, 0.2);
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  right: auto;
+  bottom: 0;
+  left: auto;
+  height: auto;
+  width: auto; }
+  /* line 388, ../../../../general/res/sass/controls/_controls.scss */
+  .slider .range:hover {
+    background-color: rgba(0, 153, 204, 0.4); }
+
+/******************************************************** DATETIME PICKER */
+/* line 395, ../../../../general/res/sass/controls/_controls.scss */
+.l-datetime-picker {
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  font-size: 0.8rem;
+  padding: 10px !important;
+  width: 230px; }
+  /* line 401, ../../../../general/res/sass/controls/_controls.scss */
+  .l-datetime-picker .l-month-year-pager {
+    height: 15px;
+    margin-bottom: 5px;
+    position: relative; }
+    /* line 413, ../../../../general/res/sass/controls/_controls.scss */
+    .l-datetime-picker .l-month-year-pager .pager {
+      width: 20px; }
+      /* line 416, ../../../../general/res/sass/controls/_controls.scss */
+      .l-datetime-picker .l-month-year-pager .pager.prev {
+        right: auto; }
+        /* line 418, ../../../../general/res/sass/controls/_controls.scss */
+        .l-datetime-picker .l-month-year-pager .pager.prev:before {
+          content: "\3c"; }
+      /* line 422, ../../../../general/res/sass/controls/_controls.scss */
+      .l-datetime-picker .l-month-year-pager .pager.next {
+        left: auto;
+        text-align: right; }
+        /* line 425, ../../../../general/res/sass/controls/_controls.scss */
+        .l-datetime-picker .l-month-year-pager .pager.next:before {
+          content: "\3e"; }
+    /* line 430, ../../../../general/res/sass/controls/_controls.scss */
+    .l-datetime-picker .l-month-year-pager .val {
+      text-align: center;
+      left: 25px;
+      right: 25px; }
+  /* line 436, ../../../../general/res/sass/controls/_controls.scss */
+  .l-datetime-picker .l-calendar,
+  .l-datetime-picker .l-time-selects {
+    border-top: 1px solid rgba(102, 102, 102, 0.2); }
+  /* line 440, ../../../../general/res/sass/controls/_controls.scss */
+  .l-datetime-picker .l-time-selects {
+    line-height: 22px; }
+
+/******************************************************** CALENDAR */
+/* line 448, ../../../../general/res/sass/controls/_controls.scss */
+.l-calendar ul.l-cal-row {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: row nowrap;
+  flex-flow: row nowrap;
+  margin-top: 1px; }
+  /* line 452, ../../../../general/res/sass/controls/_controls.scss */
+  .l-calendar ul.l-cal-row:first-child {
+    margin-top: 0; }
+  /* line 455, ../../../../general/res/sass/controls/_controls.scss */
+  .l-calendar ul.l-cal-row li {
+    -webkit-flex: 1 0;
+    flex: 1 0;
+    margin-left: 1px;
+    padding: 5px;
+    text-align: center; }
+    /* line 461, ../../../../general/res/sass/controls/_controls.scss */
+    .l-calendar ul.l-cal-row li:first-child {
+      margin-left: 0; }
+  /* line 465, ../../../../general/res/sass/controls/_controls.scss */
+  .l-calendar ul.l-cal-row.l-header li {
+    color: #999999; }
+  /* line 468, ../../../../general/res/sass/controls/_controls.scss */
+  .l-calendar ul.l-cal-row.l-body li {
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    -webkit-transition-property: background-color;
+    transition-property: background-color;
+    -moz-transition-duration: 0.25s;
+    -o-transition-duration: 0.25s;
+    -webkit-transition-duration: 0.25s;
+    transition-duration: 0.25s;
+    -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;
+    cursor: pointer; }
+    /* line 471, ../../../../general/res/sass/controls/_controls.scss */
+    .l-calendar ul.l-cal-row.l-body li.in-month {
+      background-color: #f2f2f2; }
+    /* line 474, ../../../../general/res/sass/controls/_controls.scss */
+    .l-calendar ul.l-cal-row.l-body li .sub {
+      color: #999999;
+      font-size: 0.8em; }
+    /* line 478, ../../../../general/res/sass/controls/_controls.scss */
+    .l-calendar ul.l-cal-row.l-body li.selected {
+      background: #1ac6ff;
+      color: #fcfcfc; }
+      /* line 481, ../../../../general/res/sass/controls/_controls.scss */
+      .l-calendar ul.l-cal-row.l-body li.selected .sub {
+        color: inherit; }
+    /* line 485, ../../../../general/res/sass/controls/_controls.scss */
+    .l-calendar ul.l-cal-row.l-body li:hover {
+      background-color: #0099cc;
+      color: #fff; }
+      /* line 488, ../../../../general/res/sass/controls/_controls.scss */
+      .l-calendar ul.l-cal-row.l-body li:hover .sub {
+        color: inherit; }
+
+/******************************************************** BROWSER ELEMENTS */
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 499, ../../../../general/res/sass/controls/_controls.scss */
+  ::-webkit-scrollbar {
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
+    background-color: rgba(0, 0, 0, 0.1);
+    height: 10px;
+    width: 10px; }
+
+  /* line 508, ../../../../general/res/sass/controls/_controls.scss */
+  ::-webkit-scrollbar-thumb {
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-size: 100%;
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #898989), color-stop(100%, #7d7d7d));
+    background-image: -moz-linear-gradient(#898989, #7d7d7d 20px);
+    background-image: -webkit-linear-gradient(#898989, #7d7d7d 20px);
+    background-image: linear-gradient(#898989, #7d7d7d 20px);
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box; }
+    /* line 517, ../../../../general/res/sass/controls/_controls.scss */
+    ::-webkit-scrollbar-thumb:hover {
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-size: 100%;
+      background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #00ace6), color-stop(100%, #0099cc));
+      background-image: -moz-linear-gradient(#00ace6, #0099cc 20px);
+      background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
+      background-image: linear-gradient(#00ace6, #0099cc 20px); }
+
+  /* line 522, ../../../../general/res/sass/controls/_controls.scss */
+  ::-webkit-scrollbar-corner {
+    background: rgba(0, 0, 0, 0.1); } }
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/controls/_lists.scss */
+.checkbox-list label.checkbox.custom {
+  display: block;
+  margin-bottom: 5px; }
+/* line 27, ../../../../general/res/sass/controls/_lists.scss */
+.checkbox-list li {
+  margin-bottom: 5px; }
+
+/* line 35, ../../../../general/res/sass/controls/_lists.scss */
+.l-tree-item-flat-list .tree-item .t-object-label {
+  left: 5px !important; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/******************************************************** MENU BUTTONS */
+/* line 31, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu-btn .icon, .s-menu-btn .t-item-icon {
+  font-size: 120%; }
+/* line 35, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu-btn .title-label {
+  margin-left: 3px; }
+/* line 39, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu-btn:after {
+  text-shadow: none;
+  content: '\76';
+  display: inline-block;
+  font-family: 'symbolsfont';
+  margin-left: 3px;
+  vertical-align: top;
+  color: rgba(255, 255, 255, 0.4); }
+/* line 46, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu-btn.create-btn:before {
+  content: '\2b';
+  display: inline;
+  font-family: symbolsfont; }
+/* line 51, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu-btn.create-btn .title-label {
+  font-size: 1rem; }
+/* line 59, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu-btn .menu {
+  left: 0;
+  text-align: left; }
+  /* line 62, ../../../../general/res/sass/controls/_menus.scss */
+  .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon {
+    width: 12px; }
+
+/******************************************************** MENUS THEMSELVES */
+/* line 69, ../../../../general/res/sass/controls/_menus.scss */
+.menu-element {
+  cursor: pointer;
+  position: relative; }
+
+/* line 74, ../../../../general/res/sass/controls/_menus.scss */
+.s-menu, .menu {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  background-color: white;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #4d4d4d;
+  display: inline-block;
+  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
+  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
+  text-shadow: none;
+  padding: 3px 0; }
+
+/* line 82, ../../../../general/res/sass/controls/_menus.scss */
+.menu {
+  display: block;
+  position: absolute;
+  z-index: 10; }
+  /* line 87, ../../../../general/res/sass/controls/_menus.scss */
+  .menu ul {
+    margin: 0;
+    padding: 0; }
+    /* line 354, ../../../../general/res/sass/_mixins.scss */
+    .menu ul li {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    /* line 89, ../../../../general/res/sass/controls/_menus.scss */
+    .menu ul li {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      border-top: 1px solid #e6e6e6;
+      color: #666666;
+      line-height: 1.5rem;
+      padding: 3px 10px 3px 30px;
+      position: relative;
+      white-space: nowrap; }
+      /* line 97, ../../../../general/res/sass/controls/_menus.scss */
+      .menu ul li:first-child {
+        border: none; }
+      /* line 100, ../../../../general/res/sass/controls/_menus.scss */
+      .menu ul li:hover {
+        background: #e6e6e6;
+        color: #4d4d4d; }
+        /* line 103, ../../../../general/res/sass/controls/_menus.scss */
+        .menu ul li:hover .icon, .menu ul li:hover .t-item-icon {
+          color: #0099cc; }
+      /* line 107, ../../../../general/res/sass/controls/_menus.scss */
+      .menu ul li .type-icon {
+        left: 10px; }
+
+/* line 114, ../../../../general/res/sass/controls/_menus.scss */
+.menu,
+.context-menu,
+.checkbox-menu,
+.super-menu {
+  pointer-events: auto; }
+  /* line 120, ../../../../general/res/sass/controls/_menus.scss */
+  .menu ul li a,
+  .context-menu ul li a,
+  .checkbox-menu ul li a,
+  .super-menu ul li a {
+    color: #4d4d4d; }
+  /* line 123, ../../../../general/res/sass/controls/_menus.scss */
+  .menu ul li .icon, .menu ul li .t-item-icon,
+  .context-menu ul li .icon,
+  .checkbox-menu ul li .icon,
+  .context-menu ul li .t-item-icon,
+  .checkbox-menu ul li .t-item-icon,
+  .super-menu ul li .icon,
+  .super-menu ul li .t-item-icon {
+    color: #0099cc; }
+  /* line 126, ../../../../general/res/sass/controls/_menus.scss */
+  .menu ul li .type-icon,
+  .context-menu ul li .type-icon,
+  .checkbox-menu ul li .type-icon,
+  .super-menu ul li .type-icon {
+    left: 5px; }
+
+/* line 138, ../../../../general/res/sass/controls/_menus.scss */
+.checkbox-menu ul li {
+  padding-left: 50px; }
+  /* line 140, ../../../../general/res/sass/controls/_menus.scss */
+  .checkbox-menu ul li .checkbox {
+    position: absolute;
+    left: 5px;
+    top: 0.53333rem; }
+    /* line 145, ../../../../general/res/sass/controls/_menus.scss */
+    .checkbox-menu ul li .checkbox em {
+      height: 0.7rem;
+      width: 0.7rem; }
+      /* line 148, ../../../../general/res/sass/controls/_menus.scss */
+      .checkbox-menu ul li .checkbox em:before {
+        font-size: 7px !important;
+        height: 0.7rem;
+        width: 0.7rem;
+        line-height: 0.7rem; }
+  /* line 156, ../../../../general/res/sass/controls/_menus.scss */
+  .checkbox-menu ul li .type-icon {
+    left: 25px; }
+
+/* line 162, ../../../../general/res/sass/controls/_menus.scss */
+.super-menu {
+  display: block;
+  width: 500px;
+  height: 480px; }
+  /* line 170, ../../../../general/res/sass/controls/_menus.scss */
+  .super-menu .contents {
+    overflow: hidden;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    bottom: 5px;
+    left: 5px;
+    width: auto;
+    height: auto; }
+  /* line 173, ../../../../general/res/sass/controls/_menus.scss */
+  .super-menu .pane {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box; }
+    /* line 175, ../../../../general/res/sass/controls/_menus.scss */
+    .super-menu .pane.left {
+      border-right: 1px solid #e6e6e6;
+      left: 0;
+      padding-right: 5px;
+      right: auto;
+      width: 50%;
+      overflow-x: hidden;
+      overflow-y: auto; }
+      /* line 185, ../../../../general/res/sass/controls/_menus.scss */
+      .super-menu .pane.left ul li {
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        padding-left: 30px;
+        border-top: none; }
+    /* line 192, ../../../../general/res/sass/controls/_menus.scss */
+    .super-menu .pane.right {
+      left: auto;
+      right: 0;
+      padding: 25px;
+      width: 50%; }
+  /* line 202, ../../../../general/res/sass/controls/_menus.scss */
+  .super-menu .menu-item-description .desc-area.icon, .super-menu .menu-item-description .desc-area.t-item-icon {
+    color: #0099cc;
+    position: relative;
+    font-size: 8em;
+    left: 0;
+    height: 150px;
+    line-height: 150px;
+    margin-bottom: 25px;
+    text-align: center; }
+  /* line 213, ../../../../general/res/sass/controls/_menus.scss */
+  .super-menu .menu-item-description .desc-area.title {
+    color: #666;
+    font-size: 1.2em;
+    margin-bottom: 0.5em; }
+  /* line 218, ../../../../general/res/sass/controls/_menus.scss */
+  .super-menu .menu-item-description .desc-area.description {
+    color: #666;
+    font-size: 0.8em;
+    line-height: 1.5em; }
+
+/* line 227, ../../../../general/res/sass/controls/_menus.scss */
+.context-menu, .checkbox-menu {
+  font-size: 0.80rem; }
+
+/* line 231, ../../../../general/res/sass/controls/_menus.scss */
+.context-menu-holder,
+.menu-holder {
+  position: absolute;
+  z-index: 70; }
+  /* line 235, ../../../../general/res/sass/controls/_menus.scss */
+  .context-menu-holder .context-menu-wrapper,
+  .menu-holder .context-menu-wrapper {
+    position: absolute;
+    height: 100%;
+    width: 100%; }
+  /* line 240, ../../../../general/res/sass/controls/_menus.scss */
+  .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu,
+  .menu-holder.go-left .context-menu,
+  .menu-holder.go-left .checkbox-menu,
+  .menu-holder.go-left .menu {
+    right: 0; }
+  /* line 244, ../../../../general/res/sass/controls/_menus.scss */
+  .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu,
+  .menu-holder.go-up .context-menu,
+  .menu-holder.go-up .checkbox-menu,
+  .menu-holder.go-up .menu {
+    bottom: 0; }
+
+/* line 250, ../../../../general/res/sass/controls/_menus.scss */
+.context-menu-holder {
+  pointer-events: none;
+  height: 200px;
+  width: 170px; }
+
+/* line 256, ../../../../general/res/sass/controls/_menus.scss */
+.btn-bar.right .menu,
+.menus-to-left .menu {
+  left: auto;
+  right: 0;
+  width: auto; }
+
+/*****************************************************************************
+ * 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 39, ../../../../general/res/sass/controls/_messages.scss */
+.status.block {
+  color: #ccc;
+  cursor: default;
+  display: inline-block;
+  margin-right: 5px; }
+  /* line 44, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block .status-indicator,
+  .status.block .label,
+  .status.block .count {
+    display: inline-block;
+    vertical-align: top; }
+  /* line 51, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block .status-indicator {
+    margin-right: 3px; }
+  /* line 54, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block.ok .status-indicator, .status.block.info .status-indicator {
+    color: #60ba7b; }
+  /* line 58, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator {
+    color: #ffb66c; }
+  /* line 63, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block.error .status-indicator {
+    color: #c96b68; }
+  /* line 66, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block .label {
+    -moz-transition-property: max-width;
+    -o-transition-property: max-width;
+    -webkit-transition-property: max-width;
+    transition-property: max-width;
+    -moz-transition-duration: 0.25s;
+    -o-transition-duration: 0.25s;
+    -webkit-transition-duration: 0.25s;
+    transition-duration: 0.25s;
+    -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;
+    overflow: hidden;
+    max-width: 0px; }
+  /* line 72, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block .count {
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -moz-transition-duration: 0.25s;
+    -o-transition-duration: 0.25s;
+    -webkit-transition-duration: 0.25s;
+    transition-duration: 0.25s;
+    -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;
+    font-weight: bold;
+    opacity: 1; }
+  /* line 78, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block:hover .label {
+    max-width: 450px;
+    width: auto; }
+  /* line 82, ../../../../general/res/sass/controls/_messages.scss */
+  .status.block:hover .count {
+    opacity: 0; }
+
+/* Styles for messages and message banners */
+/* line 90, ../../../../general/res/sass/controls/_messages.scss */
+.message.block {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  padding: 10px; }
+/* line 94, ../../../../general/res/sass/controls/_messages.scss */
+.message.error {
+  background-color: rgba(255, 60, 0, 0.3);
+  color: #ff8a66; }
+
+/* line 100, ../../../../general/res/sass/controls/_messages.scss */
+.l-message-banner {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  align-items: center;
+  position: absolute;
+  top: 3px;
+  right: auto;
+  bottom: 3px;
+  left: 50%;
+  height: auto;
+  width: auto;
+  line-height: 18px;
+  max-width: 300px;
+  padding: 0 5px 0 5px;
+  -moz-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  z-index: 10; }
+  /* line 116, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner.minimized {
+    -moz-transition-property: left, opacity;
+    -o-transition-property: left, opacity;
+    -webkit-transition-property: left, opacity;
+    transition-property: left, opacity;
+    -moz-transition-duration: 0.3s;
+    -o-transition-duration: 0.3s;
+    -webkit-transition-duration: 0.3s;
+    transition-duration: 0.3s;
+    -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;
+    left: 0;
+    opacity: 0; }
+  /* line 124, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner.new {
+    left: 50%;
+    opacity: 1; }
+    /* line 127, ../../../../general/res/sass/controls/_messages.scss */
+    .l-message-banner.new:not(.info) {
+      -moz-animation-name: pulse;
+      -webkit-animation-name: pulse;
+      animation-name: pulse;
+      -moz-animation-duration: 100ms;
+      -webkit-animation-duration: 100ms;
+      animation-duration: 100ms;
+      -moz-animation-direction: alternate;
+      -webkit-animation-direction: alternate;
+      animation-direction: alternate;
+      -moz-animation-iteration-count: 10;
+      -webkit-animation-iteration-count: 10;
+      animation-iteration-count: 10;
+      -moz-animation-timing-function: ease-in-out;
+      -webkit-animation-timing-function: ease-in-out;
+      animation-timing-function: ease-in-out; }
+  /* line 132, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner .banner-elem {
+    -webkit-flex: 0 1 auto;
+    flex: 0 1 auto;
+    margin-left: 5px; }
+  /* line 136, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner a {
+    display: inline-block; }
+  /* line 139, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner .l-action {
+    line-height: 15px;
+    padding: 0 5px; }
+  /* line 143, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner .close {
+    cursor: pointer;
+    font-size: 7px;
+    width: 8px; }
+  /* line 149, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner .l-progress-bar {
+    height: 8px;
+    line-height: 8px;
+    width: 100px; }
+  /* line 155, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message-banner .progress-info {
+    display: none; }
+
+/* line 165, ../../../../general/res/sass/controls/_messages.scss */
+.s-message-banner {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  background-color: gray;
+  color: #fff;
+  cursor: pointer; }
+  /* line 28, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner:hover {
+    background-color: #999999; }
+  /* line 31, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner .s-action {
+    background-color: #666666; }
+    /* line 33, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner .s-action:hover {
+      background-color: gray; }
+  /* line 169, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner a {
+    color: inherit; }
+  /* line 170, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner .s-action {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    -webkit-transition-property: background-color;
+    transition-property: background-color;
+    -moz-transition-duration: 500ms;
+    -o-transition-duration: 500ms;
+    -webkit-transition-duration: 500ms;
+    transition-duration: 500ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0; }
+  /* line 174, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner .close {
+    opacity: 0.5; }
+    /* line 176, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner .close:hover {
+      opacity: 1; }
+  /* line 180, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner.ok, .s-message-banner.info {
+    background-color: #275a36;
+    color: #fff; }
+    /* line 28, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner.ok:hover, .s-message-banner.info:hover {
+      background-color: #367e4c; }
+    /* line 31, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner.ok .s-action, .s-message-banner.info .s-action {
+      background-color: #183621; }
+      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
+      .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover {
+        background-color: #275a36; }
+  /* line 184, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert {
+    background-color: #d26a00;
+    color: #fff; }
+    /* line 28, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner.caution:hover, .s-message-banner.warning:hover, .s-message-banner.alert:hover {
+      background-color: #ff8306; }
+    /* line 31, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner.caution .s-action, .s-message-banner.warning .s-action, .s-message-banner.alert .s-action {
+      background-color: #9f5000; }
+      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
+      .s-message-banner.caution .s-action:hover, .s-message-banner.warning .s-action:hover, .s-message-banner.alert .s-action:hover {
+        background-color: #d26a00; }
+  /* line 189, ../../../../general/res/sass/controls/_messages.scss */
+  .s-message-banner.error {
+    background-color: #702a28;
+    color: #fff; }
+    /* line 28, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner.error:hover {
+      background-color: #963835; }
+    /* line 31, ../../../../general/res/sass/controls/_messages.scss */
+    .s-message-banner.error .s-action {
+      background-color: #4a1c1b; }
+      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
+      .s-message-banner.error .s-action:hover {
+        background-color: #702a28; }
+
+/* Paths:
+    t-dialog | t-dialog-sm > t-message-single | t-message-list > overlay > holder > contents > l-message >
+        message-type > (icon)
+        message-contents >
+        top-bar >
+            title
+            hint
+        editor >
+            (if displaying list of messages)
+            ul > li > l-message >
+                ... same as above
+        bottom-bar
 */
-body:before {
-  white-space: pre;
-  font-family: monospace;
-  content: "Error: Undefined variable: \"$progressBarStripeW\".\A         on line 261 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss, in `@content'\A         from line 42 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `@content'\A         from line 227 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'\A         from line 312 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-browser-ranges'\A         from line 226 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `@content'\A         from line 198 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-prefix'\A         from line 225 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss, in `with-each-prefix'\A         from line 40 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_animation.scss, in `keyframes'\A         from line 260 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/controls/_controls.scss\A         from line 39 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/general/res/sass/_main.scss\A         from line 36 of /Users/iMac/dev/nasa/wtd-dev/platform/commonUI/themes/snow/res/sass/theme-snow.scss"; }
+/* line 231, ../../../../general/res/sass/controls/_messages.scss */
+.l-message {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: stretch;
+  align-items: stretch; }
+  /* line 235, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message .type-icon.message-type {
+    -webkit-flex: 0 1 auto;
+    flex: 0 1 auto;
+    position: relative; }
+  /* line 240, ../../../../general/res/sass/controls/_messages.scss */
+  .l-message .message-contents {
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
+    margin-left: 25px;
+    position: relative; }
+    /* line 246, ../../../../general/res/sass/controls/_messages.scss */
+    .l-message .message-contents .top-bar,
+    .l-message .message-contents .message-body {
+      margin-bottom: 20px; }
+
+/* line 195, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-single .type-icon.message-type {
+  text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px;
+  color: #ccc;
+  font-size: 80px;
+  padding: 1px;
+  width: 82px; }
+  /* line 197, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-single .type-icon.message-type:before {
+    content: "\e608"; }
+/* line 204, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-single .message-severity-info .type-icon.message-type {
+  color: #60ba7b; }
+  /* line 205, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-single .message-severity-info .type-icon.message-type:before {
+    content: "\e608"; }
+/* line 208, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-single .message-severity-alert .type-icon.message-type {
+  color: #ffb66c; }
+  /* line 209, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-single .message-severity-alert .type-icon.message-type:before {
+    content: "\e610"; }
+/* line 212, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-single .message-severity-error .type-icon.message-type {
+  color: #c96b68; }
+  /* line 213, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-single .message-severity-error .type-icon.message-type:before {
+    content: "\21"; }
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 259, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-single .l-message,
+  .t-message-single .bottom-bar {
+    overflow: hidden;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    width: auto;
+    height: auto; }
+  /* line 264, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-single .bottom-bar {
+    top: auto;
+    height: 24px; } }
+
+/* line 195, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-list .type-icon.message-type {
+  text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px;
+  color: #ccc;
+  font-size: 32px;
+  padding: 1px;
+  width: 34px; }
+  /* line 197, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .type-icon.message-type:before {
+    content: "\e608"; }
+/* line 204, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-list .message-severity-info .type-icon.message-type {
+  color: #60ba7b; }
+  /* line 205, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-severity-info .type-icon.message-type:before {
+    content: "\e608"; }
+/* line 208, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-list .message-severity-alert .type-icon.message-type {
+  color: #ffb66c; }
+  /* line 209, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-severity-alert .type-icon.message-type:before {
+    content: "\e610"; }
+/* line 212, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-list .message-severity-error .type-icon.message-type {
+  color: #c96b68; }
+  /* line 213, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-severity-error .type-icon.message-type:before {
+    content: "\21"; }
+/* line 276, ../../../../general/res/sass/controls/_messages.scss */
+.t-message-list .message-contents .l-message {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  background: rgba(102, 102, 102, 0.1);
+  margin-bottom: 5px;
+  padding: 10px; }
+  /* line 283, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-contents .l-message .message-contents,
+  .t-message-list .message-contents .l-message .bottom-bar {
+    position: relative; }
+  /* line 289, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-contents .l-message .message-contents {
+    font-size: 0.9em;
+    margin-left: 10px; }
+    /* line 292, ../../../../general/res/sass/controls/_messages.scss */
+    .t-message-list .message-contents .l-message .message-contents .message-action {
+      color: #999999; }
+    /* line 293, ../../../../general/res/sass/controls/_messages.scss */
+    .t-message-list .message-contents .l-message .message-contents .bottom-bar {
+      text-align: left; }
+  /* line 296, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-contents .l-message .top-bar,
+  .t-message-list .message-contents .l-message .message-body {
+    margin-bottom: 10px; }
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 304, ../../../../general/res/sass/controls/_messages.scss */
+  .t-message-list .message-contents .l-message {
+    margin-right: 10px; } }
+
+/* line 13, ../../../../general/res/sass/controls/_time-controller.scss */
+mct-include.l-time-controller {
+  overflow: hidden;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  width: auto;
+  height: auto;
+  display: block;
+  top: auto;
+  height: 83px;
+  min-width: 500px;
+  font-size: 0.8rem; }
+  /* line 38, ../../../../general/res/sass/controls/_time-controller.scss */
+  mct-include.l-time-controller .l-time-range-inputs-holder,
+  mct-include.l-time-controller .l-time-range-slider-holder,
+  mct-include.l-time-controller .l-time-range-ticks-holder {
+    overflow: visible;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: auto;
+    height: auto;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    top: auto; }
+  /* line 47, ../../../../general/res/sass/controls/_time-controller.scss */
+  mct-include.l-time-controller .l-time-range-slider,
+  mct-include.l-time-controller .l-time-range-ticks {
+    overflow: visible;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: auto;
+    height: auto;
+    left: 150px;
+    right: 150px; }
+  /* line 54, ../../../../general/res/sass/controls/_time-controller.scss */
+  mct-include.l-time-controller .l-time-range-inputs-holder {
+    height: 33px;
+    bottom: 46px;
+    padding-top: 5px;
+    border-top: 1px solid rgba(102, 102, 102, 0.2); }
+    /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .l-time-range-inputs-holder .type-icon {
+      font-size: 120%;
+      vertical-align: middle; }
+    /* line 63, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input,
+    mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem {
+      margin-right: 5px; }
+      /* line 66, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl {
+        color: #999999; }
+      /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .t-item-icon,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .s-icon-btn.t-item-icon,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager,
+      .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager,
+      mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
+      .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon {
+        font-size: 11px;
+        width: 11px; }
+  /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */
+  mct-include.l-time-controller .l-time-range-slider-holder {
+    height: 20px;
+    bottom: 23px; }
+    /* line 79, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .l-time-range-slider-holder .range-holder {
+      -moz-box-shadow: none;
+      -webkit-box-shadow: none;
+      box-shadow: none;
+      background: none;
+      border: none; }
+      /* line 84, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line {
+        -moz-transform: translateX(50%);
+        -ms-transform: translateX(50%);
+        -webkit-transform: translateX(50%);
+        transform: translateX(50%);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0px;
+        left: auto;
+        width: 8px;
+        height: auto;
+        z-index: 2; }
+        /* line 94, ../../../../general/res/sass/controls/_time-controller.scss */
+        mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
+          background-color: #666;
+          content: "";
+          position: absolute; }
+        /* line 100, ../../../../general/res/sass/controls/_time-controller.scss */
+        mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before {
+          top: 0;
+          right: auto;
+          bottom: -10px;
+          left: 3px;
+          width: 2px; }
+        /* line 106, ../../../../general/res/sass/controls/_time-controller.scss */
+        mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
+          -moz-border-radius: 8px;
+          -webkit-border-radius: 8px;
+          border-radius: 8px;
+          -moz-transform: translateY(-50%);
+          -ms-transform: translateY(-50%);
+          -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+          top: 50%;
+          right: 0;
+          bottom: auto;
+          left: 0;
+          width: auto;
+          height: 8px; }
+      /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after {
+        background-color: #0052b5; }
+    /* line 122, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .knob,
+    mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .range {
+      -moz-transition-property: left, right;
+      -o-transition-property: left, right;
+      -webkit-transition-property: left, right;
+      transition-property: left, right;
+      -moz-transition-duration: 500ms;
+      -o-transition-duration: 500ms;
+      -webkit-transition-duration: 500ms;
+      transition-duration: 500ms;
+      -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; }
+  /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */
+  mct-include.l-time-controller .l-time-range-ticks-holder {
+    height: 20px; }
+    /* line 133, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks {
+      border-top: 1px solid rgba(0, 0, 0, 0.2); }
+      /* line 135, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick {
+        background-color: rgba(0, 0, 0, 0.2);
+        border: none;
+        height: 5px;
+        width: 1px;
+        margin-left: -1px;
+        position: absolute; }
+        /* line 142, ../../../../general/res/sass/controls/_time-controller.scss */
+        mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child {
+          margin-left: 0; }
+        /* line 145, ../../../../general/res/sass/controls/_time-controller.scss */
+        mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label {
+          transform: translateX(-50%);
+          -webkit-transform: translateX(-50%);
+          color: #999999;
+          display: inline-block;
+          font-size: 0.9em;
+          position: absolute;
+          top: 8px;
+          white-space: nowrap;
+          z-index: 2; }
+  /* line 159, ../../../../general/res/sass/controls/_time-controller.scss */
+  mct-include.l-time-controller .knob {
+    z-index: 2; }
+    /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .knob .range-value {
+      -moz-transition-property: opacity, background-color, border-color, color;
+      -o-transition-property: opacity, background-color, border-color, color;
+      -webkit-transition-property: opacity, background-color, border-color, color;
+      transition-property: opacity, background-color, border-color, color;
+      -moz-transition-duration: 0.25s;
+      -o-transition-duration: 0.25s;
+      -webkit-transition-duration: 0.25s;
+      transition-duration: 0.25s;
+      -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;
+      padding: 0 10px;
+      position: absolute;
+      height: 20px;
+      line-height: 20px;
+      white-space: nowrap; }
+    /* line 170, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .knob:hover .range-value {
+      color: rgba(0, 153, 204, 0.7); }
+    /* line 173, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .knob.knob-l {
+      margin-left: -10px; }
+      /* line 176, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .knob.knob-l .range-value {
+        text-align: right;
+        right: 10px; }
+    /* line 181, ../../../../general/res/sass/controls/_time-controller.scss */
+    mct-include.l-time-controller .knob.knob-r {
+      margin-right: -10px; }
+      /* line 184, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .knob.knob-r .range-value {
+        left: 10px; }
+      /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
+      mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after {
+        background-color: #0052b5; }
+
+/* line 198, ../../../../general/res/sass/controls/_time-controller.scss */
+.s-time-range-val {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  background-color: #fff;
+  padding: 1px 1px 0 5px; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 26, ../../../../general/res/sass/mobile/controls/_menus.scss */
+  .menu-element .super-menu {
+    width: 250px;
+    height: 250px; }
+    /* line 32, ../../../../general/res/sass/mobile/controls/_menus.scss */
+    .menu-element .super-menu .pane.left {
+      border-right: none;
+      padding-right: 0;
+      width: 100%; }
+    /* line 37, ../../../../general/res/sass/mobile/controls/_menus.scss */
+    .menu-element .super-menu .pane.right {
+      display: none; } }
+/********************************* FORMS */
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/forms/_elems.scss */
+.section-header {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.05);
+  color: #999999;
+  font-size: 0.8em;
+  padding: 5px 5px;
+  text-transform: uppercase; }
+
+/* line 33, ../../../../general/res/sass/forms/_elems.scss */
+.form {
+  color: gray; }
+  /* line 36, ../../../../general/res/sass/forms/_elems.scss */
+  .form .form-section {
+    position: relative;
+    margin-bottom: 20px; }
+  /* line 41, ../../../../general/res/sass/forms/_elems.scss */
+  .form .form-row {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+    *zoom: 1;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    margin-top: 5px;
+    padding: 5px 0;
+    position: relative; }
+    /* line 49, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row.first {
+      border-top: none; }
+    /* line 53, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row > .label,
+    .form .form-row > .controls {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      overflow: hidden;
+      *zoom: 1;
+      font-size: 0.8rem;
+      line-height: 22px;
+      min-height: 22px; }
+    /* line 62, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row > .label {
+      float: left;
+      min-width: 120px;
+      position: relative;
+      white-space: nowrap;
+      width: 30%; }
+    /* line 72, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row .value {
+      color: #666; }
+    /* line 76, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row .controls {
+      float: left;
+      position: relative;
+      width: 69.9%; }
+      /* line 83, ../../../../general/res/sass/forms/_elems.scss */
+      .form .form-row .controls .l-composite-control.l-checkbox {
+        display: inline-block;
+        line-height: 14px;
+        margin-right: 5px; }
+      /* line 92, ../../../../general/res/sass/forms/_elems.scss */
+      .form .form-row .controls .l-med input[type="text"] {
+        width: 200px; }
+      /* line 96, ../../../../general/res/sass/forms/_elems.scss */
+      .form .form-row .controls .l-small input[type="text"] {
+        width: 50px; }
+      /* line 100, ../../../../general/res/sass/forms/_elems.scss */
+      .form .form-row .controls .l-numeric input[type="text"] {
+        text-align: right; }
+      /* line 104, ../../../../general/res/sass/forms/_elems.scss */
+      .form .form-row .controls .select {
+        margin-right: 5px; }
+    /* line 109, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row .field-hints {
+      color: #333333; }
+    /* line 113, ../../../../general/res/sass/forms/_elems.scss */
+    .form .form-row .selector-list {
+      -moz-appearance: none;
+      -webkit-appearance: none;
+      -moz-border-radius: 4px;
+      -webkit-border-radius: 4px;
+      border-radius: 4px;
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+      -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+      box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+      background: #fff;
+      border: none;
+      color: #666;
+      outline: none;
+      padding: 0 3px;
+      position: relative;
+      height: 150px; }
+      /* line 321, ../../../../general/res/sass/_mixins.scss */
+      .form .form-row .selector-list.error {
+        background: rgba(255, 0, 0, 0.5); }
+      /* line 124, ../../../../general/res/sass/forms/_elems.scss */
+      .form .form-row .selector-list > .wrapper {
+        overflow: auto;
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        bottom: 5px;
+        left: 5px; }
+
+/* line 138, ../../../../general/res/sass/forms/_elems.scss */
+label.form-control.checkbox input {
+  margin-right: 5px;
+  vertical-align: top; }
+
+/* line 144, ../../../../general/res/sass/forms/_elems.scss */
+.hint,
+.s-hint {
+  font-size: 0.9em; }
+
+/* line 149, ../../../../general/res/sass/forms/_elems.scss */
+.l-result {
+  display: inline-block;
+  min-width: 32px;
+  min-height: 32px;
+  position: relative;
+  vertical-align: top; }
+  /* line 156, ../../../../general/res/sass/forms/_elems.scss */
+  .l-result div.s-hint {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    background: rgba(255, 34, 0, 0.8);
+    display: block;
+    color: #ffa799;
+    padding: 5px; }
+
+/* line 165, ../../../../general/res/sass/forms/_elems.scss */
+input[type="text"] {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  background: #fff;
+  border: none;
+  color: #666;
+  outline: none;
+  padding: 0 3px; }
+  /* line 321, ../../../../general/res/sass/_mixins.scss */
+  input[type="text"].error {
+    background: rgba(255, 0, 0, 0.5); }
+  /* line 172, ../../../../general/res/sass/forms/_elems.scss */
+  input[type="text"].numeric {
+    text-align: right; }
+
+/* line 177, ../../../../general/res/sass/forms/_elems.scss */
+textarea {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  background: #fff;
+  border: none;
+  color: #666;
+  outline: none;
+  padding: 5px;
+  position: absolute;
+  height: 100%;
+  width: 100%; }
+  /* line 321, ../../../../general/res/sass/_mixins.scss */
+  textarea.error {
+    background: rgba(255, 0, 0, 0.5); }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/forms/_selects.scss */
+.select {
+  background-color: #ddd;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #fff;
+  display: inline-block;
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  -moz-transition: background, 0.25s;
+  -o-transition: background, 0.25s;
+  -webkit-transition: background, 0.25s;
+  transition: background, 0.25s;
+  text-shadow: none;
+  padding: 0 5px;
+  overflow: hidden;
+  position: relative;
+  line-height: 22px; }
+  /* line 297, ../../../../general/res/sass/_mixins.scss */
+  .select .icon, .select .t-item-icon {
+    color: #eee; }
+  /* line 31, ../../../../general/res/sass/forms/_selects.scss */
+  .select select {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background: none;
+    color: #666;
+    cursor: pointer;
+    border: none !important;
+    padding: 4px 25px 2px 0px;
+    width: 120%; }
+    /* line 40, ../../../../general/res/sass/forms/_selects.scss */
+    .select select option {
+      margin: 5px 0; }
+  /* line 44, ../../../../general/res/sass/forms/_selects.scss */
+  .select:after {
+    text-shadow: none;
+    content: '\76';
+    display: inline-block;
+    font-family: 'symbolsfont';
+    margin-left: 3px;
+    vertical-align: top;
+    pointer-events: none;
+    color: rgba(102, 102, 102, 0.4);
+    position: absolute;
+    right: 5px;
+    top: 0; }
+
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/forms/_channel-selector.scss */
+.channel-selector .line {
+  margin-bottom: 5px;
+  min-height: 22px; }
+/* line 27, ../../../../general/res/sass/forms/_channel-selector.scss */
+.channel-selector .treeview {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  background: #fcfcfc;
+  border: none;
+  color: #666;
+  outline: none;
+  padding: 0 3px;
+  background: white;
+  border-bottom: 1px solid white;
+  min-height: 300px;
+  max-height: 400px;
+  overflow: auto;
+  padding: 5px; }
+  /* line 321, ../../../../general/res/sass/_mixins.scss */
+  .channel-selector .treeview.error {
+    background: rgba(255, 0, 0, 0.5); }
+/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
+.channel-selector .btns-add-remove {
+  margin-top: 150px; }
+  /* line 39, ../../../../general/res/sass/forms/_channel-selector.scss */
+  .channel-selector .btns-add-remove .s-btn, .channel-selector .btns-add-remove .s-menu-btn {
+    display: block;
+    margin-bottom: 5px;
+    text-align: center; }
+
+/*****************************************************************************
+ * 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 29, ../../../../general/res/sass/forms/_datetime.scss */
+.complex.datetime {
+  /*
+  	.field-hints,
+  	.fields {
+  	}
+  
+  	
+  	.field-hints {
+  
+  	}
+  	*/ }
+  /* line 30, ../../../../general/res/sass/forms/_datetime.scss */
+  .complex.datetime span {
+    display: inline-block;
+    margin-right: 5px; }
+  /* line 46, ../../../../general/res/sass/forms/_datetime.scss */
+  .complex.datetime .fields {
+    margin-top: 3px 0;
+    padding: 3px 0; }
+  /* line 51, ../../../../general/res/sass/forms/_datetime.scss */
+  .complex.datetime .date {
+    width: 85px; }
+    /* line 24, ../../../../general/res/sass/forms/_datetime.scss */
+    .complex.datetime .date input[type="text"] {
+      width: 80px; }
+  /* line 55, ../../../../general/res/sass/forms/_datetime.scss */
+  .complex.datetime .time.md {
+    width: 65px; }
+    /* line 24, ../../../../general/res/sass/forms/_datetime.scss */
+    .complex.datetime .time.md input[type="text"] {
+      width: 60px; }
+  /* line 59, ../../../../general/res/sass/forms/_datetime.scss */
+  .complex.datetime .time.sm {
+    width: 45px; }
+    /* line 24, ../../../../general/res/sass/forms/_datetime.scss */
+    .complex.datetime .time.sm input[type="text"] {
+      width: 40px; }
+
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/forms/_validation.scss */
+.validates > .label {
+  padding-right: 10px; }
+  /* line 25, ../../../../general/res/sass/forms/_validation.scss */
+  .validates > .label::after {
+    float: right;
+    font-family: symbolsfont;
+    font-size: 0.7em; }
+/* line 33, ../../../../general/res/sass/forms/_validation.scss */
+.validates.invalid > .label::after, .validates.invalid.req > .label::after {
+  color: #ff2200;
+  content: "x"; }
+/* line 40, ../../../../general/res/sass/forms/_validation.scss */
+.validates.valid > .label::after, .validates.valid.req > .label::after {
+  color: #33cc33;
+  content: "2"; }
+/* line 46, ../../../../general/res/sass/forms/_validation.scss */
+.validates.req > .label::after {
+  color: #0099cc;
+  content: "*"; }
+
+/* line 52, ../../../../general/res/sass/forms/_validation.scss */
+.req {
+  font-size: 0.7em; }
+
+/* line 55, ../../../../general/res/sass/forms/_validation.scss */
+span.req {
+  color: #0099cc; }
+
+/*****************************************************************************
+ * 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/forms/_filter.scss */
+.filter input.filter,
+.filter input.t-filter-input,
+.t-filter input.filter,
+.t-filter input.t-filter-input {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
+  background: #fcfcfc;
+  border: none;
+  color: #666;
+  outline: none;
+  padding: 0 3px;
+  background: white;
+  border-bottom: 1px solid white; }
+  /* line 321, ../../../../general/res/sass/_mixins.scss */
+  .filter input.filter.error,
+  .filter input.t-filter-input.error,
+  .t-filter input.filter.error,
+  .t-filter input.t-filter-input.error {
+    background: rgba(255, 0, 0, 0.5); }
+/* line 28, ../../../../general/res/sass/forms/_filter.scss */
+.filter input.t-filter-input,
+.t-filter input.t-filter-input {
+  height: 22px;
+  width: 200px; }
+  /* line 38, ../../../../general/res/sass/forms/_filter.scss */
+  .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
+  .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
+    display: none; }
+/* line 42, ../../../../general/res/sass/forms/_filter.scss */
+.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
+.t-filter .icon.ui-symbol,
+.t-filter .t-item-icon,
+.t-filter .icon.s-icon-btn,
+.t-filter .s-icon-btn.t-item-icon,
+.t-filter .l-datetime-picker .l-month-year-pager .icon.pager,
+.l-datetime-picker .l-month-year-pager .t-filter .icon.pager,
+.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
+.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  display: inline-block;
+  font-size: 1.3em;
+  height: 22px;
+  line-height: 22px;
+  padding: 0px 5px;
+  vertical-align: middle; }
+  /* line 50, ../../../../general/res/sass/forms/_filter.scss */
+  .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
+  .t-filter .icon.ui-symbol:hover,
+  .t-filter .t-item-icon:hover,
+  .t-filter .icon.s-icon-btn:hover,
+  .t-filter .s-icon-btn.t-item-icon:hover,
+  .t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover,
+  .l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover,
+  .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
+  .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
+    background: rgba(255, 255, 255, 0.1); }
+/* line 54, ../../../../general/res/sass/forms/_filter.scss */
+.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
+.t-filter .s-a-clear.ui-symbol,
+.t-filter .s-a-clear.t-item-icon,
+.t-filter .s-a-clear.s-icon-btn,
+.t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager,
+.l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
+  opacity: 0.2;
+  background: #fff;
+  color: #333;
+  display: block;
+  position: absolute;
+  height: 13px;
+  width: 13px;
+  line-height: 13px;
+  margin-top: -6.5px;
+  overflow: hidden;
+  padding-top: 1px;
+  right: 4.5px;
+  top: 50%;
+  text-align: center;
+  z-index: 5; }
+  /* line 74, ../../../../general/res/sass/forms/_filter.scss */
+  .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
+  .t-filter .s-a-clear.ui-symbol:hover,
+  .t-filter .s-a-clear.t-item-icon:hover,
+  .t-filter .s-a-clear.s-icon-btn:hover,
+  .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover,
+  .l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager:hover {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+    opacity: 0.6;
+    background-color: #0099cc; }
+
+/* line 82, ../../../../general/res/sass/forms/_filter.scss */
+.l-filter {
+  display: inline-block;
+  position: relative; }
+
+/* line 89, ../../../../general/res/sass/forms/_filter.scss */
+.top-bar input.filter {
+  font-size: .9em;
+  height: 24px;
+  line-height: 24px;
+  margin-right: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  vertical-align: top; }
+/* line 100, ../../../../general/res/sass/forms/_filter.scss */
+.top-bar .icon-filter {
+  font-size: 1.4em; }
+
+/********************************* USER ENVIRON */
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/user-environ/_layout.scss */
+.browse-area,
+.edit-area,
+.editor {
+  position: absolute; }
+
+/* line 29, ../../../../general/res/sass/user-environ/_layout.scss */
+.editor {
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
+  border-radius: 6px; }
+
+/* line 33, ../../../../general/res/sass/user-environ/_layout.scss */
+.contents {
+  box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+  /* line 41, ../../../../general/res/sass/user-environ/_layout.scss */
+  .contents.nomargin {
+    right: 0px;
+    bottom: 0px;
+    left: 0px; }
+
+/*    .icon.major {
+        margin-right: $interiorMargin;
+    }*/
+/* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
+.user-environ .browse-area,
+.user-environ .editor {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 25px; }
+/* line 82, ../../../../general/res/sass/user-environ/_layout.scss */
+.user-environ .browse-area > .contents,
+.user-environ .edit-area > .contents {
+  left: 0;
+  right: 0; }
+/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
+.user-environ .edit-area {
+  top: 45px;
+  left: 10px;
+  right: 10px;
+  bottom: 35px; }
+  /* line 94, ../../../../general/res/sass/user-environ/_layout.scss */
+  .user-environ .edit-area .tool-bar {
+    bottom: auto;
+    height: 30px;
+    line-height: 25px; }
+  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
+  .user-environ .edit-area .object-holder.work-area {
+    top: 40px;
+    overflow: auto; }
+/* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
+.user-environ .ue-bottom-bar {
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+  top: auto;
+  height: 25px;
+  line-height: 15px;
+  background: #000;
+  color: white;
+  font-size: .7rem; }
+  /* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
+  .user-environ .ue-bottom-bar .status-holder {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    bottom: 5px;
+    left: 5px;
+    width: auto;
+    height: auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    right: 120px;
+    text-transform: uppercase;
+    z-index: 1; }
+  /* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
+  .user-environ .ue-bottom-bar .app-logo {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    bottom: 5px;
+    left: 5px;
+    width: auto;
+    height: auto;
+    cursor: pointer;
+    left: auto;
+    width: 105px;
+    z-index: 2; }
+    /* line 131, ../../../../general/res/sass/user-environ/_layout.scss */
+    .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
+      background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
+
+/* line 141, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .split-pane-component.pane.treeview.left {
+  min-width: 150px;
+  max-width: 800px;
+  width: 25%; }
+/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .split-pane-component.pane.t-inspect.right {
+  min-width: 200px;
+  max-width: 600px;
+  width: 20%;
+  z-index: 3; }
+
+/* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
+.edit-mode .split-layout .split-pane-component.pane.right {
+  width: 15%; }
+  /* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
+  .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
+    min-height: 50px;
+    height: 30%; }
+
+/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  position: absolute; }
+  /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane .pane-header {
+    text-transform: uppercase;
+    height: 24px;
+    line-height: 24px; }
+  /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane .primary-pane {
+    z-index: 2; }
+  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane .mini-tab-icon.toggle-pane {
+    z-index: 5; }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+      .pane .mini-tab-icon.toggle-pane {
+        top: 10px;
+        height: 24px;
+        line-height: 24px; }
+        /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+        .pane .mini-tab-icon.toggle-pane:after {
+          opacity: 0; }
+        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+        .pane .mini-tab-icon.toggle-pane.collapsed:before {
+          opacity: 0; }
+        /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
+        .pane .mini-tab-icon.toggle-pane.collapsed:after {
+          opacity: 1; }
+        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+        .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
+          left: 0;
+          -moz-transform: translateX(-33px);
+          -ms-transform: translateX(-33px);
+          -webkit-transform: translateX(-33px);
+          transform: translateX(-33px); }
+          /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
+            content: '\6d'; }
+          /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
+            left: 0;
+            -moz-transform: translateX(-17px);
+            -ms-transform: translateX(-17px);
+            -webkit-transform: translateX(-17px);
+            transform: translateX(-17px); }
+          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
+            -moz-transition-property: opacity;
+            -o-transition-property: opacity;
+            -webkit-transition-property: opacity;
+            transition-property: opacity;
+            -moz-transition-duration: 200ms;
+            -o-transition-duration: 200ms;
+            -webkit-transition-duration: 200ms;
+            transition-duration: 200ms;
+            -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: 200ms;
+            -o-transition-delay: 200ms;
+            -webkit-transition-delay: 200ms;
+            transition-delay: 200ms; }
+        /* line 242, ../../../../general/res/sass/user-environ/_layout.scss */
+        .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
+          right: 10px; }
+          /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
+            content: '\e615'; }
+          /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
+            right: 5px; } }
+  /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
+  .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
+  .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
+  .pane.items .object-browse-bar .right.abs,
+  .pane.items .object-browse-bar .right.l-inspect,
+  .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager,
+  .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.pager,
+  .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.val,
+  .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.val,
+  .pane.items .object-browse-bar .s-menu-btn span.right.l-click-area,
+  .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
+    top: auto; }
+
+/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .holder.holder-treeview-elements {
+  top: 10px;
+  right: 0;
+  bottom: 10px;
+  left: 10px; }
+/* line 273, ../../../../general/res/sass/user-environ/_layout.scss */
+.split-layout .holder.holder-object-and-inspector {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-object {
+    top: 10px;
+    bottom: 10px; }
+  /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
+    top: 10px;
+    bottom: 10px;
+    left: 10px;
+    right: 10px; }
+
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
+.object-holder {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+  top: 34px; }
+  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  .object-holder.l-controls-visible.l-time-controller-visible {
+    bottom: 88px; }
+
+/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
+.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
+.top-bar .buttons-main .s-btn,
+.top-bar .buttons-main .s-menu-btn,
+.top-bar .s-menu-btn,
+.tool-bar .s-btn,
+.tool-bar .s-menu-btn,
+.tool-bar .s-menu-btn {
+  height: 25px;
+  line-height: 25px;
+  vertical-align: top; }
+
+/* line 314, ../../../../general/res/sass/user-environ/_layout.scss */
+.object-browse-bar .view-switcher,
+.top-bar .view-switcher {
+  margin-right: 20px; }
+
+/***************************************************** OBJECT BROWSE BAR */
+/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
+.object-browse-bar {
+  overflow: visible;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 24px;
+  line-height: 24px;
+  white-space: nowrap; }
+  /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
+  .object-browse-bar .left {
+    padding-right: 10px; }
+    /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+    .object-browse-bar .left .l-back {
+      margin-right: 10px; }
+
+/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-hidden .tree-holder,
+.pane-tree-hidden .splitter-treeview,
+.pane-tree-hidden .holder-treeview-elements {
+  opacity: 0; }
+
+/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-showing .tree-holder,
+.pane-tree-showing .splitter-treeview {
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
+  -moz-transition-duration: 250ms;
+  -o-transition-duration: 250ms;
+  -webkit-transition-duration: 250ms;
+  transition-duration: 250ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 250ms;
+  -o-transition-delay: 250ms;
+  -webkit-transition-delay: 250ms;
+  transition-delay: 250ms;
+  opacity: 1; }
+/* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-showing .holder-treeview-elements {
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
+  -moz-transition-duration: 250ms;
+  -o-transition-duration: 250ms;
+  -webkit-transition-duration: 250ms;
+  transition-duration: 250ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 200ms;
+  -o-transition-delay: 200ms;
+  -webkit-transition-delay: 200ms;
+  transition-delay: 200ms; }
+
+/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-inspect-showing .l-object-and-inspector .l-inspect,
+.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
+  -moz-transition-duration: 250ms;
+  -o-transition-duration: 250ms;
+  -webkit-transition-duration: 250ms;
+  transition-duration: 250ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 250ms;
+  -o-transition-delay: 250ms;
+  -webkit-transition-delay: 250ms;
+  transition-delay: 250ms;
+  opacity: 1; }
+
+/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-inspect-hidden .l-object-and-inspector .t-inspect {
+  z-index: 1 !important; }
+/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-inspect-hidden .l-object-and-inspector .l-inspect,
+.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
+  opacity: 0; }
+
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane.treeview.left .tree-holder {
+    padding-right: 5px; }
+
+  /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane-tree-hidden .pane.right.primary-pane {
+    left: 22px !important; }
+
+  /* line 392, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane-inspect-hidden .l-object-and-inspector .pane.left {
+    right: 22px !important; }
+
+  /* line 394, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane:not(.resizing) {
+    -moz-transition-property: width, left, right;
+    -o-transition-property: width, left, right;
+    -webkit-transition-property: width, left, right;
+    transition-property: width, left, right;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0; }
+
+  /* line 397, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane.primary-pane .object-browse-bar {
+    min-width: 200px; } }
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 26, ../../../../general/res/sass/mobile/_layout.scss */
+  .browse-wrapper,
+  .pane {
+    top: 0 !important;
+    right: 0;
+    bottom: 0;
+    left: 0; }
+
+  /* line 31, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane.left.treeview {
+    background-color: #f7f7f7; }
+
+  /* line 35, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane.right.items {
+    -moz-transition-duration: 0.35s;
+    -o-transition-duration: 0.35s;
+    -webkit-transition-duration: 0.35s;
+    transition-duration: 0.35s;
+    transition-timing-function: ease;
+    backface-visibility: hidden;
+    margin-left: 0 !important; }
+    /* line 39, ../../../../general/res/sass/mobile/_layout.scss */
+    .pane.right.items .holder-object-and-inspector {
+      -moz-transition-duration: 0.35s;
+      -o-transition-duration: 0.35s;
+      -webkit-transition-duration: 0.35s;
+      transition-duration: 0.35s;
+      transition-timing-function: ease;
+      backface-visibility: hidden;
+      left: 10px;
+      right: 10px;
+      opacity: 1; }
+
+  /* line 47, ../../../../general/res/sass/mobile/_layout.scss */
+  .holder.holder-treeview-elements {
+    right: 10px !important; }
+
+  /* line 57, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-hidden .pane.left.treeview {
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -moz-transition-duration: 150ms;
+    -o-transition-duration: 150ms;
+    -webkit-transition-duration: 150ms;
+    transition-duration: 150ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+    opacity: 0 !important; }
+  /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-hidden .pane.right.items {
+    left: 0 !important; }
+
+  /* line 79, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.left.treeview {
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 250ms;
+    -o-transition-delay: 250ms;
+    -webkit-transition-delay: 250ms;
+    transition-delay: 250ms;
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-size: 100%;
+    background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
+    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
+    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
+    right: auto !important;
+    width: 40% !important; }
+  /* line 86, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.right.items {
+    left: 40% !important; }
+
+  /* line 91, ../../../../general/res/sass/mobile/_layout.scss */
+  .toggle-tree {
+    color: #0099cc !important;
+    font-size: 110%;
+    position: absolute;
+    top: 12px;
+    left: 10px; }
+    /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+    .toggle-tree:after {
+      content: 'm' !important;
+      font-family: symbolsfont; }
+
+  /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
+  .object-browse-bar {
+    left: 45px !important; }
+    /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
+    .object-browse-bar .context-available {
+      opacity: 1 !important; }
+    /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
+    .object-browse-bar .view-switcher {
+      margin-right: 0 !important; }
+      /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
+      .object-browse-bar .view-switcher .title-label {
+        display: none; }
+
+  /* line 118, ../../../../general/res/sass/mobile/_layout.scss */
+  .tree-holder {
+    overflow-x: hidden !important; }
+
+  /* line 122, ../../../../general/res/sass/mobile/_layout.scss */
+  .mobile-disable-select {
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none; }
+
+  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
+  .mobile-hide,
+  .mobile-hide-important {
+    display: none !important; }
+
+  /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
+  .mobile-back-hide {
+    pointer-events: none;
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -moz-transition-duration: 0.4s;
+    -o-transition-duration: 0.4s;
+    -webkit-transition-duration: 0.4s;
+    transition-duration: 0.4s;
+    -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;
+    opacity: 0; }
+
+  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
+  .mobile-back-unhide {
+    pointer-events: all;
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -moz-transition-duration: 0.4s;
+    -o-transition-duration: 0.4s;
+    -webkit-transition-duration: 0.4s;
+    transition-duration: 0.4s;
+    -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;
+    opacity: 1; } }
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
+  /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.left.treeview {
+    width: 90% !important; }
+  /* line 149, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.right.items {
+    left: 0 !important;
+    -moz-transform: translateX(90%);
+    -ms-transform: translateX(90%);
+    -webkit-transform: translateX(90%);
+    transform: translateX(90%); }
+    /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
+    .pane-tree-showing .pane.right.items .holder-object-and-inspector {
+      opacity: 0; } }
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
+  .desktop-hide {
+    display: none; } }
+/*****************************************************************************
+ * 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 26, ../../../../general/res/sass/edit/_editor.scss */
+.edit-main .edit-corner,
+.edit-main .edit-handle {
+  position: absolute;
+  z-index: 2; }
+/* line 32, ../../../../general/res/sass/edit/_editor.scss */
+.edit-main .edit-corner {
+  width: 15px;
+  height: 15px; }
+  /* line 35, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-corner:hover {
+    z-index: 11; }
+  /* line 38, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-corner.edit-resize-nw {
+    -moz-border-radius-bottomright: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+    cursor: nw-resize;
+    top: 0;
+    left: 0; }
+  /* line 43, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-corner.edit-resize-ne {
+    -moz-border-radius-bottomleft: 5px;
+    -webkit-border-bottom-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    cursor: ne-resize;
+    top: 0;
+    right: 0; }
+  /* line 48, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-corner.edit-resize-se {
+    -moz-border-radius-topleft: 5px;
+    -webkit-border-top-left-radius: 5px;
+    border-top-left-radius: 5px;
+    cursor: se-resize;
+    bottom: 0;
+    right: 0; }
+  /* line 53, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-corner.edit-resize-sw {
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-right-radius: 5px;
+    border-top-right-radius: 5px;
+    cursor: sw-resize;
+    bottom: 0;
+    left: 0; }
+/* line 61, ../../../../general/res/sass/edit/_editor.scss */
+.edit-main .edit-handle {
+  top: 15px;
+  right: 15px;
+  bottom: 15px;
+  left: 15px; }
+  /* line 63, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-handle.edit-move {
+    cursor: move;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 1; }
+  /* line 73, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-handle.edit-resize-n {
+    top: 0px;
+    bottom: auto;
+    height: 15px;
+    cursor: n-resize; }
+  /* line 78, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-handle.edit-resize-e {
+    right: 0px;
+    left: auto;
+    width: 15px;
+    cursor: e-resize; }
+  /* line 83, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-handle.edit-resize-s {
+    bottom: 0px;
+    top: auto;
+    height: 15px;
+    cursor: s-resize; }
+  /* line 88, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .edit-handle.edit-resize-w {
+    left: 0px;
+    right: auto;
+    width: 15px;
+    cursor: w-resize; }
+/* line 97, ../../../../general/res/sass/edit/_editor.scss */
+.edit-main .frame.child-frame.panel:hover {
+  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+  box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+  border-color: #0099cc; }
+  /* line 101, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .frame.child-frame.panel:hover .view-switcher {
+    opacity: 1; }
+  /* line 104, ../../../../general/res/sass/edit/_editor.scss */
+  .edit-main .frame.child-frame.panel:hover .edit-corner {
+    background-color: rgba(0, 153, 204, 0.8); }
+    /* line 106, ../../../../general/res/sass/edit/_editor.scss */
+    .edit-main .frame.child-frame.panel:hover .edit-corner:hover {
+      background-color: #0099cc; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/*.abs.search-holder {
+	//@include test(#990000);
+	height: $treeSearchInputBarH;
+	bottom: 0;s
+	&.active {
+		height: auto;
+		bottom: 0;
+	}
+	top: 23px;
+
+	// Align with the top of the divider bar, below create button
+	//margin-top: 10px; // CH comment out
+	z-index:5;
+}*/
+/* line 38, ../../../../general/res/sass/search/_search.scss */
+.clear-icon,
+.menu-icon {
+  cursor: pointer;
+  font-family: symbolsfont;
+  -moz-transition-property: opacity, color;
+  -o-transition-property: opacity, color;
+  -webkit-transition-property: opacity, color;
+  transition-property: opacity, color;
+  -moz-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+
+/* line 47, ../../../../general/res/sass/search/_search.scss */
+.clear-icon:before {
+  content: '\e607'; }
+
+/* line 55, ../../../../general/res/sass/search/_search.scss */
+.holder-search .search-bar {
+  font-size: 0.8em;
+  max-width: 250px;
+  position: relative; }
+  /* line 64, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-input {
+    height: 25px;
+    line-height: 25px; }
+  /* line 69, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:before,
+  .holder-search .search-bar .clear-icon,
+  .holder-search .search-bar .menu-icon {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #a6a6a6;
+    height: 17px;
+    width: 17px;
+    line-height: 17px;
+    position: absolute;
+    text-align: center;
+    top: 4px; }
+  /* line 82, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-input {
+    position: relative;
+    width: 100%;
+    padding-left: 22px !important;
+    padding-right: 44px !important; }
+    /* line 89, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .search-input input {
+      width: inherit; }
+  /* line 94, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:before {
+    content: '\4d';
+    font-family: symbolsfont;
+    left: 3px;
+    -moz-transition-property: color;
+    -o-transition-property: color;
+    -webkit-transition-property: color;
+    transition-property: color;
+    -moz-transition-duration: 250ms;
+    -o-transition-duration: 250ms;
+    -webkit-transition-duration: 250ms;
+    transition-duration: 250ms;
+    -moz-transition-timing-function: ease-in-out;
+    -o-transition-timing-function: ease-in-out;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+    -moz-transition-delay: 0;
+    -o-transition-delay: 0;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+    pointer-events: none; }
+  /* line 104, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar:hover:before {
+    color: #8c8c8c; }
+  /* line 108, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .clear-icon {
+    right: 22px;
+    visibility: hidden;
+    opacity: 0; }
+    /* line 114, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon.show {
+      visibility: visible;
+      opacity: 1; }
+    /* line 119, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .clear-icon:hover {
+      color: #8c8c8c; }
+  /* line 124, ../../../../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 126, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .menu-icon:before {
+      content: '\76'; }
+    /* line 132, ../../../../general/res/sass/search/_search.scss */
+    .holder-search .search-bar .menu-icon:hover {
+      color: #8c8c8c; }
+  /* line 137, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-bar .search-menu-holder {
+    float: right;
+    left: -20px;
+    z-index: 3;
+    transition: visibility .05s, opacity .05s; }
+/* line 153, ../../../../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;
+  font-size: 0.65em; }
+  /* line 166, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .active-filter-display .clear-filters-icon {
+    color: #a6a6a6;
+    opacity: 1;
+    font-size: 0.8em;
+    position: absolute;
+    left: 1px;
+    cursor: pointer; }
+/* line 179, ../../../../general/res/sass/search/_search.scss */
+.holder-search .search-results {
+  -moz-transition-property: opacity, visibility;
+  -o-transition-property: opacity, visibility;
+  -webkit-transition-property: opacity, visibility;
+  transition-property: opacity, visibility;
+  -moz-transition-duration: 250ms;
+  -o-transition-duration: 250ms;
+  -webkit-transition-duration: 250ms;
+  transition-duration: 250ms;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -moz-transition-delay: 0;
+  -o-transition-delay: 0;
+  -webkit-transition-delay: 0;
+  transition-delay: 0; }
+  /* line 183, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results .hint {
+    margin-bottom: 10px;
+    font-size: 0.65em;
+    opacity: 0.6; }
+  /* line 189, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results.active {
+    visibility: visible;
+    opacity: 1; }
+  /* line 193, ../../../../general/res/sass/search/_search.scss */
+  .holder-search .search-results .load-more-button {
+    -moz-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    display: inline-block;
+    margin-top: 5px;
+    padding: 0 10px;
+    font-size: 0.75em;
+    margin-left: 50%;
+    white-space: nowrap; }
+
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
+  .search .search-bar .menu-icon {
+    display: none; }
+  /* line 8, ../../../../general/res/sass/mobile/search/_search.scss */
+  .search .search-bar .clear-icon {
+    right: 5px; } }
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/overlay/_overlay.scss */
+.overlay {
+  font-size: 90%; }
+  /* line 24, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .blocker {
+    background: rgba(0, 0, 0, 0.7);
+    z-index: 100; }
+  /* line 28, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .clk-icon.close {
+    font-size: 0.8rem;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    bottom: auto;
+    left: auto;
+    z-index: 100; }
+  /* line 37, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay > .holder {
+    background-color: #fcfcfc;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #666;
+    display: inline-block;
+    -moz-border-radius: 12px;
+    -webkit-border-radius: 12px;
+    border-radius: 12px;
+    color: #666;
+    top: 50%;
+    right: auto;
+    bottom: auto;
+    left: 50%;
+    -moz-transform: translateX(-50%) translateY(-50%);
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translateX(-50%) translateY(-50%);
+    transform: translateX(-50%) translateY(-50%);
+    height: 70%;
+    width: 50%;
+    min-height: 300px;
+    max-height: 800px;
+    min-width: 600px;
+    max-width: 1000px;
+    z-index: 101; }
+    /* line 54, ../../../../general/res/sass/overlay/_overlay.scss */
+    .overlay > .holder > .contents {
+      top: 25px;
+      right: 25px;
+      bottom: 25px;
+      left: 25px; }
+  /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 1.2em;
+    line-height: 120%;
+    margin-bottom: 5px; }
+  /* line 76, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .hint {
+    color: #999999; }
+  /* line 80, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .abs.top-bar, .overlay .top-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .top-bar.pager,
+  .overlay .l-datetime-picker .l-month-year-pager .top-bar.val,
+  .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area {
+    height: 45px; }
+  /* line 84, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .abs.editor, .overlay .editor.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .editor.pager, .l-datetime-picker .l-month-year-pager .overlay .editor.pager,
+  .overlay .l-datetime-picker .l-month-year-pager .editor.val,
+  .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area,
+  .overlay .abs.message-body,
+  .overlay .message-body.l-inspect,
+  .overlay .l-datetime-picker .l-month-year-pager .message-body.pager,
+  .l-datetime-picker .l-month-year-pager .overlay .message-body.pager,
+  .overlay .l-datetime-picker .l-month-year-pager .message-body.val,
+  .l-datetime-picker .l-month-year-pager .overlay .message-body.val,
+  .overlay .s-menu-btn span.message-body.l-click-area,
+  .s-menu-btn .overlay span.message-body.l-click-area {
+    top: 55px;
+    bottom: 34px;
+    left: 0;
+    right: 0;
+    overflow: auto; }
+    /* line 92, ../../../../general/res/sass/overlay/_overlay.scss */
+    .overlay .abs.editor .field.l-med input[type='text'], .overlay .editor.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.pager .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .editor.pager .field.l-med input[type='text'],
+    .overlay .l-datetime-picker .l-month-year-pager .editor.val .field.l-med input[type='text'],
+    .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'],
+    .overlay .abs.message-body .field.l-med input[type='text'],
+    .overlay .message-body.l-inspect .field.l-med input[type='text'],
+    .overlay .l-datetime-picker .l-month-year-pager .message-body.pager .field.l-med input[type='text'],
+    .l-datetime-picker .l-month-year-pager .overlay .message-body.pager .field.l-med input[type='text'],
+    .overlay .l-datetime-picker .l-month-year-pager .message-body.val .field.l-med input[type='text'],
+    .l-datetime-picker .l-month-year-pager .overlay .message-body.val .field.l-med input[type='text'],
+    .overlay .s-menu-btn span.message-body.l-click-area .field.l-med input[type='text'],
+    .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'] {
+      width: 100%; }
+  /* line 98, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .bottom-bar {
+    text-align: right; }
+    /* line 100, ../../../../general/res/sass/overlay/_overlay.scss */
+    .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu-btn {
+      font-size: 95%;
+      height: 24px;
+      line-height: 24px;
+      margin-left: 5px;
+      padding: 0 15px; }
+      /* line 102, ../../../../general/res/sass/overlay/_overlay.scss */
+      .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu-btn:not(.major) {
+        background-color: #969696;
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        color: #fff;
+        display: inline-block;
+        -moz-user-select: -moz-none;
+        -ms-user-select: none;
+        -webkit-user-select: none;
+        user-select: none;
+        -moz-transition: background, 0.25s;
+        -o-transition: background, 0.25s;
+        -webkit-transition: background, 0.25s;
+        transition: background, 0.25s;
+        text-shadow: none; }
+        /* line 297, ../../../../general/res/sass/_mixins.scss */
+        .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
+          color: #fff; }
+        @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+          /* 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; }
+            /* 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; } }
+      /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */
+      .overlay .bottom-bar .s-btn:first-child, .overlay .bottom-bar .s-menu-btn:first-child {
+        margin-left: 0; }
+  /* line 117, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .abs.bottom-bar, .overlay .bottom-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.pager,
+  .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.val,
+  .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area {
+    top: auto;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: visible;
+    height: 24px; }
+  /* line 127, ../../../../general/res/sass/overlay/_overlay.scss */
+  .overlay .l-progress-bar {
+    display: block;
+    height: 15px;
+    line-height: 15px;
+    margin: .5em 0;
+    width: 100%; }
+
+/* line 137, ../../../../general/res/sass/overlay/_overlay.scss */
+.t-dialog-sm .overlay > .holder {
+  min-height: 225px;
+  height: 225px; }
+
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+  .overlay .clk-icon.close {
+    top: 20px;
+    right: 20px; }
+  /* line 7, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+  .overlay > .holder {
+    height: 90%;
+    width: 90%; }
+    /* line 10, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+    .overlay > .holder > .contents {
+      top: 20px;
+      right: 20px;
+      bottom: 20px;
+      left: 20px; }
+      /* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+      .overlay > .holder > .contents .top-bar > .title {
+        margin-right: 1.2em; } }
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+  .overlay > .holder {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: auto;
+    width: auto;
+    min-width: 200px;
+    min-height: 200px;
+    max-height: 100%;
+    max-width: 100%;
+    overflow: auto;
+    -moz-transform: none;
+    -ms-transform: none;
+    -webkit-transform: none;
+    transform: none; }
+    /* line 42, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+    .overlay > .holder .editor .form .form-row > .label,
+    .overlay > .holder .editor .form .form-row > .controls {
+      display: block;
+      float: none;
+      width: 100%; }
+    /* line 50, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+    .overlay > .holder .editor .form .form-row > .label:after {
+      float: none; }
+    /* line 57, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+    .overlay > .holder .contents .abs.top-bar, .overlay > .holder .contents .top-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.pager,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.val,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area,
+    .overlay > .holder .contents .abs.editor,
+    .overlay > .holder .contents .editor.l-inspect,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.pager,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .editor.pager,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.val,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .editor.val,
+    .overlay > .holder .contents .s-menu-btn span.editor.l-click-area,
+    .s-menu-btn .overlay > .holder .contents span.editor.l-click-area,
+    .overlay > .holder .contents .abs.message-body,
+    .overlay > .holder .contents .message-body.l-inspect,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.pager,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .message-body.pager,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.val,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .message-body.val,
+    .overlay > .holder .contents .s-menu-btn span.message-body.l-click-area,
+    .s-menu-btn .overlay > .holder .contents span.message-body.l-click-area,
+    .overlay > .holder .contents .abs.bottom-bar,
+    .overlay > .holder .contents .bottom-bar.l-inspect,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.pager,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .bottom-bar.pager,
+    .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.val,
+    .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .bottom-bar.val,
+    .overlay > .holder .contents .s-menu-btn span.bottom-bar.l-click-area,
+    .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area {
+      top: auto;
+      right: auto;
+      bottom: auto;
+      left: auto;
+      height: auto;
+      width: auto;
+      margin-bottom: 20px;
+      position: relative; }
+
+  /* line 69, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+  .t-dialog-sm .overlay > .holder {
+    height: auto;
+    max-height: 100%; } }
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
+  /* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
+  .overlay > .holder .contents .bottom-bar {
+    text-align: center; } }
+/*****************************************************************************
+ * 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 23, ../../../../general/res/sass/tree/_tree.scss */
+ul.tree {
+  margin: 0;
+  padding: 0;
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none; }
+  /* line 354, ../../../../general/res/sass/_mixins.scss */
+  ul.tree li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0; }
+  /* line 26, ../../../../general/res/sass/tree/_tree.scss */
+  ul.tree li {
+    display: block;
+    position: relative; }
+  /* line 30, ../../../../general/res/sass/tree/_tree.scss */
+  ul.tree ul.tree {
+    margin-left: 15px; }
+
+/* line 35, ../../../../general/res/sass/tree/_tree.scss */
+.tree-item,
+.search-result-item {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-transition: background-color 0.25s;
+  -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;
+  position: relative; }
+  /* line 48, ../../../../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;
+    width: 10px; }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 56, ../../../../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 */
+  .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 */
+    .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;
+      left: 5px;
+      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 */
+  .tree-item.selected,
+  .search-result-item.selected {
+    background: #1ac6ff;
+    color: #fcfcfc; }
+    /* line 125, ../../../../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 */
+    .tree-item.selected .t-object-label .t-item-icon,
+    .search-result-item.selected .t-object-label .t-item-icon {
+      color: #fcfcfc; }
+  @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+    /* line 136, ../../../../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 */
+      .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 */
+  .tree-item:not(.loading),
+  .search-result-item:not(.loading) {
+    cursor: pointer; }
+  /* line 150, ../../../../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 */
+    .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 */
+.tree-item .t-object-label {
+  left: 15px; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
+  ul.tree ul.tree {
+    margin-left: 20px; }
+
+  /* line 31, ../../../../general/res/sass/mobile/_tree.scss */
+  .tree-item,
+  .search-result-item {
+    height: 35px;
+    line-height: 35px;
+    margin-bottom: 0px; }
+    /* line 36, ../../../../general/res/sass/mobile/_tree.scss */
+    .tree-item .view-control,
+    .search-result-item .view-control {
+      position: absolute;
+      font-size: 1.1em;
+      height: 35px;
+      line-height: inherit;
+      right: 0px;
+      width: 30px;
+      text-align: center; }
+    /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
+    .tree-item .label,
+    .tree-item .t-object-label,
+    .search-result-item .label,
+    .search-result-item .t-object-label {
+      left: 0;
+      right: 35px;
+      line-height: inherit; } }
+/*****************************************************************************
+ * 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 25, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame.child-frame.panel {
+  background: #fcfcfc;
+  border: 1px solid rgba(102, 102, 102, 0.2); }
+  /* line 28, ../../../../general/res/sass/user-environ/_frame.scss */
+  .frame.child-frame.panel:hover {
+    border-color: rgba(128, 128, 128, 0.2); }
+/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame .object-top-bar {
+  font-size: 0.75em;
+  height: 16px;
+  line-height: 16px; }
+  /* line 37, ../../../../general/res/sass/user-environ/_frame.scss */
+  .frame .object-top-bar .left {
+    padding-right: 10px; }
+/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
+.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
+  top: 21px; }
+/* line 44, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame .contents {
+  top: 5px;
+  right: 5px;
+  bottom: 5px;
+  left: 5px; }
+/* line 52, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame.frame-template .s-btn, .frame.frame-template .s-menu-btn,
+.frame.frame-template .s-menu-btn {
+  height: 16px;
+  line-height: 16px;
+  padding: 0 5px; }
+  /* line 57, ../../../../general/res/sass/user-environ/_frame.scss */
+  .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span,
+  .frame.frame-template .s-menu-btn > span {
+    font-size: 0.65rem; }
+/* line 62, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame.frame-template .s-menu-btn:after {
+  font-size: 8px; }
+/* line 66, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame.frame-template .view-switcher {
+  z-index: 10; }
+@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+  /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */
+  .frame.frame-template .view-switcher {
+    opacity: 0; }
+  /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */
+  .frame.frame-template:hover .view-switcher {
+    opacity: 1; } }
+/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */
+.frame .view-switcher .title-label {
+  display: none; }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/user-environ/_top-bar.scss */
+.top-bar {
+  /*	.title {
+  		color: #fff;
+  	}*/ }
+  /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */
+  .top-bar.browse, .top-bar.edit {
+    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
+    top: 10px;
+    right: 10px;
+    bottom: auto;
+    left: 10px;
+    height: 30px;
+    line-height: 24px; }
+  /* line 35, ../../../../general/res/sass/user-environ/_top-bar.scss */
+  .top-bar .buttons-main {
+    font-size: 0.8em;
+    left: auto;
+    text-align: right; }
+
+/* line 48, ../../../../general/res/sass/user-environ/_top-bar.scss */
+.edit-mode .top-bar .buttons-main {
+  white-space: nowrap; }
+  /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */
+  .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .buttons-main.l-inspect, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager,
+  .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val,
+  .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area {
+    bottom: auto;
+    left: auto; }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/user-environ/_tool-bar.scss */
+.tool-bar {
+  border-bottom: 1px solid rgba(102, 102, 102, 0.2); }
+  /* line 24, ../../../../general/res/sass/user-environ/_tool-bar.scss */
+  .tool-bar .l-control-group {
+    height: 25px; }
+  /* line 27, ../../../../general/res/sass/user-environ/_tool-bar.scss */
+  .tool-bar input[type="text"] {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: .9em;
+    height: 25px;
+    margin-bottom: 1px;
+    position: relative; }
+    /* line 33, ../../../../general/res/sass/user-environ/_tool-bar.scss */
+    .tool-bar input[type="text"].sm {
+      width: 25px; }
+  /* line 37, ../../../../general/res/sass/user-environ/_tool-bar.scss */
+  .tool-bar .input-labeled label {
+    font-size: 11.25px; }
+
+/********************************* VIEWS */
+/*****************************************************************************
+* 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 23, ../../../../general/res/sass/_fixed-position.scss */
+.t-fixed-position.l-fixed-position {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto; }
+  /* line 33, ../../../../general/res/sass/_fixed-position.scss */
+  .t-fixed-position.l-fixed-position .l-grid-holder {
+    position: relative;
+    height: 100%;
+    width: 100%; }
+    /* line 37, ../../../../general/res/sass/_fixed-position.scss */
+    .t-fixed-position.l-fixed-position .l-grid-holder .l-grid {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      pointer-events: none;
+      z-index: 0; }
+/* line 48, ../../../../general/res/sass/_fixed-position.scss */
+.t-fixed-position .l-fixed-position-item {
+  position: absolute;
+  border: 1px solid transparent; }
+  /* line 52, ../../../../general/res/sass/_fixed-position.scss */
+  .t-fixed-position .l-fixed-position-item.s-selected {
+    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+    box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+    border-color: #0099cc;
+    cursor: move; }
+  /* line 57, ../../../../general/res/sass/_fixed-position.scss */
+  .t-fixed-position .l-fixed-position-item.s-not-selected {
+    opacity: 0.8; }
+  /* line 61, ../../../../general/res/sass/_fixed-position.scss */
+  .t-fixed-position .l-fixed-position-item .l-fixed-position-box,
+  .t-fixed-position .l-fixed-position-item .l-fixed-position-image,
+  .t-fixed-position .l-fixed-position-item .l-fixed-position-text {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    height: 100%;
+    width: 100%; }
+  /* line 72, ../../../../general/res/sass/_fixed-position.scss */
+  .t-fixed-position .l-fixed-position-item .l-fixed-position-image {
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center; }
+  /* line 78, ../../../../general/res/sass/_fixed-position.scss */
+  .t-fixed-position .l-fixed-position-item .l-fixed-position-text {
+    border: 1px solid transparent;
+    font-size: 0.8rem;
+    line-height: 100%; }
+    /* line 84, ../../../../general/res/sass/_fixed-position.scss */
+    .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-static-text {
+      padding: 1px; }
+    /* line 89, ../../../../general/res/sass/_fixed-position.scss */
+    .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      display: block;
+      padding: 2px; }
+      /* line 96, ../../../../general/res/sass/_fixed-position.scss */
+      .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-title {
+        float: none;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: auto; }
+      /* line 105, ../../../../general/res/sass/_fixed-position.scss */
+      .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value {
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        border-radius: 3px;
+        float: right;
+        margin-left: 5px;
+        padding-left: 5px;
+        padding-right: 5px;
+        text-align: right; }
+        /* line 116, ../../../../general/res/sass/_fixed-position.scss */
+        .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value.telem-only {
+          margin-left: 0;
+          width: 100%; }
+/* line 126, ../../../../general/res/sass/_fixed-position.scss */
+.t-fixed-position .l-fixed-position-item-handle {
+  background: rgba(0, 153, 204, 0.5);
+  cursor: crosshair;
+  border: 1px solid #0099cc;
+  position: absolute; }
+
+/* line 140, ../../../../general/res/sass/_fixed-position.scss */
+.edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-x {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
+  background-size: 100%;
+  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
+  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
+  background-repeat: repeat-x; }
+/* line 144, ../../../../general/res/sass/_fixed-position.scss */
+.edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-y {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
+  background-size: 100%;
+  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
+  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
+  background-repeat: repeat-y; }
+/* line 152, ../../../../general/res/sass/_fixed-position.scss */
+.edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected) {
+  border: 1px dotted rgba(0, 153, 204, 0.75); }
+  /* line 154, ../../../../general/res/sass/_fixed-position.scss */
+  .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected):hover {
+    border: 1px dotted #0099cc; }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/lists/_tabular.scss */
+.w1, .w2 {
+  position: relative;
+  height: 100%; }
+
+/* line 27, ../../../../general/res/sass/lists/_tabular.scss */
+.tabular,
+table {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: table;
+  font-size: 0.75rem;
+  position: relative;
+  width: 100%; }
+  /* line 36, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular thead, .tabular .thead,
+  .tabular tbody tr, .tabular .tbody .tr,
+  table thead,
+  table .thead,
+  table tbody tr,
+  table .tbody .tr {
+    width: 100%; }
+  /* line 40, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular thead, .tabular .thead,
+  table thead,
+  table .thead {
+    border-bottom: 1px solid #fcfcfc; }
+  /* line 44, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular:not(.fixed-header) tr th,
+  table:not(.fixed-header) tr th {
+    background-color: #e3e3e3; }
+  /* line 48, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular tbody, .tabular .tbody,
+  table tbody,
+  table .tbody {
+    display: table-row-group; }
+    /* line 51, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover,
+    table tbody tr:hover,
+    table tbody .tr:hover,
+    table .tbody tr:hover,
+    table .tbody .tr:hover {
+      background: rgba(51, 51, 51, 0.1); }
+  /* line 56, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular tr, .tabular .tr,
+  table tr,
+  table .tr {
+    display: table-row; }
+    /* line 58, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular tr:first-child .td, .tabular .tr:first-child .td,
+    table tr:first-child .td,
+    table .tr:first-child .td {
+      border-top: none; }
+    /* line 62, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular tr.group-header td, .tabular tr.group-header .td, .tabular .tr.group-header td, .tabular .tr.group-header .td,
+    table tr.group-header td,
+    table tr.group-header .td,
+    table .tr.group-header td,
+    table .tr.group-header .td {
+      background-color: #efefef;
+      color: #404040; }
+    /* line 68, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td,
+    table tr th,
+    table tr .th,
+    table tr td,
+    table tr .td,
+    table .tr th,
+    table .tr .th,
+    table .tr td,
+    table .tr .td {
+      display: table-cell; }
+    /* line 71, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th,
+    table tr th,
+    table tr .th,
+    table .tr th,
+    table .tr .th {
+      border-left: 1px solid #fcfcfc;
+      color: #333333;
+      padding: 5px 5px;
+      white-space: nowrap;
+      vertical-align: middle; }
+      /* line 77, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child,
+      table tr th:first-child,
+      table tr .th:first-child,
+      table .tr th:first-child,
+      table .tr .th:first-child {
+        border-left: none; }
+      /* line 81, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular tr th.sort.sort:after, .tabular tr .th.sort.sort:after, .tabular .tr th.sort.sort:after, .tabular .tr .th.sort.sort:after,
+      table tr th.sort.sort:after,
+      table tr .th.sort.sort:after,
+      table .tr th.sort.sort:after,
+      table .tr .th.sort.sort:after {
+        color: #49dedb;
+        font-family: symbolsfont;
+        font-size: 8px;
+        content: "\ed";
+        display: inline-block;
+        margin-left: 3px; }
+      /* line 89, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular tr th.sort.sort.desc:after, .tabular tr .th.sort.sort.desc:after, .tabular .tr th.sort.sort.desc:after, .tabular .tr .th.sort.sort.desc:after,
+      table tr th.sort.sort.desc:after,
+      table tr .th.sort.sort.desc:after,
+      table .tr th.sort.sort.desc:after,
+      table .tr .th.sort.sort.desc:after {
+        content: "\ec"; }
+      /* line 93, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular tr th.sortable, .tabular tr .th.sortable, .tabular .tr th.sortable, .tabular .tr .th.sortable,
+      table tr th.sortable,
+      table tr .th.sortable,
+      table .tr th.sortable,
+      table .tr .th.sortable {
+        cursor: pointer; }
+    /* line 97, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td,
+    table tr td,
+    table tr .td,
+    table .tr td,
+    table .tr .td {
+      border-bottom: 1px solid #e3e3e3;
+      min-width: 20px;
+      color: #333333;
+      padding: 3px 5px;
+      word-wrap: break-word;
+      vertical-align: top; }
+      /* line 104, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric,
+      table tr td.numeric,
+      table tr .td.numeric,
+      table .tr td.numeric,
+      table .tr .td.numeric {
+        text-align: right; }
+      /* line 107, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular tr td.s-cell-type-value, .tabular tr .td.s-cell-type-value, .tabular .tr td.s-cell-type-value, .tabular .tr .td.s-cell-type-value,
+      table tr td.s-cell-type-value,
+      table tr .td.s-cell-type-value,
+      table .tr td.s-cell-type-value,
+      table .tr .td.s-cell-type-value {
+        text-align: right; }
+        /* line 109, ../../../../general/res/sass/lists/_tabular.scss */
+        .tabular tr td.s-cell-type-value .l-cell-contents, .tabular tr .td.s-cell-type-value .l-cell-contents, .tabular .tr td.s-cell-type-value .l-cell-contents, .tabular .tr .td.s-cell-type-value .l-cell-contents,
+        table tr td.s-cell-type-value .l-cell-contents,
+        table tr .td.s-cell-type-value .l-cell-contents,
+        table .tr td.s-cell-type-value .l-cell-contents,
+        table .tr .td.s-cell-type-value .l-cell-contents {
+          -moz-border-radius: 3px;
+          -webkit-border-radius: 3px;
+          border-radius: 3px;
+          padding-left: 5px;
+          padding-right: 5px; }
+  /* line 125, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular.filterable tbody, .tabular.filterable .tbody,
+  table.filterable tbody,
+  table.filterable .tbody {
+    top: 44px; }
+  /* line 128, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular.filterable input[type="text"],
+  table.filterable input[type="text"] {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%; }
+  /* line 134, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular.fixed-header,
+  table.fixed-header {
+    height: 100%; }
+    /* line 136, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular.fixed-header thead, .tabular.fixed-header .thead,
+    .tabular.fixed-header tbody tr, .tabular.fixed-header .tbody .tr,
+    table.fixed-header thead,
+    table.fixed-header .thead,
+    table.fixed-header tbody tr,
+    table.fixed-header .tbody .tr {
+      display: table;
+      table-layout: fixed; }
+    /* line 141, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular.fixed-header thead, .tabular.fixed-header .thead,
+    table.fixed-header thead,
+    table.fixed-header .thead {
+      width: calc(100% - 10px); }
+      /* line 143, ../../../../general/res/sass/lists/_tabular.scss */
+      .tabular.fixed-header thead:before, .tabular.fixed-header .thead:before,
+      table.fixed-header thead:before,
+      table.fixed-header .thead:before {
+        content: "";
+        display: block;
+        z-index: 0;
+        position: absolute;
+        width: 100%;
+        height: 22px;
+        background-color: #e3e3e3; }
+    /* line 153, ../../../../general/res/sass/lists/_tabular.scss */
+    .tabular.fixed-header tbody, .tabular.fixed-header .tbody,
+    table.fixed-header tbody,
+    table.fixed-header .tbody {
+      overflow: hidden;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      width: auto;
+      height: auto;
+      top: 22px;
+      display: block;
+      overflow-y: scroll; }
+  /* line 161, ../../../../general/res/sass/lists/_tabular.scss */
+  .tabular.t-event-messages td, .tabular.t-event-messages .td,
+  table.t-event-messages td,
+  table.t-event-messages .td {
+    min-width: 150px; }
+
+/*****************************************************************************
+ * 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 31, ../../../../general/res/sass/plots/_plots-main.scss */
+.gl-plot {
+  color: #666;
+  font-size: 0.7rem;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  /****************************** Limits and Out-of-Bounds data */ }
+  /* line 38, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-axis-area {
+    position: absolute; }
+    /* line 41, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-axis-area.gl-plot-x {
+      top: auto;
+      right: 0;
+      bottom: 5px;
+      left: 60px;
+      height: 32px;
+      width: auto;
+      overflow: hidden; }
+    /* line 50, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-axis-area.gl-plot-y {
+      top: 25px;
+      right: auto;
+      bottom: 37px;
+      left: 0;
+      width: 60px; }
+  /* line 59, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-coords {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    background: black;
+    color: #b3b3b3;
+    padding: 2px 5px;
+    position: absolute;
+    top: 35px;
+    right: auto;
+    bottom: auto;
+    left: 70px;
+    z-index: 10; }
+    /* line 71, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-coords:empty {
+      display: none; }
+  /* line 76, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-display-area {
+    background-color: rgba(0, 0, 0, 0.05);
+    position: absolute;
+    top: 25px;
+    right: 0;
+    bottom: 37px;
+    left: 60px;
+    cursor: crosshair;
+    border: 1px solid rgba(102, 102, 102, 0.2); }
+  /* line 89, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-label,
+  .gl-plot .l-plot-label {
+    color: #999999;
+    position: absolute;
+    text-align: center; }
+    /* line 97, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
+    .gl-plot .l-plot-label.gl-plot-x-label,
+    .gl-plot .l-plot-label.l-plot-x-label {
+      top: auto;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      height: auto; }
+    /* line 106, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
+    .gl-plot .l-plot-label.gl-plot-y-label,
+    .gl-plot .l-plot-label.l-plot-y-label {
+      -moz-transform-origin: 50% 0;
+      -ms-transform-origin: 50% 0;
+      -webkit-transform-origin: 50% 0;
+      transform-origin: 50% 0;
+      -moz-transform: translateX(-50%) rotate(-90deg);
+      -ms-transform: translateX(-50%) rotate(-90deg);
+      -webkit-transform: translateX(-50%) rotate(-90deg);
+      transform: translateX(-50%) rotate(-90deg);
+      display: inline-block;
+      margin-left: 5px;
+      left: 0;
+      top: 50%;
+      white-space: nowrap; }
+  /* line 120, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-y-options {
+    position: absolute;
+    top: 50%;
+    right: auto;
+    bottom: auto;
+    left: auto5px;
+    margin-top: -16px;
+    height: auto;
+    min-height: 32px;
+    width: 32px; }
+  /* line 134, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-hash {
+    position: absolute;
+    border: 0 rgba(0, 0, 0, 0.2) dashed; }
+    /* line 137, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-hash.hash-v {
+      border-right-width: 1px;
+      height: 100%; }
+    /* line 141, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .gl-plot-hash.hash-h {
+      border-bottom-width: 1px;
+      width: 100%; }
+  /* line 147, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .gl-plot-legend {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: 0;
+    height: 20px;
+    overflow-x: hidden;
+    overflow-y: auto; }
+  /* line 160, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .l-limit-bar,
+  .gl-plot .l-oob-data {
+    position: absolute;
+    left: 0;
+    right: 0;
+    width: auto; }
+  /* line 168, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .l-limit-bar {
+    height: auto;
+    z-index: 0; }
+    /* line 176, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .l-limit-bar.s-limit-yellow {
+      background: rgba(255, 170, 0, 0.2); }
+    /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .l-limit-bar.s-limit-red {
+      background: rgba(255, 0, 0, 0.2); }
+  /* line 180, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot .l-oob-data {
+    overflow: hidden;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    width: auto;
+    height: auto;
+    pointer-events: none;
+    height: 10px;
+    z-index: 1; }
+    /* line 188, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .l-oob-data.l-oob-data-up {
+      top: 0;
+      bottom: auto;
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+      background-size: 100%;
+      background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
+    /* line 193, ../../../../general/res/sass/plots/_plots-main.scss */
+    .gl-plot .l-oob-data.l-oob-data-dwn {
+      bottom: 0;
+      top: auto;
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+      background-size: 100%;
+      background-image: -moz-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
+
+/* line 203, ../../../../general/res/sass/plots/_plots-main.scss */
+.gl-plot-legend .plot-legend-item,
+.gl-plot-legend .legend-item,
+.legend .plot-legend-item,
+.legend .legend-item {
+  display: inline-block;
+  margin-right: 10px;
+  margin-bottom: 3px; }
+  /* line 208, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot-legend .plot-legend-item span,
+  .gl-plot-legend .legend-item span,
+  .legend .plot-legend-item span,
+  .legend .legend-item span {
+    vertical-align: middle; }
+  /* line 211, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot-legend .plot-legend-item .plot-color-swatch,
+  .gl-plot-legend .plot-legend-item .color-swatch,
+  .gl-plot-legend .legend-item .plot-color-swatch,
+  .gl-plot-legend .legend-item .color-swatch,
+  .legend .plot-legend-item .plot-color-swatch,
+  .legend .plot-legend-item .color-swatch,
+  .legend .legend-item .plot-color-swatch,
+  .legend .legend-item .color-swatch {
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    display: inline-block;
+    height: 8px;
+    width: 8px; }
+
+/* line 228, ../../../../general/res/sass/plots/_plots-main.scss */
+.gl-plot-legend .plot-legend-item {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  line-height: 1.5em;
+  padding: 0px 5px; }
+  /* line 234, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot-legend .plot-legend-item .plot-color-swatch {
+    border: 1px solid #fcfcfc;
+    height: 9px;
+    width: 9px; }
+
+/* line 242, ../../../../general/res/sass/plots/_plots-main.scss */
+.tick {
+  position: absolute;
+  border: 0 rgba(0, 0, 0, 0.2) solid; }
+  /* line 245, ../../../../general/res/sass/plots/_plots-main.scss */
+  .tick.tick-x {
+    border-right-width: 1px;
+    height: 100%; }
+
+/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
+.gl-plot-tick,
+.tick-label {
+  font-size: 0.7rem;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis; }
+  /* line 259, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
+  .tick-label.gl-plot-x-tick-label,
+  .tick-label.tick-label-x {
+    right: auto;
+    bottom: auto;
+    left: auto;
+    height: auto;
+    width: 20%;
+    margin-left: -10%;
+    text-align: center; }
+  /* line 269, ../../../../general/res/sass/plots/_plots-main.scss */
+  .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
+  .tick-label.gl-plot-y-tick-label,
+  .tick-label.tick-label-y {
+    top: auto;
+    height: 1em;
+    width: auto;
+    margin-bottom: -0.5em;
+    text-align: right; }
+
+/* line 281, ../../../../general/res/sass/plots/_plots-main.scss */
+.gl-plot-tick.gl-plot-x-tick-label {
+  top: 5px; }
+/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */
+.gl-plot-tick.gl-plot-y-tick-label {
+  right: 5px;
+  left: 5px; }
+
+/* line 291, ../../../../general/res/sass/plots/_plots-main.scss */
+.tick-label.tick-label-x {
+  top: 0; }
+/* line 294, ../../../../general/res/sass/plots/_plots-main.scss */
+.tick-label.tick-label-y {
+  right: 0;
+  left: 0; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/* Styles for the iframe EmbeddedPageController element */
+/* line 25, ../../../../general/res/sass/_iframe.scss */
+.l-iframe iframe {
+  display: block;
+  height: 100%;
+  width: 100%; }
+
+/* Styles for sub-dividing views generically */
+/* line 3, ../../../../general/res/sass/_views.scss */
+.l-view-section {
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+  font-size: 0.8rem; }
+  /* line 6, ../../../../general/res/sass/_views.scss */
+  .l-view-section h2 {
+    color: #fff;
+    margin-bottom: 5px; }
+  /* line 10, ../../../../general/res/sass/_views.scss */
+  .l-view-section.fixed {
+    font-size: 0.8em; }
+  /* line 13, ../../../../general/res/sass/_views.scss */
+  .l-view-section .controls,
+  .l-view-section label,
+  .l-view-section .inline-block {
+    display: inline-block; }
+
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/items/_item.scss */
+.items-holder {
+  overflow: hidden;
+  *zoom: 1;
+  overflow-y: auto; }
+  /* line 25, ../../../../general/res/sass/items/_item.scss */
+  .items-holder .contents {
+    top: 0; }
+  /* line 29, ../../../../general/res/sass/items/_item.scss */
+  .items-holder .item.grid-item {
+    background-color: #ddd;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #666;
+    display: inline-block;
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    -moz-transition: background, 0.25s;
+    -o-transition: background, 0.25s;
+    -webkit-transition: background, 0.25s;
+    transition: background, 0.25s;
+    text-shadow: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    float: left;
+    height: 200px;
+    width: 200px;
+    margin-bottom: 3px;
+    margin-right: 3px;
+    position: relative; }
+    /* line 297, ../../../../general/res/sass/_mixins.scss */
+    .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
+      color: #0099cc; }
+    @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
+      .items-holder .item.grid-item:not(.disabled):hover {
+        background: #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; } }
+    /* line 45, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item:hover .item-main .item-type {
+      color: deepskyblue; }
+      /* line 47, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link {
+        color: #49dedb; }
+    /* line 51, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item:hover .item-main .item-open {
+      opacity: 1; }
+    /* line 55, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item .contents {
+      top: 10px;
+      right: 10px;
+      bottom: 10px;
+      left: 10px; }
+    /* line 61, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item .bar.top-bar {
+      bottom: auto;
+      color: #8c8c8c;
+      height: 20px;
+      line-height: 20px;
+      text-align: right;
+      z-index: 5; }
+      /* line 68, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
+        width: auto; }
+        /* line 70, ../../../../general/res/sass/items/_item.scss */
+        .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .left .t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon, .items-holder .item.grid-item .bar.top-bar .right .t-item-icon {
+          margin-left: 3px; }
+          /* line 72, ../../../../general/res/sass/items/_item.scss */
+          .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .left .l-icon-link.t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .l-icon-link.t-item-icon {
+            color: #49dedb; }
+    /* line 78, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item .bar.bottom-bar {
+      top: auto;
+      line-height: 110%; }
+    /* line 83, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item .item-main {
+      line-height: 160px;
+      z-index: 1; }
+      /* line 89, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item .item-main .item-type,
+      .items-holder .item.grid-item .item-main .t-item-icon {
+        -moz-transform: translateX(-50%) translateY(-55%);
+        -ms-transform: translateX(-50%) translateY(-55%);
+        -webkit-transform: translateX(-50%) translateY(-55%);
+        transform: translateX(-50%) translateY(-55%);
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        font-size: 96.9px; }
+      /* line 100, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item .item-main .item-open {
+        -moz-transition-property: "opacity";
+        -o-transition-property: "opacity";
+        -webkit-transition-property: "opacity";
+        transition-property: "opacity";
+        -moz-transition-duration: 200ms;
+        -o-transition-duration: 200ms;
+        -webkit-transition-duration: 200ms;
+        transition-duration: 200ms;
+        -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;
+        opacity: 0;
+        color: #8c8c8c;
+        font-size: 3em;
+        left: auto;
+        width: 50px;
+        pointer-events: none;
+        text-align: right; }
+    /* line 110, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item .title {
+      text-shadow: none;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: #666; }
+    /* line 115, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item .details {
+      text-shadow: none;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: #8c8c8c;
+      font-size: 0.8em; }
+    /* line 121, ../../../../general/res/sass/items/_item.scss */
+    .items-holder .item.grid-item.selected {
+      background-color: #0099cc;
+      -moz-border-radius: 4px;
+      -webkit-border-radius: 4px;
+      border-radius: 4px;
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      color: #fff;
+      display: inline-block;
+      -moz-user-select: -moz-none;
+      -ms-user-select: none;
+      -webkit-user-select: none;
+      user-select: none;
+      -moz-transition: background, 0.25s;
+      -o-transition: background, 0.25s;
+      -webkit-transition: background, 0.25s;
+      transition: background, 0.25s;
+      text-shadow: none;
+      color: #80dfff; }
+      /* line 297, ../../../../general/res/sass/_mixins.scss */
+      .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
+        color: #eee; }
+      /* line 126, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) {
+        color: #80dfff; }
+      /* line 127, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item.selected .item-main .item-open {
+        color: #80dfff; }
+      /* line 128, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item.selected .title {
+        color: white; }
+      /* line 130, ../../../../general/res/sass/items/_item.scss */
+      .items-holder .item.grid-item.selected:hover .item-main .item-type {
+        color: white !important; }
+
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 29, ../../../../general/res/sass/mobile/_item.scss */
+  .items-holder .item.grid-item {
+    width: 100%; }
+    /* line 33, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item > .contents {
+      top: 0px;
+      right: 10px;
+      bottom: 0px;
+      left: 10px; }
+    /* line 37, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .bar.top-bar {
+      bottom: 0 !important;
+      left: auto !important;
+      right: 20px !important;
+      width: 40px !important;
+      height: auto !important;
+      text-align: right; }
+    /* line 44, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .bar.bottom-bar {
+      left: 40px;
+      right: 60px; }
+    /* line 52, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .item-main .item-type,
+    .items-holder .item.grid-item .item-main .t-item-icon {
+      font-size: 30px;
+      left: 15px;
+      line-height: normal; }
+    /* line 58, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .item-main .item-open {
+      display: block;
+      opacity: 1;
+      font-size: 1em;
+      width: auto; } }
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 29, ../../../../general/res/sass/mobile/_item.scss */
+  .items-holder .item.grid-item {
+    height: 50px; }
+    /* line 71, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .bar.top-bar {
+      line-height: 50px !important; }
+    /* line 75, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .bar.bottom-bar {
+      top: 7px;
+      bottom: auto;
+      height: 35px; }
+    /* line 80, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .item-main .item-type {
+      top: 10px;
+      bottom: auto;
+      height: 30px; }
+    /* line 83, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .item-main .item-open {
+      line-height: 50px; } }
+@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 29, ../../../../general/res/sass/mobile/_item.scss */
+  .items-holder .item.grid-item {
+    height: 66px; }
+    /* line 93, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .bar.top-bar {
+      line-height: 66px !important; }
+    /* line 97, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .bar.bottom-bar {
+      top: 15px;
+      bottom: auto;
+      height: 35px; }
+    /* line 102, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .item-main .item-type {
+      top: 18px;
+      bottom: auto;
+      height: 30px; }
+    /* line 105, ../../../../general/res/sass/mobile/_item.scss */
+    .items-holder .item.grid-item .item-main .item-open {
+      line-height: 66px; } }
+
+/********************************* TO BE MOVED */
+/*****************************************************************************
+ * 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 22, ../../../../general/res/sass/_autoflow.scss */
+.autoflow {
+  font-size: 0.75rem; }
+  /* line 32, ../../../../general/res/sass/_autoflow.scss */
+  .autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu-btn {
+    -moz-transition-property: opacity, background-color, border-color, color;
+    -o-transition-property: opacity, background-color, border-color, color;
+    -webkit-transition-property: opacity, background-color, border-color, color;
+    transition-property: opacity, background-color, border-color, color;
+    -moz-transition-duration: 50ms;
+    -o-transition-duration: 50ms;
+    -webkit-transition-duration: 50ms;
+    transition-duration: 50ms;
+    -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;
+    opacity: 1; }
+  /* line 40, ../../../../general/res/sass/_autoflow.scss */
+  .autoflow .l-autoflow-header {
+    bottom: auto;
+    height: 22px;
+    line-height: 22px;
+    min-width: 225px; }
+    /* line 45, ../../../../general/res/sass/_autoflow.scss */
+    .autoflow .l-autoflow-header span {
+      vertical-align: middle; }
+    /* line 48, ../../../../general/res/sass/_autoflow.scss */
+    .autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn {
+      -moz-transition-property: opacity, background-color, border-color, color;
+      -o-transition-property: opacity, background-color, border-color, color;
+      -webkit-transition-property: opacity, background-color, border-color, color;
+      transition-property: opacity, background-color, border-color, color;
+      -moz-transition-duration: 500ms;
+      -o-transition-duration: 500ms;
+      -webkit-transition-duration: 500ms;
+      transition-duration: 500ms;
+      -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;
+      opacity: 0; }
+    /* line 52, ../../../../general/res/sass/_autoflow.scss */
+    .autoflow .l-autoflow-header .l-filter {
+      margin-left: 5px; }
+      /* line 54, ../../../../general/res/sass/_autoflow.scss */
+      .autoflow .l-autoflow-header .l-filter input.t-filter-input {
+        width: 100px; }
+  /* line 60, ../../../../general/res/sass/_autoflow.scss */
+  .autoflow .l-autoflow-items {
+    overflow-x: scroll;
+    overflow-y: hidden;
+    top: 32px;
+    white-space: nowrap; }
+    /* line 66, ../../../../general/res/sass/_autoflow.scss */
+    .autoflow .l-autoflow-items .l-autoflow-col {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      border-left: 1px solid rgba(102, 102, 102, 0.2);
+      display: inline-block;
+      padding-left: 5px;
+      padding-right: 5px;
+      vertical-align: top;
+      width: 225px; }
+      /* line 76, ../../../../general/res/sass/_autoflow.scss */
+      .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+        display: block;
+        height: 15px;
+        line-height: 15px;
+        margin-bottom: 1px;
+        margin-top: 1px;
+        position: relative; }
+        /* line 85, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
+          border-top: none; }
+        /* line 88, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
+          background: rgba(255, 255, 255, 0.1); }
+        /* line 93, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l {
+          color: rgba(51, 51, 51, 0.3) !important;
+          font-style: italic; }
+        /* line 94, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r {
+          color: rgba(51, 51, 51, 0.5) !important;
+          font-style: italic; }
+        /* line 97, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r {
+          color: gray; }
+        /* line 101, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
+          border-top: 1px solid rgba(153, 153, 153, 0.2); }
+        /* line 104, ../../../../general/res/sass/_autoflow.scss */
+        .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
+          display: block; }
+          /* line 106, ../../../../general/res/sass/_autoflow.scss */
+          .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
+            float: none;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            width: auto; }
+          /* line 113, ../../../../general/res/sass/_autoflow.scss */
+          .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
+            -moz-border-radius: 3px;
+            -webkit-border-radius: 3px;
+            border-radius: 3px;
+            float: right;
+            margin-left: 5px;
+            padding-left: 5px;
+            padding-right: 5px;
+            text-align: right; }
+      /* line 124, ../../../../general/res/sass/_autoflow.scss */
+      .autoflow .l-autoflow-items .l-autoflow-col:first-child {
+        border-left: none;
+        padding-left: 0; }
+
+/* line 1, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-main-wrapper,
+.l-image-main,
+.l-image-main-controlbar,
+.l-image-thumbs-wrapper {
+  overflow: false;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto; }
+
+/*************************************** MAIN LAYOUT */
+/* line 9, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-main-wrapper {
+  min-height: 100px;
+  min-width: 150px; }
+  /* line 16, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-wrapper .l-image-main {
+    background-color: rgba(0, 0, 0, 0.05);
+    bottom: 30px; }
+  /* line 20, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-wrapper .l-image-main-controlbar {
+    top: auto;
+    height: 25px; }
+
+/* line 26, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-thumbs-wrapper {
+  top: auto;
+  height: 168px; }
+
+/* line 32, ../../../../general/res/sass/features/_imagery.scss */
+.l-date,
+.l-time,
+.l-timezone {
+  display: inline-block; }
+
+/*************************************** MAIN IMAGE */
+/* line 40, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-main,
+.l-image-thumb-item .l-thumb {
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat; }
+
+/* line 51, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-main-controlbar {
+  font-size: 0.8em;
+  line-height: 25px; }
+  /* line 55, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .left, .l-image-main-controlbar .right {
+    direction: rtl;
+    overflow: hidden; }
+  /* line 59, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .left {
+    text-align: left; }
+  /* line 63, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .right {
+    z-index: 2; }
+  /* line 67, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .l-date,
+  .l-image-main-controlbar .l-time {
+    color: #333333; }
+  /* line 71, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .l-mag {
+    direction: ltr;
+    display: inline-block; }
+    /* line 75, ../../../../general/res/sass/features/_imagery.scss */
+    .l-image-main-controlbar .l-mag:before {
+      content: "\000049"; }
+  /* line 79, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .s-mag {
+    color: #999999; }
+  /* line 82, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-main-controlbar .l-btn.show-thumbs {
+    display: none; }
+
+/* line 87, ../../../../general/res/sass/features/_imagery.scss */
+.s-image-main {
+  border: 1px solid transparent; }
+  /* line 89, ../../../../general/res/sass/features/_imagery.scss */
+  .s-image-main.paused {
+    border-color: #ff9900; }
+
+/*************************************** THUMBS */
+/* line 96, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-thumbs-wrapper {
+  direction: rtl;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-bottom: 5px;
+  white-space: nowrap;
+  z-index: 70; }
+
+/* line 106, ../../../../general/res/sass/features/_imagery.scss */
+.l-image-thumb-item {
+  -moz-transition: background-color 0.25s;
+  -o-transition: background-color 0.25s;
+  -webkit-transition: background-color 0.25s;
+  transition: background-color 0.25s;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 1px;
+  position: relative;
+  cursor: pointer;
+  direction: ltr;
+  display: inline-block;
+  font-size: 0.8em;
+  margin-left: 3px;
+  text-align: left;
+  width: 122px;
+  white-space: normal; }
+  /* line 111, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-thumb-item .l-thumb,
+  .l-image-thumb-item .l-date,
+  .l-image-thumb-item .l-time {
+    display: inline-block; }
+  /* line 116, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-thumb-item .l-date,
+  .l-image-thumb-item .l-time {
+    padding: 2px 3px; }
+  /* line 128, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-thumb-item:hover {
+    background: rgba(255, 255, 255, 0.2); }
+    /* line 130, ../../../../general/res/sass/features/_imagery.scss */
+    .l-image-thumb-item:hover .l-date,
+    .l-image-thumb-item:hover .l-time {
+      color: #fff; }
+  /* line 135, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-thumb-item.selected {
+    background: #0099cc; }
+    /* line 137, ../../../../general/res/sass/features/_imagery.scss */
+    .l-image-thumb-item.selected .l-date,
+    .l-image-thumb-item.selected .l-time {
+      color: #fff; }
+  /* line 142, ../../../../general/res/sass/features/_imagery.scss */
+  .l-image-thumb-item .l-thumb {
+    background-color: rgba(255, 255, 255, 0.1);
+    height: 120px;
+    width: 120px;
+    margin-top: 0; }
+
+/*************************************** WHEN IN FRAME */
+/* line 152, ../../../../general/res/sass/features/_imagery.scss */
+.frame .t-imagery .l-image-main-wrapper {
+  bottom: 0; }
+  /* line 154, ../../../../general/res/sass/features/_imagery.scss */
+  .frame .t-imagery .l-image-main-wrapper .l-image-main-controlbar {
+    font-size: 0.7em; }
+/* line 163, ../../../../general/res/sass/features/_imagery.scss */
+.frame .t-imagery .l-image-thumbs-wrapper {
+  display: none; }
+
+/* line 5, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display:hover .l-btn.control {
+  opacity: 1; }
+/* line 9, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display .l-elem-wrapper {
+  position: relative; }
+/* line 12, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display .l-elem {
+  display: inline-block; }
+/* line 17, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display.l-timer .l-elem.l-value {
+  -moz-transition-property: left;
+  -o-transition-property: left;
+  -webkit-transition-property: left;
+  transition-property: left;
+  -moz-transition-duration: 200ms;
+  -o-transition-duration: 200ms;
+  -webkit-transition-duration: 200ms;
+  transition-duration: 200ms;
+  -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;
+  position: absolute;
+  left: 0;
+  z-index: 1; }
+  /* line 22, ../../../../general/res/sass/features/_time-display.scss */
+  .l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.t-item-icon, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager {
+    font-size: 0.8em; }
+/* line 26, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display.l-timer:hover .l-elem.l-value {
+  left: 20px; }
+/* line 33, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display .l-elem .value.active, .l-time-display .l-elem.value.active {
+  color: #fff; }
+/* line 38, ../../../../general/res/sass/features/_time-display.scss */
+.l-time-display .l-btn.control {
+  -moz-transition-property: opacity, background-color, border-color, color;
+  -o-transition-property: opacity, background-color, border-color, color;
+  -webkit-transition-property: opacity, background-color, border-color, color;
+  transition-property: opacity, background-color, border-color, color;
+  -moz-transition-duration: 200ms;
+  -o-transition-duration: 200ms;
+  -webkit-transition-duration: 200ms;
+  transition-duration: 200ms;
+  -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;
+  opacity: 0;
+  font-size: 0.65em;
+  vertical-align: top; }
+
+/* line 3, ../sass/_controls.scss */
+.s-btn.major .title-label, .major.s-menu-btn .title-label {
+  text-transform: uppercase; }
diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss
index 8963c30b8b..e69f60c17b 100644
--- a/platform/commonUI/themes/snow/res/sass/_constants.scss
+++ b/platform/commonUI/themes/snow/res/sass/_constants.scss
@@ -72,8 +72,6 @@ $colorInputBg: $colorGenBg;
 $colorInputFg: $colorBodyFg;
 $colorFormText: pushBack($colorBodyFg, 10%);
 $colorInputIcon: pushBack($colorBodyFg, 25%);
-$colorSelectBg: #ddd;
-$colorSelectFg: $colorBodyFg;
 
 // Inspector
 $colorInspectorBg: pullForward($colorBodyBg, 5%);
@@ -83,6 +81,22 @@ $colorInspectorPropVal: pullForward($colorInspectorFg, 15%);
 $colorInspectorSectionHeaderBg: pullForward($colorInspectorBg, 5%);
 $colorInspectorSectionHeaderFg: pullForward($colorInspectorBg, 40%);
 
+// Status colors, mainly used for messaging and item ancillary symbols
+$colorStatusFg: #fff;
+$colorStatusDefault: #ccc;
+$colorStatusInfo: #60ba7b;
+$colorStatusAlert: #ffb66c;
+$colorStatusError: #c96b68;
+$colorProgressBarOuter: rgba(#000, 0.1);
+$colorProgressBarAmt: #0a0;
+$progressBarHOverlay: 15px;
+$progressBarStripeW: 20px;
+$shdwStatusIc: rgba(white, 0.8) 0 0px 5px;
+
+// Selects
+$colorSelectBg: #ddd;
+$colorSelectFg: $colorBodyFg;
+
 // Limits and staleness colors//
 $colorTelemFresh: pullForward($colorBodyFg, 20%);
 $colorTelemStale: pushBack($colorBodyFg, 20%);

From 2b92c1619e4210d61e3b6048d72f588f4bb63d98 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 15:10:52 -0800
Subject: [PATCH 06/14] [Frontend] Min/max widths on panes adjusted

open #250
Fixed min and max widths for panes to prevent
weird pane expand/collapse behaviors, like
Inspector covering the main view area;
Added min-width to .holder-all element;
---
 .../commonUI/general/res/sass/_constants.scss |  13 +-
 .../res/sass/user-environ/_layout.scss        |  61 ++--------
 .../espresso/res/css/theme-espresso.css       | 113 +++++++++---------
 .../themes/snow/res/css/theme-snow.css        | 113 +++++++++---------
 4 files changed, 131 insertions(+), 169 deletions(-)

diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss
index e0d9f34bd6..c60767e4ae 100644
--- a/platform/commonUI/general/res/sass/_constants.scss
+++ b/platform/commonUI/general/res/sass/_constants.scss
@@ -35,15 +35,13 @@ $ltGamma: 20%;
 $btnFontSizeToH: 0.45;
 
 /************************** LAYOUT */
-$ueTopBarH: 24px; // Change when breadcrumb is enabled
+$ueTopBarH: 24px;
 $ueTopBarEditH: 30px;
 $ueTopBarBtnH: 35px;
 $ueFooterH: 25px;
 $ueColMargin: 1.5%;
 $ueAppLogoW: 105px;
 $ueEditToolBarH: 25px;
-$ueBrowseLeftPaneTreeW: 25%;
-$ueBrowseRightPaneInspectW: 20%;
 $ueCollapsedPaneEdgeM: 22px;
 $uePaneMiniTabH: $ueTopBarH;
 $uePaneMiniTabW: 9px;
@@ -51,6 +49,15 @@ $uePaneMiniTabCollapsedW: 11px;
 $ueEditLeftPaneW: 75%;
 $treeSearchInputBarH: 25px;
 $ueTimeControlH: (33px, 20px, 20px);
+// Panes
+$ueBrowseLeftPaneTreeMinW: 150px;
+$ueBrowseLeftPaneTreeMaxW: 35%;
+$ueBrowseLeftPaneTreeW: 25%;
+$ueBrowseRightPaneInspectMinW: 200px;
+$ueBrowseRightPaneInspectMaxW: 35%;
+$ueBrowseRightPaneInspectW: 20%;
+$ueDesktopMinW: 600px;
+
 // Overlay
 $ovrTopBarH: 45px;
 $ovrFooterH: 24px;
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index fddff7e00b..a9024334e2 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -46,31 +46,6 @@
     }
 }
 
-// .bar and following commented out as part of refactor to use flex layout for this stuff
-//.bar {
-/*    .icon.major {
-        margin-right: $interiorMargin;
-    }*/
-    //&.abs {
-        //text-wrap: none;
-        //white-space: nowrap;
-        //&.left,
-        //.left {
-        //    width: 45%;
-        //    right: auto;
-        //}
-        //&.right,
-        //.right {
-        //    width: 45%;
-        //    left: auto;
-        //    text-align: right;
-        //    .icon.major {
-        //        margin-left: $interiorMargin * 3;
-        //    }
-        //}
-    //}
-//}
-
 .user-environ {
     .browse-area,
     .editor {
@@ -139,14 +114,13 @@
     .split-pane-component.pane {
         //@include test(green);
         &.treeview.left {
-            min-width: 150px;
-            max-width: 800px;
+            min-width: $ueBrowseLeftPaneTreeMinW;
+            max-width: $ueBrowseLeftPaneTreeMaxW;
             width: $ueBrowseLeftPaneTreeW;
         }
         &.t-inspect.right {
-            min-width: 200px;
-            max-width: 600px;
-            //padding-left: $ueCollapsedPaneEdgeM; // Allow room for mini-tab element
+            min-width: $ueBrowseRightPaneInspectMinW;
+            max-width: $ueBrowseRightPaneInspectMaxW;
             width: $ueBrowseRightPaneInspectW;
             z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
         }
@@ -180,30 +154,6 @@
         z-index: 2;
     }
 
-    //&.treeview.left {
-        // Converted to flex layout
-
-        //.create-btn-holder {
-        //    //bottom: auto;
-        //    //top: 0;
-        //    height: $ueTopBarH;
-        //    .wrapper.menu-element {
-        //        position: absolute;
-        //        bottom: $interiorMargin;
-        //    }
-        //}
-        //.holder-treeview-elements{
-        //
-        //}
-        //.search-holder {
-        //    top: $ueTopBarH + $interiorMarginLg;
-        //}
-        //.tree-holder {
-        //    overflow: auto;
-        //    top: $ueTopBarH + $interiorMarginLg + $treeSearchInputBarH + $interiorMargin;
-        //}
-    //}
-
     .mini-tab-icon.toggle-pane {
         //@include test(blue, 0.3);
         z-index: 5;
@@ -382,6 +332,9 @@
 }
 
 @include desktop {
+    .holder-all {
+        min-width: $ueDesktopMinW;
+    }
     .pane.treeview.left .tree-holder {
         padding-right: $interiorMargin;
     }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 856b27f249..2327e8c61d 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -4375,37 +4375,34 @@ span.req {
     bottom: 0px;
     left: 0px; }
 
-/*    .icon.major {
-        margin-right: $interiorMargin;
-    }*/
-/* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .browse-area,
 .user-environ .editor {
   top: 0;
   left: 0;
   right: 0;
   bottom: 25px; }
-/* line 82, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 57, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .browse-area > .contents,
 .user-environ .edit-area > .contents {
   left: 0;
   right: 0; }
-/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 63, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .edit-area {
   top: 45px;
   left: 10px;
   right: 10px;
   bottom: 35px; }
-  /* line 94, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .tool-bar {
     bottom: auto;
     height: 30px;
     line-height: 25px; }
-  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 74, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .object-holder.work-area {
     top: 40px;
     overflow: auto; }
-/* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .ue-bottom-bar {
   overflow: hidden;
   position: absolute;
@@ -4421,7 +4418,7 @@ span.req {
   background: #000;
   color: gray;
   font-size: .7rem; }
-  /* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 90, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4440,7 +4437,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4457,80 +4454,80 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 131, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 141, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .split-pane-component.pane.treeview.left {
   min-width: 150px;
-  max-width: 800px;
+  max-width: 35%;
   width: 25%; }
-/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .split-pane-component.pane.t-inspect.right {
   min-width: 200px;
-  max-width: 600px;
+  max-width: 35%;
   width: 20%;
   z-index: 3; }
 
-/* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 166, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 181, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4548,16 +4545,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 242, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 192, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4571,30 +4568,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 273, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4605,11 +4602,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4621,13 +4618,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 314, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4643,20 +4640,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4676,7 +4673,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4695,7 +4692,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4716,28 +4713,32 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
+  .holder-all {
+    min-width: 600px; }
+
+  /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 392, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 394, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4756,7 +4757,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 397, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 4e572df8b3..5334dd6124 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -4297,37 +4297,34 @@ span.req {
     bottom: 0px;
     left: 0px; }
 
-/*    .icon.major {
-        margin-right: $interiorMargin;
-    }*/
-/* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .browse-area,
 .user-environ .editor {
   top: 0;
   left: 0;
   right: 0;
   bottom: 25px; }
-/* line 82, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 57, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .browse-area > .contents,
 .user-environ .edit-area > .contents {
   left: 0;
   right: 0; }
-/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 63, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .edit-area {
   top: 45px;
   left: 10px;
   right: 10px;
   bottom: 35px; }
-  /* line 94, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .tool-bar {
     bottom: auto;
     height: 30px;
     line-height: 25px; }
-  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 74, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .edit-area .object-holder.work-area {
     top: 40px;
     overflow: auto; }
-/* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */
 .user-environ .ue-bottom-bar {
   overflow: hidden;
   position: absolute;
@@ -4343,7 +4340,7 @@ span.req {
   background: #000;
   color: white;
   font-size: .7rem; }
-  /* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 90, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4362,7 +4359,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4379,80 +4376,80 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 131, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 141, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .split-pane-component.pane.treeview.left {
   min-width: 150px;
-  max-width: 800px;
+  max-width: 35%;
   width: 25%; }
-/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .split-pane-component.pane.t-inspect.right {
   min-width: 200px;
-  max-width: 600px;
+  max-width: 35%;
   width: 20%;
   z-index: 3; }
 
-/* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 166, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 231, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 181, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4470,16 +4467,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 242, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 192, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4493,30 +4490,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 273, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4527,11 +4524,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4543,13 +4540,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 314, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4565,20 +4562,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4598,7 +4595,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4617,7 +4614,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4638,28 +4635,32 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
+  .holder-all {
+    min-width: 600px; }
+
+  /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 392, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 394, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4678,7 +4679,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 397, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************

From a5fa11749c3e086854817e21e57b879326de2acd Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 15:14:50 -0800
Subject: [PATCH 07/14] [Frontend] Min/max widths on panes adjusted

open #250
Moved new min/max definitions into desktop-only
portion of layout.scss to not affect mobile layout;
---
 .../res/sass/user-environ/_layout.scss        |  36 +++---
 .../espresso/res/css/theme-espresso.css       | 106 +++++++++---------
 .../themes/snow/res/css/theme-snow.css        | 106 +++++++++---------
 3 files changed, 125 insertions(+), 123 deletions(-)

diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index a9024334e2..cf46e10a13 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -110,23 +110,6 @@
 	}
 }
 
-.split-layout {
-    .split-pane-component.pane {
-        //@include test(green);
-        &.treeview.left {
-            min-width: $ueBrowseLeftPaneTreeMinW;
-            max-width: $ueBrowseLeftPaneTreeMaxW;
-            width: $ueBrowseLeftPaneTreeW;
-        }
-        &.t-inspect.right {
-            min-width: $ueBrowseRightPaneInspectMinW;
-            max-width: $ueBrowseRightPaneInspectMaxW;
-            width: $ueBrowseRightPaneInspectW;
-            z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
-        }
-    }
-}
-
 .edit-mode {
     .split-layout {
         .split-pane-component.pane.right {
@@ -335,6 +318,25 @@
     .holder-all {
         min-width: $ueDesktopMinW;
     }
+
+    .split-layout {
+        .split-pane-component.pane {
+            //@include test(green);
+            &.treeview.left {
+                min-width: $ueBrowseLeftPaneTreeMinW;
+                max-width: $ueBrowseLeftPaneTreeMaxW;
+                width: $ueBrowseLeftPaneTreeW;
+            }
+            &.t-inspect.right {
+                min-width: $ueBrowseRightPaneInspectMinW;
+                max-width: $ueBrowseRightPaneInspectMaxW;
+                width: $ueBrowseRightPaneInspectW;
+                z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
+            }
+        }
+    }
+
+
     .pane.treeview.left .tree-holder {
         padding-right: $interiorMargin;
     }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 2327e8c61d..17c40c21db 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -4458,76 +4458,64 @@ span.req {
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.treeview.left {
-  min-width: 150px;
-  max-width: 35%;
-  width: 25%; }
-/* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.t-inspect.right {
-  min-width: 200px;
-  max-width: 35%;
-  width: 20%;
-  z-index: 3; }
-
-/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 135, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 166, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 149, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 181, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4545,16 +4533,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 192, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 189, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4568,30 +4556,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 199, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4602,11 +4590,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4618,13 +4606,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4640,20 +4628,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4673,7 +4661,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4692,7 +4680,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4713,32 +4701,44 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.treeview.left {
+    min-width: 150px;
+    max-width: 35%;
+    width: 25%; }
+  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.t-inspect.right {
+    min-width: 200px;
+    max-width: 35%;
+    width: 20%;
+    z-index: 3; }
+
+  /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4757,7 +4757,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 5334dd6124..389e91b7b0 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -4380,76 +4380,64 @@ span.req {
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.treeview.left {
-  min-width: 150px;
-  max-width: 35%;
-  width: 25%; }
-/* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.t-inspect.right {
-  min-width: 200px;
-  max-width: 35%;
-  width: 20%;
-  z-index: 3; }
-
-/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 135, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 166, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 149, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 181, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4467,16 +4455,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 192, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 189, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4490,30 +4478,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 199, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4524,11 +4512,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4540,13 +4528,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4562,20 +4550,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4595,7 +4583,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4614,7 +4602,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4635,32 +4623,44 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.treeview.left {
+    min-width: 150px;
+    max-width: 35%;
+    width: 25%; }
+  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.t-inspect.right {
+    min-width: 200px;
+    max-width: 35%;
+    width: 20%;
+    z-index: 3; }
+
+  /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4679,7 +4679,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************

From 55d3a2791747be7903e13fa390dc58680a4d7a8d Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 15:22:53 -0800
Subject: [PATCH 08/14] [Frontend] Fix to z-indexing for search "types" menu

open #250
---
 .../commonUI/general/res/sass/search/_search.scss  | 10 +---------
 .../themes/espresso/res/css/theme-espresso.css     | 14 +++++++-------
 .../commonUI/themes/snow/res/css/theme-snow.css    | 14 +++++++-------
 3 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index 7cbb19d467..f91bdd310b 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -137,17 +137,9 @@
 		.search-menu-holder {
 			float: right;
 			left: -20px;
-			z-index: 3;
+			z-index: 70;
 			transition: visibility .05s, opacity .05s;
 		}
-
-		//// Hovering reveals menu
-		//.menu-icon:hover + div.search-menu-holder {
-		//	visibility: visible;
-		//}
-		//div.search-menu-holder:hover {
-		//	visibility: visible;
-		//}
 	}
 
 	.active-filter-display {
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 17c40c21db..802e5d2433 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -5236,9 +5236,9 @@ span.req {
   .holder-search .search-bar .search-menu-holder {
     float: right;
     left: -20px;
-    z-index: 3;
+    z-index: 70;
     transition: visibility .05s, opacity .05s; }
-/* line 153, ../../../../general/res/sass/search/_search.scss */
+/* line 145, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5246,7 +5246,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 166, ../../../../general/res/sass/search/_search.scss */
+  /* line 158, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #737373;
     opacity: 1;
@@ -5254,7 +5254,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 179, ../../../../general/res/sass/search/_search.scss */
+/* line 171, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5272,16 +5272,16 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0; }
-  /* line 183, ../../../../general/res/sass/search/_search.scss */
+  /* line 175, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 189, ../../../../general/res/sass/search/_search.scss */
+  /* line 181, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 193, ../../../../general/res/sass/search/_search.scss */
+  /* line 185, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 389e91b7b0..f80d7d6692 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -5158,9 +5158,9 @@ span.req {
   .holder-search .search-bar .search-menu-holder {
     float: right;
     left: -20px;
-    z-index: 3;
+    z-index: 70;
     transition: visibility .05s, opacity .05s; }
-/* line 153, ../../../../general/res/sass/search/_search.scss */
+/* line 145, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5168,7 +5168,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 166, ../../../../general/res/sass/search/_search.scss */
+  /* line 158, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #a6a6a6;
     opacity: 1;
@@ -5176,7 +5176,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 179, ../../../../general/res/sass/search/_search.scss */
+/* line 171, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5194,16 +5194,16 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0; }
-  /* line 183, ../../../../general/res/sass/search/_search.scss */
+  /* line 175, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 189, ../../../../general/res/sass/search/_search.scss */
+  /* line 181, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 193, ../../../../general/res/sass/search/_search.scss */
+  /* line 185, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);

From 2a201df435ac997c951844fb59b7827488263d1d Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 15:42:24 -0800
Subject: [PATCH 09/14] [Frontend] Consolidated treeview elements markup

open #250
Removed un-needed markup around treeview
includes and mct-reps; moved CSS class defs into
mct-include and mct-rep for search and tree
respectively;
---
 .../commonUI/browse/res/templates/browse.html | 27 ++++----
 .../espresso/res/css/theme-espresso.css       | 61 ++++++++-----------
 .../themes/snow/res/css/theme-snow.css        | 61 ++++++++-----------
 3 files changed, 60 insertions(+), 89 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index d6cba6d27d..0aa03189ea 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -33,21 +33,18 @@
                                         mct-object="navigatedObject"
                                         class="flex-elem">
                     </mct-representation>
-                    <div class='holder l-flex-col flex-elem search-holder'
-                         ng-class="{ active: treeModel.search, grows: treeModel.search }">
-                        <mct-include key="'search'"
-                                     ng-model="treeModel"
-                                     class="flex-container">
-                        </mct-include>
-                    </div>
-                    <div class='holder flex-elem grows vscroll tree-holder'
-                         ng-hide="treeModel.search">
-                        <mct-representation key="'tree'"
-                                            mct-object="domainObject"
-                                            parameters="tree"
-                                            ng-model="treeModel">
-                        </mct-representation>
-                    </div>
+                    <mct-include key="'search'"
+                                 ng-model="treeModel"
+                                 class="holder l-flex-col flex-elem search-holder"
+                                 ng-class="{ active: treeModel.search, grows: treeModel.search }">
+                    </mct-include>
+                    <mct-representation key="'tree'"
+                                        mct-object="domainObject"
+                                        parameters="tree"
+                                        ng-model="treeModel"
+                                        class="holder flex-elem grows vscroll tree-holder"
+                                        ng-hide="treeModel.search">
+                    </mct-representation>
                 </div>
             </div>
 
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 802e5d2433..5247e7e5d0 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -5111,21 +5111,7 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/*.abs.search-holder {
-	//@include test(#990000);
-	height: $treeSearchInputBarH;
-	bottom: 0;s
-	&.active {
-		height: auto;
-		bottom: 0;
-	}
-	top: 23px;
-
-	// Align with the top of the divider bar, below create button
-	//margin-top: 10px; // CH comment out
-	z-index:5;
-}*/
-/* line 38, ../../../../general/res/sass/search/_search.scss */
+/* line 23, ../../../../general/res/sass/search/_search.scss */
 .clear-icon,
 .menu-icon {
   cursor: pointer;
@@ -5147,20 +5133,20 @@ span.req {
   -webkit-transition-delay: 0;
   transition-delay: 0; }
 
-/* line 47, ../../../../general/res/sass/search/_search.scss */
+/* line 32, ../../../../general/res/sass/search/_search.scss */
 .clear-icon:before {
   content: '\e607'; }
 
-/* line 55, ../../../../general/res/sass/search/_search.scss */
+/* line 40, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-bar {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 64, ../../../../general/res/sass/search/_search.scss */
+  /* line 49, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     height: 25px;
     line-height: 25px; }
-  /* line 69, ../../../../general/res/sass/search/_search.scss */
+  /* line 54, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before,
   .holder-search .search-bar .clear-icon,
   .holder-search .search-bar .menu-icon {
@@ -5174,16 +5160,16 @@ span.req {
     position: absolute;
     text-align: center;
     top: 4px; }
-  /* line 82, ../../../../general/res/sass/search/_search.scss */
+  /* line 67, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 89, ../../../../general/res/sass/search/_search.scss */
+    /* line 74, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .search-input input {
       width: inherit; }
-  /* line 94, ../../../../general/res/sass/search/_search.scss */
+  /* line 79, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before {
     content: '\4d';
     font-family: symbolsfont;
@@ -5205,40 +5191,40 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     pointer-events: none; }
-  /* line 104, ../../../../general/res/sass/search/_search.scss */
+  /* line 89, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 108, ../../../../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 114, ../../../../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 119, ../../../../general/res/sass/search/_search.scss */
+    /* line 104, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 124, ../../../../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 126, ../../../../general/res/sass/search/_search.scss */
+    /* line 111, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 132, ../../../../general/res/sass/search/_search.scss */
+    /* line 117, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 137, ../../../../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 145, ../../../../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;
@@ -5246,7 +5232,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 158, ../../../../general/res/sass/search/_search.scss */
+  /* line 139, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #737373;
     opacity: 1;
@@ -5254,7 +5240,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 171, ../../../../general/res/sass/search/_search.scss */
+/* line 149, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5271,17 +5257,18 @@ span.req {
   -moz-transition-delay: 0;
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
-  transition-delay: 0; }
-  /* line 175, ../../../../general/res/sass/search/_search.scss */
+  transition-delay: 0;
+  padding-right: 5px; }
+  /* line 152, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 181, ../../../../general/res/sass/search/_search.scss */
+  /* line 157, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 185, ../../../../general/res/sass/search/_search.scss */
+  /* line 161, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index f80d7d6692..21451fea37 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -5033,21 +5033,7 @@ span.req {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/*.abs.search-holder {
-	//@include test(#990000);
-	height: $treeSearchInputBarH;
-	bottom: 0;s
-	&.active {
-		height: auto;
-		bottom: 0;
-	}
-	top: 23px;
-
-	// Align with the top of the divider bar, below create button
-	//margin-top: 10px; // CH comment out
-	z-index:5;
-}*/
-/* line 38, ../../../../general/res/sass/search/_search.scss */
+/* line 23, ../../../../general/res/sass/search/_search.scss */
 .clear-icon,
 .menu-icon {
   cursor: pointer;
@@ -5069,20 +5055,20 @@ span.req {
   -webkit-transition-delay: 0;
   transition-delay: 0; }
 
-/* line 47, ../../../../general/res/sass/search/_search.scss */
+/* line 32, ../../../../general/res/sass/search/_search.scss */
 .clear-icon:before {
   content: '\e607'; }
 
-/* line 55, ../../../../general/res/sass/search/_search.scss */
+/* line 40, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-bar {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 64, ../../../../general/res/sass/search/_search.scss */
+  /* line 49, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     height: 25px;
     line-height: 25px; }
-  /* line 69, ../../../../general/res/sass/search/_search.scss */
+  /* line 54, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before,
   .holder-search .search-bar .clear-icon,
   .holder-search .search-bar .menu-icon {
@@ -5096,16 +5082,16 @@ span.req {
     position: absolute;
     text-align: center;
     top: 4px; }
-  /* line 82, ../../../../general/res/sass/search/_search.scss */
+  /* line 67, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 89, ../../../../general/res/sass/search/_search.scss */
+    /* line 74, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .search-input input {
       width: inherit; }
-  /* line 94, ../../../../general/res/sass/search/_search.scss */
+  /* line 79, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before {
     content: '\4d';
     font-family: symbolsfont;
@@ -5127,40 +5113,40 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     pointer-events: none; }
-  /* line 104, ../../../../general/res/sass/search/_search.scss */
+  /* line 89, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 108, ../../../../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 114, ../../../../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 119, ../../../../general/res/sass/search/_search.scss */
+    /* line 104, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 124, ../../../../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 126, ../../../../general/res/sass/search/_search.scss */
+    /* line 111, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 132, ../../../../general/res/sass/search/_search.scss */
+    /* line 117, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 137, ../../../../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 145, ../../../../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;
@@ -5168,7 +5154,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 158, ../../../../general/res/sass/search/_search.scss */
+  /* line 139, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #a6a6a6;
     opacity: 1;
@@ -5176,7 +5162,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 171, ../../../../general/res/sass/search/_search.scss */
+/* line 149, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5193,17 +5179,18 @@ span.req {
   -moz-transition-delay: 0;
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
-  transition-delay: 0; }
-  /* line 175, ../../../../general/res/sass/search/_search.scss */
+  transition-delay: 0;
+  padding-right: 5px; }
+  /* line 152, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 181, ../../../../general/res/sass/search/_search.scss */
+  /* line 157, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 185, ../../../../general/res/sass/search/_search.scss */
+  /* line 161, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);

From c0dc30edb7ae6ddf1dc17e6f820b299e278bead3 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 15:42:49 -0800
Subject: [PATCH 10/14] [Frontend] Fixed padding in search results

open #250
---
 .../general/res/sass/search/_search.scss      | 26 +------------------
 1 file changed, 1 insertion(+), 25 deletions(-)

diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index f91bdd310b..08b37748c0 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -20,21 +20,6 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-/*.abs.search-holder {
-	//@include test(#990000);
-	height: $treeSearchInputBarH;
-	bottom: 0;s
-	&.active {
-		height: auto;
-		bottom: 0;
-	}
-	top: 23px;
-
-	// Align with the top of the divider bar, below create button
-	//margin-top: 10px; // CH comment out
-	z-index:5;
-}*/
-
 .clear-icon,
 .menu-icon {
     cursor: pointer;
@@ -146,14 +131,10 @@
 		//order: 2;
 		$s: 0.65em;
 		$p: $interiorMargin;
-		//@include border-radius($basicCr);
 		@include box-sizing(border-box);
 		line-height: 130%;
-		//padding: $p 0;
 		padding-left: $s * 2.25;
 		font-size: $s;
-		//margin-top: $interiorMarginSm;
-
 
 		.clear-filters-icon {
 			color: $colorInputIcon;
@@ -163,20 +144,15 @@
 			left: 1px;
 			cursor: pointer;
 		}
-
-		// Transition looks weird when the results list has none
-		//transition: visibility .2s, opacity .2s;
 	}
 
 	.search-results {
         @include trans-prop-nice((opacity, visibility), 250ms);
-        //visibility: hidden;
-        //opacity: 0;
+		padding-right: $interiorMargin;
         .hint {
             margin-bottom: $interiorMarginLg;
             font-size: 0.65em;
             opacity: 0.6;
-            //padding: 0 $interiorMargin;
         }
         &.active {
             visibility: visible;

From cfc9b61e255f3bf9f3ea57aef4c7e936c70437f7 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 16:21:50 -0800
Subject: [PATCH 11/14] [Frontend] Adjusted margin strategy in left pane
 elements

open #250
Changed flex-elem to use margin-bottom instead of top;
Added margin-top to .search-results element;
---
 .../commonUI/browse/res/templates/browse.html |  2 +-
 .../general/res/sass/_archetypes.scss         |  2 +-
 .../general/res/sass/search/_search.scss      |  1 +
 .../res/sass/user-environ/_layout.scss        |  5 +-
 .../espresso/res/css/theme-espresso.css       | 99 ++++++++++---------
 .../themes/snow/res/css/theme-snow.css        | 99 ++++++++++---------
 6 files changed, 108 insertions(+), 100 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 0aa03189ea..89bdd86ba9 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -31,7 +31,7 @@
                 <div class="abs holder l-flex-col holder-treeview-elements">
                     <mct-representation key="'create-button'"
                                         mct-object="navigatedObject"
-                                        class="flex-elem">
+                                        class="holder flex-elem create-btn-holder">
                     </mct-representation>
                     <mct-include key="'search'"
                                  ng-model="treeModel"
diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss
index f0821cd9aa..40458314c0 100644
--- a/platform/commonUI/general/res/sass/_archetypes.scss
+++ b/platform/commonUI/general/res/sass/_archetypes.scss
@@ -136,7 +136,7 @@
     @include flex-direction(column);
     .flex-elem {
         min-height: 0;
-        &:not(:first-child) { margin-top: $interiorMarginLg; }
+        &.holder:not(:last-child) { margin-bottom: $interiorMarginLg; }
     }
     .flex-container { @include flex-direction(column); }
 }
diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index 08b37748c0..005bccfced 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -148,6 +148,7 @@
 
 	.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;
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index cf46e10a13..b416debacf 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -183,7 +183,6 @@
             }
         }
     }
-
     &.items {
         .object-browse-bar {
             .left.abs,
@@ -302,6 +301,7 @@
         }
     }
 }
+
 .pane-inspect-hidden {
     .l-object-and-inspector {
         .t-inspect {
@@ -318,7 +318,6 @@
     .holder-all {
         min-width: $ueDesktopMinW;
     }
-
     .split-layout {
         .split-pane-component.pane {
             //@include test(green);
@@ -335,8 +334,6 @@
             }
         }
     }
-
-
     .pane.treeview.left .tree-holder {
         padding-right: $interiorMargin;
     }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 5247e7e5d0..bb154b1ad5 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -581,8 +581,8 @@ mct-container {
   .l-flex-col .flex-elem {
     min-height: 0; }
     /* line 139, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-col .flex-elem:not(:first-child) {
-      margin-top: 10px; }
+    .l-flex-col .flex-elem.holder:not(:last-child) {
+      margin-bottom: 10px; }
   /* line 141, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
@@ -4542,7 +4542,7 @@ span.req {
           /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 189, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4556,30 +4556,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 199, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 198, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 205, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4590,11 +4590,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4606,13 +4606,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4628,20 +4628,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 260, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4661,7 +4661,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4680,7 +4680,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4714,31 +4714,31 @@ span.req {
   .holder-all {
     min-width: 600px; }
 
-  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.treeview.left {
     min-width: 150px;
     max-width: 35%;
     width: 25%; }
-  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 329, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.t-inspect.right {
     min-width: 200px;
     max-width: 35%;
     width: 20%;
     z-index: 3; }
 
-  /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4757,7 +4757,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
@@ -4816,10 +4816,14 @@ span.req {
       opacity: 1; }
 
   /* line 47, ../../../../general/res/sass/mobile/_layout.scss */
+  .create-btn-holder {
+    display: none; }
+
+  /* line 53, ../../../../general/res/sass/mobile/_layout.scss */
   .holder.holder-treeview-elements {
     right: 10px !important; }
 
-  /* line 57, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 63, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4838,11 +4842,11 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     opacity: 0 !important; }
-  /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 71, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.right.items {
     left: 0 !important; }
 
-  /* line 79, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4867,52 +4871,52 @@ span.req {
     background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
     right: auto !important;
     width: 40% !important; }
-  /* line 86, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 40% !important; }
 
-  /* line 91, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
   .toggle-tree {
     color: #0099cc !important;
     font-size: 110%;
     position: absolute;
     top: 12px;
     left: 10px; }
-    /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important;
       font-family: symbolsfont; }
 
-  /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 45px !important; }
-    /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 115, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 118, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 124, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 122, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-disable-select {
     -moz-user-select: -moz-none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none; }
 
-  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -4933,7 +4937,7 @@ span.req {
     transition-delay: 0;
     opacity: 0; }
 
-  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 143, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -4954,21 +4958,21 @@ span.req {
     transition-delay: 0;
     opacity: 1; } }
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 149, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 155, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 0 !important;
     -moz-transform: translateX(90%);
     -ms-transform: translateX(90%);
     -webkit-transform: translateX(90%);
     transform: translateX(90%); }
-    /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 158, ../../../../general/res/sass/mobile/_layout.scss */
     .pane-tree-showing .pane.right.items .holder-object-and-inspector {
       opacity: 0; } }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 166, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -5258,17 +5262,18 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0;
+  margin-top: 10px;
   padding-right: 5px; }
-  /* line 152, ../../../../general/res/sass/search/_search.scss */
+  /* line 153, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 157, ../../../../general/res/sass/search/_search.scss */
+  /* line 158, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 161, ../../../../general/res/sass/search/_search.scss */
+  /* line 162, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 21451fea37..42480d350f 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -581,8 +581,8 @@ mct-container {
   .l-flex-col .flex-elem {
     min-height: 0; }
     /* line 139, ../../../../general/res/sass/_archetypes.scss */
-    .l-flex-col .flex-elem:not(:first-child) {
-      margin-top: 10px; }
+    .l-flex-col .flex-elem.holder:not(:last-child) {
+      margin-bottom: 10px; }
   /* line 141, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
@@ -4464,7 +4464,7 @@ span.req {
           /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 189, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4478,30 +4478,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 199, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 198, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 205, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4512,11 +4512,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4528,13 +4528,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4550,20 +4550,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 260, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4583,7 +4583,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4602,7 +4602,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4636,31 +4636,31 @@ span.req {
   .holder-all {
     min-width: 600px; }
 
-  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.treeview.left {
     min-width: 150px;
     max-width: 35%;
     width: 25%; }
-  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 329, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.t-inspect.right {
     min-width: 200px;
     max-width: 35%;
     width: 20%;
     z-index: 3; }
 
-  /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4679,7 +4679,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
@@ -4738,10 +4738,14 @@ span.req {
       opacity: 1; }
 
   /* line 47, ../../../../general/res/sass/mobile/_layout.scss */
+  .create-btn-holder {
+    display: none; }
+
+  /* line 53, ../../../../general/res/sass/mobile/_layout.scss */
   .holder.holder-treeview-elements {
     right: 10px !important; }
 
-  /* line 57, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 63, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4760,11 +4764,11 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     opacity: 0 !important; }
-  /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 71, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.right.items {
     left: 0 !important; }
 
-  /* line 79, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4789,52 +4793,52 @@ span.req {
     background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
     right: auto !important;
     width: 40% !important; }
-  /* line 86, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 40% !important; }
 
-  /* line 91, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
   .toggle-tree {
     color: #0099cc !important;
     font-size: 110%;
     position: absolute;
     top: 12px;
     left: 10px; }
-    /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important;
       font-family: symbolsfont; }
 
-  /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 45px !important; }
-    /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 115, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 118, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 124, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 122, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-disable-select {
     -moz-user-select: -moz-none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none; }
 
-  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -4855,7 +4859,7 @@ span.req {
     transition-delay: 0;
     opacity: 0; }
 
-  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 143, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -4876,21 +4880,21 @@ span.req {
     transition-delay: 0;
     opacity: 1; } }
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 149, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 155, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 0 !important;
     -moz-transform: translateX(90%);
     -ms-transform: translateX(90%);
     -webkit-transform: translateX(90%);
     transform: translateX(90%); }
-    /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 158, ../../../../general/res/sass/mobile/_layout.scss */
     .pane-tree-showing .pane.right.items .holder-object-and-inspector {
       opacity: 0; } }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 166, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -5180,17 +5184,18 @@ span.req {
   -o-transition-delay: 0;
   -webkit-transition-delay: 0;
   transition-delay: 0;
+  margin-top: 10px;
   padding-right: 5px; }
-  /* line 152, ../../../../general/res/sass/search/_search.scss */
+  /* line 153, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 157, ../../../../general/res/sass/search/_search.scss */
+  /* line 158, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 161, ../../../../general/res/sass/search/_search.scss */
+  /* line 162, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);

From d8ced8f6352da38d8a4700b6edb22c024799b6b4 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 17:10:57 -0800
Subject: [PATCH 12/14] [Frontend] Hide/show Create button in mobile

open #250
open #157
Create button now hidden by default in mobile via
usage of CSS; can be re-displayed by including
'example/mobile' bundle;
---
 example/mobile/bundle.json                    |  12 ++
 example/mobile/res/config.rb                  |  26 +++++
 example/mobile/res/css/mobile-example.css     | 103 ++++++++++++++++++
 example/mobile/res/sass/mobile-example.scss   |  31 ++++++
 .../general/res/sass/mobile/_constants.scss   |   2 +
 .../general/res/sass/mobile/_layout.scss      |   6 +
 .../general/res/sass/mobile/_mixins.scss      |   2 +
 7 files changed, 182 insertions(+)
 create mode 100644 example/mobile/bundle.json
 create mode 100755 example/mobile/res/config.rb
 create mode 100644 example/mobile/res/css/mobile-example.css
 create mode 100644 example/mobile/res/sass/mobile-example.scss

diff --git a/example/mobile/bundle.json b/example/mobile/bundle.json
new file mode 100644
index 0000000000..5b726dce44
--- /dev/null
+++ b/example/mobile/bundle.json
@@ -0,0 +1,12 @@
+{
+  "name": "Mobile",
+  "description": "Allows elements with pertinence to mobile usage and development",
+  "extensions": {
+    "stylesheets": [
+      {
+        "stylesheetUrl": "css/mobile-example.css",
+        "priority": "mandatory"
+      }
+    ]
+  }
+}
diff --git a/example/mobile/res/config.rb b/example/mobile/res/config.rb
new file mode 100755
index 0000000000..58843cd76e
--- /dev/null
+++ b/example/mobile/res/config.rb
@@ -0,0 +1,26 @@
+# Require any additional compass plugins here.
+# require "compass-growl"
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# :expanded, :compressed, :nested
+output_style = :nested
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass vfn_platform/static/sass scss && rm -rf sass && mv scss sass
diff --git a/example/mobile/res/css/mobile-example.css b/example/mobile/res/css/mobile-example.css
new file mode 100644
index 0000000000..06d2102e32
--- /dev/null
+++ b/example/mobile/res/css/mobile-example.css
@@ -0,0 +1,103 @@
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/************************** FEATURES */
+/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
+/************************** RATIOS */
+/************************** LAYOUT */
+/************************** CONTROLS */
+/************************** PATHS */
+/************************** TIMINGS */
+/************************** LIMITS */
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
+/************************** MOBILE TREE MENU DIMENSIONS */
+/************************** WINDOW DIMENSIONS FOR RWD */
+/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
+/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
+/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+/* REQUIRES mobile/_constants */
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 28, ../sass/mobile-example.scss */
+  .create-btn-holder {
+    display: block !important; } }
diff --git a/example/mobile/res/sass/mobile-example.scss b/example/mobile/res/sass/mobile-example.scss
new file mode 100644
index 0000000000..41071c5061
--- /dev/null
+++ b/example/mobile/res/sass/mobile-example.scss
@@ -0,0 +1,31 @@
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+@import "../../../../platform/commonUI/general/res/sass/constants";
+@import "../../../../platform/commonUI/general/res/sass/mobile/constants";
+@import "../../../../platform/commonUI/general/res/sass/mobile/mixins";
+
+@include phoneandtablet {
+    // Show the Create button
+    .create-btn-holder {
+        display: block !important;
+    }
+}
diff --git a/platform/commonUI/general/res/sass/mobile/_constants.scss b/platform/commonUI/general/res/sass/mobile/_constants.scss
index 067bbef6ca..56b1ebfaea 100644
--- a/platform/commonUI/general/res/sass/mobile/_constants.scss
+++ b/platform/commonUI/general/res/sass/mobile/_constants.scss
@@ -20,6 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
+
 /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
 $mobileListIconSize: 30px;
 $mobileTitleDescH: 35px;
diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss
index be5955d062..45cc74d431 100644
--- a/platform/commonUI/general/res/sass/mobile/_layout.scss
+++ b/platform/commonUI/general/res/sass/mobile/_layout.scss
@@ -44,6 +44,12 @@
         }
     }
 
+    .create-btn-holder {
+        // Hide the create button by default in mobile;
+        // This can be overridden by an example bundle to come
+        display: none;
+    }
+
     .holder.holder-treeview-elements {
         right: $bodyMargin !important;
     }
diff --git a/platform/commonUI/general/res/sass/mobile/_mixins.scss b/platform/commonUI/general/res/sass/mobile/_mixins.scss
index b4b0bd2c71..8b0ea36943 100644
--- a/platform/commonUI/general/res/sass/mobile/_mixins.scss
+++ b/platform/commonUI/general/res/sass/mobile/_mixins.scss
@@ -20,6 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+/* REQUIRES /platform/commonUI/general/res/sass/mobile/_constants.scss */
+
 // Phones in any orientation
 @mixin phone {
     @media #{$phonePortrait},

From e1110a2bc4f8534defa658f5cbceba819965350c Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 17:14:59 -0800
Subject: [PATCH 13/14] [Frontend] Fixed Create menu in mobile

open #250
open #157
Fixed CSS selector that wasn't properly
targeting the Create menu in a mobile
context;
---
 .../res/sass/mobile/controls/_menus.scss      | 26 +++++++++----------
 .../espresso/res/css/theme-espresso.css       | 14 +++++-----
 .../themes/snow/res/css/theme-snow.css        | 14 +++++-----
 3 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/platform/commonUI/general/res/sass/mobile/controls/_menus.scss b/platform/commonUI/general/res/sass/mobile/controls/_menus.scss
index 3c8ea79917..807059051f 100644
--- a/platform/commonUI/general/res/sass/mobile/controls/_menus.scss
+++ b/platform/commonUI/general/res/sass/mobile/controls/_menus.scss
@@ -22,21 +22,19 @@
 
 // Override the Create menu for mobile
 @include phoneandtablet {
-    .menu-element {
-        .super-menu {
-            $d: 250px;
-            width: $d;
-            height: $d;
+    .super-menu {
+        $d: 250px;
+        width: $d;
+        height: $d;
 
-            .pane {
-                &.left {
-                    border-right: none;
-                    padding-right: 0;
-                    width: 100%;
-                }
-                &.right {
-                    display: none;
-                }
+        .pane {
+            &.left {
+                border-right: none;
+                padding-right: 0;
+                width: 100%;
+            }
+            &.right {
+                display: none;
             }
         }
     }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index bb154b1ad5..1082842a31 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -119,6 +119,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/* REQUIRES /platform/commonUI/general/res/sass/mobile/_constants.scss */
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -169,6 +170,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
 /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
 /************************** MOBILE TREE MENU DIMENSIONS */
 /************************** WINDOW DIMENSIONS FOR RWD */
@@ -3693,17 +3695,17 @@ mct-include.l-time-controller {
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 26, ../../../../general/res/sass/mobile/controls/_menus.scss */
-  .menu-element .super-menu {
+  /* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
+  .super-menu {
     width: 250px;
     height: 250px; }
-    /* line 32, ../../../../general/res/sass/mobile/controls/_menus.scss */
-    .menu-element .super-menu .pane.left {
+    /* line 31, ../../../../general/res/sass/mobile/controls/_menus.scss */
+    .super-menu .pane.left {
       border-right: none;
       padding-right: 0;
       width: 100%; }
-    /* line 37, ../../../../general/res/sass/mobile/controls/_menus.scss */
-    .menu-element .super-menu .pane.right {
+    /* line 36, ../../../../general/res/sass/mobile/controls/_menus.scss */
+    .super-menu .pane.right {
       display: none; } }
 /********************************* FORMS */
 /*****************************************************************************
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 42480d350f..d27c068045 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -119,6 +119,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/* REQUIRES /platform/commonUI/general/res/sass/mobile/_constants.scss */
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -169,6 +170,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
 /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
 /************************** MOBILE TREE MENU DIMENSIONS */
 /************************** WINDOW DIMENSIONS FOR RWD */
@@ -3632,17 +3634,17 @@ mct-include.l-time-controller {
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 26, ../../../../general/res/sass/mobile/controls/_menus.scss */
-  .menu-element .super-menu {
+  /* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
+  .super-menu {
     width: 250px;
     height: 250px; }
-    /* line 32, ../../../../general/res/sass/mobile/controls/_menus.scss */
-    .menu-element .super-menu .pane.left {
+    /* line 31, ../../../../general/res/sass/mobile/controls/_menus.scss */
+    .super-menu .pane.left {
       border-right: none;
       padding-right: 0;
       width: 100%; }
-    /* line 37, ../../../../general/res/sass/mobile/controls/_menus.scss */
-    .menu-element .super-menu .pane.right {
+    /* line 36, ../../../../general/res/sass/mobile/controls/_menus.scss */
+    .super-menu .pane.right {
       display: none; } }
 /********************************* FORMS */
 /*****************************************************************************

From d6d95fed1972828a4516681ed46268d9eb952f77 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Tue, 10 Nov 2015 15:12:09 -0800
Subject: [PATCH 14/14] [Code style] Cleaned out comments

open #250
open #274
scss, html scoured for commented
dead code, leftover TO-DOs and
other unnecessary comments;
---
 .../res/templates/browse/object-header.html   |   4 +-
 .../general/res/sass/_archetypes.scss         |   3 -
 .../general/res/sass/controls/_controls.scss  |  17 -
 .../general/res/sass/helpers/_splitter.scss   |   9 -
 .../general/res/sass/mobile/_layout.scss      |  10 +-
 .../general/res/sass/search/_search.scss      |   2 -
 .../general/res/sass/user-environ/_frame.scss |   1 -
 .../res/sass/user-environ/_layout.scss        |   9 +-
 .../espresso/res/css/theme-espresso.css       | 411 +++++++++---------
 .../themes/snow/res/css/theme-snow.css        | 409 +++++++++--------
 .../imagery/res/templates/imagery.html        |   1 -
 platform/search/res/templates/search.html     |  20 -
 12 files changed, 407 insertions(+), 489 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse/object-header.html b/platform/commonUI/browse/res/templates/browse/object-header.html
index 9f265c662a..2136bdd416 100644
--- a/platform/commonUI/browse/res/templates/browse/object-header.html
+++ b/platform/commonUI/browse/res/templates/browse/object-header.html
@@ -19,7 +19,6 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<!--<div class='object-header'> Moved up to browse-object.html and frame.html. TO-DO: make sure this is Ok!-->
 <span class='type-icon ui-symbol flex-elem'>{{type.getGlyph()}}</span>
 <span class="l-elem-wrapper l-flex-row flex-elem grows">
     <span ng-if="parameters.mode" class='action flex-elem'>{{parameters.mode}}</span>
@@ -28,5 +27,4 @@
         key="'menu-arrow'"
         mct-object='domainObject'
         class="flex-elem"></mct-representation>
-</span>
-<!--</div>-->
+</span>
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss
index 40458314c0..20b338c3db 100644
--- a/platform/commonUI/general/res/sass/_archetypes.scss
+++ b/platform/commonUI/general/res/sass/_archetypes.scss
@@ -36,7 +36,6 @@
     .col {
         @include box-sizing(border-box);
         @include clearfix;
-        //		background: rgba(#ffcc00, 0.2);
         float: left;
         margin-left: $ueColMargin;
         padding-left: $interiorMargin;
@@ -97,9 +96,7 @@
 .l-flex-col {
     @include display-flex;
     @include flex-wrap(nowrap);
-    //@include flex(1 1 auto !important);
     .flex-elem {
-        //@include test(green, 0.1);
         min-height: 0; // Needed to allow element to shrink within parent
         position: relative;
         &:not(.grows) {
diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss
index cd7bfe3afc..72400b86c3 100644
--- a/platform/commonUI/general/res/sass/controls/_controls.scss
+++ b/platform/commonUI/general/res/sass/controls/_controls.scss
@@ -127,7 +127,6 @@ label.checkbox.custom {
         &:before {
             @include border-radius($basicCr * .75);
             background: $bg;
-            //border-bottom: 1px solid lighten($bg, 10%);
             @include box-shadow(inset rgba(black, 0.4) 0 1px 2px);
             box-sizing: border-box;
             content: " ";
@@ -202,7 +201,6 @@ label.checkbox.custom {
 
 /******************************************************** OBJECT-HEADER */
 .object-header {
-    //@include test();
     font-size: 1em;
 
     > .type-icon {
@@ -213,8 +211,6 @@ label.checkbox.custom {
     }
 
     .l-elem-wrapper {
-        //@include test(#66f, 0.2);
-        //@include justify-content(flex-start); // Commented out 11/6/15 open250
         mct-representation {
             // Holds the context-available item
             // Must have min-width to make flex work properly
@@ -228,19 +224,15 @@ label.checkbox.custom {
     }
 
     .title-label {
-        //@include test(green, 0.9);
         color: $colorObjHdrTxt;
         @include ellipsize();
-        //color: pushBack($colorBodyFg, 40%);
         @include webkitProp(flex, '0 1 auto');
         padding-right: 0.35em; // For context arrow. Done with em's so pad is relative to the scale of the text.
-        //position: relative;
     }
 
     .context-available {
         font-size: 0.7em;
         @include webkitProp(flex, '0 0 1');
-        //margin-right: $interiorMargin;
     }
 
     @include desktop {
@@ -303,7 +295,6 @@ label.checkbox.custom {
     @include border-radius($basicCr);
     @include boxIncised(0.3, 4px);
     background: $colorProgressBarOuter;
-    //border:1px solid $colorProgressBarOuter;
     .progress-amt {
         @include border-radius($basicCr);
         @include boxShdw();
@@ -343,8 +334,6 @@ label.checkbox.custom {
 .slider {
     $knobH: 100%; //14px;
     .slot {
-        //        @include border-radius($basicCr * .75);
-        //@include sliderTrack();
         width: auto;
         position: absolute;
         top: 0;
@@ -400,14 +389,11 @@ label.checkbox.custom {
     width: 230px;
     .l-month-year-pager {
         $pagerW: 20px;
-        //@include test();
-        //font-size: 0.8rem;
         height: $r1H;
         margin-bottom: $interiorMargin;
         position: relative;
         .pager,
         .val {
-            //@include test(red);
             @extend .abs;
         }
         .pager {
@@ -454,7 +440,6 @@ label.checkbox.custom {
         }
         li {
             @include flex(1 0);
-            //@include test();
             margin-left: 1px;
             padding: $interiorMargin;
             text-align: center;
@@ -512,8 +497,6 @@ label.checkbox.custom {
         @include background-image(linear-gradient(lighten($bg, $gr), $bg 20px));
         @include border-radius(2px);
         @include box-sizing(border-box);
-        //@include boxShdwSubtle();
-        //border-top: 1px solid lighten($bg, 20%);
         &:hover {
             @include background-image(linear-gradient(lighten($hc, $gr), $hc 20px));
         }
diff --git a/platform/commonUI/general/res/sass/helpers/_splitter.scss b/platform/commonUI/general/res/sass/helpers/_splitter.scss
index 6e003ae090..27e3e25fc0 100644
--- a/platform/commonUI/general/res/sass/helpers/_splitter.scss
+++ b/platform/commonUI/general/res/sass/helpers/_splitter.scss
@@ -43,7 +43,6 @@
         }
     }
     &:active {
-        //@include test();
         &:after {
             background-color: $colorSplitterActive !important;
         }
@@ -122,11 +121,3 @@
         }
     }
 }
-
-/*.browse-area .splitter {
-	top: 0; //$ueTopBarH + $interiorMarginLg;
-}
-
-.edit-area .splitter {
-	top: 0;
-}*/
diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss
index 45cc74d431..39fc977921 100644
--- a/platform/commonUI/general/res/sass/mobile/_layout.scss
+++ b/platform/commonUI/general/res/sass/mobile/_layout.scss
@@ -46,7 +46,7 @@
 
     .create-btn-holder {
         // Hide the create button by default in mobile;
-        // This can be overridden by an example bundle to come
+        // This can be overridden by the examples/mobile bundle
         display: none;
     }
 
@@ -62,10 +62,6 @@
         // is hidden.
         .pane.left.treeview {
             @include trans-prop-nice(opacity, 150ms);
-            //right: 100% !important;
-            //width: auto !important;
-            //overflow-y: hidden;
-            //overflow-x: hidden;
             opacity: 0 !important;
         }
         .pane.right.items {
@@ -79,7 +75,6 @@
         // causing cut/copy/paste menu to
         // not appear. Should me moved in
         // future to properly work
-        //@include user-select(none);
 
         // Sets the left tree menu when the tree is shown.
         .pane.left.treeview {
@@ -107,7 +102,6 @@
     }
 
     .object-browse-bar {
-        //@include test();
         left: 45px !important;
         .context-available {
             opacity: 1 !important;
@@ -166,4 +160,4 @@
     .desktop-hide {
         display: none;
     }
-}
\ No newline at end of file
+}
diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index 005bccfced..78071c085f 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -41,7 +41,6 @@
 		$textInputHeight: 19px; // This is equal to the default value, 19px
 		$iconEdgeM: 4px;
 		$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
-        //@include test(red, 0.1);
 		font-size: 0.8em;
 		max-width: 250px;
 		position: relative;
@@ -128,7 +127,6 @@
 	}
 
 	.active-filter-display {
-		//order: 2;
 		$s: 0.65em;
 		$p: $interiorMargin;
 		@include box-sizing(border-box);
diff --git a/platform/commonUI/general/res/sass/user-environ/_frame.scss b/platform/commonUI/general/res/sass/user-environ/_frame.scss
index ab72a08dc5..0add17931e 100644
--- a/platform/commonUI/general/res/sass/user-environ/_frame.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_frame.scss
@@ -30,7 +30,6 @@
 		}
 	}
 	.object-top-bar {
-		//@include test(red);
 		font-size: 0.75em;
 		height: $ohH;
 		line-height: $ohH;
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index b416debacf..15941f1479 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -31,7 +31,7 @@
 }
 
 .contents {
-    $myM: 0; //$interiorMargin;
+    $myM: 0;
     box-sizing: border-box;
     position: absolute;
     top: $myM;
@@ -86,12 +86,10 @@
 		background: $colorFooterBg;
 		color: lighten($colorBodyBg, 30%);
 		font-size: .7rem;
-
 		.status-holder {
 			@include box-sizing(border-box);
 			@include absPosDefault($interiorMargin);
 			@include ellipsize();
-			//line-height: $ueFooterH - ($interiorMargin * 2);
 			right: 120px;
 			text-transform: uppercase;
 			z-index: 1;
@@ -138,7 +136,6 @@
     }
 
     .mini-tab-icon.toggle-pane {
-        //@include test(blue, 0.3);
         z-index: 5;
         @include desktop {
             $d: $uePaneMiniTabH;
@@ -250,7 +247,6 @@
 
 /***************************************************** OBJECT BROWSE BAR */
 .object-browse-bar {
-    //@include test(blue);
     @include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu
     @include box-sizing(border-box);
     height: $ueTopBarH;
@@ -270,7 +266,6 @@
 // right representation.
 .pane-tree-hidden {
     // Sets the left tree menu when the tree is hidden.
-    //.pane.left.treeview,
     .tree-holder,
     .splitter-treeview,
     .holder-treeview-elements {
@@ -280,7 +275,6 @@
 
 .pane-tree-showing {
     // Sets the left tree menu when the tree is shown.
-    //.pane.left.treeview,
     .tree-holder,
     .splitter-treeview {
         @include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms);
@@ -320,7 +314,6 @@
     }
     .split-layout {
         .split-pane-component.pane {
-            //@include test(green);
             &.treeview.left {
                 min-width: $ueBrowseLeftPaneTreeMinW;
                 max-width: $ueBrowseLeftPaneTreeMaxW;
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 1082842a31..41f35389eb 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -477,76 +477,76 @@ mct-container {
     margin-left: 1.5%;
     padding-left: 5px;
     position: relative; }
-    /* line 44, ../../../../general/res/sass/_archetypes.scss */
+    /* line 43, ../../../../general/res/sass/_archetypes.scss */
     .cols .col:first-child {
       margin-left: 0;
       padding-left: 0; }
-  /* line 51, ../../../../general/res/sass/_archetypes.scss */
+  /* line 50, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-2 .col-1 {
     min-width: 250px;
     width: 48.5%; }
-  /* line 57, ../../../../general/res/sass/_archetypes.scss */
+  /* line 56, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-2-ff .col-100px {
     width: 100px; }
-  /* line 64, ../../../../general/res/sass/_archetypes.scss */
+  /* line 63, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-6 .col-1 {
     min-width: 83.33333px;
     width: 15.16667%; }
-  /* line 70, ../../../../general/res/sass/_archetypes.scss */
+  /* line 69, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-16 .col-1 {
     min-width: 31.25px;
     width: 4.75%; }
-  /* line 73, ../../../../general/res/sass/_archetypes.scss */
+  /* line 72, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-16 .col-2 {
     min-width: 62.5px;
     width: 11%; }
-  /* line 76, ../../../../general/res/sass/_archetypes.scss */
+  /* line 75, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-16 .col-7 {
     min-width: 218.75px;
     width: 42.25%; }
-  /* line 82, ../../../../general/res/sass/_archetypes.scss */
+  /* line 81, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-32 .col-2 {
     min-width: 31.25px;
     width: 4.75%; }
-  /* line 85, ../../../../general/res/sass/_archetypes.scss */
+  /* line 84, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-32 .col-15 {
     min-width: 234.375px;
     width: 45.375%; }
-  /* line 89, ../../../../general/res/sass/_archetypes.scss */
+  /* line 88, ../../../../general/res/sass/_archetypes.scss */
   .cols .l-row {
     overflow: hidden;
     *zoom: 1;
     padding: 5px 0; }
 
 /********************************************* FLEX STYLES */
-/* line 96, ../../../../general/res/sass/_archetypes.scss */
+/* line 95, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row,
 .l-flex-col {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
-  /* line 101, ../../../../general/res/sass/_archetypes.scss */
+  /* line 99, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-elem,
   .l-flex-col .flex-elem {
     min-height: 0;
     position: relative; }
-    /* line 105, ../../../../general/res/sass/_archetypes.scss */
+    /* line 102, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
-      /* line 107, ../../../../general/res/sass/_archetypes.scss */
+      /* line 104, ../../../../general/res/sass/_archetypes.scss */
       .l-flex-row .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 111, ../../../../general/res/sass/_archetypes.scss */
+    /* line 108, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem.grows,
     .l-flex-col .flex-elem.grows {
       -webkit-flex: 1 1 auto;
       flex: 1 1 auto; }
-  /* line 115, ../../../../general/res/sass/_archetypes.scss */
+  /* line 112, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
@@ -557,45 +557,45 @@ mct-container {
     flex: 1 1 auto;
     min-height: 0; }
 
-/* line 124, ../../../../general/res/sass/_archetypes.scss */
+/* line 121, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row {
   -webkit-flex-direction: row;
   flex-direction: row; }
-  /* line 126, ../../../../general/res/sass/_archetypes.scss */
+  /* line 123, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row.flex-elem {
     -webkit-flex: 1 1 auto;
     flex: 1 1 auto; }
-  /* line 127, ../../../../general/res/sass/_archetypes.scss */
+  /* line 124, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-elem {
     height: inherit;
     line-height: inherit;
     min-width: 0; }
-  /* line 132, ../../../../general/res/sass/_archetypes.scss */
+  /* line 129, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
-/* line 135, ../../../../general/res/sass/_archetypes.scss */
+/* line 132, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 137, ../../../../general/res/sass/_archetypes.scss */
+  /* line 134, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-elem {
     min-height: 0; }
-    /* line 139, ../../../../general/res/sass/_archetypes.scss */
+    /* line 136, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-col .flex-elem.holder:not(:last-child) {
       margin-bottom: 10px; }
-  /* line 141, ../../../../general/res/sass/_archetypes.scss */
+  /* line 138, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
     flex-direction: column; }
 
-/* line 144, ../../../../general/res/sass/_archetypes.scss */
+/* line 141, ../../../../general/res/sass/_archetypes.scss */
 .flex-fixed {
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto; }
 
-/* line 148, ../../../../general/res/sass/_archetypes.scss */
+/* line 145, ../../../../general/res/sass/_archetypes.scss */
 .flex-justify-end {
   -webkit-justify-content: flex-end;
   justify-content: flex-end; }
@@ -1130,10 +1130,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     height: auto;
     background: #404040;
     display: block; }
-  /* line 47, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 46, ../../../../general/res/sass/helpers/_splitter.scss */
   .splitter:active:after {
     background-color: #0099cc !important; }
-  /* line 55, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 54, ../../../../general/res/sass/helpers/_splitter.scss */
   .splitter:not(:active):hover:after {
     background-color: #595959 !important;
     -moz-transition-property: background-color;
@@ -1153,61 +1153,61 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */
+/* line 65, ../../../../general/res/sass/helpers/_splitter.scss */
 .split-layout.horizontal {
   overflow: hidden; }
-  /* line 69, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 68, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.horizontal .pane {
     left: 0;
     right: 0; }
-    /* line 72, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 71, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.horizontal .pane.top {
       bottom: auto; }
-    /* line 75, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 74, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.horizontal .pane.bottom {
       top: auto; }
-  /* line 79, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 78, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.horizontal > .splitter {
     cursor: row-resize;
     left: 0;
     right: 0;
     height: 25px; }
-    /* line 84, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 83, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.horizontal > .splitter:after {
       top: 12px;
       bottom: 12px; }
-/* line 92, ../../../../general/res/sass/helpers/_splitter.scss */
+/* line 91, ../../../../general/res/sass/helpers/_splitter.scss */
 .split-layout.vertical .pane {
   top: 0;
   bottom: 0; }
-  /* line 95, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 94, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical .pane.left {
     right: auto; }
-  /* line 98, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 97, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical .pane.right {
     left: auto; }
-/* line 102, ../../../../general/res/sass/helpers/_splitter.scss */
+/* line 101, ../../../../general/res/sass/helpers/_splitter.scss */
 .split-layout.vertical > .splitter {
   cursor: col-resize;
   top: 0;
   bottom: 0; }
-  /* line 106, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 105, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical > .splitter:not(.flush-right) {
     width: 25px; }
-    /* line 108, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 107, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.vertical > .splitter:not(.flush-right):after {
       left: 12px;
       right: 12px; }
-  /* line 112, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 111, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical > .splitter.flush-right {
     width: 13px; }
-    /* line 114, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 113, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.vertical > .splitter.flush-right:after {
       background-color: transparent;
       left: auto;
       right: 0;
       width: 1px; }
-    /* line 118, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 117, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.vertical > .splitter.flush-right.edge-shdw {
       background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
       background-size: 100%;
@@ -1215,13 +1215,6 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
       background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
       background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%); }
 
-/*.browse-area .splitter {
-	top: 0; //$ueTopBarH + $interiorMarginLg;
-}
-
-.edit-area .splitter {
-	top: 0;
-}*/
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -2226,58 +2219,58 @@ label.checkbox.custom {
       top: 0;
       position: absolute;
       text-align: center; }
-  /* line 146, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 145, ../../../../general/res/sass/controls/_controls.scss */
   label.checkbox.custom.no-text {
     overflow: hidden;
     margin-right: 0;
     padding-left: 0;
     height: 14px;
     width: 14px; }
-    /* line 152, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 151, ../../../../general/res/sass/controls/_controls.scss */
     label.checkbox.custom.no-text em {
       overflow: hidden; }
-  /* line 156, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 155, ../../../../general/res/sass/controls/_controls.scss */
   label.checkbox.custom input {
     display: none; }
-    /* line 158, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 157, ../../../../general/res/sass/controls/_controls.scss */
     label.checkbox.custom input:checked ~ em:before {
       background: #0099cc;
       color: #ccf2ff;
       content: "2"; }
 
-/* line 166, ../../../../general/res/sass/controls/_controls.scss */
+/* line 165, ../../../../general/res/sass/controls/_controls.scss */
 .input-labeled {
   margin-left: 5px; }
-  /* line 168, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 167, ../../../../general/res/sass/controls/_controls.scss */
   .input-labeled label {
     display: inline-block;
     margin-right: 3px; }
-  /* line 172, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 171, ../../../../general/res/sass/controls/_controls.scss */
   .input-labeled.inline {
     display: inline-block; }
-  /* line 175, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 174, ../../../../general/res/sass/controls/_controls.scss */
   .input-labeled:first-child {
     margin-left: 0; }
 
-/* line 180, ../../../../general/res/sass/controls/_controls.scss */
+/* line 179, ../../../../general/res/sass/controls/_controls.scss */
 .s-menu-btn label.checkbox.custom {
   margin-left: 5px; }
 
-/* line 185, ../../../../general/res/sass/controls/_controls.scss */
+/* line 184, ../../../../general/res/sass/controls/_controls.scss */
 .item .checkbox.checked label {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-bottom: none; }
 
-/* line 191, ../../../../general/res/sass/controls/_controls.scss */
+/* line 190, ../../../../general/res/sass/controls/_controls.scss */
 .context-available {
   color: #0099cc; }
-  /* line 194, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 193, ../../../../general/res/sass/controls/_controls.scss */
   .context-available:hover {
     color: deepskyblue; }
 
-/* line 199, ../../../../general/res/sass/controls/_controls.scss */
+/* line 198, ../../../../general/res/sass/controls/_controls.scss */
 .view-switcher {
   -moz-transition-property: opacity, background-color, border-color, color;
   -o-transition-property: opacity, background-color, border-color, color;
@@ -2297,22 +2290,22 @@ label.checkbox.custom {
   transition-delay: 0; }
 
 /******************************************************** OBJECT-HEADER */
-/* line 204, ../../../../general/res/sass/controls/_controls.scss */
+/* line 203, ../../../../general/res/sass/controls/_controls.scss */
 .object-header {
   font-size: 1em; }
-  /* line 208, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 206, ../../../../general/res/sass/controls/_controls.scss */
   .object-header > .type-icon {
     color: #cccccc;
     font-size: 120%;
     float: left;
     margin-right: 5px; }
-  /* line 218, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 214, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .l-elem-wrapper mct-representation {
     min-width: 0.7em; }
-  /* line 226, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 222, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .action {
     margin-right: 5px; }
-  /* line 230, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 226, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .title-label {
     color: #999;
     overflow: hidden;
@@ -2321,13 +2314,13 @@ label.checkbox.custom {
     flex: 0 1 auto;
     -webkit-flex: 0 1 auto;
     padding-right: 0.35em; }
-  /* line 240, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 233, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .context-available {
     font-size: 0.7em;
     flex: 0 0 1;
     -webkit-flex: 0 0 1; }
   @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-    /* line 247, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 239, ../../../../general/res/sass/controls/_controls.scss */
     .object-header .context-available {
       -moz-transition-property: opacity;
       -o-transition-property: opacity;
@@ -2346,7 +2339,7 @@ label.checkbox.custom {
       -webkit-transition-delay: 0;
       transition-delay: 0;
       opacity: 0; }
-    /* line 252, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 244, ../../../../general/res/sass/controls/_controls.scss */
     .object-header:hover .context-available {
       opacity: 1; } }
 
@@ -2360,12 +2353,12 @@ label.checkbox.custom {
 @keyframes progress {
   100% {
     background-position: 20px center; } }
-/* line 274, ../../../../general/res/sass/controls/_controls.scss */
+/* line 266, ../../../../general/res/sass/controls/_controls.scss */
 .l-progress-bar {
   display: inline-block;
   overflow: hidden;
   position: relative; }
-  /* line 280, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 272, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar .progress-amt-holder {
     overflow: hidden;
     position: absolute;
@@ -2375,7 +2368,7 @@ label.checkbox.custom {
     left: 1px;
     width: auto;
     height: auto; }
-  /* line 283, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 275, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar .progress-amt,
   .l-progress-bar .progress-amt:before,
   .l-progress-bar .progress-amt:after {
@@ -2389,14 +2382,14 @@ label.checkbox.custom {
     height: auto;
     display: block;
     content: ''; }
-  /* line 291, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 283, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar .progress-amt {
     right: auto; }
-  /* line 296, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 288, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar.indeterminate .progress-amt {
     width: 100% !important; }
 
-/* line 302, ../../../../general/res/sass/controls/_controls.scss */
+/* line 294, ../../../../general/res/sass/controls/_controls.scss */
 .s-progress-bar {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
@@ -2405,7 +2398,7 @@ label.checkbox.custom {
   -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
   box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
   background: rgba(0, 0, 0, 0.1); }
-  /* line 307, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 298, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar .progress-amt {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
@@ -2432,10 +2425,10 @@ label.checkbox.custom {
     -o-transition-delay: 0;
     -webkit-transition-delay: 0;
     transition-delay: 0; }
-    /* line 312, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 303, ../../../../general/res/sass/controls/_controls.scss */
     .s-progress-bar .progress-amt:before {
       background-color: #0099cc; }
-    /* line 315, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 306, ../../../../general/res/sass/controls/_controls.scss */
     .s-progress-bar .progress-amt:after {
       background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
       background-size: 100%;
@@ -2443,7 +2436,7 @@ label.checkbox.custom {
       background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
       background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
       background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
-  /* line 324, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 315, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar:not(.indeterminate) .progress-amt:before {
     -moz-animation: progress 0.4s linear infinite;
     -webkit-animation: progress 0.4s linear infinite;
@@ -2456,7 +2449,7 @@ label.checkbox.custom {
     background-position: 0 center;
     background-repeat: repeat-x;
     background-size: 20px 40%; }
-  /* line 332, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 323, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar.indeterminate .progress-amt:before {
     -moz-animation: progress 0.6s linear infinite;
     -webkit-animation: progress 0.6s linear infinite;
@@ -2468,12 +2461,12 @@ label.checkbox.custom {
     background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
     background-repeat: repeat;
     background-size: 20px 20px; }
-  /* line 337, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 328, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar.indeterminate .progress-amt:after {
     display: none; }
 
 /******************************************************** SLIDERS */
-/* line 345, ../../../../general/res/sass/controls/_controls.scss */
+/* line 336, ../../../../general/res/sass/controls/_controls.scss */
 .slider .slot {
   width: auto;
   position: absolute;
@@ -2481,7 +2474,7 @@ label.checkbox.custom {
   right: 0;
   bottom: 0;
   left: 0; }
-/* line 355, ../../../../general/res/sass/controls/_controls.scss */
+/* line 344, ../../../../general/res/sass/controls/_controls.scss */
 .slider .knob {
   -moz-transition-property: opacity, background-color, border-color, color;
   -o-transition-property: opacity, background-color, border-color, color;
@@ -2507,10 +2500,10 @@ label.checkbox.custom {
   auto: 0;
   bottom: auto;
   left: auto; }
-  /* line 358, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 347, ../../../../general/res/sass/controls/_controls.scss */
   .slider .knob:hover {
     background-color: #0099cc; }
-/* line 369, ../../../../general/res/sass/controls/_controls.scss */
+/* line 358, ../../../../general/res/sass/controls/_controls.scss */
 .slider .knob-l {
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
@@ -2519,7 +2512,7 @@ label.checkbox.custom {
   -webkit-border-bottom-left-radius: 10px;
   border-bottom-left-radius: 10px;
   cursor: w-resize; }
-/* line 373, ../../../../general/res/sass/controls/_controls.scss */
+/* line 362, ../../../../general/res/sass/controls/_controls.scss */
 .slider .knob-r {
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
@@ -2528,7 +2521,7 @@ label.checkbox.custom {
   -webkit-border-bottom-right-radius: 10px;
   border-bottom-right-radius: 10px;
   cursor: e-resize; }
-/* line 377, ../../../../general/res/sass/controls/_controls.scss */
+/* line 366, ../../../../general/res/sass/controls/_controls.scss */
 .slider .range {
   -moz-transition-property: opacity, background-color, border-color, color;
   -o-transition-property: opacity, background-color, border-color, color;
@@ -2555,12 +2548,12 @@ label.checkbox.custom {
   left: auto;
   height: auto;
   width: auto; }
-  /* line 388, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 377, ../../../../general/res/sass/controls/_controls.scss */
   .slider .range:hover {
     background-color: rgba(0, 153, 204, 0.5); }
 
 /******************************************************** DATETIME PICKER */
-/* line 395, ../../../../general/res/sass/controls/_controls.scss */
+/* line 384, ../../../../general/res/sass/controls/_controls.scss */
 .l-datetime-picker {
   -moz-user-select: -moz-none;
   -ms-user-select: none;
@@ -2569,65 +2562,65 @@ label.checkbox.custom {
   font-size: 0.8rem;
   padding: 10px !important;
   width: 230px; }
-  /* line 401, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 390, ../../../../general/res/sass/controls/_controls.scss */
   .l-datetime-picker .l-month-year-pager {
     height: 15px;
     margin-bottom: 5px;
     position: relative; }
-    /* line 413, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 399, ../../../../general/res/sass/controls/_controls.scss */
     .l-datetime-picker .l-month-year-pager .pager {
       width: 20px; }
-      /* line 416, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 402, ../../../../general/res/sass/controls/_controls.scss */
       .l-datetime-picker .l-month-year-pager .pager.prev {
         right: auto; }
-        /* line 418, ../../../../general/res/sass/controls/_controls.scss */
+        /* line 404, ../../../../general/res/sass/controls/_controls.scss */
         .l-datetime-picker .l-month-year-pager .pager.prev:before {
           content: "\3c"; }
-      /* line 422, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 408, ../../../../general/res/sass/controls/_controls.scss */
       .l-datetime-picker .l-month-year-pager .pager.next {
         left: auto;
         text-align: right; }
-        /* line 425, ../../../../general/res/sass/controls/_controls.scss */
+        /* line 411, ../../../../general/res/sass/controls/_controls.scss */
         .l-datetime-picker .l-month-year-pager .pager.next:before {
           content: "\3e"; }
-    /* line 430, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 416, ../../../../general/res/sass/controls/_controls.scss */
     .l-datetime-picker .l-month-year-pager .val {
       text-align: center;
       left: 25px;
       right: 25px; }
-  /* line 436, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 422, ../../../../general/res/sass/controls/_controls.scss */
   .l-datetime-picker .l-calendar,
   .l-datetime-picker .l-time-selects {
     border-top: 1px solid rgba(153, 153, 153, 0.1); }
-  /* line 440, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 426, ../../../../general/res/sass/controls/_controls.scss */
   .l-datetime-picker .l-time-selects {
     line-height: 22px; }
 
 /******************************************************** CALENDAR */
-/* line 448, ../../../../general/res/sass/controls/_controls.scss */
+/* line 434, ../../../../general/res/sass/controls/_controls.scss */
 .l-calendar ul.l-cal-row {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row nowrap;
   flex-flow: row nowrap;
   margin-top: 1px; }
-  /* line 452, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 438, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row:first-child {
     margin-top: 0; }
-  /* line 455, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 441, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row li {
     -webkit-flex: 1 0;
     flex: 1 0;
     margin-left: 1px;
     padding: 5px;
     text-align: center; }
-    /* line 461, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 446, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row li:first-child {
       margin-left: 0; }
-  /* line 465, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 450, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row.l-header li {
     color: #b3b3b3; }
-  /* line 468, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 453, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row.l-body li {
     -moz-transition-property: background-color;
     -o-transition-property: background-color;
@@ -2646,31 +2639,31 @@ label.checkbox.custom {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     cursor: pointer; }
-    /* line 471, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 456, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li.in-month {
       background-color: #616161; }
-    /* line 474, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 459, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li .sub {
       color: #b3b3b3;
       font-size: 0.8em; }
-    /* line 478, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 463, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li.selected {
       background: #006080;
       color: #cccccc; }
-      /* line 481, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 466, ../../../../general/res/sass/controls/_controls.scss */
       .l-calendar ul.l-cal-row.l-body li.selected .sub {
         color: inherit; }
-    /* line 485, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 470, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li:hover {
       background-color: #0099cc;
       color: #fff; }
-      /* line 488, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 473, ../../../../general/res/sass/controls/_controls.scss */
       .l-calendar ul.l-cal-row.l-body li:hover .sub {
         color: inherit; }
 
 /******************************************************** BROWSER ELEMENTS */
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 499, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 484, ../../../../general/res/sass/controls/_controls.scss */
   ::-webkit-scrollbar {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
@@ -2685,7 +2678,7 @@ label.checkbox.custom {
     height: 10px;
     width: 10px; }
 
-  /* line 508, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 493, ../../../../general/res/sass/controls/_controls.scss */
   ::-webkit-scrollbar-thumb {
     background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
     background-size: 100%;
@@ -2699,7 +2692,7 @@ label.checkbox.custom {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
-    /* line 517, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 500, ../../../../general/res/sass/controls/_controls.scss */
     ::-webkit-scrollbar-thumb:hover {
       background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
       background-size: 100%;
@@ -2708,7 +2701,7 @@ label.checkbox.custom {
       background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
       background-image: linear-gradient(#5e5e5e, #525252 20px); }
 
-  /* line 522, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 505, ../../../../general/res/sass/controls/_controls.scss */
   ::-webkit-scrollbar-corner {
     background: rgba(0, 0, 0, 0.4); } }
 /*****************************************************************************
@@ -4420,7 +4413,7 @@ span.req {
   background: #000;
   color: gray;
   font-size: .7rem; }
-  /* line 90, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4439,7 +4432,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 97, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4456,68 +4449,68 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 104, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 113, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 123, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 127, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 135, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 133, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 149, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 151, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4535,16 +4528,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4558,30 +4551,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 198, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 195, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 205, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 202, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 220, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4592,11 +4585,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 230, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4608,13 +4601,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4630,20 +4623,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 260, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4663,7 +4656,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4682,7 +4675,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4703,44 +4696,44 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.treeview.left {
     min-width: 150px;
     max-width: 35%;
     width: 25%; }
-  /* line 329, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.t-inspect.right {
     min-width: 200px;
     max-width: 35%;
     width: 20%;
     z-index: 3; }
 
-  /* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 334, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 339, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4759,7 +4752,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
@@ -4844,11 +4837,11 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     opacity: 0 !important; }
-  /* line 71, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 67, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.right.items {
     left: 0 !important; }
 
-  /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 80, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4873,52 +4866,52 @@ span.req {
     background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
     right: auto !important;
     width: 40% !important; }
-  /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 87, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 40% !important; }
 
-  /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
   .toggle-tree {
     color: #0099cc !important;
     font-size: 110%;
     position: absolute;
     top: 12px;
     left: 10px; }
-    /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 98, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important;
       font-family: symbolsfont; }
 
-  /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 45px !important; }
-    /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 115, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 124, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 118, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 122, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-disable-select {
     -moz-user-select: -moz-none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none; }
 
-  /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -4939,7 +4932,7 @@ span.req {
     transition-delay: 0;
     opacity: 0; }
 
-  /* line 143, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -4960,21 +4953,21 @@ span.req {
     transition-delay: 0;
     opacity: 1; } }
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 155, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 149, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 0 !important;
     -moz-transform: translateX(90%);
     -ms-transform: translateX(90%);
     -webkit-transform: translateX(90%);
     transform: translateX(90%); }
-    /* line 158, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
     .pane-tree-showing .pane.right.items .holder-object-and-inspector {
       opacity: 0; } }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 166, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -5148,11 +5141,11 @@ span.req {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 49, ../../../../general/res/sass/search/_search.scss */
+  /* line 48, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     height: 25px;
     line-height: 25px; }
-  /* line 54, ../../../../general/res/sass/search/_search.scss */
+  /* line 53, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before,
   .holder-search .search-bar .clear-icon,
   .holder-search .search-bar .menu-icon {
@@ -5166,16 +5159,16 @@ span.req {
     position: absolute;
     text-align: center;
     top: 4px; }
-  /* line 67, ../../../../general/res/sass/search/_search.scss */
+  /* line 66, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 74, ../../../../general/res/sass/search/_search.scss */
+    /* line 73, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .search-input input {
       width: inherit; }
-  /* line 79, ../../../../general/res/sass/search/_search.scss */
+  /* line 78, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before {
     content: '\4d';
     font-family: symbolsfont;
@@ -5197,40 +5190,40 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     pointer-events: none; }
-  /* line 89, ../../../../general/res/sass/search/_search.scss */
+  /* line 88, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 93, ../../../../general/res/sass/search/_search.scss */
+  /* line 92, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .clear-icon {
     right: 22px;
     visibility: hidden;
     opacity: 0; }
-    /* line 99, ../../../../general/res/sass/search/_search.scss */
+    /* line 98, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon.show {
       visibility: visible;
       opacity: 1; }
-    /* line 104, ../../../../general/res/sass/search/_search.scss */
+    /* line 103, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 109, ../../../../general/res/sass/search/_search.scss */
+  /* line 108, ../../../../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 111, ../../../../general/res/sass/search/_search.scss */
+    /* line 110, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 117, ../../../../general/res/sass/search/_search.scss */
+    /* line 116, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 122, ../../../../general/res/sass/search/_search.scss */
+  /* line 121, ../../../../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 130, ../../../../general/res/sass/search/_search.scss */
+/* line 129, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5238,7 +5231,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 139, ../../../../general/res/sass/search/_search.scss */
+  /* line 137, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #737373;
     opacity: 1;
@@ -5246,7 +5239,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 149, ../../../../general/res/sass/search/_search.scss */
+/* line 147, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5266,16 +5259,16 @@ span.req {
   transition-delay: 0;
   margin-top: 10px;
   padding-right: 5px; }
-  /* line 153, ../../../../general/res/sass/search/_search.scss */
+  /* line 151, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 158, ../../../../general/res/sass/search/_search.scss */
+  /* line 156, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 162, ../../../../general/res/sass/search/_search.scss */
+  /* line 160, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
@@ -5907,43 +5900,43 @@ ul.tree {
   font-size: 0.75em;
   height: 16px;
   line-height: 16px; }
-  /* line 37, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 36, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame .object-top-bar .left {
     padding-right: 10px; }
-/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 40, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
 .l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
   top: 21px; }
-/* line 44, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 43, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame .contents {
   top: 5px;
   right: 5px;
   bottom: 5px;
   left: 5px; }
-/* line 52, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 51, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .s-btn, .frame.frame-template .s-menu-btn,
 .frame.frame-template .s-menu-btn {
   height: 16px;
   line-height: 16px;
   padding: 0 5px; }
-  /* line 57, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 56, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span,
   .frame.frame-template .s-menu-btn > span {
     font-size: 0.65rem; }
-/* line 62, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 61, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .s-menu-btn:after {
   font-size: 8px; }
-/* line 66, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .view-switcher {
   z-index: 10; }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template .view-switcher {
     opacity: 0; }
-  /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 74, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template:hover .view-switcher {
     opacity: 1; } }
-/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 82, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame .view-switcher .title-label {
   display: none; }
 
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index d27c068045..474997dd53 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -477,76 +477,76 @@ mct-container {
     margin-left: 1.5%;
     padding-left: 5px;
     position: relative; }
-    /* line 44, ../../../../general/res/sass/_archetypes.scss */
+    /* line 43, ../../../../general/res/sass/_archetypes.scss */
     .cols .col:first-child {
       margin-left: 0;
       padding-left: 0; }
-  /* line 51, ../../../../general/res/sass/_archetypes.scss */
+  /* line 50, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-2 .col-1 {
     min-width: 250px;
     width: 48.5%; }
-  /* line 57, ../../../../general/res/sass/_archetypes.scss */
+  /* line 56, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-2-ff .col-100px {
     width: 100px; }
-  /* line 64, ../../../../general/res/sass/_archetypes.scss */
+  /* line 63, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-6 .col-1 {
     min-width: 83.33333px;
     width: 15.16667%; }
-  /* line 70, ../../../../general/res/sass/_archetypes.scss */
+  /* line 69, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-16 .col-1 {
     min-width: 31.25px;
     width: 4.75%; }
-  /* line 73, ../../../../general/res/sass/_archetypes.scss */
+  /* line 72, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-16 .col-2 {
     min-width: 62.5px;
     width: 11%; }
-  /* line 76, ../../../../general/res/sass/_archetypes.scss */
+  /* line 75, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-16 .col-7 {
     min-width: 218.75px;
     width: 42.25%; }
-  /* line 82, ../../../../general/res/sass/_archetypes.scss */
+  /* line 81, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-32 .col-2 {
     min-width: 31.25px;
     width: 4.75%; }
-  /* line 85, ../../../../general/res/sass/_archetypes.scss */
+  /* line 84, ../../../../general/res/sass/_archetypes.scss */
   .cols.cols-32 .col-15 {
     min-width: 234.375px;
     width: 45.375%; }
-  /* line 89, ../../../../general/res/sass/_archetypes.scss */
+  /* line 88, ../../../../general/res/sass/_archetypes.scss */
   .cols .l-row {
     overflow: hidden;
     *zoom: 1;
     padding: 5px 0; }
 
 /********************************************* FLEX STYLES */
-/* line 96, ../../../../general/res/sass/_archetypes.scss */
+/* line 95, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row,
 .l-flex-col {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap; }
-  /* line 101, ../../../../general/res/sass/_archetypes.scss */
+  /* line 99, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-elem,
   .l-flex-col .flex-elem {
     min-height: 0;
     position: relative; }
-    /* line 105, ../../../../general/res/sass/_archetypes.scss */
+    /* line 102, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem:not(.grows),
     .l-flex-col .flex-elem:not(.grows) {
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto; }
-      /* line 107, ../../../../general/res/sass/_archetypes.scss */
+      /* line 104, ../../../../general/res/sass/_archetypes.scss */
       .l-flex-row .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 111, ../../../../general/res/sass/_archetypes.scss */
+    /* line 108, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-row .flex-elem.grows,
     .l-flex-col .flex-elem.grows {
       -webkit-flex: 1 1 auto;
       flex: 1 1 auto; }
-  /* line 115, ../../../../general/res/sass/_archetypes.scss */
+  /* line 112, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container,
   .l-flex-col .flex-container {
     display: -webkit-flex;
@@ -557,45 +557,45 @@ mct-container {
     flex: 1 1 auto;
     min-height: 0; }
 
-/* line 124, ../../../../general/res/sass/_archetypes.scss */
+/* line 121, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-row {
   -webkit-flex-direction: row;
   flex-direction: row; }
-  /* line 126, ../../../../general/res/sass/_archetypes.scss */
+  /* line 123, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row.flex-elem {
     -webkit-flex: 1 1 auto;
     flex: 1 1 auto; }
-  /* line 127, ../../../../general/res/sass/_archetypes.scss */
+  /* line 124, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-elem {
     height: inherit;
     line-height: inherit;
     min-width: 0; }
-  /* line 132, ../../../../general/res/sass/_archetypes.scss */
+  /* line 129, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-row .flex-container {
     -webkit-flex-direction: row;
     flex-direction: row; }
 
-/* line 135, ../../../../general/res/sass/_archetypes.scss */
+/* line 132, ../../../../general/res/sass/_archetypes.scss */
 .l-flex-col {
   -webkit-flex-direction: column;
   flex-direction: column; }
-  /* line 137, ../../../../general/res/sass/_archetypes.scss */
+  /* line 134, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-elem {
     min-height: 0; }
-    /* line 139, ../../../../general/res/sass/_archetypes.scss */
+    /* line 136, ../../../../general/res/sass/_archetypes.scss */
     .l-flex-col .flex-elem.holder:not(:last-child) {
       margin-bottom: 10px; }
-  /* line 141, ../../../../general/res/sass/_archetypes.scss */
+  /* line 138, ../../../../general/res/sass/_archetypes.scss */
   .l-flex-col .flex-container {
     -webkit-flex-direction: column;
     flex-direction: column; }
 
-/* line 144, ../../../../general/res/sass/_archetypes.scss */
+/* line 141, ../../../../general/res/sass/_archetypes.scss */
 .flex-fixed {
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto; }
 
-/* line 148, ../../../../general/res/sass/_archetypes.scss */
+/* line 145, ../../../../general/res/sass/_archetypes.scss */
 .flex-justify-end {
   -webkit-justify-content: flex-end;
   justify-content: flex-end; }
@@ -1130,65 +1130,65 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
     height: auto;
     background: #e3e3e3;
     display: block; }
-  /* line 47, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 46, ../../../../general/res/sass/helpers/_splitter.scss */
   .splitter:active:after {
     background-color: #0099cc !important; }
 
-/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */
+/* line 65, ../../../../general/res/sass/helpers/_splitter.scss */
 .split-layout.horizontal {
   overflow: hidden; }
-  /* line 69, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 68, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.horizontal .pane {
     left: 0;
     right: 0; }
-    /* line 72, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 71, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.horizontal .pane.top {
       bottom: auto; }
-    /* line 75, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 74, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.horizontal .pane.bottom {
       top: auto; }
-  /* line 79, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 78, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.horizontal > .splitter {
     cursor: row-resize;
     left: 0;
     right: 0;
     height: 24px; }
-    /* line 84, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 83, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.horizontal > .splitter:after {
       top: 11px;
       bottom: 11px; }
-/* line 92, ../../../../general/res/sass/helpers/_splitter.scss */
+/* line 91, ../../../../general/res/sass/helpers/_splitter.scss */
 .split-layout.vertical .pane {
   top: 0;
   bottom: 0; }
-  /* line 95, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 94, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical .pane.left {
     right: auto; }
-  /* line 98, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 97, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical .pane.right {
     left: auto; }
-/* line 102, ../../../../general/res/sass/helpers/_splitter.scss */
+/* line 101, ../../../../general/res/sass/helpers/_splitter.scss */
 .split-layout.vertical > .splitter {
   cursor: col-resize;
   top: 0;
   bottom: 0; }
-  /* line 106, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 105, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical > .splitter:not(.flush-right) {
     width: 24px; }
-    /* line 108, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 107, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.vertical > .splitter:not(.flush-right):after {
       left: 11px;
       right: 11px; }
-  /* line 112, ../../../../general/res/sass/helpers/_splitter.scss */
+  /* line 111, ../../../../general/res/sass/helpers/_splitter.scss */
   .split-layout.vertical > .splitter.flush-right {
     width: 12px; }
-    /* line 114, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 113, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.vertical > .splitter.flush-right:after {
       background-color: transparent;
       left: auto;
       right: 0;
       width: 2px; }
-    /* line 118, ../../../../general/res/sass/helpers/_splitter.scss */
+    /* line 117, ../../../../general/res/sass/helpers/_splitter.scss */
     .split-layout.vertical > .splitter.flush-right.edge-shdw {
       background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
       background-size: 100%;
@@ -1196,13 +1196,6 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
       background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
       background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%); }
 
-/*.browse-area .splitter {
-	top: 0; //$ueTopBarH + $interiorMarginLg;
-}
-
-.edit-area .splitter {
-	top: 0;
-}*/
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -2171,58 +2164,58 @@ label.checkbox.custom {
       top: 0;
       position: absolute;
       text-align: center; }
-  /* line 146, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 145, ../../../../general/res/sass/controls/_controls.scss */
   label.checkbox.custom.no-text {
     overflow: hidden;
     margin-right: 0;
     padding-left: 0;
     height: 14px;
     width: 14px; }
-    /* line 152, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 151, ../../../../general/res/sass/controls/_controls.scss */
     label.checkbox.custom.no-text em {
       overflow: hidden; }
-  /* line 156, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 155, ../../../../general/res/sass/controls/_controls.scss */
   label.checkbox.custom input {
     display: none; }
-    /* line 158, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 157, ../../../../general/res/sass/controls/_controls.scss */
     label.checkbox.custom input:checked ~ em:before {
       background: #0099cc;
       color: #ccf2ff;
       content: "2"; }
 
-/* line 166, ../../../../general/res/sass/controls/_controls.scss */
+/* line 165, ../../../../general/res/sass/controls/_controls.scss */
 .input-labeled {
   margin-left: 5px; }
-  /* line 168, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 167, ../../../../general/res/sass/controls/_controls.scss */
   .input-labeled label {
     display: inline-block;
     margin-right: 3px; }
-  /* line 172, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 171, ../../../../general/res/sass/controls/_controls.scss */
   .input-labeled.inline {
     display: inline-block; }
-  /* line 175, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 174, ../../../../general/res/sass/controls/_controls.scss */
   .input-labeled:first-child {
     margin-left: 0; }
 
-/* line 180, ../../../../general/res/sass/controls/_controls.scss */
+/* line 179, ../../../../general/res/sass/controls/_controls.scss */
 .s-menu-btn label.checkbox.custom {
   margin-left: 5px; }
 
-/* line 185, ../../../../general/res/sass/controls/_controls.scss */
+/* line 184, ../../../../general/res/sass/controls/_controls.scss */
 .item .checkbox.checked label {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-bottom: none; }
 
-/* line 191, ../../../../general/res/sass/controls/_controls.scss */
+/* line 190, ../../../../general/res/sass/controls/_controls.scss */
 .context-available {
   color: #0099cc; }
-  /* line 194, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 193, ../../../../general/res/sass/controls/_controls.scss */
   .context-available:hover {
     color: deepskyblue; }
 
-/* line 199, ../../../../general/res/sass/controls/_controls.scss */
+/* line 198, ../../../../general/res/sass/controls/_controls.scss */
 .view-switcher {
   -moz-transition-property: opacity, background-color, border-color, color;
   -o-transition-property: opacity, background-color, border-color, color;
@@ -2242,22 +2235,22 @@ label.checkbox.custom {
   transition-delay: 0; }
 
 /******************************************************** OBJECT-HEADER */
-/* line 204, ../../../../general/res/sass/controls/_controls.scss */
+/* line 203, ../../../../general/res/sass/controls/_controls.scss */
 .object-header {
   font-size: 1em; }
-  /* line 208, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 206, ../../../../general/res/sass/controls/_controls.scss */
   .object-header > .type-icon {
     color: #b3b3b3;
     font-size: 120%;
     float: left;
     margin-right: 5px; }
-  /* line 218, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 214, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .l-elem-wrapper mct-representation {
     min-width: 0.7em; }
-  /* line 226, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 222, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .action {
     margin-right: 5px; }
-  /* line 230, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 226, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .title-label {
     color: #666;
     overflow: hidden;
@@ -2266,13 +2259,13 @@ label.checkbox.custom {
     flex: 0 1 auto;
     -webkit-flex: 0 1 auto;
     padding-right: 0.35em; }
-  /* line 240, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 233, ../../../../general/res/sass/controls/_controls.scss */
   .object-header .context-available {
     font-size: 0.7em;
     flex: 0 0 1;
     -webkit-flex: 0 0 1; }
   @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-    /* line 247, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 239, ../../../../general/res/sass/controls/_controls.scss */
     .object-header .context-available {
       -moz-transition-property: opacity;
       -o-transition-property: opacity;
@@ -2291,7 +2284,7 @@ label.checkbox.custom {
       -webkit-transition-delay: 0;
       transition-delay: 0;
       opacity: 0; }
-    /* line 252, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 244, ../../../../general/res/sass/controls/_controls.scss */
     .object-header:hover .context-available {
       opacity: 1; } }
 
@@ -2305,12 +2298,12 @@ label.checkbox.custom {
 @keyframes progress {
   100% {
     background-position: 20px center; } }
-/* line 274, ../../../../general/res/sass/controls/_controls.scss */
+/* line 266, ../../../../general/res/sass/controls/_controls.scss */
 .l-progress-bar {
   display: inline-block;
   overflow: hidden;
   position: relative; }
-  /* line 280, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 272, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar .progress-amt-holder {
     overflow: hidden;
     position: absolute;
@@ -2320,7 +2313,7 @@ label.checkbox.custom {
     left: 1px;
     width: auto;
     height: auto; }
-  /* line 283, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 275, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar .progress-amt,
   .l-progress-bar .progress-amt:before,
   .l-progress-bar .progress-amt:after {
@@ -2334,14 +2327,14 @@ label.checkbox.custom {
     height: auto;
     display: block;
     content: ''; }
-  /* line 291, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 283, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar .progress-amt {
     right: auto; }
-  /* line 296, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 288, ../../../../general/res/sass/controls/_controls.scss */
   .l-progress-bar.indeterminate .progress-amt {
     width: 100% !important; }
 
-/* line 302, ../../../../general/res/sass/controls/_controls.scss */
+/* line 294, ../../../../general/res/sass/controls/_controls.scss */
 .s-progress-bar {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -2350,7 +2343,7 @@ label.checkbox.custom {
   -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
   box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
   background: rgba(0, 0, 0, 0.1); }
-  /* line 307, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 298, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar .progress-amt {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
@@ -2377,10 +2370,10 @@ label.checkbox.custom {
     -o-transition-delay: 0;
     -webkit-transition-delay: 0;
     transition-delay: 0; }
-    /* line 312, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 303, ../../../../general/res/sass/controls/_controls.scss */
     .s-progress-bar .progress-amt:before {
       background-color: #0a0; }
-    /* line 315, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 306, ../../../../general/res/sass/controls/_controls.scss */
     .s-progress-bar .progress-amt:after {
       background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
       background-size: 100%;
@@ -2388,7 +2381,7 @@ label.checkbox.custom {
       background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
       background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
       background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
-  /* line 324, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 315, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar:not(.indeterminate) .progress-amt:before {
     -moz-animation: progress 0.4s linear infinite;
     -webkit-animation: progress 0.4s linear infinite;
@@ -2401,7 +2394,7 @@ label.checkbox.custom {
     background-position: 0 center;
     background-repeat: repeat-x;
     background-size: 20px 40%; }
-  /* line 332, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 323, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar.indeterminate .progress-amt:before {
     -moz-animation: progress 0.6s linear infinite;
     -webkit-animation: progress 0.6s linear infinite;
@@ -2413,12 +2406,12 @@ label.checkbox.custom {
     background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
     background-repeat: repeat;
     background-size: 20px 20px; }
-  /* line 337, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 328, ../../../../general/res/sass/controls/_controls.scss */
   .s-progress-bar.indeterminate .progress-amt:after {
     display: none; }
 
 /******************************************************** SLIDERS */
-/* line 345, ../../../../general/res/sass/controls/_controls.scss */
+/* line 336, ../../../../general/res/sass/controls/_controls.scss */
 .slider .slot {
   width: auto;
   position: absolute;
@@ -2426,7 +2419,7 @@ label.checkbox.custom {
   right: 0;
   bottom: 0;
   left: 0; }
-/* line 355, ../../../../general/res/sass/controls/_controls.scss */
+/* line 344, ../../../../general/res/sass/controls/_controls.scss */
 .slider .knob {
   -moz-transition-property: opacity, background-color, border-color, color;
   -o-transition-property: opacity, background-color, border-color, color;
@@ -2452,10 +2445,10 @@ label.checkbox.custom {
   auto: 0;
   bottom: auto;
   left: auto; }
-  /* line 358, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 347, ../../../../general/res/sass/controls/_controls.scss */
   .slider .knob:hover {
     background-color: rgba(0, 153, 204, 0.7); }
-/* line 369, ../../../../general/res/sass/controls/_controls.scss */
+/* line 358, ../../../../general/res/sass/controls/_controls.scss */
 .slider .knob-l {
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
@@ -2464,7 +2457,7 @@ label.checkbox.custom {
   -webkit-border-bottom-left-radius: 10px;
   border-bottom-left-radius: 10px;
   cursor: w-resize; }
-/* line 373, ../../../../general/res/sass/controls/_controls.scss */
+/* line 362, ../../../../general/res/sass/controls/_controls.scss */
 .slider .knob-r {
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
@@ -2473,7 +2466,7 @@ label.checkbox.custom {
   -webkit-border-bottom-right-radius: 10px;
   border-bottom-right-radius: 10px;
   cursor: e-resize; }
-/* line 377, ../../../../general/res/sass/controls/_controls.scss */
+/* line 366, ../../../../general/res/sass/controls/_controls.scss */
 .slider .range {
   -moz-transition-property: opacity, background-color, border-color, color;
   -o-transition-property: opacity, background-color, border-color, color;
@@ -2500,12 +2493,12 @@ label.checkbox.custom {
   left: auto;
   height: auto;
   width: auto; }
-  /* line 388, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 377, ../../../../general/res/sass/controls/_controls.scss */
   .slider .range:hover {
     background-color: rgba(0, 153, 204, 0.4); }
 
 /******************************************************** DATETIME PICKER */
-/* line 395, ../../../../general/res/sass/controls/_controls.scss */
+/* line 384, ../../../../general/res/sass/controls/_controls.scss */
 .l-datetime-picker {
   -moz-user-select: -moz-none;
   -ms-user-select: none;
@@ -2514,65 +2507,65 @@ label.checkbox.custom {
   font-size: 0.8rem;
   padding: 10px !important;
   width: 230px; }
-  /* line 401, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 390, ../../../../general/res/sass/controls/_controls.scss */
   .l-datetime-picker .l-month-year-pager {
     height: 15px;
     margin-bottom: 5px;
     position: relative; }
-    /* line 413, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 399, ../../../../general/res/sass/controls/_controls.scss */
     .l-datetime-picker .l-month-year-pager .pager {
       width: 20px; }
-      /* line 416, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 402, ../../../../general/res/sass/controls/_controls.scss */
       .l-datetime-picker .l-month-year-pager .pager.prev {
         right: auto; }
-        /* line 418, ../../../../general/res/sass/controls/_controls.scss */
+        /* line 404, ../../../../general/res/sass/controls/_controls.scss */
         .l-datetime-picker .l-month-year-pager .pager.prev:before {
           content: "\3c"; }
-      /* line 422, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 408, ../../../../general/res/sass/controls/_controls.scss */
       .l-datetime-picker .l-month-year-pager .pager.next {
         left: auto;
         text-align: right; }
-        /* line 425, ../../../../general/res/sass/controls/_controls.scss */
+        /* line 411, ../../../../general/res/sass/controls/_controls.scss */
         .l-datetime-picker .l-month-year-pager .pager.next:before {
           content: "\3e"; }
-    /* line 430, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 416, ../../../../general/res/sass/controls/_controls.scss */
     .l-datetime-picker .l-month-year-pager .val {
       text-align: center;
       left: 25px;
       right: 25px; }
-  /* line 436, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 422, ../../../../general/res/sass/controls/_controls.scss */
   .l-datetime-picker .l-calendar,
   .l-datetime-picker .l-time-selects {
     border-top: 1px solid rgba(102, 102, 102, 0.2); }
-  /* line 440, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 426, ../../../../general/res/sass/controls/_controls.scss */
   .l-datetime-picker .l-time-selects {
     line-height: 22px; }
 
 /******************************************************** CALENDAR */
-/* line 448, ../../../../general/res/sass/controls/_controls.scss */
+/* line 434, ../../../../general/res/sass/controls/_controls.scss */
 .l-calendar ul.l-cal-row {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row nowrap;
   flex-flow: row nowrap;
   margin-top: 1px; }
-  /* line 452, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 438, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row:first-child {
     margin-top: 0; }
-  /* line 455, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 441, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row li {
     -webkit-flex: 1 0;
     flex: 1 0;
     margin-left: 1px;
     padding: 5px;
     text-align: center; }
-    /* line 461, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 446, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row li:first-child {
       margin-left: 0; }
-  /* line 465, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 450, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row.l-header li {
     color: #999999; }
-  /* line 468, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 453, ../../../../general/res/sass/controls/_controls.scss */
   .l-calendar ul.l-cal-row.l-body li {
     -moz-transition-property: background-color;
     -o-transition-property: background-color;
@@ -2591,31 +2584,31 @@ label.checkbox.custom {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     cursor: pointer; }
-    /* line 471, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 456, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li.in-month {
       background-color: #f2f2f2; }
-    /* line 474, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 459, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li .sub {
       color: #999999;
       font-size: 0.8em; }
-    /* line 478, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 463, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li.selected {
       background: #1ac6ff;
       color: #fcfcfc; }
-      /* line 481, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 466, ../../../../general/res/sass/controls/_controls.scss */
       .l-calendar ul.l-cal-row.l-body li.selected .sub {
         color: inherit; }
-    /* line 485, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 470, ../../../../general/res/sass/controls/_controls.scss */
     .l-calendar ul.l-cal-row.l-body li:hover {
       background-color: #0099cc;
       color: #fff; }
-      /* line 488, ../../../../general/res/sass/controls/_controls.scss */
+      /* line 473, ../../../../general/res/sass/controls/_controls.scss */
       .l-calendar ul.l-cal-row.l-body li:hover .sub {
         color: inherit; }
 
 /******************************************************** BROWSER ELEMENTS */
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 499, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 484, ../../../../general/res/sass/controls/_controls.scss */
   ::-webkit-scrollbar {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
@@ -2630,7 +2623,7 @@ label.checkbox.custom {
     height: 10px;
     width: 10px; }
 
-  /* line 508, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 493, ../../../../general/res/sass/controls/_controls.scss */
   ::-webkit-scrollbar-thumb {
     background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
     background-size: 100%;
@@ -2644,7 +2637,7 @@ label.checkbox.custom {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
-    /* line 517, ../../../../general/res/sass/controls/_controls.scss */
+    /* line 500, ../../../../general/res/sass/controls/_controls.scss */
     ::-webkit-scrollbar-thumb:hover {
       background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
       background-size: 100%;
@@ -2653,7 +2646,7 @@ label.checkbox.custom {
       background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
       background-image: linear-gradient(#00ace6, #0099cc 20px); }
 
-  /* line 522, ../../../../general/res/sass/controls/_controls.scss */
+  /* line 505, ../../../../general/res/sass/controls/_controls.scss */
   ::-webkit-scrollbar-corner {
     background: rgba(0, 0, 0, 0.1); } }
 /*****************************************************************************
@@ -4342,7 +4335,7 @@ span.req {
   background: #000;
   color: white;
   font-size: .7rem; }
-  /* line 90, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .status-holder {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4361,7 +4354,7 @@ span.req {
     right: 120px;
     text-transform: uppercase;
     z-index: 1; }
-  /* line 99, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 97, ../../../../general/res/sass/user-environ/_layout.scss */
   .user-environ .ue-bottom-bar .app-logo {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4378,68 +4371,68 @@ span.req {
     left: auto;
     width: 105px;
     z-index: 2; }
-    /* line 106, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 104, ../../../../general/res/sass/user-environ/_layout.scss */
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 113, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 123, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 127, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 135, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 133, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 149, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 151, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4457,16 +4450,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4480,30 +4473,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 198, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 195, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 205, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 202, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 220, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4514,11 +4507,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 233, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 230, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4530,13 +4523,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 252, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 249, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4552,20 +4545,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 260, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4585,7 +4578,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4604,7 +4597,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4625,44 +4618,44 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.treeview.left {
     min-width: 150px;
     max-width: 35%;
     width: 25%; }
-  /* line 329, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .split-pane-component.pane.t-inspect.right {
     min-width: 200px;
     max-width: 35%;
     width: 20%;
     z-index: 3; }
 
-  /* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 334, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 339, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4681,7 +4674,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
@@ -4766,11 +4759,11 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     opacity: 0 !important; }
-  /* line 71, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 67, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-hidden .pane.right.items {
     left: 0 !important; }
 
-  /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 80, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
@@ -4795,52 +4788,52 @@ span.req {
     background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
     right: auto !important;
     width: 40% !important; }
-  /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 87, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 40% !important; }
 
-  /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
   .toggle-tree {
     color: #0099cc !important;
     font-size: 110%;
     position: absolute;
     top: 12px;
     left: 10px; }
-    /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 98, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important;
       font-family: symbolsfont; }
 
-  /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 45px !important; }
-    /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 106, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 115, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 109, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 124, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 118, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 122, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-disable-select {
     -moz-user-select: -moz-none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none; }
 
-  /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -4861,7 +4854,7 @@ span.req {
     transition-delay: 0;
     opacity: 0; }
 
-  /* line 143, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -4882,21 +4875,21 @@ span.req {
     transition-delay: 0;
     opacity: 1; } }
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
-  /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 155, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 149, ../../../../general/res/sass/mobile/_layout.scss */
   .pane-tree-showing .pane.right.items {
     left: 0 !important;
     -moz-transform: translateX(90%);
     -ms-transform: translateX(90%);
     -webkit-transform: translateX(90%);
     transform: translateX(90%); }
-    /* line 158, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
     .pane-tree-showing .pane.right.items .holder-object-and-inspector {
       opacity: 0; } }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 166, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -5070,11 +5063,11 @@ span.req {
   font-size: 0.8em;
   max-width: 250px;
   position: relative; }
-  /* line 49, ../../../../general/res/sass/search/_search.scss */
+  /* line 48, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     height: 25px;
     line-height: 25px; }
-  /* line 54, ../../../../general/res/sass/search/_search.scss */
+  /* line 53, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before,
   .holder-search .search-bar .clear-icon,
   .holder-search .search-bar .menu-icon {
@@ -5088,16 +5081,16 @@ span.req {
     position: absolute;
     text-align: center;
     top: 4px; }
-  /* line 67, ../../../../general/res/sass/search/_search.scss */
+  /* line 66, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .search-input {
     position: relative;
     width: 100%;
     padding-left: 22px !important;
     padding-right: 44px !important; }
-    /* line 74, ../../../../general/res/sass/search/_search.scss */
+    /* line 73, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .search-input input {
       width: inherit; }
-  /* line 79, ../../../../general/res/sass/search/_search.scss */
+  /* line 78, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:before {
     content: '\4d';
     font-family: symbolsfont;
@@ -5119,40 +5112,40 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0;
     pointer-events: none; }
-  /* line 89, ../../../../general/res/sass/search/_search.scss */
+  /* line 88, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar:hover:before {
     color: #8c8c8c; }
-  /* line 93, ../../../../general/res/sass/search/_search.scss */
+  /* line 92, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-bar .clear-icon {
     right: 22px;
     visibility: hidden;
     opacity: 0; }
-    /* line 99, ../../../../general/res/sass/search/_search.scss */
+    /* line 98, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon.show {
       visibility: visible;
       opacity: 1; }
-    /* line 104, ../../../../general/res/sass/search/_search.scss */
+    /* line 103, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .clear-icon:hover {
       color: #8c8c8c; }
-  /* line 109, ../../../../general/res/sass/search/_search.scss */
+  /* line 108, ../../../../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 111, ../../../../general/res/sass/search/_search.scss */
+    /* line 110, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:before {
       content: '\76'; }
-    /* line 117, ../../../../general/res/sass/search/_search.scss */
+    /* line 116, ../../../../general/res/sass/search/_search.scss */
     .holder-search .search-bar .menu-icon:hover {
       color: #8c8c8c; }
-  /* line 122, ../../../../general/res/sass/search/_search.scss */
+  /* line 121, ../../../../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 130, ../../../../general/res/sass/search/_search.scss */
+/* line 129, ../../../../general/res/sass/search/_search.scss */
 .holder-search .active-filter-display {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -5160,7 +5153,7 @@ span.req {
   line-height: 130%;
   padding-left: 1.4625em;
   font-size: 0.65em; }
-  /* line 139, ../../../../general/res/sass/search/_search.scss */
+  /* line 137, ../../../../general/res/sass/search/_search.scss */
   .holder-search .active-filter-display .clear-filters-icon {
     color: #a6a6a6;
     opacity: 1;
@@ -5168,7 +5161,7 @@ span.req {
     position: absolute;
     left: 1px;
     cursor: pointer; }
-/* line 149, ../../../../general/res/sass/search/_search.scss */
+/* line 147, ../../../../general/res/sass/search/_search.scss */
 .holder-search .search-results {
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
@@ -5188,16 +5181,16 @@ span.req {
   transition-delay: 0;
   margin-top: 10px;
   padding-right: 5px; }
-  /* line 153, ../../../../general/res/sass/search/_search.scss */
+  /* line 151, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .hint {
     margin-bottom: 10px;
     font-size: 0.65em;
     opacity: 0.6; }
-  /* line 158, ../../../../general/res/sass/search/_search.scss */
+  /* line 156, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results.active {
     visibility: visible;
     opacity: 1; }
-  /* line 162, ../../../../general/res/sass/search/_search.scss */
+  /* line 160, ../../../../general/res/sass/search/_search.scss */
   .holder-search .search-results .load-more-button {
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
@@ -5809,43 +5802,43 @@ ul.tree {
   font-size: 0.75em;
   height: 16px;
   line-height: 16px; }
-  /* line 37, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 36, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame .object-top-bar .left {
     padding-right: 10px; }
-/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 40, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
 .l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
   top: 21px; }
-/* line 44, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 43, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame .contents {
   top: 5px;
   right: 5px;
   bottom: 5px;
   left: 5px; }
-/* line 52, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 51, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .s-btn, .frame.frame-template .s-menu-btn,
 .frame.frame-template .s-menu-btn {
   height: 16px;
   line-height: 16px;
   padding: 0 5px; }
-  /* line 57, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 56, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span,
   .frame.frame-template .s-menu-btn > span {
     font-size: 0.65rem; }
-/* line 62, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 61, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .s-menu-btn:after {
   font-size: 8px; }
-/* line 66, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame.frame-template .view-switcher {
   z-index: 10; }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template .view-switcher {
     opacity: 0; }
-  /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */
+  /* line 74, ../../../../general/res/sass/user-environ/_frame.scss */
   .frame.frame-template:hover .view-switcher {
     opacity: 1; } }
-/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */
+/* line 82, ../../../../general/res/sass/user-environ/_frame.scss */
 .frame .view-switcher .title-label {
   display: none; }
 
diff --git a/platform/features/imagery/res/templates/imagery.html b/platform/features/imagery/res/templates/imagery.html
index 198b99e080..03ba13083b 100644
--- a/platform/features/imagery/res/templates/imagery.html
+++ b/platform/features/imagery/res/templates/imagery.html
@@ -1,5 +1,4 @@
 <div class="t-imagery" ng-controller="ImageryController as imagery">
-    <!-- Main image -->
     <div
         class="l-image-main-wrapper"
         ng-mouseenter="showLocalControls = true;"
diff --git a/platform/search/res/templates/search.html b/platform/search/res/templates/search.html
index 6c3bcde827..26cd6c1284 100644
--- a/platform/search/res/templates/search.html
+++ b/platform/search/res/templates/search.html
@@ -20,24 +20,16 @@
  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">
-    <!-- Search bar -->
     <div class="search-bar flex-elem" ng-controller="ClickAwayController as toggle">
-        <!-- Input field -->
         <input class="search-input"
                type="text"
                ng-model="ngModel.input"
                ng-keyup="controller.search()" />
-
-        <!-- Clear icon/button 'x' -->
         <a class="clear-icon"
            ng-class="{show: !(ngModel.input === '' || ngModel.input === undefined)}"
            ng-click="ngModel.input = ''; controller.search()"></a>
-
-        <!-- Menu icon/button 'v' -->
         <a class="menu-icon"
            ng-click="toggle.toggle()"></a>
-
-        <!-- Menu -->
         <mct-include key="'search-menu'"
                      class="menu-element search-menu-holder"
                      ng-class="{off: !toggle.isActive()}"
@@ -45,31 +37,19 @@
                      ng-click="toggle.setState(true)">
         </mct-include>
     </div>
-
-    <!-- Active filter display -->
     <div class="active-filter-display flex-elem"
          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>
-
-    <!-- This div exists to determine scroll bar location -->
     <div class="search-results flex-elem grows vscroll"
          ng-class="{ off: !(loading || results.length > 0), loading: loading }">
-
-        <!--ng-hide="(ngModel.input === '' || ngModel.input === undefined)"-->
-
-        <!--<div class="hint" ng-show="results.length === 0">No results found</div>-->
-        <!--<div class="hint" ng-show="results.length > 0">Displaying {{ results.length }} result<span ng-show="results.length > 1">s</span></div>-->
         <mct-representation key="'search-item'"
                             ng-repeat="result in results"
                             mct-object="result.object"
                             ng-model="ngModel">
         </mct-representation>
-        <!-- Load more button -->
         <a class="load-more-button s-btn vsm" ng-if="controller.areMore()" ng-click="controller.loadMore()">More Results</a>
     </div>