[Frontend] Markup and CSS related to indicators; hover styles

open #442 https://github.jpl.nasa.gov/MissionControl/vista/issues/293 s-btn hover styling cleaned up; Spacing, styles, etc. for indicators refined; Constants, colors added to, cleaned up and normalized; Animation code in _effects refactored;
2016-02-19 17:59:32 -08:00
parent b0b2db24e0
commit ebf501ce71
10 changed files with 402 additions and 460 deletions
--- a/platform/commonUI/general/res/sass/_effects.scss
+++ b/platform/commonUI/general/res/sass/_effects.scss
@@ -39,39 +39,35 @@ a.disabled {
 	@include test();
 }

-@mixin customKeyframes($animName: pulse, $op0: 0.5) {
-	@include keyframes($animName) {
-		0%   { opacity: $op0; }
-		100% { opacity: 1; }
-	}
-	@include animation-name(pulse, 0.2);
-}
-
-@mixin pulse($dur: 500ms, $iteration: infinite, $opacity0: 0.5, $opacity100: 1) {
-    @include keyframes(pulse) {
+@mixin pulse($animName: pulse, $dur: 500ms, $iteration: infinite, $opacity0: 0.5, $opacity100: 1) {
+    @include keyframes($animName) {
        0%   { opacity: $opacity0; }
        100% { opacity: $opacity100; }
    }
-	@include animation-name(pulse);
+	@include animation-name($animName);
 	@include animation-duration($dur);
 	@include animation-direction(alternate);
 	@include animation-iteration-count($iteration);
 	@include animation-timing-function(ease-in-out);
 }

-@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite, $delay: 0s, $opacity0: 0, $opacity100: 1) {
-	@include keyframes(pulseBorder) {
-		0%   { border-color: rgba($c, $opacity0); }
-		100% { border-color: rgba($c, $opacity100); }
-	}
-	@include animation-name(pulseBorder);
-	@include animation-duration($dur);
-	@include animation-direction(alternate);
-	@include animation-iteration-count($iteration);
-	@include animation-timing-function(ease);
-    @include animation-delay($delay);
+.pulse {
+	@include pulse($animName: pulse, $dur: 750ms);
 }

-.pulse {
-	@include pulse(750ms);
-}
+.pulse-subtle {
+    @include pulse($animName: pulse-subtle, $dur: 500ms, $opacity0: 0.7);
+}
+
+@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite, $delay: 0s, $opacity0: 0, $opacity100: 1) {
+    @include keyframes(pulseBorder) {
+        0%   { border-color: rgba($c, $opacity0); }
+        100% { border-color: rgba($c, $opacity100); }
+    }
+    @include animation-name(pulseBorder);
+    @include animation-duration($dur);
+    @include animation-direction(alternate);
+    @include animation-iteration-count($iteration);
+    @include animation-timing-function(ease);
+    @include animation-delay($delay);
+}
--- a/platform/commonUI/general/res/sass/_mixins.scss
+++ b/platform/commonUI/general/res/sass/_mixins.scss
@@ -297,21 +297,20 @@
 	display: inline-block;
 }

-@mixin btnBase($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
+@mixin btnBase($bg: $colorBodyBg, $bgHovColor: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
 	@include user-select(none);
-    @include transition(background, .25s);
 	.icon {
 		color: $ic;
 	}
 	@include desktop {
-		@if $bgHov != none {
-			&:not(.disabled):hover {
-				@include background-image($bgHov);
-				>.icon {
-					color: lighten($ic, $ltGamma);
-				}
-			}
-		}
+        @if $bgHovColor != none {
+            &:not(.disabled):hover {
+                background: $bgHovColor; // was just background, and background-image before that
+                >.icon {
+                    color: lighten($ic, $ltGamma);
+                }
+            }
+        }
 	}
 }

--- a/platform/commonUI/general/res/sass/controls/_buttons.scss
+++ b/platform/commonUI/general/res/sass/controls/_buttons.scss
@@ -66,7 +66,7 @@ $pad: $interiorMargin * $baseRatio;

    &:not(.major) {
        // bg, bgHov, fg, ic
-        @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon);
+        @include btnSubtle($colorBtnBg, $colorBtnBgHov, $colorBtnFg, $colorBtnIcon);
    }
    &.pause-play {

@@ -91,7 +91,7 @@ $pad: $interiorMargin * $baseRatio;
        &.paused {
            @include btnSubtle($colorPausedBg, pushBack($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg);
            .icon {
-                @include pulse(1000ms);
+                @include pulse($dur: 1000ms);
                :before {
                    content: "\0000EF";
                }
@@ -269,14 +269,16 @@ $pad: $interiorMargin * $baseRatio;
    }

    .first {
-        .s-btn {
+        .s-btn,
+        &.s-btn {
            @include border-left-radius($controlCr);
            margin-left: 0;
        }
    }

    .last {
-        .s-btn {
+        .s-btn,
+        &.s-btn {
            @include border-right-radius($controlCr);
        }
    }
--- a/platform/commonUI/general/res/sass/controls/_messages.scss
+++ b/platform/commonUI/general/res/sass/controls/_messages.scss
@@ -62,9 +62,6 @@
        float: right;
    }

-    &.subtle {
-        opacity: 0.5;
-    }
 	.status-indicator {
 		margin-right: $interiorMarginSm;
 	}
@@ -79,7 +76,7 @@
        &:hover {
            .label {
                @include trans-prop-nice(max-width, $transSpeed, 0s);
-                max-width: 450px;
+                max-width: 600px;
                width: auto;
            }
            .count {
@@ -107,8 +104,8 @@
 		opacity: 1;
 	}
    .s-btn {
-        //background: orange;
-        padding: 0 $interiorMarginSm;
+        background: $colorStatusBtnBg;
+        padding: 0 $interiorMargin;
        height: auto;
        line-height: inherit;
    }
@@ -154,7 +151,7 @@
        left: 50%;
        opacity: 1;
        &:not(.info) {
-            @include pulse(100ms, 10);
+            @include pulse($dur: 100ms, $iteration: 10);
        }
    }

--- 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; }

@@ -248,7 +248,7 @@ a.disabled {
 .test {
  background-color: rgba(255, 204, 0, 0.2) !important; }

-/* line 75, ../../../../general/res/sass/_effects.scss */
+/* line 54, ../../../../general/res/sass/_effects.scss */
 .pulse {
  -moz-animation-name: pulse;
  -webkit-animation-name: pulse;
@@ -280,6 +280,38 @@ a.disabled {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
+/* line 58, ../../../../general/res/sass/_effects.scss */
+.pulse-subtle {
+  -moz-animation-name: pulse-subtle;
+  -webkit-animation-name: pulse-subtle;
+  animation-name: pulse-subtle;
+  -moz-animation-duration: 500ms;
+  -webkit-animation-duration: 500ms;
+  animation-duration: 500ms;
+  -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; }
+@-moz-keyframes pulse-subtle {
+  0% {
+    opacity: 0.7; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes pulse-subtle {
+  0% {
+    opacity: 0.7; }
+  100% {
+    opacity: 1; } }
+@keyframes pulse-subtle {
+  0% {
+    opacity: 0.7; }
+  100% {
+    opacity: 1; } }
 /*****************************************************************************
 * Open MCT Web, Copyright (c) 2014-2015, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
@@ -1539,8 +1571,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
      width: 0.7rem; }
    /* line 114, ../../../../general/res/sass/_inspector.scss */
    .l-inspect .inspector-location .location-item:hover {
-      background: rgba(153, 153, 153, 0.1);
-      color: #cccccc; }
+      background: #4d4d4d;
+      color: #b3b3b3; }
      /* line 117, ../../../../general/res/sass/_inspector.scss */
      .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
        color: #33ccff; }
@@ -1709,24 +1741,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -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: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-    /* line 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
-        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-        background-size: 100%;
-        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
-        background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
-        background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
-        background-image: linear-gradient(#1ac6ff, #00bfff); }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: deepskyblue; }
+        /* line 309, ../../../../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 67, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1753,24 +1776,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -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: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-    /* line 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../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: #0099cc; }
    @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
-        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-        background-size: 100%;
-        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
-        background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
-        background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
-        background-image: linear-gradient(#6b6b6b, #5e5e5e); }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #5e5e5e; }
+        /* line 309, ../../../../general/res/sass/_mixins.scss */
        .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
          color: #33ccff; } }
  /* line 74, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1812,24 +1826,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -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: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-    /* line 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
-        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-        background-size: 100%;
-        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe9815), color-stop(100%, #f88c01));
-        background-image: -moz-linear-gradient(#fe9815, #f88c01);
-        background-image: -webkit-linear-gradient(#fe9815, #f88c01);
-        background-image: linear-gradient(#fe9815, #f88c01); }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #925201; }
+        /* line 309, ../../../../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 93, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1906,10 +1911,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    height: 24px;
    width: 9px;
    text-align: center; }
-    /* line 142, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 143, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:hover {
      color: #0099cc; }
-    /* line 147, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 148, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab.collapsed {
      background-color: #454545;
      -moz-border-radius: 3px;
@@ -1933,40 +1938,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
      -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: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-      /* line 303, ../../../../general/res/sass/_mixins.scss */
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
      .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
        color: #0099cc; } }
    @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .mini-tab.collapsed:not(.disabled):hover {
-        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-        background-size: 100%;
-        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
-        background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
-        background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
-        background-image: linear-gradient(#6b6b6b, #5e5e5e); }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #0099cc; }
+        /* line 309, ../../../../general/res/sass/_mixins.scss */
        .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
          color: #33ccff; } }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 150, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 151, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:before {
        opacity: 0; }
-      /* line 151, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 152, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:after {
        opacity: 1; }
-      /* line 153, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 154, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:hover:before {
        opacity: 1; }
-      /* line 154, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 155, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:hover:after {
        opacity: 0; }
-    /* line 159, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 160, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:before, .mini-tab:after {
      -moz-transition-property: left, right, opacity;
      -o-transition-property: left, right, opacity;
@@ -1987,22 +1983,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
      display: block;
      height: 100%;
      position: absolute; }
-    /* line 168, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 169, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:before {
      width: 9px; }
-    /* line 174, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:after {
      width: 100%;
      text-align: center;
      opacity: 0; }
-    /* line 181, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab.anchor-left {
      text-align: right; }
-      /* line 184, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 185, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-left:before {
        content: '\3c';
        right: 0; }
-      /* line 189, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 190, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-left.collapsed {
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
@@ -2011,21 +2007,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: left; }
-        /* line 192, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 193, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-left.collapsed:before {
          content: '\3e';
          left: 0; }
-        /* line 196, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 197, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-left.collapsed:hover:before {
          left: 2px; }
-    /* line 199, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 200, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab.anchor-right {
      text-align: left; }
-      /* line 202, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 203, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-right:before {
        content: '\3e';
        left: 0; }
-      /* line 207, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 208, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-right.collapsed {
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
@@ -2033,17 +2029,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0; }
-        /* line 209, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 210, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-right.collapsed:before {
          text-align: right;
          content: '\3c';
          right: 0; }
-        /* line 214, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 215, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-right.collapsed:hover:before {
          right: 2px; } }

@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-  /* line 220, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 221, ../../../../general/res/sass/controls/_buttons.scss */
  .mini-tab-icon {
    color: #595959;
    cursor: pointer;
@@ -2056,32 +2052,32 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    line-height: 9px;
    overflow: hidden;
    word-break: break-all; }
-    /* line 237, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 238, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon.collapsed {
      width: 11px;
      font-size: 11px; }
-    /* line 242, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 243, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon:before, .mini-tab-icon:after {
      position: absolute;
      display: inherit; }
-    /* line 248, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 249, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon:before {
      content: '\78'; }
-    /* line 252, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 253, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon:hover {
      color: #0099cc; } }

-/* line 259, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 260, ../../../../general/res/sass/controls/_buttons.scss */
 .l-btn-set {
  font-size: 0; }
-  /* line 265, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 266, ../../../../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 271, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
+  /* line 272, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn, .l-btn-set .first.s-btn, .l-btn-set .first.s-menu-btn {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
@@ -2089,8 +2085,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0; }
-  /* line 278, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
+  /* line 280, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn, .l-btn-set .last.s-btn, .l-btn-set .last.s-menu-btn {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
@@ -2098,7 +2094,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px; }

-/* line 285, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 288, ../../../../general/res/sass/controls/_buttons.scss */
 .paused:not(.s-btn):not(.s-menu-btn) {
  border-color: #c56f01 !important;
  color: #c56f01 !important; }
@@ -2955,7 +2951,7 @@ label.checkbox.custom {
  .menu ul {
    margin: 0;
    padding: 0; }
-    /* line 360, ../../../../general/res/sass/_mixins.scss */
+    /* line 359, ../../../../general/res/sass/_mixins.scss */
    .menu ul li {
      list-style-type: none;
      margin: 0;
@@ -3184,12 +3180,9 @@ label.checkbox.custom {
  .status.block.float-right {
    float: right; }
  /* line 65, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block.subtle {
-    opacity: 0.5; }
-  /* line 68, ../../../../general/res/sass/controls/_messages.scss */
  .status.block .status-indicator {
    margin-right: 3px; }
-  /* line 73, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 70, ../../../../general/res/sass/controls/_messages.scss */
  .status.block:not(.no-collapse) .label {
    -moz-transition-property: max-width;
    -o-transition-property: max-width;
@@ -3209,7 +3202,7 @@ label.checkbox.custom {
    transition-delay: 1.5s;
    overflow: hidden;
    max-width: 0px; }
-  /* line 80, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 77, ../../../../general/res/sass/controls/_messages.scss */
  .status.block:not(.no-collapse):hover .label {
    -moz-transition-property: max-width;
    -o-transition-property: max-width;
@@ -3227,9 +3220,9 @@ label.checkbox.custom {
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
-    max-width: 450px;
+    max-width: 600px;
    width: auto; }
-  /* line 85, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 82, ../../../../general/res/sass/controls/_messages.scss */
  .status.block:not(.no-collapse):hover .count {
    -moz-transition-property: max-width;
    -o-transition-property: max-width;
@@ -3248,16 +3241,16 @@ label.checkbox.custom {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }
-  /* line 92, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 89, ../../../../general/res/sass/controls/_messages.scss */
  .status.block.ok .status-indicator, .status.block.info .status-indicator {
    color: #62ba72; }
-  /* line 96, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 93, ../../../../general/res/sass/controls/_messages.scss */
  .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator {
    color: #ffa66d; }
-  /* line 101, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 98, ../../../../general/res/sass/controls/_messages.scss */
  .status.block.error .status-indicator {
    color: #d4585c; }
-  /* line 104, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 101, ../../../../general/res/sass/controls/_messages.scss */
  .status.block .count {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
@@ -3277,25 +3270,26 @@ label.checkbox.custom {
    transition-delay: 1.5s;
    font-weight: bold;
    opacity: 1; }
-  /* line 109, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 106, ../../../../general/res/sass/controls/_messages.scss */
  .status.block .s-btn, .status.block .s-menu-btn {
-    padding: 0 3px;
+    background: #454545;
+    padding: 0 5px;
    height: auto;
    line-height: inherit; }

 /* Styles for messages and message banners */
-/* line 119, ../../../../general/res/sass/controls/_messages.scss */
+/* line 116, ../../../../general/res/sass/controls/_messages.scss */
 .message.block {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px; }
-/* line 123, ../../../../general/res/sass/controls/_messages.scss */
+/* line 120, ../../../../general/res/sass/controls/_messages.scss */
 .message.error {
  background-color: rgba(255, 60, 0, 0.3);
  color: #ff8a66; }

-/* line 129, ../../../../general/res/sass/controls/_messages.scss */
+/* line 126, ../../../../general/res/sass/controls/_messages.scss */
 .l-message-banner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
@@ -3324,7 +3318,7 @@ label.checkbox.custom {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10; }
-  /* line 145, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 142, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner.minimized {
    -moz-transition-property: left, opacity;
    -o-transition-property: left, opacity;
@@ -3340,11 +3334,11 @@ label.checkbox.custom {
    transition-timing-function: ease-in-out;
    left: 0;
    opacity: 0; }
-  /* line 153, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 150, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner.new {
    left: 50%;
    opacity: 1; }
-    /* line 156, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 153, ../../../../general/res/sass/controls/_messages.scss */
    .l-message-banner.new:not(.info) {
      -moz-animation-name: pulse;
      -webkit-animation-name: pulse;
@@ -3376,33 +3370,33 @@ label.checkbox.custom {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
-  /* line 161, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 158, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .banner-elem {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 5px; }
-  /* line 165, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 162, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner a {
    display: inline-block; }
-  /* line 168, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 165, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .l-action {
    line-height: 15px;
    padding: 0 5px; }
-  /* line 172, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 169, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .close {
    cursor: pointer;
    font-size: 7px;
    width: 8px; }
-  /* line 178, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 175, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .l-progress-bar {
    height: 8px;
    line-height: 8px;
    width: 100px; }
-  /* line 184, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 181, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .progress-info {
    display: none; }

-/* line 194, ../../../../general/res/sass/controls/_messages.scss */
+/* line 191, ../../../../general/res/sass/controls/_messages.scss */
 .s-message-banner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
@@ -3419,10 +3413,10 @@ label.checkbox.custom {
    /* line 33, ../../../../general/res/sass/controls/_messages.scss */
    .s-message-banner .s-action:hover {
      background-color: gray; }
-  /* line 198, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 195, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner a {
    color: inherit; }
-  /* line 199, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 196, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner .s-action {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
@@ -3443,13 +3437,13 @@ label.checkbox.custom {
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0; }
-  /* line 203, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 200, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner .close {
    opacity: 0.5; }
-    /* line 205, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 202, ../../../../general/res/sass/controls/_messages.scss */
    .s-message-banner .close:hover {
      opacity: 1; }
-  /* line 209, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 206, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner.ok, .s-message-banner.info {
    background-color: #285b31;
    color: #ccc; }
@@ -3462,7 +3456,7 @@ label.checkbox.custom {
      /* line 33, ../../../../general/res/sass/controls/_messages.scss */
      .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover {
        background-color: #285b31; }
-  /* line 213, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 210, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert {
    background-color: #d35200;
    color: #ccc; }
@@ -3475,7 +3469,7 @@ label.checkbox.custom {
      /* 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: #d35200; }
-  /* line 218, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 215, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner.error {
    background-color: #751e21;
    color: #ccc; }
@@ -3502,7 +3496,7 @@ label.checkbox.custom {
                ... same as above
        bottom-bar
 */
-/* line 260, ../../../../general/res/sass/controls/_messages.scss */
+/* line 257, ../../../../general/res/sass/controls/_messages.scss */
 .l-message {
  display: -webkit-flex;
  display: flex;
@@ -3510,52 +3504,52 @@ label.checkbox.custom {
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch; }
-  /* line 264, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 261, ../../../../general/res/sass/controls/_messages.scss */
  .l-message .type-icon.message-type {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative; }
-  /* line 269, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 266, ../../../../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 275, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 272, ../../../../general/res/sass/controls/_messages.scss */
    .l-message .message-contents .top-bar,
    .l-message .message-contents .message-body {
      margin-bottom: 20px; }

-/* line 224, ../../../../general/res/sass/controls/_messages.scss */
+/* line 221, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .type-icon.message-type {
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
  color: #ccc;
  font-size: 80px;
  padding: 1px;
  width: 82px; }
-  /* line 226, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 223, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .type-icon.message-type:before {
    content: "\e608"; }
-/* line 233, ../../../../general/res/sass/controls/_messages.scss */
+/* line 230, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .message-severity-info .type-icon.message-type {
  color: #62ba72; }
-  /* line 234, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 231, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .message-severity-info .type-icon.message-type:before {
    content: "\e608"; }
-/* line 237, ../../../../general/res/sass/controls/_messages.scss */
+/* line 234, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .message-severity-alert .type-icon.message-type {
  color: #ffa66d; }
-  /* line 238, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 235, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .message-severity-alert .type-icon.message-type:before {
    content: "\e610"; }
-/* line 241, ../../../../general/res/sass/controls/_messages.scss */
+/* line 238, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .message-severity-error .type-icon.message-type {
  color: #d4585c; }
-  /* line 242, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 239, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .message-severity-error .type-icon.message-type:before {
    content: "\21"; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-  /* line 288, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 285, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .l-message,
  .t-message-single .bottom-bar {
    overflow: hidden;
@@ -3566,40 +3560,40 @@ label.checkbox.custom {
    left: 0px;
    width: auto;
    height: auto; }
-  /* line 293, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 290, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .bottom-bar {
    top: auto;
    height: 24px; } }

-/* line 224, ../../../../general/res/sass/controls/_messages.scss */
+/* line 221, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .type-icon.message-type {
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
  color: #ccc;
  font-size: 32px;
  padding: 1px;
  width: 34px; }
-  /* line 226, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 223, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .type-icon.message-type:before {
    content: "\e608"; }
-/* line 233, ../../../../general/res/sass/controls/_messages.scss */
+/* line 230, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-severity-info .type-icon.message-type {
  color: #62ba72; }
-  /* line 234, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 231, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-severity-info .type-icon.message-type:before {
    content: "\e608"; }
-/* line 237, ../../../../general/res/sass/controls/_messages.scss */
+/* line 234, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-severity-alert .type-icon.message-type {
  color: #ffa66d; }
-  /* line 238, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 235, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-severity-alert .type-icon.message-type:before {
    content: "\e610"; }
-/* line 241, ../../../../general/res/sass/controls/_messages.scss */
+/* line 238, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-severity-error .type-icon.message-type {
  color: #d4585c; }
-  /* line 242, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 239, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-severity-error .type-icon.message-type:before {
    content: "\21"; }
-/* line 305, ../../../../general/res/sass/controls/_messages.scss */
+/* line 302, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-contents .l-message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
@@ -3607,26 +3601,26 @@ label.checkbox.custom {
  background: rgba(230, 230, 230, 0.1);
  margin-bottom: 5px;
  padding: 10px; }
-  /* line 311, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 308, ../../../../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 317, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 314, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-contents .l-message .message-contents {
    font-size: 0.9em;
    margin-left: 10px; }
-    /* line 320, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 317, ../../../../general/res/sass/controls/_messages.scss */
    .t-message-list .message-contents .l-message .message-contents .message-action {
      color: #b3b3b3; }
-    /* line 321, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 318, ../../../../general/res/sass/controls/_messages.scss */
    .t-message-list .message-contents .l-message .message-contents .bottom-bar {
      text-align: left; }
-  /* line 324, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 321, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-  /* line 332, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 329, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-contents .l-message {
    margin-right: 10px; } }

@@ -4029,7 +4023,7 @@ mct-include.l-time-controller {
      padding: 0 3px;
      position: relative;
      height: 150px; }
-      /* line 327, ../../../../general/res/sass/_mixins.scss */
+      /* line 326, ../../../../general/res/sass/_mixins.scss */
      .form .form-row .selector-list.error {
        background: rgba(255, 0, 0, 0.5); }
      /* line 119, ../../../../general/res/sass/forms/_elems.scss */
@@ -4087,7 +4081,7 @@ input[type="search"] {
  color: #cccccc;
  outline: none;
  padding: 0 3px; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
  input[type="text"].error,
  input[type="search"].error {
    background: rgba(255, 0, 0, 0.5); }
@@ -4117,7 +4111,7 @@ textarea {
  position: absolute;
  height: 100%;
  width: 100%; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
  textarea.error {
    background: rgba(255, 0, 0, 0.5); }

@@ -4166,31 +4160,15 @@ textarea {
  -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: rgba(0, 0, 0, 0.1) 0 1px 2px;
  margin: 0 0 2px 0;
  padding: 0 5px;
  overflow: hidden;
  position: relative;
  line-height: 22px; }
-  /* line 303, ../../../../general/res/sass/_mixins.scss */
+  /* line 302, ../../../../general/res/sass/_mixins.scss */
  .select .icon, .select .t-item-icon {
    color: #0099cc; }
-  @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-    /* line 308, ../../../../general/res/sass/_mixins.scss */
-    .select:not(.disabled):hover {
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-      background-size: 100%;
-      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
-      background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
-      background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
-      background-image: linear-gradient(#6b6b6b, #5e5e5e); }
-      /* line 310, ../../../../general/res/sass/_mixins.scss */
-      .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon {
-        color: #33ccff; } }
  /* line 31, ../../../../general/res/sass/forms/_selects.scss */
  .select select {
    -moz-appearance: none;
@@ -4270,7 +4248,7 @@ textarea {
  max-height: 400px;
  overflow: auto;
  padding: 5px; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../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 */
@@ -4657,7 +4635,7 @@ span.req {
  border: none;
  color: #cccccc;
  outline: none; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
  .s-filter input[type="search"].error {
    background: rgba(255, 0, 0, 0.5); }
 /* line 135, ../../../../general/res/sass/forms/_filter.scss */
@@ -5927,24 +5905,15 @@ span.req {
        -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: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-        /* line 303, ../../../../general/res/sass/_mixins.scss */
+        /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-          /* line 308, ../../../../general/res/sass/_mixins.scss */
+          /* line 307, ../../../../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-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-            background-size: 100%;
-            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6), color-stop(100%, #999999));
-            background-image: -moz-linear-gradient(#a6a6a6, #999999);
-            background-image: -webkit-linear-gradient(#a6a6a6, #999999);
-            background-image: linear-gradient(#a6a6a6, #999999); }
-            /* line 310, ../../../../general/res/sass/_mixins.scss */
+            background: #999999; }
+            /* line 309, ../../../../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 */
@@ -6104,7 +6073,7 @@ ul.tree {
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
-  /* line 360, ../../../../general/res/sass/_mixins.scss */
+  /* line 359, ../../../../general/res/sass/_mixins.scss */
  ul.tree li {
    list-style-type: none;
    margin: 0;
@@ -6216,8 +6185,8 @@ ul.tree {
    /* line 99, ../../../../general/res/sass/tree/_tree.scss */
    .tree-item:not(.selected):hover,
    .search-result-item:not(.selected):hover {
-      background: rgba(153, 153, 153, 0.1);
-      color: #cccccc; }
+      background: #4d4d4d;
+      color: #b3b3b3; }
      /* line 102, ../../../../general/res/sass/tree/_tree.scss */
      .tree-item:not(.selected):hover .t-item-icon,
      .search-result-item:not(.selected):hover .t-item-icon {
@@ -7445,10 +7414,6 @@ table {
    -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: rgba(0, 0, 0, 0.1) 0 1px 2px;
    box-sizing: border-box;
    cursor: pointer;
@@ -7458,19 +7423,14 @@ table {
    margin-bottom: 3px;
    margin-right: 3px;
    position: relative; }
-    /* line 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../general/res/sass/_mixins.scss */
    .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
      color: #0099cc; }
    @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .items-holder .item.grid-item:not(.disabled):hover {
-        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-        background-size: 100%;
-        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
-        background-image: -moz-linear-gradient(#666666, #595959);
-        background-image: -webkit-linear-gradient(#666666, #595959);
-        background-image: linear-gradient(#666666, #595959); }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #595959; }
+        /* line 309, ../../../../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 44, ../../../../general/res/sass/items/_item.scss */
@@ -7595,27 +7555,11 @@ table {
      -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: rgba(0, 0, 0, 0.1) 0 1px 2px;
      color: #80dfff; }
-      /* line 303, ../../../../general/res/sass/_mixins.scss */
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
      .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
        color: #0099cc; }
-      @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-        /* line 308, ../../../../general/res/sass/_mixins.scss */
-        .items-holder .item.grid-item.selected:not(.disabled):hover {
-          background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-          background-size: 100%;
-          background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
-          background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
-          background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
-          background-image: linear-gradient(#1ac6ff, #00bfff); }
-          /* line 310, ../../../../general/res/sass/_mixins.scss */
-          .items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon {
-            color: #33ccff; } }
      /* 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; }
--- a/platform/commonUI/themes/espresso/res/sass/_constants.scss
+++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss
@@ -12,12 +12,14 @@ $colorInteriorBorder: rgba($colorBodyFg, 0.1);
 $colorA: #ccc;
 $colorAHov: #fff;
 $contrastRatioPercent: 7%;
+$hoverRatioPercent: 10%;
 $basicCr: 3px;
 $controlCr: 3px;
 $smallCr: 2px;

 // Buttons and Controls
-$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); //
+$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
+$colorBtnBgHov: pullForward($colorBtnBg, $hoverRatioPercent);
 $colorBtnFg: $colorBodyFg;
 $colorBtnMajorBg: $colorKey;
 $colorBtnMajorFg: $colorKeyFg;
@@ -54,7 +56,7 @@ $colorTick: rgba(white, 0.2);
 $colorMenuBg: pullForward($colorBodyBg, 23%);
 $colorMenuFg: pullForward($colorMenuBg, 70%);
 $colorMenuIc: pullForward($colorKey, 17%);
-$colorMenuHovBg: pullForward($colorMenuBg, 10%);
+$colorMenuHovBg: pullForward($colorMenuBg, $hoverRatioPercent);
 $colorMenuHovFg: #fff;
 $colorMenuHovIc: $colorMenuHovFg;
 $shdwMenu: none;
@@ -89,6 +91,7 @@ $colorStatusDefault: #ccc;
 $colorStatusInfo: #62ba72;
 $colorStatusAlert: #ffa66d;
 $colorStatusError: #d4585c;
+$colorStatusBtnBg: $colorBtnBg;
 $colorProgressBarOuter: rgba(#000, 0.1);
 $colorProgressBarAmt: $colorKey;
 $progressBarHOverlay: 15px;
@@ -123,7 +126,7 @@ $colorOvrBtnFg: #fff;

 // Items
 $colorItemBg: lighten($colorBodyBg, 5%);
-$colorItemBgHov: pullForward($colorItemBg, 15%);
+$colorItemBgHov: pullForward($colorItemBg, $hoverRatioPercent);
 $colorItemFg: lighten($colorItemBg, 50%);
 $colorItemFgDetails: lighten($colorItemBg, 30%);
 $colorItemIc: $colorKey;
@@ -149,8 +152,8 @@ $colorPlotAreaBorder: $colorInteriorBorder;
 $colorPlotLabelFg: pushBack($colorPlotFg, 20%);

 // Tree
-$colorItemTreeHoverBg: rgba($colorBodyFg, 0.1);
-$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%);
+$colorItemTreeHoverBg: pullForward($colorBodyBg, $hoverRatioPercent);
+$colorItemTreeHoverFg: pullForward($colorBodyFg, $hoverRatioPercent);
 $colorItemTreeIcon: $colorKey;
 $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
 $colorItemTreeVCHover: $colorAlt1;
@@ -165,10 +168,10 @@ $shdwItemTreeIcon: 0.6;

 // Scrollbar
 $scrollbarTrackSize: 10px;
+$scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px;
 $scrollbarTrackColorBg: rgba(#000, 0.4);
 $scrollbarThumbColor: lighten($colorBodyBg, 10%);
 $scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%);
-$scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px;

 // Splitter
 $splitterD: 25px; // splitterD and HandleD should both be odd, or even
--- a/platform/commonUI/themes/espresso/res/sass/_mixins.scss
+++ b/platform/commonUI/themes/espresso/res/sass/_mixins.scss
@@ -4,9 +4,9 @@
 	@include boxShdw($shdwBtns);
 }

-@mixin btnSubtle($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
+@mixin btnSubtle($bg: $colorBodyBg, $bgHovColor: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
 	@include containerSubtle($bg, $fg);
-	@include btnBase($bg, linear-gradient(lighten($bg, 15%), lighten($bg, 10%)), $fg, $ic);
+	@include btnBase($bg, $bgHovColor, $fg, $ic);
 	@include text-shadow($shdwItemText);
 }

--- 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; }

@@ -248,7 +248,7 @@ a.disabled {
 .test {
  background-color: rgba(255, 204, 0, 0.2) !important; }

-/* line 75, ../../../../general/res/sass/_effects.scss */
+/* line 54, ../../../../general/res/sass/_effects.scss */
 .pulse {
  -moz-animation-name: pulse;
  -webkit-animation-name: pulse;
@@ -280,6 +280,38 @@ a.disabled {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
+/* line 58, ../../../../general/res/sass/_effects.scss */
+.pulse-subtle {
+  -moz-animation-name: pulse-subtle;
+  -webkit-animation-name: pulse-subtle;
+  animation-name: pulse-subtle;
+  -moz-animation-duration: 500ms;
+  -webkit-animation-duration: 500ms;
+  animation-duration: 500ms;
+  -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; }
+@-moz-keyframes pulse-subtle {
+  0% {
+    opacity: 0.7; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes pulse-subtle {
+  0% {
+    opacity: 0.7; }
+  100% {
+    opacity: 1; } }
+@keyframes pulse-subtle {
+  0% {
+    opacity: 0.7; }
+  100% {
+    opacity: 1; } }
 /*****************************************************************************
 * Open MCT Web, Copyright (c) 2014-2015, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
@@ -1520,8 +1552,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
      width: 0.7rem; }
    /* line 114, ../../../../general/res/sass/_inspector.scss */
    .l-inspect .inspector-location .location-item:hover {
-      background: rgba(102, 102, 102, 0.1);
-      color: #333333; }
+      background: #e3e3e3;
+      color: #4d4d4d; }
      /* line 117, ../../../../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; }
@@ -1681,19 +1713,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -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 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
-        background-image: deepskyblue; }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: deepskyblue; }
+        /* line 309, ../../../../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 67, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1711,19 +1739,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -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 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
-        background-image: #0099cc; }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #7d7d7d; }
+        /* line 309, ../../../../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 74, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1756,19 +1780,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -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 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
-        background-image: #ffad33; }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #ffad33; }
+        /* line 309, ../../../../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 93, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1845,10 +1865,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    height: 24px;
    width: 9px;
    text-align: center; }
-    /* line 142, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 143, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:hover {
      color: #0099cc; }
-    /* line 147, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 148, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab.collapsed {
      background-color: #969696;
      -moz-border-radius: 4px;
@@ -1863,35 +1883,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
      -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 303, ../../../../general/res/sass/_mixins.scss */
+      /* line 302, ../../../../general/res/sass/_mixins.scss */
      .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
        color: #eee; } }
    @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .mini-tab.collapsed:not(.disabled):hover {
-        background-image: #0099cc; }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #0099cc; }
+        /* line 309, ../../../../general/res/sass/_mixins.scss */
        .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
          color: white; } }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 150, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 151, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:before {
        opacity: 0; }
-      /* line 151, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 152, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:after {
        opacity: 1; }
-      /* line 153, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 154, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:hover:before {
        opacity: 1; }
-      /* line 154, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 155, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.collapsed:hover:after {
        opacity: 0; }
-    /* line 159, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 160, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:before, .mini-tab:after {
      -moz-transition-property: left, right, opacity;
      -o-transition-property: left, right, opacity;
@@ -1912,22 +1928,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
      display: block;
      height: 100%;
      position: absolute; }
-    /* line 168, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 169, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:before {
      width: 9px; }
-    /* line 174, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab:after {
      width: 100%;
      text-align: center;
      opacity: 0; }
-    /* line 181, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab.anchor-left {
      text-align: right; }
-      /* line 184, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 185, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-left:before {
        content: '\3c';
        right: 0; }
-      /* line 189, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 190, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-left.collapsed {
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
@@ -1936,21 +1952,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: left; }
-        /* line 192, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 193, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-left.collapsed:before {
          content: '\3e';
          left: 0; }
-        /* line 196, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 197, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-left.collapsed:hover:before {
          left: 2px; }
-    /* line 199, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 200, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab.anchor-right {
      text-align: left; }
-      /* line 202, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 203, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-right:before {
        content: '\3e';
        left: 0; }
-      /* line 207, ../../../../general/res/sass/controls/_buttons.scss */
+      /* line 208, ../../../../general/res/sass/controls/_buttons.scss */
      .mini-tab.anchor-right.collapsed {
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
@@ -1958,17 +1974,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0; }
-        /* line 209, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 210, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-right.collapsed:before {
          text-align: right;
          content: '\3c';
          right: 0; }
-        /* line 214, ../../../../general/res/sass/controls/_buttons.scss */
+        /* line 215, ../../../../general/res/sass/controls/_buttons.scss */
        .mini-tab.anchor-right.collapsed:hover:before {
          right: 2px; } }

@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-  /* line 220, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 221, ../../../../general/res/sass/controls/_buttons.scss */
  .mini-tab-icon {
    color: #d6d6d6;
    cursor: pointer;
@@ -1981,32 +1997,32 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    line-height: 9px;
    overflow: hidden;
    word-break: break-all; }
-    /* line 237, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 238, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon.collapsed {
      width: 11px;
      font-size: 11px; }
-    /* line 242, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 243, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon:before, .mini-tab-icon:after {
      position: absolute;
      display: inherit; }
-    /* line 248, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 249, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon:before {
      content: '\78'; }
-    /* line 252, ../../../../general/res/sass/controls/_buttons.scss */
+    /* line 253, ../../../../general/res/sass/controls/_buttons.scss */
    .mini-tab-icon:hover {
      color: #0099cc; } }

-/* line 259, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 260, ../../../../general/res/sass/controls/_buttons.scss */
 .l-btn-set {
  font-size: 0; }
-  /* line 265, ../../../../general/res/sass/controls/_buttons.scss */
+  /* line 266, ../../../../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 271, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
+  /* line 272, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn, .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;
@@ -2014,8 +2030,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0; }
-  /* line 278, ../../../../general/res/sass/controls/_buttons.scss */
-  .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
+  /* line 280, ../../../../general/res/sass/controls/_buttons.scss */
+  .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn, .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;
@@ -2023,7 +2039,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px; }

-/* line 285, ../../../../general/res/sass/controls/_buttons.scss */
+/* line 288, ../../../../general/res/sass/controls/_buttons.scss */
 .paused:not(.s-btn):not(.s-menu-btn) {
  border-color: #ff9900 !important;
  color: #ff9900 !important; }
@@ -2874,7 +2890,7 @@ label.checkbox.custom {
  .menu ul {
    margin: 0;
    padding: 0; }
-    /* line 360, ../../../../general/res/sass/_mixins.scss */
+    /* line 359, ../../../../general/res/sass/_mixins.scss */
    .menu ul li {
      list-style-type: none;
      margin: 0;
@@ -3103,12 +3119,9 @@ label.checkbox.custom {
  .status.block.float-right {
    float: right; }
  /* line 65, ../../../../general/res/sass/controls/_messages.scss */
-  .status.block.subtle {
-    opacity: 0.5; }
-  /* line 68, ../../../../general/res/sass/controls/_messages.scss */
  .status.block .status-indicator {
    margin-right: 3px; }
-  /* line 73, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 70, ../../../../general/res/sass/controls/_messages.scss */
  .status.block:not(.no-collapse) .label {
    -moz-transition-property: max-width;
    -o-transition-property: max-width;
@@ -3128,7 +3141,7 @@ label.checkbox.custom {
    transition-delay: 1.5s;
    overflow: hidden;
    max-width: 0px; }
-  /* line 80, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 77, ../../../../general/res/sass/controls/_messages.scss */
  .status.block:not(.no-collapse):hover .label {
    -moz-transition-property: max-width;
    -o-transition-property: max-width;
@@ -3146,9 +3159,9 @@ label.checkbox.custom {
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
-    max-width: 450px;
+    max-width: 600px;
    width: auto; }
-  /* line 85, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 82, ../../../../general/res/sass/controls/_messages.scss */
  .status.block:not(.no-collapse):hover .count {
    -moz-transition-property: max-width;
    -o-transition-property: max-width;
@@ -3167,16 +3180,16 @@ label.checkbox.custom {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }
-  /* line 92, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 89, ../../../../general/res/sass/controls/_messages.scss */
  .status.block.ok .status-indicator, .status.block.info .status-indicator {
    color: #60ba7b; }
-  /* line 96, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 93, ../../../../general/res/sass/controls/_messages.scss */
  .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator {
    color: #ffb66c; }
-  /* line 101, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 98, ../../../../general/res/sass/controls/_messages.scss */
  .status.block.error .status-indicator {
    color: #c96b68; }
-  /* line 104, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 101, ../../../../general/res/sass/controls/_messages.scss */
  .status.block .count {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
@@ -3196,25 +3209,26 @@ label.checkbox.custom {
    transition-delay: 1.5s;
    font-weight: bold;
    opacity: 1; }
-  /* line 109, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 106, ../../../../general/res/sass/controls/_messages.scss */
  .status.block .s-btn, .status.block .s-menu-btn {
-    padding: 0 3px;
+    background: #666;
+    padding: 0 5px;
    height: auto;
    line-height: inherit; }

 /* Styles for messages and message banners */
-/* line 119, ../../../../general/res/sass/controls/_messages.scss */
+/* line 116, ../../../../general/res/sass/controls/_messages.scss */
 .message.block {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px; }
-/* line 123, ../../../../general/res/sass/controls/_messages.scss */
+/* line 120, ../../../../general/res/sass/controls/_messages.scss */
 .message.error {
  background-color: rgba(255, 60, 0, 0.3);
  color: #ff8a66; }

-/* line 129, ../../../../general/res/sass/controls/_messages.scss */
+/* line 126, ../../../../general/res/sass/controls/_messages.scss */
 .l-message-banner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
@@ -3243,7 +3257,7 @@ label.checkbox.custom {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10; }
-  /* line 145, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 142, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner.minimized {
    -moz-transition-property: left, opacity;
    -o-transition-property: left, opacity;
@@ -3259,11 +3273,11 @@ label.checkbox.custom {
    transition-timing-function: ease-in-out;
    left: 0;
    opacity: 0; }
-  /* line 153, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 150, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner.new {
    left: 50%;
    opacity: 1; }
-    /* line 156, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 153, ../../../../general/res/sass/controls/_messages.scss */
    .l-message-banner.new:not(.info) {
      -moz-animation-name: pulse;
      -webkit-animation-name: pulse;
@@ -3295,33 +3309,33 @@ label.checkbox.custom {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
-  /* line 161, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 158, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .banner-elem {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 5px; }
-  /* line 165, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 162, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner a {
    display: inline-block; }
-  /* line 168, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 165, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .l-action {
    line-height: 15px;
    padding: 0 5px; }
-  /* line 172, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 169, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .close {
    cursor: pointer;
    font-size: 7px;
    width: 8px; }
-  /* line 178, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 175, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .l-progress-bar {
    height: 8px;
    line-height: 8px;
    width: 100px; }
-  /* line 184, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 181, ../../../../general/res/sass/controls/_messages.scss */
  .l-message-banner .progress-info {
    display: none; }

-/* line 194, ../../../../general/res/sass/controls/_messages.scss */
+/* line 191, ../../../../general/res/sass/controls/_messages.scss */
 .s-message-banner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
@@ -3338,10 +3352,10 @@ label.checkbox.custom {
    /* line 33, ../../../../general/res/sass/controls/_messages.scss */
    .s-message-banner .s-action:hover {
      background-color: gray; }
-  /* line 198, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 195, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner a {
    color: inherit; }
-  /* line 199, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 196, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner .s-action {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
@@ -3362,13 +3376,13 @@ label.checkbox.custom {
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0; }
-  /* line 203, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 200, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner .close {
    opacity: 0.5; }
-    /* line 205, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 202, ../../../../general/res/sass/controls/_messages.scss */
    .s-message-banner .close:hover {
      opacity: 1; }
-  /* line 209, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 206, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner.ok, .s-message-banner.info {
    background-color: #275a36;
    color: #fff; }
@@ -3381,7 +3395,7 @@ label.checkbox.custom {
      /* 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 213, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 210, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert {
    background-color: #d26a00;
    color: #fff; }
@@ -3394,7 +3408,7 @@ label.checkbox.custom {
      /* 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 218, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 215, ../../../../general/res/sass/controls/_messages.scss */
  .s-message-banner.error {
    background-color: #702a28;
    color: #fff; }
@@ -3421,7 +3435,7 @@ label.checkbox.custom {
                ... same as above
        bottom-bar
 */
-/* line 260, ../../../../general/res/sass/controls/_messages.scss */
+/* line 257, ../../../../general/res/sass/controls/_messages.scss */
 .l-message {
  display: -webkit-flex;
  display: flex;
@@ -3429,52 +3443,52 @@ label.checkbox.custom {
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch; }
-  /* line 264, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 261, ../../../../general/res/sass/controls/_messages.scss */
  .l-message .type-icon.message-type {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative; }
-  /* line 269, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 266, ../../../../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 275, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 272, ../../../../general/res/sass/controls/_messages.scss */
    .l-message .message-contents .top-bar,
    .l-message .message-contents .message-body {
      margin-bottom: 20px; }

-/* line 224, ../../../../general/res/sass/controls/_messages.scss */
+/* line 221, ../../../../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 226, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 223, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .type-icon.message-type:before {
    content: "\e608"; }
-/* line 233, ../../../../general/res/sass/controls/_messages.scss */
+/* line 230, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .message-severity-info .type-icon.message-type {
  color: #60ba7b; }
-  /* line 234, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 231, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .message-severity-info .type-icon.message-type:before {
    content: "\e608"; }
-/* line 237, ../../../../general/res/sass/controls/_messages.scss */
+/* line 234, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .message-severity-alert .type-icon.message-type {
  color: #ffb66c; }
-  /* line 238, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 235, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .message-severity-alert .type-icon.message-type:before {
    content: "\e610"; }
-/* line 241, ../../../../general/res/sass/controls/_messages.scss */
+/* line 238, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-single .message-severity-error .type-icon.message-type {
  color: #c96b68; }
-  /* line 242, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 239, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .message-severity-error .type-icon.message-type:before {
    content: "\21"; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-  /* line 288, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 285, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .l-message,
  .t-message-single .bottom-bar {
    overflow: hidden;
@@ -3485,40 +3499,40 @@ label.checkbox.custom {
    left: 0px;
    width: auto;
    height: auto; }
-  /* line 293, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 290, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-single .bottom-bar {
    top: auto;
    height: 24px; } }

-/* line 224, ../../../../general/res/sass/controls/_messages.scss */
+/* line 221, ../../../../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 226, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 223, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .type-icon.message-type:before {
    content: "\e608"; }
-/* line 233, ../../../../general/res/sass/controls/_messages.scss */
+/* line 230, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-severity-info .type-icon.message-type {
  color: #60ba7b; }
-  /* line 234, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 231, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-severity-info .type-icon.message-type:before {
    content: "\e608"; }
-/* line 237, ../../../../general/res/sass/controls/_messages.scss */
+/* line 234, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-severity-alert .type-icon.message-type {
  color: #ffb66c; }
-  /* line 238, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 235, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-severity-alert .type-icon.message-type:before {
    content: "\e610"; }
-/* line 241, ../../../../general/res/sass/controls/_messages.scss */
+/* line 238, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-severity-error .type-icon.message-type {
  color: #c96b68; }
-  /* line 242, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 239, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-severity-error .type-icon.message-type:before {
    content: "\21"; }
-/* line 305, ../../../../general/res/sass/controls/_messages.scss */
+/* line 302, ../../../../general/res/sass/controls/_messages.scss */
 .t-message-list .message-contents .l-message {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
@@ -3526,26 +3540,26 @@ label.checkbox.custom {
  background: rgba(102, 102, 102, 0.1);
  margin-bottom: 5px;
  padding: 10px; }
-  /* line 311, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 308, ../../../../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 317, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 314, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-contents .l-message .message-contents {
    font-size: 0.9em;
    margin-left: 10px; }
-    /* line 320, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 317, ../../../../general/res/sass/controls/_messages.scss */
    .t-message-list .message-contents .l-message .message-contents .message-action {
      color: #999999; }
-    /* line 321, ../../../../general/res/sass/controls/_messages.scss */
+    /* line 318, ../../../../general/res/sass/controls/_messages.scss */
    .t-message-list .message-contents .l-message .message-contents .bottom-bar {
      text-align: left; }
-  /* line 324, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 321, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-  /* line 332, ../../../../general/res/sass/controls/_messages.scss */
+  /* line 329, ../../../../general/res/sass/controls/_messages.scss */
  .t-message-list .message-contents .l-message {
    margin-right: 10px; } }

@@ -3948,7 +3962,7 @@ mct-include.l-time-controller {
      padding: 0 3px;
      position: relative;
      height: 150px; }
-      /* line 327, ../../../../general/res/sass/_mixins.scss */
+      /* line 326, ../../../../general/res/sass/_mixins.scss */
      .form .form-row .selector-list.error {
        background: rgba(255, 0, 0, 0.5); }
      /* line 119, ../../../../general/res/sass/forms/_elems.scss */
@@ -4006,7 +4020,7 @@ input[type="search"] {
  color: #666;
  outline: none;
  padding: 0 3px; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
  input[type="text"].error,
  input[type="search"].error {
    background: rgba(255, 0, 0, 0.5); }
@@ -4036,7 +4050,7 @@ textarea {
  position: absolute;
  height: 100%;
  width: 100%; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
  textarea.error {
    background: rgba(255, 0, 0, 0.5); }

@@ -4076,16 +4090,12 @@ textarea {
  -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 303, ../../../../general/res/sass/_mixins.scss */
+  /* line 302, ../../../../general/res/sass/_mixins.scss */
  .select .icon, .select .t-item-icon {
    color: #eee; }
  /* line 31, ../../../../general/res/sass/forms/_selects.scss */
@@ -4167,7 +4177,7 @@ textarea {
  max-height: 400px;
  overflow: auto;
  padding: 5px; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../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 */
@@ -4554,7 +4564,7 @@ span.req {
  border: none;
  color: #666;
  outline: none; }
-  /* line 327, ../../../../general/res/sass/_mixins.scss */
+  /* line 326, ../../../../general/res/sass/_mixins.scss */
  .s-filter input[type="search"].error {
    background: rgba(255, 0, 0, 0.5); }
 /* line 135, ../../../../general/res/sass/forms/_filter.scss */
@@ -5806,19 +5816,15 @@ span.req {
        -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 303, ../../../../general/res/sass/_mixins.scss */
+        /* line 302, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-          /* line 308, ../../../../general/res/sass/_mixins.scss */
+          /* line 307, ../../../../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-image: #7d7d7d; }
-            /* line 310, ../../../../general/res/sass/_mixins.scss */
+            background: #7d7d7d; }
+            /* line 309, ../../../../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 */
@@ -5978,7 +5984,7 @@ ul.tree {
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
-  /* line 360, ../../../../general/res/sass/_mixins.scss */
+  /* line 359, ../../../../general/res/sass/_mixins.scss */
  ul.tree li {
    list-style-type: none;
    margin: 0;
@@ -6089,8 +6095,8 @@ ul.tree {
    /* line 99, ../../../../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; }
+      background: #e3e3e3;
+      color: #4d4d4d; }
      /* line 102, ../../../../general/res/sass/tree/_tree.scss */
      .tree-item:not(.selected):hover .t-item-icon,
      .search-result-item:not(.selected):hover .t-item-icon {
@@ -7309,10 +7315,6 @@ table {
    -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;
@@ -7322,14 +7324,14 @@ table {
    margin-bottom: 3px;
    margin-right: 3px;
    position: relative; }
-    /* line 303, ../../../../general/res/sass/_mixins.scss */
+    /* line 302, ../../../../general/res/sass/_mixins.scss */
    .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
      color: #0099cc; }
    @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
-      /* line 308, ../../../../general/res/sass/_mixins.scss */
+      /* line 307, ../../../../general/res/sass/_mixins.scss */
      .items-holder .item.grid-item:not(.disabled):hover {
-        background-image: #d0d0d0; }
-        /* line 310, ../../../../general/res/sass/_mixins.scss */
+        background: #c4c4c4; }
+        /* line 309, ../../../../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 44, ../../../../general/res/sass/items/_item.scss */
@@ -7445,13 +7447,9 @@ table {
      -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 303, ../../../../general/res/sass/_mixins.scss */
+      /* line 302, ../../../../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 */
--- a/platform/commonUI/themes/snow/res/sass/_constants.scss
+++ b/platform/commonUI/themes/snow/res/sass/_constants.scss
@@ -12,12 +12,14 @@ $colorInteriorBorder: rgba($colorBodyFg, 0.2);
 $colorA: #999;
 $colorAHov: $colorKey;
 $contrastRatioPercent: 40%;
+$hoverRatioPercent: 10%;
 $basicCr: 4px;
 $controlCr: $basicCr;
 $smallCr: 3px;

 // Buttons and Controls
 $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
+$colorBtnBgHov: pullForward($colorBtnBg, $hoverRatioPercent);
 $colorBtnFg: #fff;
 $colorBtnMajorBg: $colorKey;
 $colorBtnMajorFg: $colorKeyFg;
@@ -54,7 +56,7 @@ $colorTick: rgba(black, 0.2);
 $colorMenuBg: pushBack($colorBodyBg, 10%);
 $colorMenuFg: pullForward($colorMenuBg, 70%);
 $colorMenuIc: $colorKey;
-$colorMenuHovBg: pullForward($colorMenuBg, 10%);
+$colorMenuHovBg: pullForward($colorMenuBg, $hoverRatioPercent);
 $colorMenuHovFg: $colorMenuFg;
 $colorMenuHovIc: $colorMenuIc;
 $shdwMenu: rgba(black, 0.5) 0 1px 5px;
@@ -89,6 +91,7 @@ $colorStatusDefault: #ccc;
 $colorStatusInfo: #60ba7b;
 $colorStatusAlert: #ffb66c;
 $colorStatusError: #c96b68;
+$colorStatusBtnBg: #666;
 $colorProgressBarOuter: rgba(#000, 0.1);
 $colorProgressBarAmt: #0a0;
 $progressBarHOverlay: 15px;
@@ -123,7 +126,7 @@ $colorOvrBtnFg: #fff;

 // Items
 $colorItemBg: #ddd;
-$colorItemBgHov: pullForward($colorItemBg, 5%);
+$colorItemBgHov: pullForward($colorItemBg, $hoverRatioPercent);
 $colorItemFg: $colorBodyFg;
 $colorItemFgDetails: pushBack($colorItemFg, 15%);
 $colorItemIc: $colorKey;
@@ -149,15 +152,15 @@ $colorPlotAreaBorder: $colorInteriorBorder;
 $colorPlotLabelFg: pushBack($colorPlotFg, 20%);

 // Tree
-$colorItemTreeHoverBg: rgba($colorBodyFg, 0.1);
-$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%);
+$colorItemTreeHoverBg: pullForward($colorBodyBg, $hoverRatioPercent);
+$colorItemTreeHoverFg: pullForward($colorBodyFg, $hoverRatioPercent);
 $colorItemTreeIcon: $colorKey;
-$colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%);
+$colorItemTreeIconHover: $colorItemTreeIcon;
 $colorItemTreeVCHover: $colorKey;
 $colorItemTreeFg: $colorBodyFg;
 $colorItemTreeSelectedBg: pushBack($colorKey, 15%);
 $colorItemTreeSelectedFg: $colorBodyBg;
-$colorItemTreeEditingBg: #caf1ff; //#c6e3ff;
+$colorItemTreeEditingBg: #caf1ff;
 $colorItemTreeEditingFg: $colorEditAreaFg;
 $colorItemTreeVC: $colorBodyFg;
 $colorItemTreeSelectedVC: $colorBodyBg;
--- a/platform/commonUI/themes/snow/res/sass/_mixins.scss
+++ b/platform/commonUI/themes/snow/res/sass/_mixins.scss
@@ -3,9 +3,9 @@
 	@include boxShdw($shdwBtns);
 }

-@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
+@mixin btnSubtle($bg: $colorBtnBg, $bgHovColor: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
 	@include containerSubtle($bg, $fg);
-	@include btnBase($bg, $bgHov, $fg, $ic);
+	@include btnBase($bg, $bgHovColor, $fg, $ic);
 	@include text-shadow($shdwItemText);
 }