diff --git a/platform/commonUI/browse/res/templates/browse-object.html b/platform/commonUI/browse/res/templates/browse-object.html
index 12bf5af841..8e99e218a1 100644
--- a/platform/commonUI/browse/res/templates/browse-object.html
+++ b/platform/commonUI/browse/res/templates/browse-object.html
@@ -48,7 +48,8 @@
                                 class="abs object-holder">
             </mct-representation>
             <a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
-               ng-click="ngModel.toggle()"></a>
+               ng-click="ngModel.toggle()"
+                ng-class="{ collapsed : !ngModel.visible() }"></a>
         </div><!--/ t-object -->
 
         <mct-splitter class="mobile-hide" ng-class="{ hidden: !ngModel.visible()}"></mct-splitter>
diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 678b15be87..88454399f1 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -24,7 +24,7 @@
     <mct-include key="'topbar-browse'"></mct-include>
     <div class="holder browse-area s-browse-area abs browse-wrapper"
          ng-controller="PaneController as modelPaneTree"
-         ng-class="modelPaneTree.visible() ? 'browse-showtree' : 'browse-hidetree'">
+         ng-class="modelPaneTree.visible() ? 'pane-tree-showing' : 'pane-tree-hidden'">
         <mct-split-pane class='contents abs'
                         anchor='left'>
             <div class='split-pane-component treeview pane left'>
@@ -54,7 +54,7 @@
             <mct-splitter class="mobile-hide" ng-class="{ hidden: !modelPaneTree.visible()}"></mct-splitter>
 
             <div class='split-pane-component items pane right-repr'>
-                <a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()"></a>
+                <a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()" ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
                 <div class='holder abs l-mobile' id='content-area' ng-controller="PaneController as modelPaneInspect">
                     <mct-representation mct-object="navigatedObject"
                                         key="'browse-object'"
diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss
index b7ef4fe28b..c73e42040c 100644
--- a/platform/commonUI/general/res/sass/controls/_buttons.scss
+++ b/platform/commonUI/general/res/sass/controls/_buttons.scss
@@ -109,6 +109,12 @@ $pad: $interiorMargin * $baseRatio;
         //@include test(green);
         $iconD: 12px;
         $arwD: 7px;
+        $arwOffsetX: 1px;
+        $arwAnimOffsetX: 3px;
+        $arwToLeftAnimX: -1 * $arwAnimOffsetX;
+        $arwToRightAnimX: $arwAnimOffsetX;
+        $arwToLeftX: ($arwOffsetX + $arwD) * -1;
+        $arwToRightX: $iconD + $arwOffsetX;
         $c: pullForward($colorBodyBg, 15%);
         color: $c;
         cursor: pointer;
@@ -148,21 +154,41 @@ $pad: $interiorMargin * $baseRatio;
 
         &.anchor-left {
             // < []
-            $xpos: (1px + $arwD) * -1;
+            $xpos: $arwToLeftX;
             &:before {
                 content:'\3c';
                 left: $xpos;
             }
-            &:hover:before { left: $xpos - 3; }
+            &:hover:before { left: $xpos + $arwToLeftAnimX; }
+            &.collapsed {
+                $xpos: $arwToRightX;
+                &:before {
+                    content:'\3e';
+                    left: $xpos;
+                }
+                &:hover:before { left: $xpos + $arwToRightAnimX; }
+            }
         }
         &.anchor-right {
             // [] >
-            $xpos: $iconD + 2px;
+            $xpos: $arwToRightX;
             &:before {
                 content:'\3e';
                 left: $xpos;
             }
-            &:hover:before { left: $xpos + 3; }
+            &:hover:before { left: $xpos + $arwToRightAnimX; }
+            &.collapsed {
+                $xpos: $arwToLeftX;
+                &:before {
+                    content:'\3c';
+                    left: $xpos;
+                }
+                &:hover:before { left: $xpos + $arwToLeftAnimX; }
+            }
+        }
+
+        &.collapsed {
+            // State when the pane this element controls has been collapsed
         }
     }
 }
diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss
index acbf1499b6..df730e7559 100644
--- a/platform/commonUI/general/res/sass/mobile/_layout.scss
+++ b/platform/commonUI/general/res/sass/mobile/_layout.scss
@@ -59,7 +59,7 @@
 // When the tree is hidden, these are the
     // classes used for the left menu and the
     // right representation.
-    .browse-hidetree {
+    .pane-tree-hidden {
         // Sets the left tree menu when the tree
         // is hidden.
         .pane.left.treeview {
@@ -70,7 +70,7 @@
         }
     }
     
-    .browse-showtree {
+    .pane-tree-showing {
         // NOTE: DISABLED SELECTION
         // Selection disabled in both panes
         // causing cut/copy/paste menu to
@@ -143,7 +143,7 @@
 }
 
 @include phonePortrait {
-    .browse-showtree {
+    .pane-tree-showing {
         .pane.left.treeview {
             width: $proporMenuOnly !important;
         }
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index 11dc10dc4c..1c12d13c45 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -265,6 +265,9 @@
                 &:after {
                     content: 'F';
                 }
+                &.collapsed {
+                    left: -1 * $bodyMargin;
+                }
             }
             &.toggle-inspect.anchor-right {
                 $xpos: $paneOffset + $interiorMargin;
@@ -272,6 +275,9 @@
                 &:after {
                     content: '\e608';
                 }
+                &.collapsed {
+                    right: -1 * $interiorMargin;
+                }
             }
         }
     }
@@ -379,7 +385,7 @@
 // When the tree is hidden, these are the
 // classes used for the left menu and the
 // right representation.
-.browse-hidetree {
+.pane-tree-hidden {
     @include user-select(none);
     // Sets the left tree menu when the tree is hidden.
     .pane.left.treeview {
@@ -391,7 +397,7 @@
     }
 }
 
-.browse-showtree {
+.pane-tree-showing {
     // Sets the left tree menu when the tree is shown.
     .pane.left.treeview {
         @include trans-prop-nice(opacity, .4s);
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 7dcadd87a0..1a3300cd00 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -1377,14 +1377,14 @@ mct-container {
     -webkit-transition: background, 0.25s;
     transition: background, 0.25s;
     text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .s-btn.major .icon, .major.s-menu-btn .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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
         background: linear-gradient(#1ac6ff, #00bfff); }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
           color: white; } }
   /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1416,14 +1416,14 @@ mct-container {
     -webkit-transition: background, 0.25s;
     transition: background, 0.25s;
     text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
         background: linear-gradient(#6b6b6b, #5e5e5e); }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
           color: #33ccff; } }
   /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1458,14 +1458,14 @@ mct-container {
     -webkit-transition: background, 0.25s;
     transition: background, 0.25s;
     text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
         background: linear-gradient(#fe9815, #f88c01); }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
           color: white; } }
     /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1522,13 +1522,13 @@ mct-container {
     line-height: 12px;
     height: 12px;
     width: 12px; }
-    /* line 121, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 127, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:hover {
       color: #8c8c8c; }
-      /* line 123, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 129, ../../../../general/res/sass/controls/_buttons.scss */
       .mini-tab:hover:after {
         color: #0099cc; }
-    /* line 128, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 134, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:before, .mini-tab:after {
       -moz-transition-property: color;
       -o-transition-property: color;
@@ -1544,7 +1544,7 @@ mct-container {
       transition-timing-function: ease-in-out;
       display: block;
       position: absolute; }
-    /* line 135, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:before {
       -moz-transition-property: left;
       -o-transition-property: left;
@@ -1561,35 +1561,49 @@ mct-container {
       font-size: 7px;
       height: 100%;
       width: 7px; }
-    /* line 142, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 148, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:after {
       width: 100%;
       height: 100%; }
-    /* line 152, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 158, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-left:before {
       content: '\3c';
       left: -8px; }
-    /* line 156, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 162, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-left:hover:before {
       left: -11px; }
-    /* line 161, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-left.collapsed:before {
+      content: '\3e';
+      left: 13px; }
+    /* line 169, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-left.collapsed:hover:before {
+      left: 16px; }
+    /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-right:before {
       content: '\3e';
-      left: 14px; }
-    /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
+      left: 13px; }
+    /* line 179, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-right:hover:before {
-      left: 17px; } }
+      left: 16px; }
+    /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-right.collapsed:before {
+      content: '\3c';
+      left: -8px; }
+    /* line 186, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-right.collapsed:hover:before {
+      left: -11px; } }
 
-/* line 170, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
 .l-btn-set {
   font-size: 0; }
-  /* line 176, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 202, ../../../../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 182, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 208, ../../../../general/res/sass/controls/_buttons.scss */
   .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
     -moz-border-radius-topleft: 3px;
     -webkit-border-top-left-radius: 3px;
@@ -1598,7 +1612,7 @@ mct-container {
     -webkit-border-bottom-left-radius: 3px;
     border-bottom-left-radius: 3px;
     margin-left: 0; }
-  /* line 189, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 215, ../../../../general/res/sass/controls/_buttons.scss */
   .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
     -moz-border-radius-topright: 3px;
     -webkit-border-top-right-radius: 3px;
@@ -1607,7 +1621,7 @@ mct-container {
     -webkit-border-bottom-right-radius: 3px;
     border-bottom-right-radius: 3px; }
 
-/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 222, ../../../../general/res/sass/controls/_buttons.scss */
 .paused:not(.s-btn):not(.s-menu-btn) {
   border-color: #c56f01 !important;
   color: #c56f01 !important; }
@@ -2331,7 +2345,7 @@ label.checkbox.custom {
   .menu ul {
     margin: 0;
     padding: 0; }
-    /* line 331, ../../../../general/res/sass/_mixins.scss */
+    /* line 326, ../../../../general/res/sass/_mixins.scss */
     .menu ul li {
       list-style-type: none;
       margin: 0;
@@ -2885,7 +2899,7 @@ mct-include.l-time-controller {
       padding: 0 3px;
       position: relative;
       height: 150px; }
-      /* line 298, ../../../../general/res/sass/_mixins.scss */
+      /* line 293, ../../../../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 */
@@ -2942,7 +2956,7 @@ input[type="text"] {
   color: #cccccc;
   outline: none;
   padding: 0 3px; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../general/res/sass/_mixins.scss */
   input[type="text"].error {
     background: rgba(255, 0, 0, 0.5); }
   /* line 172, ../../../../general/res/sass/forms/_elems.scss */
@@ -2970,7 +2984,7 @@ textarea {
   position: absolute;
   height: 100%;
   width: 100%; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../general/res/sass/_mixins.scss */
   textarea.error {
     background: rgba(255, 0, 0, 0.5); }
 
@@ -3029,14 +3043,14 @@ textarea {
   overflow: hidden;
   position: relative;
   line-height: 22px; }
-  /* line 274, ../../../../general/res/sass/_mixins.scss */
+  /* line 269, ../../../../general/res/sass/_mixins.scss */
   .select .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 279, ../../../../general/res/sass/_mixins.scss */
+    /* line 274, ../../../../general/res/sass/_mixins.scss */
     .select:not(.disabled):hover {
       background: linear-gradient(#6b6b6b, #5e5e5e); }
-      /* line 281, ../../../../general/res/sass/_mixins.scss */
+      /* line 276, ../../../../general/res/sass/_mixins.scss */
       .select:not(.disabled):hover > .icon {
         color: #33ccff; } }
   /* line 31, ../../../../general/res/sass/forms/_selects.scss */
@@ -3118,7 +3132,7 @@ textarea {
   max-height: 400px;
   overflow: auto;
   padding: 5px; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../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 */
@@ -3284,7 +3298,7 @@ span.req {
   padding: 0 3px;
   background: #3b3b3b;
   border-bottom: 1px solid #4d4d4d; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../general/res/sass/_mixins.scss */
   .filter input.filter.error,
   .filter input.t-filter-input.error,
   .t-filter input.filter.error,
@@ -3637,13 +3651,19 @@ span.req {
           /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
             content: 'F'; }
-        /* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
+            left: -10px; }
+        /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
           right: -25px; }
-          /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
-            content: '\e608'; } }
-  /* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
+            content: '\e608'; }
+          /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
+            right: -5px; } }
+  /* line 287, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .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,
@@ -3656,31 +3676,31 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout.horizontal > .pane {
   margin-top: 5px; }
-  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.horizontal > .pane:first-child {
     margin-top: 0; }
-/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout.vertical > .pane {
   margin-left: 5px; }
-  /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.vertical > .pane > .holder {
     left: 0;
     right: 0; }
-  /* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.vertical > .pane:first-child {
     margin-left: 0; }
-    /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout.vertical > .pane:first-child .holder {
       right: 3px; }
 
-/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: hidden;
   top: 34px; }
-  /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder > ng-include {
     overflow: auto;
     position: absolute;
@@ -3690,11 +3710,11 @@ span.req {
     left: 0;
     width: auto;
     height: auto; }
-  /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 332, ../../../../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 338, ../../../../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,
@@ -3706,12 +3726,12 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 351, ../../../../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 356, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -3727,42 +3747,42 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 20px; }
-    /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       display: inline-block;
       float: left;
       margin-right: 10px; }
 
-/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-flex {
   display: flex;
   display: -webkit-flex;
   flex-flow: row nowrap;
   -webkit-flex-flow: row nowrap; }
-  /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
   .l-flex .left {
     flex: 1 1 0;
     -webkit-flex: 1 1 0;
     padding-right: 10px; }
 
-/* line 382, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-hidetree {
+/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-hidden {
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none; }
-  /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
-  .browse-hidetree .pane.left.treeview {
+  /* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane-tree-hidden .pane.left.treeview {
     opacity: 0; }
-  /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
-  .browse-hidetree .pane.right-repr {
+  /* line 395, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane-tree-hidden .pane.right-repr {
     left: 0 !important; }
 
-/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-showtree .pane.left.treeview {
+/* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-showing .pane.left.treeview {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
@@ -3847,14 +3867,14 @@ span.req {
     left: 10px !important; }
 
   /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-hidetree .pane.left.treeview {
+  .pane-tree-hidden .pane.left.treeview {
     right: 100% !important;
     width: auto !important;
     overflow-y: hidden;
     overflow-x: hidden; }
 
   /* line 82, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-showtree .pane.left.treeview {
+  .pane-tree-showing .pane.left.treeview {
     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%);
@@ -3862,51 +3882,51 @@ 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 */
-  .browse-showtree .pane.right-repr {
+  /* line 88, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.right-repr {
     left: 40% !important; }
 
-  /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 93, ../../../../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 99, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important; }
 
-  /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 30px !important; }
-    /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 107, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 114, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 116, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 123, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 119, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 123, ../../../../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 132, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -3923,7 +3943,7 @@ span.req {
     transition-timing-function: ease-in-out;
     opacity: 0; }
 
-  /* line 142, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -3940,19 +3960,19 @@ span.req {
     transition-timing-function: ease-in-out;
     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 151, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-showtree .pane.left.treeview {
+  /* line 147, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 154, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-showtree .pane.right-repr {
+  /* line 150, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.right-repr {
     left: 0 !important;
     transform: translateX(90%);
     -webkit-transform: translateX(90%); }
-    /* line 157, ../../../../general/res/sass/mobile/_layout.scss */
-    .browse-showtree .pane.right-repr #content-area {
+    /* line 153, ../../../../general/res/sass/mobile/_layout.scss */
+    .pane-tree-showing .pane.right-repr #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 165, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 161, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -4393,14 +4413,14 @@ span.req {
       -webkit-transition: background, 0.25s;
       transition: background, 0.25s;
       text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-      /* line 274, ../../../../general/res/sass/_mixins.scss */
+      /* line 269, ../../../../general/res/sass/_mixins.scss */
       .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .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 279, ../../../../general/res/sass/_mixins.scss */
+        /* line 274, ../../../../general/res/sass/_mixins.scss */
         .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
           background: linear-gradient(#a6a6a6, #999999); }
-          /* line 281, ../../../../general/res/sass/_mixins.scss */
+          /* line 276, ../../../../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 {
             color: white; } }
 /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@@ -4485,7 +4505,7 @@ ul.tree {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none; }
-  /* line 331, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
   ul.tree li {
     list-style-type: none;
     margin: 0;
@@ -5753,14 +5773,14 @@ table {
     margin-bottom: 3px;
     margin-right: 3px;
     position: relative; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .items-holder .item.grid-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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .items-holder .item.grid-item:not(.disabled):hover {
         background: linear-gradient(#666666, #595959); }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .items-holder .item.grid-item:not(.disabled):hover > .icon {
           color: #33ccff; } }
     /* line 45, ../../../../general/res/sass/items/_item.scss */
@@ -5895,14 +5915,14 @@ table {
       transition: background, 0.25s;
       text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
       color: #80dfff; }
-      /* line 274, ../../../../general/res/sass/_mixins.scss */
+      /* line 269, ../../../../general/res/sass/_mixins.scss */
       .items-holder .item.grid-item.selected .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 279, ../../../../general/res/sass/_mixins.scss */
+        /* line 274, ../../../../general/res/sass/_mixins.scss */
         .items-holder .item.grid-item.selected:not(.disabled):hover {
           background: linear-gradient(#1ac6ff, #00bfff); }
-          /* line 281, ../../../../general/res/sass/_mixins.scss */
+          /* line 276, ../../../../general/res/sass/_mixins.scss */
           .items-holder .item.grid-item.selected:not(.disabled):hover > .icon {
             color: #33ccff; } }
       /* line 137, ../../../../general/res/sass/items/_item.scss */
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 5c99b3a6cb..ce2f71b5d8 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -1365,14 +1365,14 @@ mct-container {
     -webkit-transition: background, 0.25s;
     transition: background, 0.25s;
     text-shadow: none; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .s-btn.major .icon, .major.s-menu-btn .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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
         background: deepskyblue; }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
           color: white; } }
   /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1395,14 +1395,14 @@ mct-container {
     -webkit-transition: background, 0.25s;
     transition: background, 0.25s;
     text-shadow: none; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
         background: #0099cc; }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
           color: white; } }
   /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1428,14 +1428,14 @@ mct-container {
     -webkit-transition: background, 0.25s;
     transition: background, 0.25s;
     text-shadow: none; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../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 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
           color: white; } }
     /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1492,13 +1492,13 @@ mct-container {
     line-height: 12px;
     height: 12px;
     width: 12px; }
-    /* line 121, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 127, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:hover {
       color: #a3a3a3; }
-      /* line 123, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 129, ../../../../general/res/sass/controls/_buttons.scss */
       .mini-tab:hover:after {
         color: #0099cc; }
-    /* line 128, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 134, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:before, .mini-tab:after {
       -moz-transition-property: color;
       -o-transition-property: color;
@@ -1514,7 +1514,7 @@ mct-container {
       transition-timing-function: ease-in-out;
       display: block;
       position: absolute; }
-    /* line 135, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:before {
       -moz-transition-property: left;
       -o-transition-property: left;
@@ -1531,35 +1531,49 @@ mct-container {
       font-size: 7px;
       height: 100%;
       width: 7px; }
-    /* line 142, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 148, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab:after {
       width: 100%;
       height: 100%; }
-    /* line 152, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 158, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-left:before {
       content: '\3c';
       left: -8px; }
-    /* line 156, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 162, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-left:hover:before {
       left: -11px; }
-    /* line 161, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-left.collapsed:before {
+      content: '\3e';
+      left: 13px; }
+    /* line 169, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-left.collapsed:hover:before {
+      left: 16px; }
+    /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-right:before {
       content: '\3e';
-      left: 14px; }
-    /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
+      left: 13px; }
+    /* line 179, ../../../../general/res/sass/controls/_buttons.scss */
     .mini-tab.anchor-right:hover:before {
-      left: 17px; } }
+      left: 16px; }
+    /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-right.collapsed:before {
+      content: '\3c';
+      left: -8px; }
+    /* line 186, ../../../../general/res/sass/controls/_buttons.scss */
+    .mini-tab.anchor-right.collapsed:hover:before {
+      left: -11px; } }
 
-/* line 170, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
 .l-btn-set {
   font-size: 0; }
-  /* line 176, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 202, ../../../../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 182, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 208, ../../../../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;
@@ -1568,7 +1582,7 @@ mct-container {
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
     margin-left: 0; }
-  /* line 189, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 215, ../../../../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;
@@ -1577,7 +1591,7 @@ mct-container {
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px; }
 
-/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 222, ../../../../general/res/sass/controls/_buttons.scss */
 .paused:not(.s-btn):not(.s-menu-btn) {
   border-color: #ff9900 !important;
   color: #ff9900 !important; }
@@ -2295,7 +2309,7 @@ label.checkbox.custom {
   .menu ul {
     margin: 0;
     padding: 0; }
-    /* line 331, ../../../../general/res/sass/_mixins.scss */
+    /* line 326, ../../../../general/res/sass/_mixins.scss */
     .menu ul li {
       list-style-type: none;
       margin: 0;
@@ -2849,7 +2863,7 @@ mct-include.l-time-controller {
       padding: 0 3px;
       position: relative;
       height: 150px; }
-      /* line 298, ../../../../general/res/sass/_mixins.scss */
+      /* line 293, ../../../../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 */
@@ -2906,7 +2920,7 @@ input[type="text"] {
   color: #666;
   outline: none;
   padding: 0 3px; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../general/res/sass/_mixins.scss */
   input[type="text"].error {
     background: rgba(255, 0, 0, 0.5); }
   /* line 172, ../../../../general/res/sass/forms/_elems.scss */
@@ -2934,7 +2948,7 @@ textarea {
   position: absolute;
   height: 100%;
   width: 100%; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../general/res/sass/_mixins.scss */
   textarea.error {
     background: rgba(255, 0, 0, 0.5); }
 
@@ -2983,7 +2997,7 @@ textarea {
   overflow: hidden;
   position: relative;
   line-height: 22px; }
-  /* line 274, ../../../../general/res/sass/_mixins.scss */
+  /* line 269, ../../../../general/res/sass/_mixins.scss */
   .select .icon {
     color: #eee; }
   /* line 31, ../../../../general/res/sass/forms/_selects.scss */
@@ -3065,7 +3079,7 @@ textarea {
   max-height: 400px;
   overflow: auto;
   padding: 5px; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../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 */
@@ -3231,7 +3245,7 @@ span.req {
   padding: 0 3px;
   background: white;
   border-bottom: 1px solid white; }
-  /* line 298, ../../../../general/res/sass/_mixins.scss */
+  /* line 293, ../../../../general/res/sass/_mixins.scss */
   .filter input.filter.error,
   .filter input.t-filter-input.error,
   .t-filter input.filter.error,
@@ -3584,13 +3598,19 @@ span.req {
           /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
             content: 'F'; }
-        /* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
+            left: -10px; }
+        /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
           right: -25px; }
-          /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
-            content: '\e608'; } }
-  /* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
+            content: '\e608'; }
+          /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+          .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
+            right: -5px; } }
+  /* line 287, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .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,
@@ -3603,31 +3623,31 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout.horizontal > .pane {
   margin-top: 5px; }
-  /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.horizontal > .pane:first-child {
     margin-top: 0; }
-/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout.vertical > .pane {
   margin-left: 5px; }
-  /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.vertical > .pane > .holder {
     left: 0;
     right: 0; }
-  /* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout.vertical > .pane:first-child {
     margin-left: 0; }
-    /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
     .split-layout.vertical > .pane:first-child .holder {
       right: 3px; }
 
-/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: hidden;
   top: 34px; }
-  /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder > ng-include {
     overflow: auto;
     position: absolute;
@@ -3637,11 +3657,11 @@ span.req {
     left: 0;
     width: auto;
     height: auto; }
-  /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 332, ../../../../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 338, ../../../../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,
@@ -3653,12 +3673,12 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 351, ../../../../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 356, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -3674,42 +3694,42 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 20px; }
-    /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       display: inline-block;
       float: left;
       margin-right: 10px; }
 
-/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
 .l-flex {
   display: flex;
   display: -webkit-flex;
   flex-flow: row nowrap;
   -webkit-flex-flow: row nowrap; }
-  /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
   .l-flex .left {
     flex: 1 1 0;
     -webkit-flex: 1 1 0;
     padding-right: 10px; }
 
-/* line 382, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-hidetree {
+/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-hidden {
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none; }
-  /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
-  .browse-hidetree .pane.left.treeview {
+  /* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane-tree-hidden .pane.left.treeview {
     opacity: 0; }
-  /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
-  .browse-hidetree .pane.right-repr {
+  /* line 395, ../../../../general/res/sass/user-environ/_layout.scss */
+  .pane-tree-hidden .pane.right-repr {
     left: 0 !important; }
 
-/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
-.browse-showtree .pane.left.treeview {
+/* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
+.pane-tree-showing .pane.left.treeview {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
@@ -3794,14 +3814,14 @@ span.req {
     left: 10px !important; }
 
   /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-hidetree .pane.left.treeview {
+  .pane-tree-hidden .pane.left.treeview {
     right: 100% !important;
     width: auto !important;
     overflow-y: hidden;
     overflow-x: hidden; }
 
   /* line 82, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-showtree .pane.left.treeview {
+  .pane-tree-showing .pane.left.treeview {
     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%);
@@ -3809,51 +3829,51 @@ 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 */
-  .browse-showtree .pane.right-repr {
+  /* line 88, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.right-repr {
     left: 40% !important; }
 
-  /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 93, ../../../../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 99, ../../../../general/res/sass/mobile/_layout.scss */
     .toggle-tree:after {
       content: 'm' !important; }
 
-  /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
   .object-browse-bar {
     left: 30px !important; }
-    /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 107, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .context-available {
       opacity: 1 !important; }
-    /* line 114, ../../../../general/res/sass/mobile/_layout.scss */
+    /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
     .object-browse-bar .view-switcher {
       margin-right: 0 !important; }
-      /* line 116, ../../../../general/res/sass/mobile/_layout.scss */
+      /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
       .object-browse-bar .view-switcher .title-label {
         display: none; }
 
-  /* line 123, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 119, ../../../../general/res/sass/mobile/_layout.scss */
   .tree-holder {
     overflow-x: hidden !important; }
 
-  /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 123, ../../../../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 132, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-hide,
   .mobile-hide-important {
     display: none !important; }
 
-  /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-hide {
     pointer-events: none;
     -moz-transition-property: opacity;
@@ -3870,7 +3890,7 @@ span.req {
     transition-timing-function: ease-in-out;
     opacity: 0; }
 
-  /* line 142, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
   .mobile-back-unhide {
     pointer-events: all;
     -moz-transition-property: opacity;
@@ -3887,19 +3907,19 @@ span.req {
     transition-timing-function: ease-in-out;
     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 151, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-showtree .pane.left.treeview {
+  /* line 147, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.left.treeview {
     width: 90% !important; }
-  /* line 154, ../../../../general/res/sass/mobile/_layout.scss */
-  .browse-showtree .pane.right-repr {
+  /* line 150, ../../../../general/res/sass/mobile/_layout.scss */
+  .pane-tree-showing .pane.right-repr {
     left: 0 !important;
     transform: translateX(90%);
     -webkit-transform: translateX(90%); }
-    /* line 157, ../../../../general/res/sass/mobile/_layout.scss */
-    .browse-showtree .pane.right-repr #content-area {
+    /* line 153, ../../../../general/res/sass/mobile/_layout.scss */
+    .pane-tree-showing .pane.right-repr #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 165, ../../../../general/res/sass/mobile/_layout.scss */
+  /* line 161, ../../../../general/res/sass/mobile/_layout.scss */
   .desktop-hide {
     display: none; } }
 /*****************************************************************************
@@ -4322,14 +4342,14 @@ span.req {
       -webkit-transition: background, 0.25s;
       transition: background, 0.25s;
       text-shadow: none; }
-      /* line 274, ../../../../general/res/sass/_mixins.scss */
+      /* line 269, ../../../../general/res/sass/_mixins.scss */
       .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .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 279, ../../../../general/res/sass/_mixins.scss */
+        /* line 274, ../../../../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 281, ../../../../general/res/sass/_mixins.scss */
+          /* line 276, ../../../../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 {
             color: white; } }
 /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@@ -4414,7 +4434,7 @@ ul.tree {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none; }
-  /* line 331, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
   ul.tree li {
     list-style-type: none;
     margin: 0;
@@ -5672,14 +5692,14 @@ table {
     margin-bottom: 3px;
     margin-right: 3px;
     position: relative; }
-    /* line 274, ../../../../general/res/sass/_mixins.scss */
+    /* line 269, ../../../../general/res/sass/_mixins.scss */
     .items-holder .item.grid-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 279, ../../../../general/res/sass/_mixins.scss */
+      /* line 274, ../../../../general/res/sass/_mixins.scss */
       .items-holder .item.grid-item:not(.disabled):hover {
         background: #d0d0d0; }
-        /* line 281, ../../../../general/res/sass/_mixins.scss */
+        /* line 276, ../../../../general/res/sass/_mixins.scss */
         .items-holder .item.grid-item:not(.disabled):hover > .icon {
           color: #33ccff; } }
     /* line 45, ../../../../general/res/sass/items/_item.scss */
@@ -5805,7 +5825,7 @@ table {
       transition: background, 0.25s;
       text-shadow: none;
       color: #80dfff; }
-      /* line 274, ../../../../general/res/sass/_mixins.scss */
+      /* line 269, ../../../../general/res/sass/_mixins.scss */
       .items-holder .item.grid-item.selected .icon {
         color: #eee; }
       /* line 137, ../../../../general/res/sass/items/_item.scss */