Fix stylelint errors

+{
+  "extends": ["stylelint-config-standard", "stylelint-config-recommended-scss"],
+  "plugins": [
+    "stylelint-order"
+  ],
+  "rules": {
+    "at-rule-empty-line-before": ["always", {
+      "except": ["first-nested"],
+      "ignore": ["after-comment"]
+    }],
+    "at-rule-name-space-after": "always",
+    "at-rule-no-vendor-prefix": true,
+    "at-rule-semicolon-space-before": "never",
+    "block-closing-brace-empty-line-before": "never",
+    "block-closing-brace-newline-after": null,
+    "block-opening-brace-space-before": null,
+    "color-named": "never",
+    "declaration-block-semicolon-newline-after": "always-multi-line",
+    "declaration-block-semicolon-newline-before": "never-multi-line",
+    "declaration-block-semicolon-space-after": "always-single-line",
+    "declaration-empty-line-before": null,
+    "declaration-no-important": null,
+    "font-family-name-quotes": "always-where-recommended",
+    "font-weight-notation": [
+      "numeric", {
+        "ignore": ["relative"]
+    }],
+    "function-url-no-scheme-relative": true,
+    "function-url-quotes": "always",
+    "length-zero-no-unit": true,
+    "max-empty-lines": 2,
+    "max-line-length": null,
+    "media-feature-name-no-vendor-prefix": true,
+    "media-feature-parentheses-space-inside": "never",
+    "media-feature-range-operator-space-after": "always",
+    "media-feature-range-operator-space-before": "never",
+    "no-descending-specificity": null,
+    "no-duplicate-selectors": true,
+    "number-leading-zero": "never",
+    "media-feature-name-no-unknown": [true, {
+      "ignoreMediaFeatureNames": ["prefers-reduced-motion"]
+    }],
+    "order/properties-order": [
+      "position",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "z-index",
+      "box-sizing",
+      "display",
+      "flex",
+      "flex-align",
+      "flex-basis",
+      "flex-direction",
+      "flex-wrap",
+      "flex-flow",
+      "flex-shrink",
+      "flex-grow",
+      "flex-order",
+      "flex-pack",
+      "align-content",
+      "align-items",
+      "align-self",
+      "justify-content",
+      "order",
+      "float",
+      "width",
+      "min-width",
+      "max-width",
+      "height",
+      "min-height",
+      "max-height",
+      "padding",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "margin",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "overflow",
+      "overflow-x",
+      "overflow-y",
+      "-webkit-overflow-scrolling",
+      "-ms-overflow-x",
+      "-ms-overflow-y",
+      "-ms-overflow-style",
+      "columns",
+      "column-count",
+      "column-fill",
+      "column-gap",
+      "column-rule",
+      "column-rule-width",
+      "column-rule-style",
+      "column-rule-color",
+      "column-span",
+      "column-width",
+      "orphans",
+      "widows",
+      "clip",
+      "clear",
+      "font",
+      "font-family",
+      "font-size",
+      "font-style",
+      "font-weight",
+      "font-variant",
+      "font-size-adjust",
+      "font-stretch",
+      "font-effect",
+      "font-emphasize",
+      "font-emphasize-position",
+      "font-emphasize-style",
+      "font-smooth",
+      "src",
+      "hyphens",
+      "line-height",
+      "color",
+      "text-align",
+      "text-align-last",
+      "text-emphasis",
+      "text-emphasis-color",
+      "text-emphasis-style",
+      "text-emphasis-position",
+      "text-decoration",
+      "text-indent",
+      "text-justify",
+      "text-outline",
+      "-ms-text-overflow",
+      "text-overflow",
+      "text-overflow-ellipsis",
+      "text-overflow-mode",
+      "text-shadow",
+      "text-transform",
+      "text-wrap",
+      "-webkit-text-size-adjust",
+      "-ms-text-size-adjust",
+      "letter-spacing",
+      "-ms-word-break",
+      "word-break",
+      "word-spacing",
+      "-ms-word-wrap",
+      "word-wrap",
+      "overflow-wrap",
+      "tab-size",
+      "white-space",
+      "vertical-align",
+      "direction",
+      "unicode-bidi",
+      "list-style",
+      "list-style-position",
+      "list-style-type",
+      "list-style-image",
+      "pointer-events",
+      "-ms-touch-action",
+      "touch-action",
+      "cursor",
+      "visibility",
+      "zoom",
+      "table-layout",
+      "empty-cells",
+      "caption-side",
+      "border-spacing",
+      "border-collapse",
+      "content",
+      "quotes",
+      "counter-reset",
+      "counter-increment",
+      "resize",
+      "user-select",
+      "nav-index",
+      "nav-up",
+      "nav-right",
+      "nav-down",
+      "nav-left",
+      "background",
+      "background-color",
+      "background-image",
+      "filter",
+      "background-repeat",
+      "background-attachment",
+      "background-position",
+      "background-position-x",
+      "background-position-y",
+      "background-clip",
+      "background-origin",
+      "background-size",
+      "border",
+      "border-color",
+      "border-style",
+      "border-width",
+      "border-top",
+      "border-top-color",
+      "border-top-style",
+      "border-top-width",
+      "border-right",
+      "border-right-color",
+      "border-right-style",
+      "border-right-width",
+      "border-bottom",
+      "border-bottom-color",
+      "border-bottom-style",
+      "border-bottom-width",
+      "border-left",
+      "border-left-color",
+      "border-left-style",
+      "border-left-width",
+      "border-radius",
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-bottom-right-radius",
+      "border-bottom-left-radius",
+      "border-image",
+      "border-image-source",
+      "border-image-slice",
+      "border-image-width",
+      "border-image-outset",
+      "border-image-repeat",
+      "outline",
+      "outline-width",
+      "outline-style",
+      "outline-color",
+      "outline-offset",
+      "box-shadow",
+      "opacity",
+      "-ms-interpolation-mode",
+      "page-break-after",
+      "page-break-before",
+      "page-break-inside",
+      "transition",
+      "transition-delay",
+      "transition-timing-function",
+      "transition-duration",
+      "transition-property",
+      "transform",
+      "transform-origin",
+      "perspective",
+      "appearance",
+      "animation",
+      "animation-name",
+      "animation-duration",
+      "animation-play-state",
+      "animation-timing-function",
+      "animation-delay",
+      "animation-iteration-count",
+      "animation-direction",
+      "animation-fill-mode",
+      "fill",
+      "stroke"
+    ],
+    "property-no-vendor-prefix": null,
+    "rule-empty-line-before": ["always", {
+      "except": ["first-nested"],
+      "ignore": ["after-comment"]
+    }],
+    "scss/dollar-variable-default": [true, { "ignore": "local" }],
+    "selector-attribute-quotes": "always",
+    "selector-list-comma-newline-after": "always",
+    "selector-list-comma-newline-before": "never-multi-line",
+    "selector-list-comma-space-after": "always-single-line",
+    "selector-list-comma-space-before": "never-single-line",
+    "selector-max-attribute": 2,
+    "selector-max-class": 6,
+    "selector-max-combinators": 8,
+    "selector-max-compound-selectors": 9,
+    "selector-max-empty-lines": 1,
+    "selector-max-id": 1,
+    "selector-max-specificity": null,
+    "selector-max-type": 5,
+    "selector-max-universal": 1,
+    "selector-no-qualifying-type": null,
+    "selector-no-vendor-prefix": null,
+    "selector-type-no-unknown": [true, {
+      "ignoreTypes": [
+        "/^md-/",
+        "/^mdp-/",
+        "/^ng-/",
+        "/^tb-/",
+        "/^v-pane/"
+      ]
+    }],
+    "string-quotes": "double",
+    "value-keyword-case": "lower",
+    "value-list-comma-newline-after": "always-multi-line",
+    "value-list-comma-newline-before": "never-multi-line",
+    "value-list-comma-space-after": "always-single-line",
+    "value-no-vendor-prefix": null
+  }
+}

@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-alarm-details-panel {
 .tb-alarm-details-panel {
-  margin-left: 15px;
-  border: 1px solid #C0C0C0;
   height: 100%;
   height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
   #tb-alarm-details {
   #tb-alarm-details {
-    min-width: 600px;
-    min-height: 200px;
     width: 100%;
     width: 100%;
+    min-width: 600px;
     height: 100%;
     height: 100%;
+    min-height: 200px;
   }
   }
 }
 }

@@ -13,26 +13,27 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-alarm-container {
 .tb-alarm-container {
   overflow-x: auto;
   overflow-x: auto;
 }
 }
 
 
 md-list.tb-alarm-table {
 md-list.tb-alarm-table {
-  padding: 0px;
   min-width: 700px;
   min-width: 700px;
+  padding: 0;
 
 
   md-list-item {
   md-list-item {
-    padding: 0px;
+    padding: 0;
   }
   }
 
 
   .tb-row {
   .tb-row {
     height: 48px;
     height: 48px;
-    padding: 0px;
+    padding: 0;
     overflow: hidden;
     overflow: hidden;
   }
   }
 
 
   .tb-row:hover {
   .tb-row:hover {
-    background-color: #EEEEEE;
+    background-color: #eee;
   }
   }
 
 
   .tb-header:hover {
   .tb-header:hover {
@@ -41,9 +42,9 @@ md-list.tb-alarm-table {
 
 
   .tb-header {
   .tb-header {
     .tb-cell {
     .tb-cell {
-      color: rgba(0,0,0,.54);
       font-size: 12px;
       font-size: 12px;
       font-weight: 700;
       font-weight: 700;
+      color: rgba(0, 0, 0, .54);
       white-space: nowrap;
       white-space: nowrap;
       background: none;
       background: none;
     }
     }
@@ -52,11 +53,12 @@ md-list.tb-alarm-table {
   .tb-cell {
   .tb-cell {
     padding: 0 24px;
     padding: 0 24px;
     margin: auto 0;
     margin: auto 0;
-    color: rgba(0,0,0,.87);
+    overflow: hidden;
     font-size: 13px;
     font-size: 13px;
-    vertical-align: middle;
+    color: rgba(0, 0, 0, .87);
     text-align: left;
     text-align: left;
-    overflow: hidden;
+    vertical-align: middle;
+
     .md-button {
     .md-button {
       padding: 0;
       padding: 0;
       margin: 0;
       margin: 0;
@@ -66,12 +68,11 @@ md-list.tb-alarm-table {
   .tb-cell.tb-number {
   .tb-cell.tb-number {
     text-align: right;
     text-align: right;
   }
   }
-
 }
 }
 
 
 #tb-alarm-content {
 #tb-alarm-content {
-  min-width: 400px;
-  min-height: 50px;
   width: 100%;
   width: 100%;
+  min-width: 400px;
   height: 100%;
   height: 100%;
+  min-height: 50px;
 }
 }

@@ -13,10 +13,12 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-#tb-audit-log-action-data, #tb-audit-log-failure-details {
-  min-width: 400px;
-  min-height: 50px;
+
+#tb-audit-log-action-data,
+#tb-audit-log-failure-details {
   width: 100%;
   width: 100%;
+  min-width: 400px;
   height: 100%;
   height: 100%;
-  border: 1px solid #C0C0C0;
-}
+  min-height: 50px;
+  border: 1px solid #c0c0c0;
+}

@@ -13,17 +13,21 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-audit-logs {
 .tb-audit-logs {
   background-color: #fff;
   background-color: #fff;
+
   .tb-audit-log-margin-18px {
   .tb-audit-log-margin-18px {
     margin-bottom: 18px;
     margin-bottom: 18px;
   }
   }
+
   .tb-audit-log-toolbar {
   .tb-audit-log-toolbar {
     font-size: 20px;
     font-size: 20px;
   }
   }
+
   md-input-container.tb-audit-log-search-input {
   md-input-container.tb-audit-log-search-input {
     .md-errors-spacer {
     .md-errors-spacer {
-      min-height: 0px;
+      min-height: 0;
     }
     }
   }
   }
 }
 }
@@ -32,27 +36,26 @@
   overflow-x: auto;
   overflow-x: auto;
 }
 }
 
 
-
-
 md-list.tb-audit-log-table {
 md-list.tb-audit-log-table {
-  padding: 0px;
   min-width: 700px;
   min-width: 700px;
+  padding: 0;
+
   &.tb-audit-log-table-full {
   &.tb-audit-log-table-full {
     min-width: 900px;
     min-width: 900px;
   }
   }
 
 
   md-list-item {
   md-list-item {
-    padding: 0px;
+    padding: 0;
   }
   }
 
 
   .tb-row {
   .tb-row {
     height: 48px;
     height: 48px;
-    padding: 0px;
+    padding: 0;
     overflow: hidden;
     overflow: hidden;
   }
   }
 
 
   .tb-row:hover {
   .tb-row:hover {
-    background-color: #EEEEEE;
+    background-color: #eee;
   }
   }
 
 
   .tb-header:hover {
   .tb-header:hover {
@@ -61,9 +64,9 @@ md-list.tb-audit-log-table {
 
 
   .tb-header {
   .tb-header {
     .tb-cell {
     .tb-cell {
-      color: rgba(0,0,0,.54);
       font-size: 12px;
       font-size: 12px;
       font-weight: 700;
       font-weight: 700;
+      color: rgba(0, 0, 0, .54);
       white-space: nowrap;
       white-space: nowrap;
       background: none;
       background: none;
     }
     }
@@ -72,11 +75,12 @@ md-list.tb-audit-log-table {
   .tb-cell {
   .tb-cell {
     padding: 0 24px;
     padding: 0 24px;
     margin: auto 0;
     margin: auto 0;
-    color: rgba(0,0,0,.87);
+    overflow: hidden;
     font-size: 13px;
     font-size: 13px;
-    vertical-align: middle;
+    color: rgba(0, 0, 0, .87);
     text-align: left;
     text-align: left;
-    overflow: hidden;
+    vertical-align: middle;
+
     .md-button {
     .md-button {
       padding: 0;
       padding: 0;
       margin: 0;
       margin: 0;
@@ -86,5 +90,4 @@ md-list.tb-audit-log-table {
   .tb-cell.tb-number {
   .tb-cell.tb-number {
     text-align: right;
     text-align: right;
   }
   }
-
 }
 }

@@ -13,16 +13,19 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-dashboard-autocomplete {
 .tb-dashboard-autocomplete {
   .tb-not-found {
   .tb-not-found {
     display: block;
     display: block;
-    line-height: 1.5;
     height: 48px;
     height: 48px;
+    line-height: 1.5;
   }
   }
+
   .tb-dashboard-item {
   .tb-dashboard-item {
     display: block;
     display: block;
     height: 48px;
     height: 48px;
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -13,18 +13,20 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
 tb-dashboard-select {
 tb-dashboard-select {
   min-width: 52px;
   min-width: 52px;
+
   md-select {
   md-select {
-    pointer-events: all;
     max-width: 300px;
     max-width: 300px;
+    pointer-events: all;
   }
   }
 }
 }
 
 
 .tb-dashboard-select {
 .tb-dashboard-select {
   min-height: 32px;
   min-height: 32px;
+
   span {
   span {
     pointer-events: all;
     pointer-events: all;
     cursor: pointer;
     cursor: pointer;
@@ -38,23 +40,27 @@ tb-dashboard-select {
 }
 }
 
 
 .tb-dashboard-select-panel {
 .tb-dashboard-select-panel {
+  min-width: 300px;
+  max-width: 320px;
   max-height: 150px;
   max-height: 150px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+
   @media (min-height: 350px) {
   @media (min-height: 350px) {
     max-height: 250px;
     max-height: 250px;
   }
   }
-  max-width: 320px;
+
   @media (min-width: $layout-breakpoint-xs) {
   @media (min-width: $layout-breakpoint-xs) {
     max-width: 100%;
     max-width: 100%;
   }
   }
-  min-width: 300px;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
-  0 13px 19px 2px rgba(0, 0, 0, 0.14),
-  0 5px 24px 4px rgba(0, 0, 0, 0.12);
-  overflow-x: hidden;
-  overflow-y: auto;
+
   md-content {
   md-content {
     background-color: #fff;
     background-color: #fff;
   }
   }
-}
+}

@@ -21,6 +21,7 @@ div.tb-widget {
   margin: 0;
   margin: 0;
   overflow: hidden;
   overflow: hidden;
   outline: none;
   outline: none;
+
   @include transition(all .2s ease-in-out);
   @include transition(all .2s ease-in-out);
 
 
   .tb-widget-title {
   .tb-widget-title {
@@ -32,7 +33,7 @@ div.tb-widget {
 
 
     tb-timewindow {
     tb-timewindow {
       font-size: 14px;
       font-size: 14px;
-      opacity: 0.85;
+      opacity: .85;
     }
     }
   }
   }
 
 
@@ -44,17 +45,19 @@ div.tb-widget {
     margin: 0;
     margin: 0;
 
 
     .md-button.md-icon-button {
     .md-button.md-icon-button {
-      margin: 0 !important;
-      padding: 0 !important;
-      line-height: 20px;
       width: 32px;
       width: 32px;
-      height: 32px;
       min-width: 32px;
       min-width: 32px;
+      height: 32px;
       min-height: 32px;
       min-height: 32px;
-      md-icon, ng-md-icon {
+      padding: 0 !important;
+      margin: 0 !important;
+      line-height: 20px;
+
+      md-icon,
+      ng-md-icon {
         width: 20px;
         width: 20px;
-        height: 20px;
         min-width: 20px;
         min-width: 20px;
+        height: 20px;
         min-height: 20px;
         min-height: 20px;
         font-size: 20px;
         font-size: 20px;
       }
       }
@@ -63,8 +66,8 @@ div.tb-widget {
 
 
   .tb-widget-content {
   .tb-widget-content {
     tb-widget {
     tb-widget {
-      width: 100%;
       position: relative;
       position: relative;
+      width: 100%;
     }
     }
   }
   }
 }
 }
@@ -75,40 +78,41 @@ div.tb-widget.tb-highlighted {
 }
 }
 
 
 div.tb-widget.tb-not-highlighted {
 div.tb-widget.tb-not-highlighted {
-  opacity: 0.5;
+  opacity: .5;
 }
 }
 
 
 tb-dashboard {
 tb-dashboard {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
-  left: 0;
   right: 0;
   right: 0;
   bottom: 0;
   bottom: 0;
+  left: 0;
 }
 }
 
 
 md-content.tb-dashboard-content {
 md-content.tb-dashboard-content {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
-  left: 0;
   right: 0;
   right: 0;
   bottom: 0;
   bottom: 0;
-  outline: none;
+  left: 0;
   background: none;
   background: none;
+  outline: none;
+
   .gridster-item {
   .gridster-item {
-      @include transition(none);
+    @include transition(none);
   }
   }
 }
 }
 
 
 .tb-widget-error-container {
 .tb-widget-error-container {
   position: absolute;
   position: absolute;
-  background-color: #fff;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
+  background-color: #fff;
 }
 }
 
 
 .tb-widget-error-msg {
 .tb-widget-error-msg {
-  color: red;
+  padding: 5px;
   font-size: 16px;
   font-size: 16px;
+  color: #f00;
   word-wrap: break-word;
   word-wrap: break-word;
-  padding: 5px;
 }
 }

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-datakey-config {
 .tb-datakey-config {
   min-width: 500px !important;
   min-width: 500px !important;
   min-height: 500px !important;
   min-height: 500px !important;
+
   md-content {
   md-content {
     background-color: #fff;
     background-color: #fff;
   }
   }

@@ -13,17 +13,22 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
-.tb-entity-alias-autocomplete, .tb-timeseries-datakey-autocomplete, .tb-attribute-datakey-autocomplete, .tb-alarm-datakey-autocomplete {
+.tb-entity-alias-autocomplete,
+.tb-timeseries-datakey-autocomplete,
+.tb-attribute-datakey-autocomplete,
+.tb-alarm-datakey-autocomplete {
   .tb-not-found {
   .tb-not-found {
     display: block;
     display: block;
-    line-height: 1.5;
     height: 48px;
     height: 48px;
+    line-height: 1.5;
+
     .tb-no-entries {
     .tb-no-entries {
       line-height: 48px;
       line-height: 48px;
     }
     }
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;
@@ -32,13 +37,14 @@
 
 
 tb-datasource-entity {
 tb-datasource-entity {
   @media (min-width: $layout-breakpoint-sm) {
   @media (min-width: $layout-breakpoint-sm) {
-    padding-left: 4px;
     padding-right: 4px;
     padding-right: 4px;
+    padding-left: 4px;
   }
   }
+
   tb-entity-alias-select {
   tb-entity-alias-select {
     @media (min-width: $layout-breakpoint-sm) {
     @media (min-width: $layout-breakpoint-sm) {
       width: 200px;
       width: 200px;
       max-width: 200px;
       max-width: 200px;
     }
     }
   }
   }
-}
+}

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
 .tb-datasource-func {
 .tb-datasource-func {
   @media (min-width: $layout-breakpoint-sm) {
   @media (min-width: $layout-breakpoint-sm) {
@@ -22,19 +22,22 @@
 
 
   md-input-container.tb-datasource-name {
   md-input-container.tb-datasource-name {
     .md-errors-spacer {
     .md-errors-spacer {
-        display: none;
+      display: none;
     }
     }
   }
   }
 
 
-  .tb-func-datakey-autocomplete, .tb-alarm-datakey-autocomplete {
+  .tb-func-datakey-autocomplete,
+  .tb-alarm-datakey-autocomplete {
     .tb-not-found {
     .tb-not-found {
       display: block;
       display: block;
-      line-height: 1.5;
       height: 48px;
       height: 48px;
+      line-height: 1.5;
+
       .tb-no-entries {
       .tb-no-entries {
         line-height: 48px;
         line-height: 48px;
       }
       }
     }
     }
+
     li {
     li {
       height: auto !important;
       height: auto !important;
       white-space: normal !important;
       white-space: normal !important;

@@ -13,39 +13,43 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-datasource {
 .tb-datasource {
-   #entity-autocomplete {
-     height: 30px;
-     margin-top: 18px;
-     md-autocomplete-wrap {
-       height: 30px;
-     }
-     input, input:not(.md-input) {
-       height: 30px;
-     }
-   }
-   #datasourceType {
+  #entity-autocomplete {
+    height: 30px;
+    margin-top: 18px;
+
+    md-autocomplete-wrap {
+      height: 30px;
+    }
+
+    input,
+    input:not(.md-input) {
+      height: 30px;
+    }
   }
   }
 }
 }
 
 
 @mixin tb-checkered-bg() {
 @mixin tb-checkered-bg() {
   background-color: #fff;
   background-color: #fff;
-  background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
-  linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
-  background-size: 8px 8px;
+  background-image:
+    linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
+    linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
   background-position: 0 0, 4px 4px;
   background-position: 0 0, 4px 4px;
+  background-size: 8px 8px;
 }
 }
 
 
 .tb-color-preview {
 .tb-color-preview {
-  content: '';
-  min-width: 24px;
+  position: relative;
   width: 24px;
   width: 24px;
+  min-width: 24px;
   height: 24px;
   height: 24px;
+  overflow: hidden;
+  content: "";
   border: 2px solid #fff;
   border: 2px solid #fff;
   border-radius: 50%;
   border-radius: 50%;
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
-  position: relative;
-  overflow: hidden;
+
   @include tb-checkered-bg();
   @include tb-checkered-bg();
 
 
   .tb-color-result {
   .tb-color-result {
@@ -60,6 +64,7 @@
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
   }
   }
+
   .tb-chip-separator {
   .tb-chip-separator {
     white-space: pre;
     white-space: pre;
   }
   }

@@ -13,13 +13,16 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-datetime-period {
 tb-datetime-period {
   md-input-container {
   md-input-container {
-    margin-bottom: 0px;
+    margin-bottom: 0;
+
     .md-errors-spacer {
     .md-errors-spacer {
-      min-height: 0px;
+      min-height: 0;
     }
     }
   }
   }
+
   mdp-date-picker {
   mdp-date-picker {
     .md-input {
     .md-input {
       width: 150px !important;
       width: 150px !important;

@@ -13,47 +13,51 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
 .tb-details-title {
 .tb-details-title {
-  font-size: 1.000rem;
-  @media (min-width: $layout-breakpoint-gt-sm) {
-    font-size: 1.600rem;
-  }
-  font-weight: 400;
-  text-transform: uppercase;
+  width: inherit;
   margin: 20px 8px 0 0;
   margin: 20px 8px 0 0;
   overflow: hidden;
   overflow: hidden;
+  font-size: 1rem;
+  font-weight: 400;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
+  text-transform: uppercase;
   white-space: nowrap;
   white-space: nowrap;
-  width: inherit;
+
+  @media (min-width: $layout-breakpoint-gt-sm) {
+    font-size: 1.6rem;
+  }
 }
 }
 
 
 .tb-details-subtitle {
 .tb-details-subtitle {
-  font-size: 1.000rem;
+  width: inherit;
   margin: 10px 0;
   margin: 10px 0;
-  opacity: 0.8;
   overflow: hidden;
   overflow: hidden;
+  font-size: 1rem;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   white-space: nowrap;
-  width: inherit;
+  opacity: .8;
 }
 }
 
 
 md-sidenav.tb-sidenav-details {
 md-sidenav.tb-sidenav-details {
   .md-toolbar-tools {
   .md-toolbar-tools {
-      min-height: 100px;
-      max-height: 120px;
-      height: 100%;
+    height: 100%;
+    min-height: 100px;
+    max-height: 120px;
   }
   }
+  z-index: 59 !important;
   width: 100% !important;
   width: 100% !important;
   max-width: 100% !important;
   max-width: 100% !important;
-  z-index: 59 !important;
+
   @media (min-width: $layout-breakpoint-gt-sm) {
   @media (min-width: $layout-breakpoint-gt-sm) {
     width: 80% !important;
     width: 80% !important;
   }
   }
+
   @media (min-width: $layout-breakpoint-gt-md) {
   @media (min-width: $layout-breakpoint-gt-md) {
     width: 65% !important;
     width: 65% !important;
   }
   }
+
   tb-dashboard {
   tb-dashboard {
     md-content {
     md-content {
       background-color: $primary-hue-3;
       background-color: $primary-hue-3;

@@ -13,15 +13,18 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-entity-alias-autocomplete {
 .tb-entity-alias-autocomplete {
   .tb-not-found {
   .tb-not-found {
     display: block;
     display: block;
-    line-height: 1.5;
     height: 48px;
     height: 48px;
+    line-height: 1.5;
+
     .tb-no-entries {
     .tb-no-entries {
       line-height: 48px;
       line-height: 48px;
     }
     }
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -16,37 +16,38 @@
 @import "../../scss/constants";
 @import "../../scss/constants";
 
 
 .tb-fullscreen {
 .tb-fullscreen {
-  section.header-buttons {
-    top: 25px;
-  }
-}
-
-.tb-fullscreen {
-  width: 100% !important;
-  height: 100% !important;
   position: fixed !important;
   position: fixed !important;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
+  width: 100% !important;
+  height: 100% !important;
+
+  section.header-buttons {
+    top: 25px;
+  }
 }
 }
 
 
 .tb-fullscreen-parent {
 .tb-fullscreen-parent {
-  background-color: $gray;
-  width: 100%;
-  height: 100%;
   position: fixed;
   position: fixed;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: $gray;
 }
 }
 
 
-.md-button.tb-fullscreen-button-style, .tb-fullscreen-button-style {
+.md-button.tb-fullscreen-button-style,
+.tb-fullscreen-button-style {
   background: #ccc;
   background: #ccc;
-  opacity: 0.85;
+  opacity: .85;
+
   ng-md-icon {
   ng-md-icon {
     color: #666;
     color: #666;
   }
   }
 }
 }
 
 
-.md-button.tb-fullscreen-button-pos, .tb-fullscreen-button-pos {
+.md-button.tb-fullscreen-button-pos,
+.tb-fullscreen-button-pos {
   position: absolute;
   position: absolute;
   top: 10px;
   top: 10px;
   right: 10px;
   right: 10px;

@@ -21,15 +21,19 @@
 
 
 .tb-card-item {
 .tb-card-item {
   @include transition(all .2s ease-in-out);
   @include transition(all .2s ease-in-out);
+
   md-card-content {
   md-card-content {
-    padding-top: 0px;
     max-height: 53px;
     max-height: 53px;
+    padding-top: 0;
   }
   }
+
   md-card-title {
   md-card-title {
     width: 100%;
     width: 100%;
+
     md-card-title-text {
     md-card-title-text {
-      max-height: 32px;
       min-width: 50%;
       min-width: 50%;
+      max-height: 32px;
+
       .md-headline {
       .md-headline {
         overflow: hidden;
         overflow: hidden;
         text-overflow: ellipsis;
         text-overflow: ellipsis;
@@ -40,14 +44,15 @@
 }
 }
 
 
 .tb-current-item {
 .tb-current-item {
-  opacity: 0.5;
+  opacity: .5;
+
   @include transform(scale(1.05));
   @include transform(scale(1.05));
 }
 }
 
 
 #tb-vertical-container {
 #tb-vertical-container {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
-  left: 0;
   right: 0;
   right: 0;
   bottom: 0;
   bottom: 0;
+  left: 0;
 }
 }

@@ -13,11 +13,14 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-js-func {
 tb-js-func {
   position: relative;
   position: relative;
+
   .tb-disabled {
   .tb-disabled {
-    color: rgba(0,0,0,0.38);
+    color: rgba(0, 0, 0, .38);
   }
   }
+
   .fill-height {
   .fill-height {
     height: 100%;
     height: 100%;
   }
   }
@@ -25,25 +28,27 @@ tb-js-func {
 
 
 .tb-js-func-toolbar {
 .tb-js-func-toolbar {
   .md-button.tidy {
   .md-button.tidy {
-    color: #7B7B7B;
     min-width: 32px;
     min-width: 32px;
     min-height: 15px;
     min-height: 15px;
-    line-height: 15px;
-    font-size: 0.800rem;
-    margin: 0 5px 0 0;
     padding: 4px;
     padding: 4px;
-    background: rgba(220, 220, 220, 0.35);
+    margin: 0 5px 0 0;
+    font-size: .8rem;
+    line-height: 15px;
+    color: #7b7b7b;
+    background: rgba(220, 220, 220, .35);
   }
   }
 }
 }
 
 
 .tb-js-func-panel {
 .tb-js-func-panel {
-  margin-left: 15px;
-  border: 1px solid #C0C0C0;
   height: calc(100% - 80px);
   height: calc(100% - 80px);
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
   #tb-javascript-input {
   #tb-javascript-input {
-    min-width: 200px;
     width: 100%;
     width: 100%;
+    min-width: 200px;
     height: 100%;
     height: 100%;
+
     &:not(.fill-height) {
     &:not(.fill-height) {
       min-height: 200px;
       min-height: 200px;
     }
     }

@@ -13,8 +13,10 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-json-content {
 tb-json-content {
   position: relative;
   position: relative;
+
   .fill-height {
   .fill-height {
     height: 100%;
     height: 100%;
   }
   }
@@ -22,25 +24,27 @@ tb-json-content {
 
 
 .tb-json-content-toolbar {
 .tb-json-content-toolbar {
   .md-button.tidy {
   .md-button.tidy {
-    color: #7B7B7B;
     min-width: 32px;
     min-width: 32px;
     min-height: 15px;
     min-height: 15px;
-    line-height: 15px;
-    font-size: 0.800rem;
-    margin: 0 5px 0 0;
     padding: 4px;
     padding: 4px;
-    background: rgba(220, 220, 220, 0.35);
+    margin: 0 5px 0 0;
+    font-size: .8rem;
+    line-height: 15px;
+    color: #7b7b7b;
+    background: rgba(220, 220, 220, .35);
   }
   }
 }
 }
 
 
 .tb-json-content-panel {
 .tb-json-content-panel {
-  margin-left: 15px;
-  border: 1px solid #C0C0C0;
   height: 100%;
   height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
   #tb-json-input {
   #tb-json-input {
-    min-width: 200px;
     width: 100%;
     width: 100%;
+    min-width: 200px;
     height: 100%;
     height: 100%;
+
     &:not(.fill-height) {
     &:not(.fill-height) {
       min-height: 200px;
       min-height: 200px;
     }
     }

@@ -13,7 +13,8 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-json-form {
 tb-json-form {
-  overflow: auto;
   padding-bottom: 14px !important;
   padding-bottom: 14px !important;
-}
+  overflow: auto;
+}

@@ -13,21 +13,25 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-json-object-edit {
 tb-json-object-edit {
   position: relative;
   position: relative;
+
   .fill-height {
   .fill-height {
     height: 100%;
     height: 100%;
   }
   }
 }
 }
 
 
 .tb-json-object-panel {
 .tb-json-object-panel {
-  margin-left: 15px;
-  border: 1px solid #C0C0C0;
   height: 100%;
   height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
   #tb-json-input {
   #tb-json-input {
-    min-width: 200px;
     width: 100%;
     width: 100%;
+    min-width: 200px;
     height: 100%;
     height: 100%;
+
     &:not(.fill-height) {
     &:not(.fill-height) {
       min-height: 200px;
       min-height: 200px;
     }
     }

@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-kv-map {
 .tb-kv-map {
   span.no-data-found {
   span.no-data-found {
     position: relative;
     position: relative;
+    display: flex;
     height: 40px;
     height: 40px;
     text-transform: uppercase;
     text-transform: uppercase;
-    display: flex;
+
     &.disabled {
     &.disabled {
-      color: rgba(0,0,0,0.38);
+      color: rgba(0, 0, 0, .38);
     }
     }
   }
   }
-}
+}

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .md-panel {
 .md-panel {
   &.tb-legend-config-panel {
   &.tb-legend-config-panel {
     position: absolute;
     position: absolute;
@@ -20,21 +21,26 @@
 }
 }
 
 
 .tb-legend-config-panel {
 .tb-legend-config-panel {
-  max-height: 220px;
   min-width: 220px;
   min-width: 220px;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
-  0 13px 19px 2px rgba(0, 0, 0, 0.14),
-  0 5px 24px 4px rgba(0, 0, 0, 0.12);
+  max-height: 220px;
   overflow: hidden;
   overflow: hidden;
-  form, fieldset {
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+
+  form,
+  fieldset {
     height: 100%;
     height: 100%;
   }
   }
+
   md-content {
   md-content {
-    background-color: #fff;
     overflow: hidden;
     overflow: hidden;
+    background-color: #fff;
   }
   }
+
   .md-padding {
   .md-padding {
     padding: 0 16px;
     padding: 0 16px;
   }
   }

@@ -13,39 +13,49 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 table.tb-legend {
 table.tb-legend {
   width: 100%;
   width: 100%;
   font-size: 12px;
   font-size: 12px;
-  .tb-legend-header, .tb-legend-value {
-     text-align: right;
+
+  .tb-legend-header,
+  .tb-legend-value {
+    text-align: right;
   }
   }
+
   .tb-legend-header {
   .tb-legend-header {
     th {
     th {
-      color: rgb(255,110,64);
-      white-space: nowrap;
       padding: 0 10px 1px 0;
       padding: 0 10px 1px 0;
+      color: rgb(255, 110, 64);
+      white-space: nowrap;
     }
     }
   }
   }
+
   .tb-legend-keys {
   .tb-legend-keys {
-    td.tb-legend-label, td.tb-legend-value {
-      white-space: nowrap;
+    td.tb-legend-label,
+    td.tb-legend-value {
       padding: 2px 10px;
       padding: 2px 10px;
+      white-space: nowrap;
     }
     }
+
     .tb-legend-line {
     .tb-legend-line {
+      display: inline-block;
       width: 15px;
       width: 15px;
       height: 3px;
       height: 3px;
-      display: inline-block;
       vertical-align: middle;
       vertical-align: middle;
     }
     }
+
     .tb-legend-label {
     .tb-legend-label {
       text-align: left;
       text-align: left;
       outline: none;
       outline: none;
+
       &.tb-horizontal {
       &.tb-horizontal {
         width: 95%;
         width: 95%;
       }
       }
+
       &.tb-hidden-label {
       &.tb-hidden-label {
         text-decoration: line-through;
         text-decoration: line-through;
-        opacity: 0.6;
+        opacity: .6;
       }
       }
     }
     }
   }
   }

@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-material-icon-select {
 .tb-material-icon-select {
-    md-icon {
-        padding: 4px;
-        margin: 8px 4px 4px;
-        cursor: pointer;
-        border: solid 1px rgba(0,0,0,0.27);
-    }
-    md-input-container {
-        margin-bottom: 0px;
-    }
-}
+  md-icon {
+    padding: 4px;
+    margin: 8px 4px 4px;
+    cursor: pointer;
+    border: solid 1px rgba(0, 0, 0, .27);
+  }
+
+  md-input-container {
+    margin-bottom: 0;
+  }
+}

@@ -13,18 +13,20 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-material-icons-dialog {
 .tb-material-icons-dialog {
   button.md-icon-button.tb-select-icon-button {
   button.md-icon-button.tb-select-icon-button {
-    border: solid 1px orange;
-    border-radius: 0%;
-    padding: 16px;
-    height: 56px;
     width: 56px;
     width: 56px;
+    height: 56px;
+    padding: 16px;
     margin: 10px;
     margin: 10px;
+    border: solid 1px #ffa500;
+    border-radius: 0%;
   }
   }
+
   .tb-icons-load {
   .tb-icons-load {
     top: 64px;
     top: 64px;
-    background: rgba(255,255,255,0.75);
     z-index: 3;
     z-index: 3;
+    background: rgba(255, 255, 255, .75);
   }
   }
-}
+}

@@ -24,9 +24,11 @@
 }
 }
 
 
 .tb-menu-toggle-list {
 .tb-menu-toggle-list {
-  overflow: hidden;
   position: relative;
   position: relative;
   z-index: 1;
   z-index: 1;
-  @include transition(0.75s cubic-bezier(0.35, 0, 0.25, 1));
+  overflow: hidden;
+
+  @include transition(.75s cubic-bezier(.35, 0, .25, 1));
+
   @include transition-property(height);
   @include transition-property(height);
 }
 }

@@ -13,30 +13,35 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .json-form-ace-editor {
 .json-form-ace-editor {
-    position: relative;
-    border: 1px solid #C0C0C0;
-    height: 100%;
-    .title-panel {
-        position: absolute;
-        font-size: 0.800rem;
-        font-weight: 500;
-        top: 10px;
-        right: 20px;
-        z-index: 5;
-        label {
-          color: #00acc1;
-          background: rgba(220, 220, 220, 0.35);
-          border-radius: 5px;
-          padding: 4px;
-          text-transform: uppercase;
-        }
-        button.tidy-button {
-          background: rgba(220, 220, 220, 0.35) !important;
-          span {
-             padding: 0px !important;
-             font-size: 12px !important;
-          }
-        }
+  position: relative;
+  height: 100%;
+  border: 1px solid #c0c0c0;
+
+  .title-panel {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+    z-index: 5;
+    font-size: .8rem;
+    font-weight: 500;
+
+    label {
+      padding: 4px;
+      color: #00acc1;
+      text-transform: uppercase;
+      background: rgba(220, 220, 220, .35);
+      border-radius: 5px;
     }
     }
-}
+
+    button.tidy-button {
+      background: rgba(220, 220, 220, .35) !important;
+
+      span {
+        padding: 0 !important;
+        font-size: 12px !important;
+      }
+    }
+  }
+}

@@ -15,21 +15,23 @@
  */
  */
 @mixin tb-checkered-bg() {
 @mixin tb-checkered-bg() {
   background-color: #fff;
   background-color: #fff;
-  background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
-  linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
-  background-size: 8px 8px;
+  background-image:
+    linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
+    linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
   background-position: 0 0, 4px 4px;
   background-position: 0 0, 4px 4px;
+  background-size: 8px 8px;
 }
 }
 
 
 .tb-color-preview {
 .tb-color-preview {
-  content: '';
+  position: relative;
   width: 24px;
   width: 24px;
   height: 24px;
   height: 24px;
+  overflow: hidden;
+  content: "";
   border: 2px solid #fff;
   border: 2px solid #fff;
   border-radius: 50%;
   border-radius: 50%;
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
-  position: relative;
-  overflow: hidden;
+
   @include tb-checkered-bg();
   @include tb-checkered-bg();
 
 
   .tb-color-result {
   .tb-color-result {

@@ -13,66 +13,69 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-$previewSize: 100px;
+$previewSize: 100px !default;
 
 
 .tb-image-select-container {
 .tb-image-select-container {
   position: relative;
   position: relative;
-  height: $previewSize;
   width: 100%;
   width: 100%;
+  height: $previewSize;
 }
 }
 
 
 .tb-image-preview {
 .tb-image-preview {
-   max-width: $previewSize;
-   max-height: $previewSize;
-   width: 100%;
-   height: 100%;
+  width: 100%;
+  max-width: $previewSize;
+  height: 100%;
+  max-height: $previewSize;
 }
 }
 
 
 .tb-image-preview-container {
 .tb-image-preview-container {
-   position: relative;
-   width: $previewSize;
-   height: $previewSize;
-   margin-right: 12px;
-   border: solid 1px;
-   vertical-align: top;
-   float: left;
-   div {
-      width: 100%;
-      font-size: 18px;
-      text-align: center;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%,-50%);
-   }
+  position: relative;
+  float: left;
+  width: $previewSize;
+  height: $previewSize;
+  margin-right: 12px;
+  vertical-align: top;
+  border: solid 1px;
+
+  div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    font-size: 18px;
+    text-align: center;
+    transform: translate(-50%, -50%);
+  }
 }
 }
 
 
 .tb-dropzone {
 .tb-dropzone {
-   position: relative;
-   border: dashed 2px;
-   height: $previewSize;
-   vertical-align: top;
-   padding: 0 8px;
-   overflow: hidden;
-   div {
-      width: 100%;
-      font-size: 24px;
-      text-align: center;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%,-50%);
-   }
+  position: relative;
+  height: $previewSize;
+  padding: 0 8px;
+  overflow: hidden;
+  vertical-align: top;
+  border: dashed 2px;
+
+  div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    font-size: 24px;
+    text-align: center;
+    transform: translate(-50%, -50%);
+  }
 }
 }
 
 
 .tb-image-clear-container {
 .tb-image-clear-container {
-   width: 48px;
-   height: $previewSize;
-   position: relative;
-   float: right;
+  position: relative;
+  float: right;
+  width: 48px;
+  height: $previewSize;
 }
 }
+
 .tb-image-clear-btn {
 .tb-image-clear-btn {
-   position: absolute !important;
-   top: 50%;
-   transform: translate(0%,-50%) !important;
+  position: absolute !important;
+  top: 50%;
+  transform: translate(0%, -50%) !important;
 }
 }

@@ -15,87 +15,92 @@
  */
  */
 @import "~compass-sass-mixins/lib/compass";
 @import "~compass-sass-mixins/lib/compass";
 
 
-$swift-ease-out-duration: 0.4s !default;
-$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
+$swift-ease-out-duration: .4s !default;
+$swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default;
 
 
 $input-label-float-offset: 6px !default;
 $input-label-float-offset: 6px !default;
-$input-label-float-scale: 0.75 !default;
+$input-label-float-scale: .75 !default;
 
 
 .json-form-error {
 .json-form-error {
-    position: relative;
-    bottom: -5px;
-    font-size: 12px;
-    line-height: 12px;
-    color: rgb(244, 67, 54);
-    @include transition(all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms);
+  position: relative;
+  bottom: -5px;
+  font-size: 12px;
+  line-height: 12px;
+  color: rgb(244, 67, 54);
+
+  @include transition(all 450ms cubic-bezier(.23, 1, .32, 1) 0ms);
 }
 }
 
 
 .tb-container {
 .tb-container {
-    position: relative;
-    margin-top: 32px;
-    padding: 10px 0;
+  position: relative;
+  padding: 10px 0;
+  margin-top: 32px;
 }
 }
 
 
 .tb-field {
 .tb-field {
-    &.tb-required {
-        label:after {
-            content: ' *';
-            font-size: 13px;
-            vertical-align: top;
-            color: rgba(0,0,0,0.54);
-        }
+  &.tb-required {
+    label::after {
+      font-size: 13px;
+      color: rgba(0, 0, 0, .54);
+      vertical-align: top;
+      content: " *";
     }
     }
-    &.tb-focused:not(.tb-readonly) {
-        label:after {
-            color: rgb(221,44,0);
-        }
+  }
+
+  &.tb-focused:not(.tb-readonly) {
+    label::after {
+      color: rgb(221, 44, 0);
     }
     }
+  }
 }
 }
 
 
 .tb-date-field {
 .tb-date-field {
-    &.tb-required {
-        div>div:first-child:after {
-            content: ' *';
-            font-size: 13px;
-            vertical-align: top;
-            color: rgba(0,0,0,0.54);
-        }
+  &.tb-required {
+    div > div:first-child::after {
+      font-size: 13px;
+      color: rgba(0, 0, 0, .54);
+      vertical-align: top;
+      content: " *";
     }
     }
-    &.tb-focused:not(.tb-readonly) {
-        div>div:first-child:after {
-            color: rgb(221,44,0);
-        }
+  }
+
+  &.tb-focused:not(.tb-readonly) {
+    div > div:first-child::after {
+      color: rgb(221, 44, 0);
     }
     }
+  }
 }
 }
 
 
 label.tb-label {
 label.tb-label {
-    color: rgba(0,0,0,0.54);
-    -webkit-font-smoothing: antialiased;
-    position: absolute;
-    bottom: 100%;
-    left: 0;
-    right: auto;
-    @include transform(translate3d(0, $input-label-float-offset, 0) scale($input-label-float-scale));
-    @include transition(transform $swift-ease-out-timing-function $swift-ease-out-duration,
-                          width $swift-ease-out-timing-function $swift-ease-out-duration);
-    transform-origin: left top;
-
-    &.tb-focused {
-        color: rgb(96,125,139);
-    }
+  position: absolute;
+  right: auto;
+  bottom: 100%;
+  left: 0;
+  color: rgba(0, 0, 0, .54);
+  transform-origin: left top;
+  -webkit-font-smoothing: antialiased;
 
 
-    &.tb-required:after {
-        content: ' *';
-        font-size: 13px;
-        vertical-align: top;
-        color: rgba(0,0,0,0.54);
-    }
+  @include transform(translate3d(0, $input-label-float-offset, 0) scale($input-label-float-scale));
 
 
-    &.tb-focused:not(.tb-readonly):after {
-        color: rgb(221,44,0);
-    }
+  @include transition(transform $swift-ease-out-timing-function $swift-ease-out-duration,
+  width $swift-ease-out-timing-function $swift-ease-out-duration);
+
+  &.tb-focused {
+    color: rgb(96, 125, 139);
+  }
+
+  &.tb-required::after {
+    font-size: 13px;
+    color: rgba(0, 0, 0, .54);
+    vertical-align: top;
+    content: " *";
+  }
+
+  &.tb-focused:not(.tb-readonly)::after {
+    color: rgb(221, 44, 0);
+  }
 }
 }
 
 
 .tb-head-label {
 .tb-head-label {
-    color: rgba(0,0,0,0.54);
+  color: rgba(0, 0, 0, .54);
 }
 }

@@ -13,16 +13,19 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-related-entity-autocomplete {
 .tb-related-entity-autocomplete {
   .tb-not-found {
   .tb-not-found {
     display: block;
     display: block;
-    line-height: 1.5;
     height: 48px;
     height: 48px;
+    line-height: 1.5;
   }
   }
+
   .tb-entity-item {
   .tb-entity-item {
     display: block;
     display: block;
     height: 48px;
     height: 48px;
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -16,21 +16,22 @@
 @import "~compass-sass-mixins/lib/compass";
 @import "~compass-sass-mixins/lib/compass";
 
 
 .tb-side-menu .md-button.tb-active {
 .tb-side-menu .md-button.tb-active {
-  background-color: rgba(255, 255, 255, 0.15);
   font-weight: 500;
   font-weight: 500;
+  background-color: rgba(255, 255, 255, .15);
 }
 }
 
 
-.tb-side-menu, .tb-side-menu ul {
-  list-style: none;
+.tb-side-menu,
+.tb-side-menu ul {
   padding: 0;
   padding: 0;
   margin-top: 0;
   margin-top: 0;
+  list-style: none;
 }
 }
 
 
 .tb-side-menu .tb-menu-toggle-list a.md-button {
 .tb-side-menu .tb-menu-toggle-list a.md-button {
   padding: 0 16px 0 32px;
   padding: 0 16px 0 32px;
+  font-weight: 500;
   text-transform: none;
   text-transform: none;
   text-rendering: optimizeLegibility;
   text-rendering: optimizeLegibility;
-  font-weight: 500;
 }
 }
 
 
 .tb-side-menu .tb-menu-toggle-list .md-button {
 .tb-side-menu .tb-menu-toggle-list .md-button {
@@ -43,36 +44,38 @@
 }
 }
 
 
 .tb-side-menu > li {
 .tb-side-menu > li {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+  border-bottom: 1px solid rgba(0, 0, 0, .12);
 }
 }
 
 
 .tb-side-menu .md-button-toggle .md-toggle-icon {
 .tb-side-menu .md-button-toggle .md-toggle-icon {
-  background-size: 100% auto;
   display: inline-block;
   display: inline-block;
-  margin: auto 0 auto auto;
   width: 15px;
   width: 15px;
+  margin: auto 0 auto auto;
+  background-size: 100% auto;
+
   @include transition(transform .3s, ease-in-out);
   @include transition(transform .3s, ease-in-out);
 }
 }
 
 
 .tb-side-menu .md-button {
 .tb-side-menu .md-button {
   display: flex;
   display: flex;
-  border-radius: 0;
-  color: inherit;
-  cursor: pointer;
-  line-height: 40px;
-  margin: 0;
+  width: 100%;
   max-height: 40px;
   max-height: 40px;
+  padding: 0 16px;
+  margin: 0;
   overflow: hidden;
   overflow: hidden;
-  padding: 0px 16px;
+  line-height: 40px;
+  color: inherit;
   text-align: left;
   text-align: left;
   text-decoration: none;
   text-decoration: none;
-  white-space: nowrap;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
-  width: 100%;
+  white-space: nowrap;
+  cursor: pointer;
+  border-radius: 0;
+
   span {
   span {
     overflow: hidden;
     overflow: hidden;
-    white-space: nowrap;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
+    white-space: nowrap;
   }
   }
 }
 }
 
 
@@ -83,10 +86,10 @@
 
 
 .tb-side-menu ng-md-icon {
 .tb-side-menu ng-md-icon {
   margin-right: 8px;
   margin-right: 8px;
-  margin-left: 0px;
+  margin-left: 0;
 }
 }
 
 
 .tb-side-menu md-icon {
 .tb-side-menu md-icon {
   margin-right: 8px;
   margin-right: 8px;
-  margin-left: 0px;
+  margin-left: 0;
 }
 }

@@ -13,25 +13,32 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-timeinterval {
 tb-timeinterval {
   min-width: 355px;
   min-width: 355px;
+
   md-input-container {
   md-input-container {
-    margin-bottom: 0px;
+    margin-bottom: 0;
+
     .md-errors-spacer {
     .md-errors-spacer {
-      min-height: 0px;
+      min-height: 0;
     }
     }
   }
   }
+
   mdp-date-picker {
   mdp-date-picker {
     .md-input {
     .md-input {
       width: 150px;
       width: 150px;
     }
     }
   }
   }
+
   .md-input {
   .md-input {
     width: 70px !important;
     width: 70px !important;
   }
   }
+
   .advanced-switch {
   .advanced-switch {
     margin-top: 0;
     margin-top: 0;
   }
   }
+
   .advanced-label {
   .advanced-label {
     margin: 5px 0;
     margin: 5px 0;
   }
   }

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .md-panel {
 .md-panel {
   &.tb-timewindow-panel {
   &.tb-timewindow-panel {
     position: absolute;
     position: absolute;
@@ -20,38 +21,48 @@
 }
 }
 
 
 .tb-timewindow-panel {
 .tb-timewindow-panel {
-  max-height: 440px;
   min-width: 417px;
   min-width: 417px;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
-  0 13px 19px 2px rgba(0, 0, 0, 0.14),
-  0 5px 24px 4px rgba(0, 0, 0, 0.12);
+  max-height: 440px;
   overflow: hidden;
   overflow: hidden;
-  form, fieldset {
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+
+  form,
+  fieldset {
     height: 100%;
     height: 100%;
   }
   }
+
   md-content {
   md-content {
-    background-color: #fff;
     overflow: hidden;
     overflow: hidden;
+    background-color: #fff;
   }
   }
+
   .md-padding {
   .md-padding {
     padding: 0 16px;
     padding: 0 16px;
   }
   }
+
   .md-radio-interactive {
   .md-radio-interactive {
-    md-select, md-switch {
+    md-select,
+    md-switch {
       pointer-events: all;
       pointer-events: all;
     }
     }
   }
   }
+
   md-radio-button {
   md-radio-button {
     .md-label {
     .md-label {
       width: 100%;
       width: 100%;
     }
     }
+
     tb-timeinterval {
     tb-timeinterval {
       width: 355px;
       width: 355px;
+
       .advanced-switch {
       .advanced-switch {
-        min-height: 30px;
         max-width: 44px;
         max-width: 44px;
+        min-height: 30px;
       }
       }
     }
     }
   }
   }
@@ -59,15 +70,17 @@
 
 
 tb-timewindow {
 tb-timewindow {
   min-width: 52px;
   min-width: 52px;
+
   section.tb-timewindow {
   section.tb-timewindow {
     min-height: 32px;
     min-height: 32px;
     padding: 0 6px;
     padding: 0 6px;
+
     span {
     span {
-      pointer-events: all;
-      cursor: pointer;
       overflow: hidden;
       overflow: hidden;
       text-overflow: ellipsis;
       text-overflow: ellipsis;
       white-space: nowrap;
       white-space: nowrap;
+      pointer-events: all;
+      cursor: pointer;
     }
     }
   }
   }
 }
 }

@@ -13,18 +13,19 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-manage-widget-actions {
 .tb-manage-widget-actions {
   table.md-table {
   table.md-table {
     tbody {
     tbody {
       tr {
       tr {
         td {
         td {
           &.tb-action-cell {
           &.tb-action-cell {
+            width: 100px;
+            min-width: 100px;
+            max-width: 100px;
             overflow: hidden;
             overflow: hidden;
             text-overflow: ellipsis;
             text-overflow: ellipsis;
             white-space: nowrap;
             white-space: nowrap;
-            min-width: 100px;
-            max-width: 100px;
-            width: 100px;
           }
           }
         }
         }
       }
       }

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-widget-config {
 .tb-widget-config {
   md-tab-content.md-active > div {
   md-tab-content.md-active > div {
     height: 100%;
     height: 100%;
   }
   }
+
   .tb-advanced-widget-config {
   .tb-advanced-widget-config {
     height: 100%;
     height: 100%;
   }
   }
-}
+}

@@ -13,18 +13,21 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-widget {
 .tb-widget {
   .tb-widget-error {
   .tb-widget-error {
     display: flex;
     display: flex;
-    justify-content: center;
     align-items: center;
     align-items: center;
-    background: rgba(255,255,255,0.5);
+    justify-content: center;
+    background: rgba(255, 255, 255, .5);
+
     span {
     span {
-       color: red;
+      color: #f00;
     }
     }
   }
   }
+
   .tb-widget-loading {
   .tb-widget-loading {
-    background: rgba(255,255,255,0.15);
     z-index: 3;
     z-index: 3;
+    background: rgba(255, 255, 255, .15);
   }
   }
 }
 }

@@ -17,9 +17,10 @@
 
 
 tb-widgets-bundle-select {
 tb-widgets-bundle-select {
   md-select {
   md-select {
-    margin: 0;
     padding: 5px 20px;
     padding: 5px 20px;
+    margin: 0;
   }
   }
+
   .tb-bundle-item {
   .tb-bundle-item {
     height: 24px;
     height: 24px;
     line-height: 24px;
     line-height: 24px;
@@ -33,24 +34,29 @@ tb-widgets-bundle-select {
   }
   }
 }
 }
 
 
-tb-widgets-bundle-select, .tb-widgets-bundle-select {
+tb-widgets-bundle-select,
+.tb-widgets-bundle-select {
   .md-text {
   .md-text {
     display: block;
     display: block;
     width: 100%;
     width: 100%;
   }
   }
+
   .tb-bundle-item {
   .tb-bundle-item {
     display: inline-block;
     display: inline-block;
     width: 100%;
     width: 100%;
+
     span {
     span {
       display: inline-block;
       display: inline-block;
       vertical-align: middle;
       vertical-align: middle;
     }
     }
+
     .tb-bundle-system {
     .tb-bundle-system {
-      font-size: 0.8rem;
-      opacity: 0.8;
       float: right;
       float: right;
+      font-size: .8rem;
+      opacity: .8;
     }
     }
   }
   }
+
   md-option {
   md-option {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;
@@ -60,19 +66,23 @@ tb-widgets-bundle-select, .tb-widgets-bundle-select {
 md-toolbar {
 md-toolbar {
   tb-widgets-bundle-select {
   tb-widgets-bundle-select {
     md-select {
     md-select {
-      background: rgba(255,255,255,0.2);
+      background: rgba(255, 255, 255, .2);
+
       .md-select-value {
       .md-select-value {
-        color: #fff;
         font-size: 1.2rem;
         font-size: 1.2rem;
-        span:first-child:after {
-            color: #fff;
+        color: #fff;
+
+        span:first-child::after {
+          color: #fff;
         }
         }
       }
       }
+
       .md-select-value.md-select-placeholder {
       .md-select-value.md-select-placeholder {
         color: #fff;
         color: #fff;
-        opacity: 0.8;
+        opacity: .8;
       }
       }
     }
     }
+
     md-select.ng-invalid.ng-touched {
     md-select.ng-invalid.ng-touched {
       .md-select-value {
       .md-select-value {
         color: #fff !important;
         color: #fff !important;

@@ -13,14 +13,15 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-dashboard-assigned-customers {
 .tb-dashboard-assigned-customers {
   display: block;
   display: block;
   display: -webkit-box;
   display: -webkit-box;
   height: 34px;
   height: 34px;
+  margin-bottom: 4px;
   overflow: hidden;
   overflow: hidden;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-box-orient: vertical;
-  margin-bottom: 4px;
 }
 }
 
 

@@ -13,50 +13,54 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-$previewSize: 100px;
+$previewSize: 100px !default;
 
 
 .tb-image-select-container {
 .tb-image-select-container {
   position: relative;
   position: relative;
-  height: $previewSize;
   width: 100%;
   width: 100%;
+  height: $previewSize;
 }
 }
 
 
 .tb-image-preview {
 .tb-image-preview {
-  max-width: $previewSize;
-  max-height: $previewSize;
   width: auto;
   width: auto;
+  max-width: $previewSize;
   height: auto;
   height: auto;
+  max-height: $previewSize;
 }
 }
 
 
 .tb-image-preview-container {
 .tb-image-preview-container {
   position: relative;
   position: relative;
+  float: left;
   width: $previewSize;
   width: $previewSize;
   height: $previewSize;
   height: $previewSize;
   margin-right: 12px;
   margin-right: 12px;
-  border: solid 1px;
   vertical-align: top;
   vertical-align: top;
-  float: left;
+  border: solid 1px;
+
   div {
   div {
     width: 100%;
     width: 100%;
     font-size: 18px;
     font-size: 18px;
     text-align: center;
     text-align: center;
   }
   }
-  div, .tb-image-preview {
+
+  div,
+  .tb-image-preview {
     position: absolute;
     position: absolute;
     top: 50%;
     top: 50%;
     left: 50%;
     left: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
   }
   }
 }
 }
 
 
 .tb-image-clear-container {
 .tb-image-clear-container {
-  width: 48px;
-  height: $previewSize;
   position: relative;
   position: relative;
   float: right;
   float: right;
+  width: 48px;
+  height: $previewSize;
 }
 }
+
 .tb-image-clear-btn {
 .tb-image-clear-btn {
   position: absolute !important;
   position: absolute !important;
   top: 50%;
   top: 50%;
-  transform: translate(0%,-50%) !important;
+  transform: translate(0%, -50%) !important;
 }
 }

@@ -14,13 +14,14 @@
  * limitations under the License.
  * limitations under the License.
  */
  */
 @import "~compass-sass-mixins/lib/compass";
 @import "~compass-sass-mixins/lib/compass";
-@import '../../scss/constants';
 
 
-$toolbar-height: 50px;
-$fullscreen-toolbar-height: 64px;
-$mobile-toolbar-height: 80px;
-$half-mobile-toolbar-height: 40px;
-$mobile-toolbar-height-total: 84px;
+@import "../../scss/constants";
+
+$toolbar-height: 50px !default;
+$fullscreen-toolbar-height: 64px !default;
+$mobile-toolbar-height: 80px !default;
+$half-mobile-toolbar-height: 40px !default;
+$mobile-toolbar-height-total: 84px !default;
 
 
 tb-dashboard-toolbar {
 tb-dashboard-toolbar {
   md-fab-toolbar {
   md-fab-toolbar {
@@ -29,126 +30,156 @@ tb-dashboard-toolbar {
         .md-button {
         .md-button {
           &.md-fab {
           &.md-fab {
             opacity: 1;
             opacity: 1;
+
             @include transition(opacity .3s cubic-bezier(.55,0,.55,.2));
             @include transition(opacity .3s cubic-bezier(.55,0,.55,.2));
+
             .md-fab-toolbar-background {
             .md-fab-toolbar-background {
-                background-color: $primary-default !important;
+              background-color: $primary-default !important;
             }
             }
           }
           }
         }
         }
       }
       }
     }
     }
+
     md-fab-trigger {
     md-fab-trigger {
       .md-button {
       .md-button {
         &.md-fab {
         &.md-fab {
-          line-height: 36px;
           width: 36px;
           width: 36px;
           height: 36px;
           height: 36px;
           margin: 4px 0 0 4px;
           margin: 4px 0 0 4px;
-          opacity: 0.5;
+          line-height: 36px;
+          opacity: .5;
+
           @include transition(opacity .3s cubic-bezier(.55,0,.55,.2) .2s);
           @include transition(opacity .3s cubic-bezier(.55,0,.55,.2) .2s);
+
           md-icon {
           md-icon {
             position: absolute;
             position: absolute;
             top: 25%;
             top: 25%;
-            margin: 0;
-            line-height: 18px;
-            height: 18px;
             width: 18px;
             width: 18px;
-            min-height: 18px;
             min-width: 18px;
             min-width: 18px;
+            height: 18px;
+            min-height: 18px;
+            margin: 0;
+            line-height: 18px;
           }
           }
         }
         }
       }
       }
     }
     }
+
     &.is-fullscreen {
     &.is-fullscreen {
       &.md-is-open {
       &.md-is-open {
         md-fab-trigger {
         md-fab-trigger {
           .md-button {
           .md-button {
             &.md-fab {
             &.md-fab {
               .md-fab-toolbar-background {
               .md-fab-toolbar-background {
-                  transition-delay: 0ms !important;
-                  transition-duration: 0ms !important;
+                transition-delay: 0ms !important;
+                transition-duration: 0ms !important;
               }
               }
             }
             }
           }
           }
         }
         }
       }
       }
+
       .md-fab-toolbar-wrapper {
       .md-fab-toolbar-wrapper {
         height: $mobile-toolbar-height-total;
         height: $mobile-toolbar-height-total;
+
         @media (min-width: $layout-breakpoint-sm) {
         @media (min-width: $layout-breakpoint-sm) {
           height: $fullscreen-toolbar-height;
           height: $fullscreen-toolbar-height;
         }
         }
+
         md-toolbar {
         md-toolbar {
-          min-height: $mobile-toolbar-height;
           height: $mobile-toolbar-height;
           height: $mobile-toolbar-height;
+          min-height: $mobile-toolbar-height;
+
           @media (min-width: $layout-breakpoint-sm) {
           @media (min-width: $layout-breakpoint-sm) {
-            min-height: $fullscreen-toolbar-height;
             height: $fullscreen-toolbar-height;
             height: $fullscreen-toolbar-height;
+            min-height: $fullscreen-toolbar-height;
           }
           }
         }
         }
       }
       }
     }
     }
+
     .md-fab-toolbar-wrapper {
     .md-fab-toolbar-wrapper {
       height: $mobile-toolbar-height-total;
       height: $mobile-toolbar-height-total;
+
       @media (min-width: $layout-breakpoint-sm) {
       @media (min-width: $layout-breakpoint-sm) {
         height: $toolbar-height;
         height: $toolbar-height;
       }
       }
+
       md-toolbar {
       md-toolbar {
-        min-height: $mobile-toolbar-height;
         height: $mobile-toolbar-height;
         height: $mobile-toolbar-height;
+        min-height: $mobile-toolbar-height;
+
         @media (min-width: $layout-breakpoint-sm) {
         @media (min-width: $layout-breakpoint-sm) {
-          min-height: $toolbar-height;
           height: $toolbar-height;
           height: $toolbar-height;
+          min-height: $toolbar-height;
         }
         }
+
         md-fab-actions {
         md-fab-actions {
+          margin-top: 0;
           font-size: 16px;
           font-size: 16px;
-          margin-top: 0px;
+
           @media (max-width: $layout-breakpoint-sm) {
           @media (max-width: $layout-breakpoint-sm) {
             height: $mobile-toolbar-height;
             height: $mobile-toolbar-height;
             max-height: $mobile-toolbar-height;
             max-height: $mobile-toolbar-height;
           }
           }
+
           .close-action {
           .close-action {
             margin-right: -18px;
             margin-right: -18px;
           }
           }
+
           .md-fab-action-item {
           .md-fab-action-item {
             width: 100%;
             width: 100%;
             height: $mobile-toolbar-height;
             height: $mobile-toolbar-height;
+
             @media (min-width: $layout-breakpoint-sm) {
             @media (min-width: $layout-breakpoint-sm) {
               height: 46px;
               height: 46px;
             }
             }
+
             .tb-dashboard-action-panels {
             .tb-dashboard-action-panels {
+              flex-direction: column-reverse;
               height: $mobile-toolbar-height;
               height: $mobile-toolbar-height;
+
               @media (min-width: $layout-breakpoint-sm) {
               @media (min-width: $layout-breakpoint-sm) {
                 height: 46px;
                 height: 46px;
               }
               }
-              flex-direction: column-reverse;
+
               @media (min-width: $layout-breakpoint-sm) {
               @media (min-width: $layout-breakpoint-sm) {
                 flex-direction: row-reverse;
                 flex-direction: row-reverse;
               }
               }
+
               .tb-dashboard-action-panel {
               .tb-dashboard-action-panel {
-                min-width: 0px;
+                flex-direction: row-reverse;
+                min-width: 0;
                 height: $half-mobile-toolbar-height;
                 height: $half-mobile-toolbar-height;
+
                 @media (min-width: $layout-breakpoint-sm) {
                 @media (min-width: $layout-breakpoint-sm) {
                   height: 46px;
                   height: 46px;
                 }
                 }
-                flex-direction: row-reverse;
+
                 div {
                 div {
                   height: $half-mobile-toolbar-height;
                   height: $half-mobile-toolbar-height;
+
                   @media (min-width: $layout-breakpoint-sm) {
                   @media (min-width: $layout-breakpoint-sm) {
                     height: 46px;
                     height: 46px;
                   }
                   }
                 }
                 }
+
                 md-select {
                 md-select {
                   pointer-events: all;
                   pointer-events: all;
                 }
                 }
+
                 tb-states-component {
                 tb-states-component {
                   pointer-events: all;
                   pointer-events: all;
                 }
                 }
+
                 button.md-icon-button {
                 button.md-icon-button {
                   min-width: 40px;
                   min-width: 40px;
+
                   @media (max-width: $layout-breakpoint-sm) {
                   @media (max-width: $layout-breakpoint-sm) {
                     min-width: 28px;
                     min-width: 28px;
-                    margin: 0px;
                     padding: 2px;
                     padding: 2px;
+                    margin: 0;
                   }
                   }
                 }
                 }
               }
               }
@@ -158,4 +189,4 @@ tb-dashboard-toolbar {
       }
       }
     }
     }
   }
   }
-}
+}

@@ -14,11 +14,12 @@
  * limitations under the License.
  * limitations under the License.
  */
  */
 @import "~compass-sass-mixins/lib/compass";
 @import "~compass-sass-mixins/lib/compass";
-@import '../../scss/constants';
 
 
-$toolbar-height: 50px;
-$fullscreen-toolbar-height: 64px;
-$mobile-toolbar-height: 84px;
+@import "../../scss/constants";
+
+$toolbar-height: 50px !default;
+$fullscreen-toolbar-height: 64px !default;
+$mobile-toolbar-height: 84px !default;
 
 
 section.tb-dashboard-title {
 section.tb-dashboard-title {
   position: absolute;
   position: absolute;
@@ -27,10 +28,10 @@ section.tb-dashboard-title {
 }
 }
 
 
 input.tb-dashboard-title {
 input.tb-dashboard-title {
-  font-size: 2.000rem;
-  font-weight: 500;
-  letter-spacing: 0.005em;
   height: 38px;
   height: 38px;
+  font-size: 2rem;
+  font-weight: 500;
+  letter-spacing: .005em;
 }
 }
 
 
 div.tb-padded {
 div.tb-padded {
@@ -50,9 +51,11 @@ tb-details-sidenav.tb-widget-details-sidenav {
     @media (min-width: $layout-breakpoint-sm) {
     @media (min-width: $layout-breakpoint-sm) {
       width: 85% !important;
       width: 85% !important;
     }
     }
+
     @media (min-width: $layout-breakpoint-md) {
     @media (min-width: $layout-breakpoint-md) {
       width: 75% !important;
       width: 75% !important;
     }
     }
+
     @media (min-width: $layout-breakpoint-lg) {
     @media (min-width: $layout-breakpoint-lg) {
       width: 60% !important;
       width: 60% !important;
     }
     }
@@ -65,47 +68,55 @@ tb-details-sidenav.tb-widget-details-sidenav {
 
 
 section.tb-dashboard-toolbar {
 section.tb-dashboard-toolbar {
   position: absolute;
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   z-index: 13;
   z-index: 13;
   pointer-events: none;
   pointer-events: none;
+
   &.tb-dashboard-toolbar-opened {
   &.tb-dashboard-toolbar-opened {
-    right: 0px;
-   // @include transition(right .3s cubic-bezier(.55,0,.55,.2));
+    right: 0;
+    // @include transition(right .3s cubic-bezier(.55,0,.55,.2));
   }
   }
+
   &.tb-dashboard-toolbar-closed {
   &.tb-dashboard-toolbar-closed {
     right: 18px;
     right: 18px;
+
     @include transition(right .3s cubic-bezier(.55,0,.55,.2) .2s);
     @include transition(right .3s cubic-bezier(.55,0,.55,.2) .2s);
   }
   }
 }
 }
 
 
 .tb-dashboard-container {
 .tb-dashboard-container {
-   &.tb-dashboard-toolbar-opened {
-     &.is-fullscreen {
-       margin-top: $mobile-toolbar-height;
-       @media (min-width: $layout-breakpoint-sm) {
-         margin-top: $fullscreen-toolbar-height;
-       }
-     }
-     &:not(.is-fullscreen) {
-       margin-top: $mobile-toolbar-height;
-       @media (min-width: $layout-breakpoint-sm) {
-         margin-top: $toolbar-height;
-       }
-       @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2));
-     }
-   }
-   &.tb-dashboard-toolbar-closed {
-     margin-top: 0px;
-     @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2) .2s);
+  &.tb-dashboard-toolbar-opened {
+    &.is-fullscreen {
+      margin-top: $mobile-toolbar-height;
+
+      @media (min-width: $layout-breakpoint-sm) {
+        margin-top: $fullscreen-toolbar-height;
+      }
+    }
+
+    &:not(.is-fullscreen) {
+      margin-top: $mobile-toolbar-height;
+
+      @media (min-width: $layout-breakpoint-sm) {
+        margin-top: $toolbar-height;
+      }
+
+      @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2));
+    }
+  }
+
+  &.tb-dashboard-toolbar-closed {
+    margin-top: 0;
+
+    @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2) .2s);
   }
   }
+
   .tb-dashboard-layouts {
   .tb-dashboard-layouts {
     md-backdrop {
     md-backdrop {
       z-index: 1;
       z-index: 1;
     }
     }
-    #tb-main-layout {
 
 
-    }
     #tb-right-layout {
     #tb-right-layout {
       md-sidenav {
       md-sidenav {
         z-index: 1;
         z-index: 1;
@@ -124,13 +135,15 @@ section.tb-powered-by-footer {
   bottom: 5px;
   bottom: 5px;
   z-index: 3;
   z-index: 3;
   pointer-events: none;
   pointer-events: none;
+
   span {
   span {
     font-size: 12px;
     font-size: 12px;
+
     a {
     a {
-      font-weight: bold;
+      font-weight: 700;
       text-decoration: none;
       text-decoration: none;
-      border: none;
       pointer-events: all;
       pointer-events: all;
+      border: none;
     }
     }
   }
   }
 }
 }

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 md-select.default-state-controller {
 md-select.default-state-controller {
-  margin: 0px;
-}
+  margin: 0;
+}

@@ -13,34 +13,37 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../../scss/constants';
+@import "../../../scss/constants";
 
 
 tb-states-component {
 tb-states-component {
-    min-width: 0px;
+  min-width: 0;
 }
 }
 
 
 .entity-state-controller {
 .entity-state-controller {
-    .state-divider {
-        font-size: 18px;
-        padding-left: 15px;
-        padding-right: 15px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        pointer-events: none;
-    }
-    .state-entry {
-        font-size: 18px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        outline: none;
-    }
-    md-select {
-        margin: 0px;
-        .md-text {
-            font-size: 18px;
-            font-weight: bold;
-        }
+  .state-divider {
+    padding-right: 15px;
+    padding-left: 15px;
+    overflow: hidden;
+    font-size: 18px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    pointer-events: none;
+  }
+
+  .state-entry {
+    overflow: hidden;
+    font-size: 18px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    outline: none;
+  }
+
+  md-select {
+    margin: 0;
+
+    .md-text {
+      font-size: 18px;
+      font-weight: 700;
     }
     }
-}
+  }
+}

@@ -13,21 +13,22 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .manage-dashboard-states {
 .manage-dashboard-states {
   table.md-table {
   table.md-table {
     tbody {
     tbody {
       tr {
       tr {
         td {
         td {
           &.tb-action-cell {
           &.tb-action-cell {
+            width: 100px;
+            min-width: 100px;
+            max-width: 100px;
             overflow: hidden;
             overflow: hidden;
             text-overflow: ellipsis;
             text-overflow: ellipsis;
             white-space: nowrap;
             white-space: nowrap;
-            min-width: 100px;
-            max-width: 100px;
-            width: 100px;
           }
           }
         }
         }
       }
       }
     }
     }
   }
   }
-}
+}

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../../scss/constants';
+@import "../../../scss/constants";
 
 
 tb-aliases-entity-select {
 tb-aliases-entity-select {
   min-width: 52px;
   min-width: 52px;
@@ -26,18 +26,21 @@ tb-aliases-entity-select {
 }
 }
 
 
 .tb-aliases-entity-select-panel {
 .tb-aliases-entity-select-panel {
+  min-width: 300px;
   max-height: 150px;
   max-height: 150px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+
   @media (min-height: 350px) {
   @media (min-height: 350px) {
     max-height: 250px;
     max-height: 250px;
   }
   }
-  min-width: 300px;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
-  0 13px 19px 2px rgba(0, 0, 0, 0.14),
-  0 5px 24px 4px rgba(0, 0, 0, 0.12);
-  overflow-x: hidden;
-  overflow-y: auto;
+
   md-content {
   md-content {
     background-color: #fff;
     background-color: #fff;
   }
   }
@@ -46,15 +49,17 @@ tb-aliases-entity-select {
 section.tb-aliases-entity-select {
 section.tb-aliases-entity-select {
   min-height: 32px;
   min-height: 32px;
   padding: 0 6px;
   padding: 0 6px;
+
   @media (max-width: $layout-breakpoint-sm) {
   @media (max-width: $layout-breakpoint-sm) {
-    padding: 0px;
+    padding: 0;
   }
   }
+
   span {
   span {
     max-width: 200px;
     max-width: 200px;
-    pointer-events: all;
-    cursor: pointer;
     overflow: hidden;
     overflow: hidden;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
+    pointer-events: all;
+    cursor: pointer;
   }
   }
 }
 }

@@ -13,14 +13,17 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-entity-alias-dialog {
 .tb-entity-alias-dialog {
   .tb-resolve-multiple-switch {
   .tb-resolve-multiple-switch {
     padding-left: 10px;
     padding-left: 10px;
+
     .resolve-multiple-switch {
     .resolve-multiple-switch {
       margin: 0;
       margin: 0;
     }
     }
+
     .resolve-multiple-label {
     .resolve-multiple-label {
       margin: 5px 0;
       margin: 5px 0;
     }
     }
   }
   }
-}
+}

@@ -13,35 +13,43 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-aliases-dialog {
 .tb-aliases-dialog {
   .md-dialog-content {
   .md-dialog-content {
-    padding-bottom: 0px;
-    padding-top: 0px;
+    padding-top: 0;
+    padding-bottom: 0;
   }
   }
+
   .tb-aliases-header {
   .tb-aliases-header {
     min-height: 40px;
     min-height: 40px;
     padding: 0 34px 0 34px;
     padding: 0 34px 0 34px;
     margin: 5px;
     margin: 5px;
+
     .tb-header-label {
     .tb-header-label {
       font-size: 14px;
       font-size: 14px;
-      color: rgba(0, 0, 0, 0.570588);
+      color: rgba(0, 0, 0, .570588);
     }
     }
   }
   }
+
   .tb-alias {
   .tb-alias {
     padding: 0 0 0 10px;
     padding: 0 0 0 10px;
     margin: 5px;
     margin: 5px;
+
     md-input-container {
     md-input-container {
-      margin: 0px;
+      margin: 0;
     }
     }
+
     .tb-resolve-multiple-switch {
     .tb-resolve-multiple-switch {
       padding-left: 10px;
       padding-left: 10px;
+
       .resolve-multiple-switch {
       .resolve-multiple-switch {
         margin: 0;
         margin: 0;
       }
       }
     }
     }
+
     .md-button {
     .md-button {
       &.md-icon-button {
       &.md-icon-button {
-        margin: 0px;
+        margin: 0;
       }
       }
     }
     }
   }
   }

@@ -13,46 +13,48 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../../scss/constants';
+@import "../../../scss/constants";
 
 
-$md-light: rgba(255, 255, 255, 100%);
-$md-edit-icon-fill: #757575;
+$md-light: rgba(255, 255, 255, 100%) !default;
+$md-edit-icon-fill: #757575 !default;
 
 
 md-toolbar.md-table-toolbar.alternate {
 md-toolbar.md-table-toolbar.alternate {
   .md-toolbar-tools {
   .md-toolbar-tools {
-      md-icon {
-        color: $md-light;
-      }
+    md-icon {
+      color: $md-light;
+    }
   }
   }
 }
 }
 
 
 .md-table {
 .md-table {
   &.tb-attribute-table {
   &.tb-attribute-table {
-      table-layout: fixed;
-      td.md-cell {
-          &.tb-value-cell {
-            overflow: auto;
-          }
+    table-layout: fixed;
+
+    td.md-cell {
+      &.tb-value-cell {
+        overflow: auto;
       }
       }
+    }
   }
   }
+
   .md-cell {
   .md-cell {
     ng-md-icon {
     ng-md-icon {
-      fill: $md-edit-icon-fill;
       float: right;
       float: right;
       height: 16px;
       height: 16px;
+      fill: $md-edit-icon-fill;
     }
     }
   }
   }
 }
 }
 
 
 .widgets-carousel {
 .widgets-carousel {
   position: relative;
   position: relative;
-  margin: 0px;
   height: calc(100% - 100px);
   height: calc(100% - 100px);
   min-height: 150px !important;
   min-height: 150px !important;
+  margin: 0;
 
 
   tb-dashboard {
   tb-dashboard {
     #gridster-parent {
     #gridster-parent {
       padding: 0 7px;
       padding: 0 7px;
     }
     }
   }
   }
-}
+}

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-entity-autocomplete {
 .tb-entity-autocomplete {
   .tb-entity-item {
   .tb-entity-item {
     display: block;
     display: block;
     height: 48px;
     height: 48px;
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -13,20 +13,23 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-entity-filter-view {
 .tb-entity-filter-view {
   .entity-filter-empty {
   .entity-filter-empty {
-    color: rgba(221, 44, 0, 0.87);
     font-size: 14px;
     font-size: 14px;
     line-height: 16px;
     line-height: 16px;
+    color: rgba(221, 44, 0, .87);
   }
   }
+
   .entity-filter-type {
   .entity-filter-type {
     font-size: 14px;
     font-size: 14px;
     line-height: 16px;
     line-height: 16px;
-    color: rgba(0, 0, 0, 0.570588);
+    color: rgba(0, 0, 0, .570588);
   }
   }
+
   .entity-filter-value {
   .entity-filter-value {
     font-size: 14px;
     font-size: 14px;
     line-height: 16px;
     line-height: 16px;
-    color: rgba(0, 0, 0, 0.570588);
+    color: rgba(0, 0, 0, .570588);
   }
   }
-}
+}

@@ -13,10 +13,11 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-.tb-entity-filter {
 
 
+.tb-entity-filter {
   #relationsQueryFilter {
   #relationsQueryFilter {
     padding-top: 20px;
     padding-top: 20px;
+
     tb-entity-select {
     tb-entity-select {
       min-height: 92px;
       min-height: 92px;
     }
     }
@@ -24,12 +25,13 @@
 
 
   .tb-root-state-entity-switch {
   .tb-root-state-entity-switch {
     padding-left: 10px;
     padding-left: 10px;
+
     .root-state-entity-switch {
     .root-state-entity-switch {
       margin: 0;
       margin: 0;
     }
     }
+
     .root-state-entity-label {
     .root-state-entity-label {
       margin: 5px 0;
       margin: 5px 0;
     }
     }
   }
   }
-
-}
+}

@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-/*.tb-entity-list {
+
+/*
+.tb-entity-list {
   #entity_list_chips {
   #entity_list_chips {
     .md-chips {
     .md-chips {
       padding-bottom: 1px;
       padding-bottom: 1px;
@@ -26,4 +28,5 @@
       padding-left: 1px;
       padding-left: 1px;
     }
     }
   }
   }
-}*/
+}
+*/

@@ -13,6 +13,8 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-.tb-entity-select {
 
 
-}
+/*
+.tb-entity-select {
+}
+*/

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-entity-subtype-autocomplete {
 .tb-entity-subtype-autocomplete {
   .tb-entity-subtype-item {
   .tb-entity-subtype-item {
     display: block;
     display: block;
     height: 48px;
     height: 48px;
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-/*.tb-entity-subtype-list {
+
+/*
+.tb-entity-subtype-list {
   #entity_subtype_list_chips {
   #entity_subtype_list_chips {
     .md-chips {
     .md-chips {
       padding-bottom: 1px;
       padding-bottom: 1px;
@@ -26,4 +28,5 @@
       padding-left: 1px;
       padding-left: 1px;
     }
     }
   }
   }
-}*/
+}
+*/

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 md-select.tb-entity-subtype-select {
 md-select.tb-entity-subtype-select {
   min-width: 200px;
   min-width: 200px;
 }
 }

@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-/*.tb-entity-type-list {
+
+/*
+.tb-entity-type-list {
   #entity_type_list_chips {
   #entity_type_list_chips {
     .md-chips {
     .md-chips {
       padding-bottom: 1px;
       padding-bottom: 1px;
@@ -26,4 +28,5 @@
       padding-left: 1px;
       padding-left: 1px;
     }
     }
   }
   }
-}*/
+}
+*/

@@ -13,5 +13,8 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
+/*
 md-select.tb-entity-type-select {
 md-select.tb-entity-type-select {
 }
 }
+*/

@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-relation-additional-info-panel {
 .tb-relation-additional-info-panel {
-  margin-left: 15px;
-  border: 1px solid #C0C0C0;
   height: 100%;
   height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
   #tb-relation-additional-info {
   #tb-relation-additional-info {
-    min-width: 200px;
-    min-height: 200px;
     width: 100%;
     width: 100%;
+    min-width: 200px;
     height: 100%;
     height: 100%;
+    min-height: 200px;
   }
   }
 }
 }

@@ -13,32 +13,37 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-relation-filters {
 .tb-relation-filters {
   .header {
   .header {
-    padding-left: 5px;
     padding-right: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     padding-bottom: 5px;
+    padding-left: 5px;
+
     .cell {
     .cell {
-      padding-left: 5px;
       padding-right: 5px;
       padding-right: 5px;
-      color: rgba(0,0,0,.54);
+      padding-left: 5px;
       font-size: 12px;
       font-size: 12px;
       font-weight: 700;
       font-weight: 700;
+      color: rgba(0, 0, 0, .54);
       white-space: nowrap;
       white-space: nowrap;
     }
     }
   }
   }
+
   .body {
   .body {
-    padding-left: 5px;
-    padding-right: 5px;
     max-height: 300px;
     max-height: 300px;
-    overflow: auto;
+    padding-right: 5px;
     padding-bottom: 20px;
     padding-bottom: 20px;
+    padding-left: 5px;
+    overflow: auto;
+
     .row {
     .row {
       padding-top: 5px;
       padding-top: 5px;
     }
     }
+
     .cell {
     .cell {
-      padding-left: 5px;
       padding-right: 5px;
       padding-right: 5px;
+      padding-left: 5px;
 
 
       md-select {
       md-select {
         margin: 0 0 24px;
         margin: 0 0 24px;
@@ -49,25 +54,27 @@
       }
       }
 
 
       md-chips-wrap {
       md-chips-wrap {
-        padding: 0px;
+        padding: 0;
         margin: 0 0 24px;
         margin: 0 0 24px;
+
         md-autocomplete {
         md-autocomplete {
           height: 30px;
           height: 30px;
+
           md-autocomplete-wrap {
           md-autocomplete-wrap {
             height: 30px;
             height: 30px;
           }
           }
         }
         }
       }
       }
+
       .md-chips .md-chip-input-container input {
       .md-chips .md-chip-input-container input {
-        padding: 2px 2px 2px;
         height: 26px;
         height: 26px;
+        padding: 2px 2px 2px;
         line-height: 26px;
         line-height: 26px;
       }
       }
-
     }
     }
 
 
     .md-button {
     .md-button {
       margin: 0;
       margin: 0;
     }
     }
   }
   }
-}
+}

@@ -13,9 +13,9 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../../scss/constants';
+@import "../../../scss/constants";
 
 
-$md-light: rgba(255, 255, 255, 100%);
+$md-light: rgba(255, 255, 255, 100%) !default;
 
 
 .tb-relation-table {
 .tb-relation-table {
   md-toolbar.md-table-toolbar.alternate {
   md-toolbar.md-table-toolbar.alternate {

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-relation-type-autocomplete {
 .tb-relation-type-autocomplete {
   .tb-relation-type-item {
   .tb-relation-type-item {
     display: block;
     display: block;
     height: 48px;
     height: 48px;
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -13,24 +13,28 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 md-list.tb-event-table {
 md-list.tb-event-table {
-    padding: 0px;
+  padding: 0;
 
 
-    md-list-item {
-      padding: 0px;
-    }
+  md-list-item {
+    padding: 0;
+  }
 
 
   .tb-row {
   .tb-row {
     height: 48px;
     height: 48px;
-    padding: 0px;
+    padding: 0;
     overflow: hidden;
     overflow: hidden;
+
     .tb-cell {
     .tb-cell {
       text-overflow: ellipsis;
       text-overflow: ellipsis;
+
       &.tb-scroll {
       &.tb-scroll {
-        white-space: nowrap;
-        overflow-y: hidden;
         overflow-x: auto;
         overflow-x: auto;
+        overflow-y: hidden;
+        white-space: nowrap;
       }
       }
+
       &.tb-nowrap {
       &.tb-nowrap {
         white-space: nowrap;
         white-space: nowrap;
       }
       }
@@ -38,7 +42,7 @@ md-list.tb-event-table {
   }
   }
 
 
   .tb-row:hover {
   .tb-row:hover {
-    background-color: #EEEEEE;
+    background-color: #eee;
   }
   }
 
 
   .tb-header:hover {
   .tb-header:hover {
@@ -46,44 +50,45 @@ md-list.tb-event-table {
   }
   }
 
 
   .tb-header {
   .tb-header {
-      .tb-cell {
-        color: rgba(0,0,0,.54);
-        font-size: 12px;
-        font-weight: 700;
-        background: none;
-        white-space: nowrap;
-      }
+    .tb-cell {
+      font-size: 12px;
+      font-weight: 700;
+      color: rgba(0, 0, 0, .54);
+      white-space: nowrap;
+      background: none;
+    }
   }
   }
 
 
   .tb-cell {
   .tb-cell {
-      &:first-child {
-        padding-left: 14px;
-      }
-      &:last-child {
-        padding-right: 14px;
-      }
-      padding: 0 6px;
-      margin: auto 0;
-      color: rgba(0,0,0,.87);
-      font-size: 13px;
-      vertical-align: middle;
-      text-align: left;
-      overflow: hidden;
-      .md-button {
-          padding: 0;
-          margin: 0;
-      }
+    &:first-child {
+      padding-left: 14px;
+    }
+
+    &:last-child {
+      padding-right: 14px;
+    }
+    padding: 0 6px;
+    margin: auto 0;
+    overflow: hidden;
+    font-size: 13px;
+    color: rgba(0, 0, 0, .87);
+    text-align: left;
+    vertical-align: middle;
+
+    .md-button {
+      padding: 0;
+      margin: 0;
+    }
   }
   }
 
 
   .tb-cell.tb-number {
   .tb-cell.tb-number {
     text-align: right;
     text-align: right;
   }
   }
-
 }
 }
 
 
 #tb-event-content {
 #tb-event-content {
-  min-width: 400px;
-  min-height: 50px;
   width: 100%;
   width: 100%;
+  min-width: 400px;
   height: 100%;
   height: 100%;
+  min-height: 50px;
 }
 }

@@ -13,23 +13,26 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
 
 
 .extension-table {
 .extension-table {
-
   md-input-container .md-errors-spacer {
   md-input-container .md-errors-spacer {
     min-height: 0;
     min-height: 0;
   }
   }
 
 
-  /*&.tb-data-table table.md-table tbody tr td.tb-action-cell,
+  /*
+  &.tb-data-table table.md-table tbody tr td.tb-action-cell,
   &.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell {
   &.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell {
     width: 114px;
     width: 114px;
-  }*/
+  }
+  */
+
   .sync-widget {
   .sync-widget {
     max-height: 90px;
     max-height: 90px;
     overflow: hidden;
     overflow: hidden;
   }
   }
+
   .toolbar-widget {
   .toolbar-widget {
     min-height: 39px;
     min-height: 39px;
     max-height: 39px;
     max-height: 39px;
@@ -37,11 +40,13 @@
 }
 }
 
 
 .extension__syncStatus--black {
 .extension__syncStatus--black {
-  color: #000000!important;
+  color: #000 !important;
 }
 }
+
 .extension__syncStatus--green {
 .extension__syncStatus--green {
-  color: #228634!important;
+  color: #228634 !important;
 }
 }
+
 .extension__syncStatus--red {
 .extension__syncStatus--red {
-  color: #862222!important;
-}
+  color: #862222 !important;
+}

@@ -13,28 +13,34 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .extension-form {
 .extension-form {
   li > .md-button {
   li > .md-button {
-    color: rgba(0, 0, 0, 0.7);
     margin: 0;
     margin: 0;
+    color: rgba(0, 0, 0, .7);
   }
   }
+
   .vAccordion--default {
   .vAccordion--default {
-    margin-top: 0;
     padding-left: 3px;
     padding-left: 3px;
+    margin-top: 0;
   }
   }
+
   .tb-container {
   .tb-container {
-    width:100%;
+    width: 100%;
   }
   }
+
   .dropdown-messages {
   .dropdown-messages {
     .tb-error-message {
     .tb-error-message {
       padding: 5px 0 0 0;
       padding: 5px 0 0 0;
     }
     }
   }
   }
+
   .dropdown-section {
   .dropdown-section {
     margin-bottom: 30px;
     margin-bottom: 30px;
   }
   }
+
   v-pane.inner-invalid > v-pane-header {
   v-pane.inner-invalid > v-pane-header {
-    border-bottom: 2px solid rgb(221,44,0);
+    border-bottom: 2px solid rgb(221, 44, 0);
   }
   }
 }
 }
 
 
@@ -45,17 +51,19 @@
 }
 }
 
 
 .tb-extension-custom-transformer-panel {
 .tb-extension-custom-transformer-panel {
-  margin-left: 15px;
-  border: 1px solid #C0C0C0;
   height: 100%;
   height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
   .tb-extension-custom-transformer {
   .tb-extension-custom-transformer {
-    min-width: 600px;
-    min-height: 200px;
     width: 100%;
     width: 100%;
+    min-width: 600px;
     height: 100%;
     height: 100%;
+    min-height: 200px;
   }
   }
+
   .ace_text-input {
   .ace_text-input {
-    position:absolute!important
+    position: absolute !important;
   }
   }
 }
 }
 
 
@@ -68,9 +76,9 @@
 }
 }
 
 
 .tb-drop-file-input-hide {
 .tb-drop-file-input-hide {
-  height: 200%;
-  display: block;
   position: absolute;
   position: absolute;
   bottom: 0;
   bottom: 0;
+  display: block;
   width: 100%;
   width: 100%;
-}
+  height: 200%;
+}

@@ -15,8 +15,12 @@
  */
  */
 @import "../../scss/constants";
 @import "../../scss/constants";
 
 
-.md-button.tb-help-button-style, .tb-help-button-style {
+/*
+.md-button.tb-help-button-style,
+.tb-help-button-style {
 }
 }
 
 
-.md-button.tb-help-button-pos, .tb-help-button-pos {
+.md-button.tb-help-button-pos,
+.tb-help-button-pos {
 }
 }
+*/

@@ -16,10 +16,11 @@
 @import "../../scss/constants";
 @import "../../scss/constants";
 
 
 .tb-home-links {
 .tb-home-links {
-    .md-headline {
-      font-size: 20px;
-      @media (min-width: $layout-breakpoint-xmd) {
-        font-size: 24px;
-      }
+  .md-headline {
+    font-size: 20px;
+
+    @media (min-width: $layout-breakpoint-xmd) {
+      font-size: 24px;
     }
     }
-}
+  }
+}

@@ -13,29 +13,30 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-$previewSize: 100px;
+$previewSize: 100px !default;
 
 
 .tb-file-select-container {
 .tb-file-select-container {
   position: relative;
   position: relative;
-  height: $previewSize;
   width: 100%;
   width: 100%;
+  height: $previewSize;
 }
 }
 
 
 .tb-file-preview {
 .tb-file-preview {
-  max-width: $previewSize;
-  max-height: $previewSize;
   width: auto;
   width: auto;
+  max-width: $previewSize;
   height: auto;
   height: auto;
+  max-height: $previewSize;
 }
 }
 
 
 .tb-file-clear-container {
 .tb-file-clear-container {
-  width: 48px;
-  height: $previewSize;
   position: relative;
   position: relative;
   float: right;
   float: right;
+  width: 48px;
+  height: $previewSize;
 }
 }
+
 .tb-file-clear-btn {
 .tb-file-clear-btn {
   position: absolute !important;
   position: absolute !important;
   top: 50%;
   top: 50%;
-  transform: translate(0%,-50%) !important;
+  transform: translate(0%, -50%) !important;
 }
 }

@@ -13,5 +13,7 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-.form {  height: 400px;  }
-.schema {  height: 800px;  }
+
+.form { height: 400px; }
+
+.schema { height: 800px; }

@@ -29,23 +29,31 @@
 .tb-breadcrumb {
 .tb-breadcrumb {
   font-size: 18px !important;
   font-size: 18px !important;
   font-weight: 400 !important;
   font-weight: 400 !important;
-  h1, a, span {
+
+  h1,
+  a,
+  span {
     overflow: hidden;
     overflow: hidden;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
   }
   }
+
   a {
   a {
     border: none;
     border: none;
-    opacity: 0.75;
-    @include transition(opacity 0.35s);
+    opacity: .75;
+
+    @include transition(opacity .35s);
   }
   }
-  a:hover, a:focus {
-    opacity: 1;
+
+  a:hover,
+  a:focus {
     text-decoration: none !important;
     text-decoration: none !important;
     border: none;
     border: none;
+    opacity: 1;
   }
   }
+
   .divider {
   .divider {
-    padding: 0px 30px;
+    padding: 0 30px;
   }
   }
 }
 }
 
 
@@ -54,21 +62,22 @@ md-sidenav.tb-site-sidenav {
 }
 }
 
 
 md-icon.tb-logo-title {
 md-icon.tb-logo-title {
-  height: 36px;
   width: 200px;
   width: 200px;
+  height: 36px;
 }
 }
 
 
 .tb-nav-header {
 .tb-nav-header {
-  flex-shrink: 0;
   z-index: 2;
   z-index: 2;
+  flex-shrink: 0;
   white-space: nowrap;
   white-space: nowrap;
 }
 }
 
 
 .tb-nav-header-toolbar {
 .tb-nav-header-toolbar {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  flex-shrink: 0;
   z-index: 2;
   z-index: 2;
+  flex-shrink: 0;
   white-space: nowrap;
   white-space: nowrap;
+  border-bottom: 1px solid rgba(0, 0, 0, .12);
+
   .md-toolbar-tools {
   .md-toolbar-tools {
     flex-basis: auto;
     flex-basis: auto;
   }
   }

@@ -13,28 +13,32 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 div.tb-user-info {
 div.tb-user-info {
   line-height: 1.5;
   line-height: 1.5;
+
   span {
   span {
-    text-transform: none;
     text-align: left;
     text-align: left;
+    text-transform: none;
   }
   }
+
   span.tb-user-display-name {
   span.tb-user-display-name {
-    font-size: 0.800rem;
+    font-size: .8rem;
     font-weight: 300;
     font-weight: 300;
-    letter-spacing: 0.008em;
+    letter-spacing: .008em;
   }
   }
+
   span.tb-user-authority {
   span.tb-user-authority {
-    font-size: 0.800rem;
+    font-size: .8rem;
     font-weight: 300;
     font-weight: 300;
-    letter-spacing: 0.005em;
-    opacity: 0.8;
+    letter-spacing: .005em;
+    opacity: .8;
   }
   }
 }
 }
 
 
 md-icon.tb-mini-avatar {
 md-icon.tb-mini-avatar {
+  width: 36px;
+  height: 36px;
   margin: auto 8px;
   margin: auto 8px;
   font-size: 36px;
   font-size: 36px;
-  height: 36px;
-  width: 36px;
 }
 }

@@ -13,18 +13,21 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
 md-card.tb-login-card {
 md-card.tb-login-card {
   width: 330px !important;
   width: 330px !important;
+
   @media (min-width: $layout-breakpoint-sm) {
   @media (min-width: $layout-breakpoint-sm) {
     width: 450px !important;
     width: 450px !important;
   }
   }
+
   md-card-title {
   md-card-title {
     img.tb-login-logo {
     img.tb-login-logo {
       height: 50px;
       height: 50px;
     }
     }
   }
   }
+
   md-card-content {
   md-card-content {
     margin-top: -50px;
     margin-top: -50px;
   }
   }

@@ -17,12 +17,14 @@
 .tb-link-label-autocomplete {
 .tb-link-label-autocomplete {
   .tb-not-found {
   .tb-not-found {
     display: block;
     display: block;
-    line-height: 1.5;
     height: 48px;
     height: 48px;
+    line-height: 1.5;
+
     .tb-no-entries {
     .tb-no-entries {
       line-height: 48px;
       line-height: 48px;
     }
     }
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-message-type-autocomplete {
 .tb-message-type-autocomplete {
   .tb-message-type-item {
   .tb-message-type-item {
     display: block;
     display: block;
     height: 48px;
     height: 48px;
   }
   }
+
   li {
   li {
     height: auto !important;
     height: auto !important;
     white-space: normal !important;
     white-space: normal !important;

@@ -18,88 +18,106 @@
   .tb-fullscreen-button-style {
   .tb-fullscreen-button-style {
     z-index: 1;
     z-index: 1;
   }
   }
+
   section.tb-header-buttons.tb-library-open {
   section.tb-header-buttons.tb-library-open {
-    pointer-events: none;
     position: absolute;
     position: absolute;
-    left: 0px;
-    top: 0px;
+    top: 0;
+    left: 0;
     z-index: 1;
     z-index: 1;
+    pointer-events: none;
+
     .md-button.tb-btn-open-library {
     .md-button.tb-btn-open-library {
-      left: 0px;
-      top: 0px;
-      line-height: 36px;
+      top: 0;
+      left: 0;
       width: 36px;
       width: 36px;
       height: 36px;
       height: 36px;
       margin: 4px 0 0 4px;
       margin: 4px 0 0 4px;
-      opacity: 0.5;
+      line-height: 36px;
+      opacity: .5;
     }
     }
   }
   }
+
   .tb-rulechain-library {
   .tb-rulechain-library {
+    z-index: 1;
     width: 250px;
     width: 250px;
     min-width: 250px;
     min-width: 250px;
-    z-index: 1;
+
     md-toolbar {
     md-toolbar {
-      min-height: 48px;
       height: 48px;
       height: 48px;
-      .md-toolbar-tools>.md-button:last-child {
-        margin-right: 0px;
+      min-height: 48px;
+
+      .md-toolbar-tools > .md-button:last-child {
+        margin-right: 0;
       }
       }
+
       .md-toolbar-tools {
       .md-toolbar-tools {
-        font-size: 14px;
-        padding: 0px 6px;
         height: 48px;
         height: 48px;
+        padding: 0 6px;
+        font-size: 14px;
+
         .md-button.md-icon-button {
         .md-button.md-icon-button {
-          margin: 0px;
+          margin: 0;
+
           &.tb-small {
           &.tb-small {
+            width: 32px;
             height: 32px;
             height: 32px;
             min-height: 32px;
             min-height: 32px;
-            line-height: 20px;
             padding: 6px;
             padding: 6px;
-            width: 32px;
+            line-height: 20px;
+
             md-icon {
             md-icon {
-              line-height: 20px;
-              font-size: 20px;
-              height: 20px;
               width: 20px;
               width: 20px;
-              min-height: 20px;
               min-width: 20px;
               min-width: 20px;
+              height: 20px;
+              min-height: 20px;
+              font-size: 20px;
+              line-height: 20px;
             }
             }
           }
           }
         }
         }
       }
       }
     }
     }
+
     .tb-rulechain-library-panel-group {
     .tb-rulechain-library-panel-group {
-      overflow-y: auto;
       overflow-x: hidden;
       overflow-x: hidden;
+      overflow-y: auto;
+
       .tb-panel-title {
       .tb-panel-title {
+        min-width: 150px;
         -webkit-user-select: none;
         -webkit-user-select: none;
         -moz-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         -ms-user-select: none;
         user-select: none;
         user-select: none;
-        min-width: 150px;
       }
       }
+
       .fc-canvas {
       .fc-canvas {
         background: #f9f9f9;
         background: #f9f9f9;
       }
       }
+
       md-icon.md-expansion-panel-icon {
       md-icon.md-expansion-panel-icon {
-        margin-right: 0px;
+        margin-right: 0;
       }
       }
-      md-expansion-panel-collapsed, .md-expansion-panel-header-container {
+
+      md-expansion-panel-collapsed,
+      .md-expansion-panel-header-container {
+        position: static;
         background: #e6e6e6;
         background: #e6e6e6;
         border-color: #909090;
         border-color: #909090;
-        position: static;
       }
       }
+
       md-expansion-panel {
       md-expansion-panel {
         &.md-open {
         &.md-open {
           margin-top: 0;
           margin-top: 0;
           margin-bottom: 0;
           margin-bottom: 0;
         }
         }
       }
       }
+
       md-expansion-panel-content {
       md-expansion-panel-content {
-        padding: 0px;
+        padding: 0;
       }
       }
     }
     }
   }
   }
+
   .tb-rulechain-graph {
   .tb-rulechain-graph {
     z-index: 0;
     z-index: 0;
     overflow: auto;
     overflow: auto;
@@ -107,29 +125,35 @@
 }
 }
 
 
 #tb-rule-chain-context-menu {
 #tb-rule-chain-context-menu {
-  padding-top: 0px;
-  border-radius: 8px;
   max-height: 404px;
   max-height: 404px;
+  padding-top: 0;
+  border-radius: 8px;
+
   .tb-context-menu-header {
   .tb-context-menu-header {
-    padding: 8px 5px 5px;
-    font-size: 14px;
     display: flex;
     display: flex;
     flex-direction: row;
     flex-direction: row;
     height: 36px;
     height: 36px;
     min-height: 36px;
     min-height: 36px;
+    padding: 8px 5px 5px;
+    font-size: 14px;
+
     &.tb-rulechain {
     &.tb-rulechain {
       background-color: #aac7e4;
       background-color: #aac7e4;
     }
     }
+
     &.tb-link {
     &.tb-link {
       background-color: #aac7e4;
       background-color: #aac7e4;
     }
     }
+
     md-icon {
     md-icon {
-      padding-left: 2px;
       padding-right: 10px;
       padding-right: 10px;
+      padding-left: 2px;
     }
     }
+
     .tb-context-menu-title {
     .tb-context-menu-title {
       font-weight: 500;
       font-weight: 500;
     }
     }
+
     .tb-context-menu-subtitle {
     .tb-context-menu-subtitle {
       font-size: 12px;
       font-size: 12px;
     }
     }
@@ -139,37 +163,45 @@
 .fc-canvas {
 .fc-canvas {
   min-width: 100%;
   min-width: 100%;
   min-height: 100%;
   min-height: 100%;
-  outline: none;
-  -webkit-touch-callout: none;
   -webkit-user-select: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -ms-user-select: none;
   user-select: none;
   user-select: none;
+  outline: none;
+  -webkit-touch-callout: none;
+
   svg {
   svg {
     display: block;
     display: block;
   }
   }
 }
 }
 
 
-.tb-rule-node, #tb-rule-chain-context-menu .tb-context-menu-header {
+.tb-rule-node,
+#tb-rule-chain-context-menu .tb-context-menu-header {
   &.tb-filter-type {
   &.tb-filter-type {
     background-color: #f1e861;
     background-color: #f1e861;
   }
   }
+
   &.tb-enrichment-type {
   &.tb-enrichment-type {
     background-color: #cdf14e;
     background-color: #cdf14e;
   }
   }
+
   &.tb-transformation-type {
   &.tb-transformation-type {
     background-color: #79cef1;
     background-color: #79cef1;
   }
   }
+
   &.tb-action-type {
   &.tb-action-type {
     background-color: #f1928f;
     background-color: #f1928f;
   }
   }
+
   &.tb-external-type {
   &.tb-external-type {
     background-color: #fbc766;
     background-color: #fbc766;
   }
   }
+
   &.tb-rule-chain-type {
   &.tb-rule-chain-type {
     background-color: #d6c4f1;
     background-color: #d6c4f1;
   }
   }
+
   &.tb-unknown-type {
   &.tb-unknown-type {
     background-color: #f16c29;
     background-color: #f16c29;
   }
   }
@@ -180,102 +212,112 @@
   flex-direction: row;
   flex-direction: row;
   min-width: 150px;
   min-width: 150px;
   max-width: 150px;
   max-width: 150px;
+  height: 32px;
   min-height: 32px;
   min-height: 32px;
   max-height: 32px;
   max-height: 32px;
-  height: 32px;
   padding: 5px 10px;
   padding: 5px 10px;
-  border-radius: 5px;
-  background-color: #F15B26;
-  pointer-events: none;
-  color: #333;
-  border: solid 1px #777;
   font-size: 12px;
   font-size: 12px;
   line-height: 16px;
   line-height: 16px;
+  color: #333;
+  pointer-events: none;
+  background-color: #f15b26;
+  border: solid 1px #777;
+  border-radius: 5px;
+
   &.tb-rule-node-highlighted:not(.tb-rule-node-invalid) {
   &.tb-rule-node-highlighted:not(.tb-rule-node-invalid) {
     box-shadow: 0 0 10px 6px #51cbee;
     box-shadow: 0 0 10px 6px #51cbee;
+
     .tb-node-title {
     .tb-node-title {
+      font-weight: 700;
       text-decoration: underline;
       text-decoration: underline;
-      font-weight: bold;
     }
     }
   }
   }
+
   &.tb-rule-node-invalid {
   &.tb-rule-node-invalid {
     box-shadow: 0 0 10px 6px #ff5c50;
     box-shadow: 0 0 10px 6px #ff5c50;
   }
   }
+
   &.tb-input-type {
   &.tb-input-type {
-    background-color: #a3eaa9;
     user-select: none;
     user-select: none;
+    background-color: #a3eaa9;
   }
   }
 
 
   md-icon {
   md-icon {
-    font-size: 20px;
     width: 20px;
     width: 20px;
+    min-width: 20px;
     height: 20px;
     height: 20px;
     min-height: 20px;
     min-height: 20px;
-    min-width: 20px;
     padding-right: 4px;
     padding-right: 4px;
+    font-size: 20px;
   }
   }
-  .tb-node-type {
 
 
-  }
   .tb-node-title {
   .tb-node-title {
     font-weight: 500;
     font-weight: 500;
   }
   }
-  .tb-node-type, .tb-node-title {
+
+  .tb-node-type,
+  .tb-node-title {
     overflow: hidden;
     overflow: hidden;
-    white-space: nowrap;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
+    white-space: nowrap;
   }
   }
 }
 }
 
 
 .fc-node {
 .fc-node {
   z-index: 1;
   z-index: 1;
-  outline: none;
   border-radius: 8px;
   border-radius: 8px;
+  outline: none;
+
   &.fc-dragging {
   &.fc-dragging {
     z-index: 10;
     z-index: 10;
   }
   }
+
   p {
   p {
     padding: 0 15px;
     padding: 0 15px;
     text-align: center;
     text-align: center;
   }
   }
+
   .fc-node-overlay {
   .fc-node-overlay {
     position: absolute;
     position: absolute;
-    pointer-events: none;
-    left: 0;
     top: 0;
     top: 0;
     right: 0;
     right: 0;
     bottom: 0;
     bottom: 0;
+    left: 0;
+    pointer-events: none;
     background-color: #000;
     background-color: #000;
-    opacity: 0;
     border-radius: 5px;
     border-radius: 5px;
+    opacity: 0;
   }
   }
+
   &.fc-hover {
   &.fc-hover {
     .fc-node-overlay {
     .fc-node-overlay {
-      opacity: 0.25;
+      opacity: .25;
     }
     }
   }
   }
+
   &.fc-selected {
   &.fc-selected {
     .fc-node-overlay {
     .fc-node-overlay {
-      opacity: 0.25;
+      opacity: .25;
     }
     }
-  }
-  &.fc-selected {
+
     &:not(.fc-edit) {
     &:not(.fc-edit) {
-      border: solid 3px red;
       margin: -3px;
       margin: -3px;
+      border: solid 3px #f00;
     }
     }
   }
   }
 }
 }
 
 
-.fc-leftConnectors, .fc-rightConnectors {
+.fc-leftConnectors,
+.fc-rightConnectors {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
-  height: 100%;
+
+  z-index: 0;
 
 
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
+  height: 100%;
 
 
-  z-index: 0;
   .fc-magnet {
   .fc-magnet {
     align-items: center;
     align-items: center;
   }
   }
@@ -292,18 +334,18 @@
 .fc-magnet {
 .fc-magnet {
   display: flex;
   display: flex;
   flex-grow: 1;
   flex-grow: 1;
-  height: 60px;
   justify-content: center;
   justify-content: center;
+  height: 60px;
 }
 }
 
 
 .fc-connector {
 .fc-connector {
   width: 14px;
   width: 14px;
   height: 14px;
   height: 14px;
-  border: 1px solid #333;
   margin: 10px;
   margin: 10px;
-  border-radius: 5px;
-  background-color: #ccc;
   pointer-events: all;
   pointer-events: all;
+  background-color: #ccc;
+  border: 1px solid #333;
+  border-radius: 5px;
 }
 }
 
 
 .fc-connector.fc-hover {
 .fc-connector.fc-hover {
@@ -312,45 +354,49 @@
 
 
 .fc-arrow-marker {
 .fc-arrow-marker {
   polygon {
   polygon {
-    stroke: gray;
-    fill: gray;
+    fill: #808080;
+    stroke: #808080;
   }
   }
 }
 }
 
 
 .fc-arrow-marker-selected {
 .fc-arrow-marker-selected {
   polygon {
   polygon {
-    stroke: red;
-    fill: red;
+    fill: #f00;
+    stroke: #f00;
   }
   }
 }
 }
 
 
 .fc-edge {
 .fc-edge {
   outline: none;
   outline: none;
-  stroke: gray;
-  stroke-width: 4;
-  fill: transparent;
   transition: stroke-width .2s;
   transition: stroke-width .2s;
+  fill: transparent;
+  stroke: #808080;
+  stroke-width: 4;
+
   &.fc-selected {
   &.fc-selected {
-    stroke: red;
-    stroke-width: 4;
     fill: transparent;
     fill: transparent;
+    stroke: #f00;
+    stroke-width: 4;
   }
   }
+
   &.fc-active {
   &.fc-active {
     animation: dash 3s linear infinite;
     animation: dash 3s linear infinite;
     stroke-dasharray: 20;
     stroke-dasharray: 20;
   }
   }
+
   &.fc-hover {
   &.fc-hover {
-    stroke: gray;
-    stroke-width: 6;
     fill: transparent;
     fill: transparent;
+    stroke: #808080;
+    stroke-width: 6;
   }
   }
+
   &.fc-dragging {
   &.fc-dragging {
     pointer-events: none;
     pointer-events: none;
   }
   }
 }
 }
 
 
 .edge-endpoint {
 .edge-endpoint {
-  fill: gray;
+  fill: #808080;
 }
 }
 
 
 .fc-nodedelete {
 .fc-nodedelete {
@@ -364,22 +410,23 @@
 }
 }
 
 
 .fc-edit {
 .fc-edit {
-  .fc-nodedelete, .fc-nodeedit {
-    outline: none;
-    display: block;
+  .fc-nodedelete,
+  .fc-nodeedit {
     position: absolute;
     position: absolute;
-    border: solid 2px white;
-    border-radius: 50%;
-    font-weight: 600;
-    line-height: 20px;
+    display: block;
+    width: 22px;
     height: 20px;
     height: 20px;
     padding-top: 2px;
     padding-top: 2px;
-    width: 22px;
-    background: #f83e05;
+    font-weight: 600;
+    line-height: 20px;
     color: #fff;
     color: #fff;
     text-align: center;
     text-align: center;
     vertical-align: bottom;
     vertical-align: bottom;
     cursor: pointer;
     cursor: pointer;
+    background: #f83e05;
+    border: solid 2px #fff;
+    border-radius: 50%;
+    outline: none;
   }
   }
 
 
   .fc-nodeedit {
   .fc-nodeedit {
@@ -391,7 +438,6 @@
     top: -24px;
     top: -24px;
     right: -13px;
     right: -13px;
   }
   }
-
 }
 }
 
 
 .fc-noselect {
 .fc-noselect {
@@ -407,31 +453,37 @@
 .fc-edge-label {
 .fc-edge-label {
   position: absolute;
   position: absolute;
   transition: transform .2s;
   transition: transform .2s;
-//  opacity: 0.8;
+  //  opacity: 0.8;
+
   &.ng-leave {
   &.ng-leave {
     transition: 0s none;
     transition: 0s none;
   }
   }
+
   &.fc-hover {
   &.fc-hover {
     transform: scale(1.25);
     transform: scale(1.25);
   }
   }
+
   &.fc-selected {
   &.fc-selected {
     .fc-edge-label-text {
     .fc-edge-label-text {
       span {
       span {
-        border: solid red;
-        color: #fff;
         font-weight: 600;
         font-weight: 600;
-        background-color: red;
+        color: #fff;
+        background-color: #f00;
+        border: solid #f00;
       }
       }
     }
     }
   }
   }
+
   .fc-nodeedit {
   .fc-nodeedit {
     top: -30px;
     top: -30px;
     right: 14px;
     right: 14px;
   }
   }
+
   .fc-nodedelete {
   .fc-nodedelete {
     top: -30px;
     top: -30px;
     right: -13px;
     right: -13px;
   }
   }
+
   &:focus {
   &:focus {
     outline: 0;
     outline: 0;
   }
   }
@@ -439,27 +491,28 @@
 
 
 .fc-edge-label-text {
 .fc-edge-label-text {
   position: absolute;
   position: absolute;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  white-space: nowrap;
-  text-align: center;
   font-size: 14px;
   font-size: 14px;
   font-weight: 600;
   font-weight: 600;
+  text-align: center;
+  white-space: nowrap;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+
   span {
   span {
+    padding: 3px 5px;
+    color: #003a79;
     cursor: default;
     cursor: default;
+    background-color: #fff;
     border: solid 2px #003a79;
     border: solid 2px #003a79;
     border-radius: 10px;
     border-radius: 10px;
-    color: #003a79;
-    background-color: #fff;
-    padding: 3px 5px;
   }
   }
 }
 }
 
 
 .fc-select-rectangle {
 .fc-select-rectangle {
-  border: 2px dashed #5262ff;
   position: absolute;
   position: absolute;
-  background: rgba(20,125,255,0.1);
   z-index: 2;
   z-index: 2;
+  background: rgba(20, 125, 255, .1);
+  border: 2px dashed #5262ff;
 }
 }
 
 
 @keyframes dash {
 @keyframes dash {
@@ -468,13 +521,15 @@
   }
   }
 }
 }
 
 
-.tb-rule-node-tooltip, .tb-rule-node-help {
+.tb-rule-node-tooltip,
+.tb-rule-node-help {
   color: #333;
   color: #333;
 }
 }
 
 
 .tb-rule-node-tooltip {
 .tb-rule-node-tooltip {
-  font-size: 14px;
   max-width: 300px;
   max-width: 300px;
+  font-size: 14px;
+
   &.tb-lib-tooltip {
   &.tb-lib-tooltip {
     width: 300px;
     width: 300px;
   }
   }
@@ -489,28 +544,33 @@
   color: #ea0d0d;
   color: #ea0d0d;
 }
 }
 
 
-.tb-rule-node-tooltip, .tb-rule-node-error-tooltip, .tb-rule-node-help {
+.tb-rule-node-tooltip,
+.tb-rule-node-error-tooltip,
+.tb-rule-node-help {
   #tb-node-content {
   #tb-node-content {
     .tb-node-title {
     .tb-node-title {
       font-weight: 600;
       font-weight: 600;
     }
     }
+
     .tb-node-description {
     .tb-node-description {
       font-style: italic;
       font-style: italic;
       color: #555;
       color: #555;
     }
     }
+
     .tb-node-details {
     .tb-node-details {
       padding-top: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-bottom: 10px;
     }
     }
+
     code {
     code {
-      padding: 0px 3px 2px 3px;
+      padding: 0 3px 2px 3px;
       margin: 1px;
       margin: 1px;
-      color: #AD1625;
+      font-size: 12px;
+      color: #ad1625;
       white-space: nowrap;
       white-space: nowrap;
       background-color: #f7f7f9;
       background-color: #f7f7f9;
       border: 1px solid #e1e1e8;
       border: 1px solid #e1e1e8;
       border-radius: 2px;
       border-radius: 2px;
-      font-size: 12px;
     }
     }
   }
   }
-}
+}

@@ -16,13 +16,13 @@
 
 
 .tb-rulenode {
 .tb-rulenode {
   tb-json-object-edit.tb-rule-node-configuration-json {
   tb-json-object-edit.tb-rule-node-configuration-json {
-    height: 300px;
     display: block;
     display: block;
+    height: 300px;
   }
   }
 }
 }
 
 
 .tb-rulenode-directive-error {
 .tb-rulenode-directive-error {
-  color: rgb(221,44,0);
   font-size: 13px;
   font-size: 13px;
   font-weight: 400;
   font-weight: 400;
-}
+  color: rgb(221, 44, 0);
+}

@@ -13,24 +13,25 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../../scss/constants';
+@import "../../../scss/constants";
+
 @import "~compass-sass-mixins/lib/compass";
 @import "~compass-sass-mixins/lib/compass";
 
 
 md-dialog.tb-node-script-test-dialog {
 md-dialog.tb-node-script-test-dialog {
   &.md-dialog-fullscreen {
   &.md-dialog-fullscreen {
-    min-height: 100%;
+    width: 100%;
     min-width: 100%;
     min-width: 100%;
-    max-height: 100%;
     max-width: 100%;
     max-width: 100%;
-    width: 100%;
     height: 100%;
     height: 100%;
+    min-height: 100%;
+    max-height: 100%;
     border-radius: 0;
     border-radius: 0;
   }
   }
 
 
   .tb-split {
   .tb-split {
     @include box-sizing(border-box);
     @include box-sizing(border-box);
-    overflow-y: auto;
     overflow-x: hidden;
     overflow-x: hidden;
+    overflow-y: auto;
   }
   }
 
 
   .ace_editor {
   .ace_editor {
@@ -38,13 +39,13 @@ md-dialog.tb-node-script-test-dialog {
   }
   }
 
 
   .tb-content {
   .tb-content {
-    border: 1px solid #C0C0C0;
     padding-top: 5px;
     padding-top: 5px;
     padding-left: 5px;
     padding-left: 5px;
+    border: 1px solid #c0c0c0;
   }
   }
 
 
   .gutter {
   .gutter {
-    background-color: #eeeeee;
+    background-color: #eee;
 
 
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: 50%;
     background-position: 50%;
@@ -52,21 +53,23 @@ md-dialog.tb-node-script-test-dialog {
 
 
   .gutter.gutter-horizontal {
   .gutter.gutter-horizontal {
     cursor: col-resize;
     cursor: col-resize;
-    background-image: url('../../../../node_modules/split.js/grips/vertical.png');
+    background-image: url("../../../../node_modules/split.js/grips/vertical.png");
   }
   }
 
 
   .gutter.gutter-vertical {
   .gutter.gutter-vertical {
     cursor: row-resize;
     cursor: row-resize;
-    background-image: url('../../../../node_modules/split.js/grips/horizontal.png');
+    background-image: url("../../../../node_modules/split.js/grips/horizontal.png");
   }
   }
 
 
-  .tb-split.tb-split-horizontal, .gutter.gutter-horizontal {
-    height: 100%;
+  .tb-split.tb-split-horizontal,
+  .gutter.gutter-horizontal {
     float: left;
     float: left;
+    height: 100%;
   }
   }
 
 
   .tb-split.tb-split-vertical {
   .tb-split.tb-split-vertical {
     display: flex;
     display: flex;
+
     .tb-split.tb-content {
     .tb-split.tb-content {
       height: 100%;
       height: 100%;
     }
     }
@@ -74,42 +77,44 @@ md-dialog.tb-node-script-test-dialog {
 
 
   div.tb-editor-area-title-panel {
   div.tb-editor-area-title-panel {
     position: absolute;
     position: absolute;
-    font-size: 0.800rem;
-    font-weight: 500;
     top: 13px;
     top: 13px;
     right: 40px;
     right: 40px;
     z-index: 5;
     z-index: 5;
+    font-size: .8rem;
+    font-weight: 500;
+
     &.tb-js-function {
     &.tb-js-function {
       right: 80px;
       right: 80px;
     }
     }
+
     label {
     label {
-      color: #00acc1;
-      background: rgba(220, 220, 220, 0.35);
-      border-radius: 5px;
       padding: 4px;
       padding: 4px;
+      color: #00acc1;
       text-transform: uppercase;
       text-transform: uppercase;
+      background: rgba(220, 220, 220, .35);
+      border-radius: 5px;
     }
     }
+
     .md-button {
     .md-button {
-      color: #7B7B7B;
       min-width: 32px;
       min-width: 32px;
       min-height: 15px;
       min-height: 15px;
-      line-height: 15px;
-      font-size: 0.800rem;
-      margin: 0;
       padding: 4px;
       padding: 4px;
-      background: rgba(220, 220, 220, 0.35);
+      margin: 0;
+      font-size: .8rem;
+      line-height: 15px;
+      color: #7b7b7b;
+      background: rgba(220, 220, 220, .35);
     }
     }
   }
   }
 
 
   .tb-resize-container {
   .tb-resize-container {
-    overflow-y: auto;
-    height: 100%;
-    width: 100%;
     position: relative;
     position: relative;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
 
 
     .ace_editor {
     .ace_editor {
       height: 100%;
       height: 100%;
     }
     }
   }
   }
-
 }
 }

@@ -13,20 +13,21 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 md-toast.tb-info-toast .md-toast-content {
 md-toast.tb-info-toast .md-toast-content {
-  font-size: 18px;
-  padding: 18px;
   height: 100%;
   height: 100%;
+  padding: 18px;
+  font-size: 18px;
 }
 }
 
 
 md-toast.tb-success-toast .md-toast-content {
 md-toast.tb-success-toast .md-toast-content {
-  font-size: 18px !important;
-  background-color: green;
   height: 100%;
   height: 100%;
+  font-size: 18px !important;
+  background-color: #008000;
 }
 }
 
 
 md-toast.tb-error-toast .md-toast-content {
 md-toast.tb-error-toast .md-toast-content {
-  font-size: 18px !important;
-  background-color: maroon;
   height: 100%;
   height: 100%;
+  font-size: 18px !important;
+  background-color: #800000;
 }
 }

@@ -13,18 +13,20 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-@import '../../scss/constants';
+@import "../../scss/constants";
 
 
 .tb-default-dashboard {
 .tb-default-dashboard {
   .tb-default-dashboard-label {
   .tb-default-dashboard-label {
     padding-bottom: 8px;
     padding-bottom: 8px;
   }
   }
+
   tb-dashboard-autocomplete {
   tb-dashboard-autocomplete {
     @media (min-width: $layout-breakpoint-sm) {
     @media (min-width: $layout-breakpoint-sm) {
       padding-right: 12px;
       padding-right: 12px;
     }
     }
+
     @media (max-width: $layout-breakpoint-sm) {
     @media (max-width: $layout-breakpoint-sm) {
       padding-bottom: 12px;
       padding-bottom: 12px;
     }
     }
   }
   }
-}
+}

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-has-timewindow {
 .tb-has-timewindow {
   .tb-alarms-table {
   .tb-alarms-table {
     md-toolbar {
     md-toolbar {
       min-height: 60px;
       min-height: 60px;
       max-height: 60px;
       max-height: 60px;
+
       &.md-table-toolbar {
       &.md-table-toolbar {
         .md-toolbar-tools {
         .md-toolbar-tools {
           max-height: 60px;
           max-height: 60px;
@@ -28,10 +30,10 @@
 }
 }
 
 
 .tb-alarms-table {
 .tb-alarms-table {
-
   md-toolbar {
   md-toolbar {
     min-height: 39px;
     min-height: 39px;
     max-height: 39px;
     max-height: 39px;
+
     &.md-table-toolbar {
     &.md-table-toolbar {
       .md-toolbar-tools {
       .md-toolbar-tools {
         max-height: 39px;
         max-height: 39px;
@@ -40,14 +42,15 @@
   }
   }
 
 
   &.tb-data-table {
   &.tb-data-table {
-    table.md-table, table.md-table.md-row-select {
+    table.md-table,
+    table.md-table.md-row-select {
       tbody {
       tbody {
         tr {
         tr {
           td {
           td {
             &.tb-action-cell {
             &.tb-action-cell {
+              width: 36px;
               min-width: 36px;
               min-width: 36px;
               max-width: 36px;
               max-width: 36px;
-              width: 36px;
             }
             }
           }
           }
         }
         }

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 .tb-has-timewindow {
 .tb-has-timewindow {
   .tb-entities-table {
   .tb-entities-table {
     md-toolbar {
     md-toolbar {
       min-height: 60px;
       min-height: 60px;
       max-height: 60px;
       max-height: 60px;
+
       &.md-table-toolbar {
       &.md-table-toolbar {
         .md-toolbar-tools {
         .md-toolbar-tools {
           max-height: 60px;
           max-height: 60px;
@@ -28,10 +30,10 @@
 }
 }
 
 
 .tb-entities-table {
 .tb-entities-table {
-
   md-toolbar {
   md-toolbar {
     min-height: 39px;
     min-height: 39px;
     max-height: 39px;
     max-height: 39px;
+
     &.md-table-toolbar {
     &.md-table-toolbar {
       .md-toolbar-tools {
       .md-toolbar-tools {
         max-height: 39px;
         max-height: 39px;
@@ -40,14 +42,15 @@
   }
   }
 
 
   &.tb-data-table {
   &.tb-data-table {
-    table.md-table, table.md-table.md-row-select {
+    table.md-table,
+    table.md-table.md-row-select {
       tbody {
       tbody {
         tr {
         tr {
           td {
           td {
             &.tb-action-cell {
             &.tb-action-cell {
+              width: 36px;
               min-width: 36px;
               min-width: 36px;
               max-width: 36px;
               max-width: 36px;
-              width: 36px;
             }
             }
           }
           }
         }
         }

@@ -13,16 +13,19 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
+
 tb-extension-table {
 tb-extension-table {
   md-content {
   md-content {
     background-color: #fff;
     background-color: #fff;
   }
   }
 }
 }
+
 md-tabs.hide-tabs-menu {
 md-tabs.hide-tabs-menu {
   md-tabs-wrapper {
   md-tabs-wrapper {
     display: none;
     display: none;
   }
   }
+
   md-tabs-content-wrapper {
   md-tabs-content-wrapper {
     top: 0 !important;
     top: 0 !important;
   }
   }
-}
+}

@@ -13,141 +13,156 @@
  * See the License for the specific language governing permissions and
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * limitations under the License.
  */
  */
-$knob-img: url('./svg/knob.svg');
+$knob-img: url("./svg/knob.svg") !default;
 
 
-$bars-margin-pct: percentage(0.033);
-$background-margin-pct: percentage(0.05);
-$value-container-margin-pct: percentage(0.35);
-$error-height: percentage(0.05);
-$title-height: percentage(0.066);
-$title-container-margin-pct: percentage(0.2);
-$title-container-margin-bottom-pct: percentage(0.05);
-$minmax-height: percentage(0.04);
-$minmax-container-margin-pct: percentage(0.18);
-$minmax-container-margin-bottom-pct: percentage(0.12);
+$bars-margin-pct: percentage(.033) !default;
+$background-margin-pct: percentage(.05) !default;
+$value-container-margin-pct: percentage(.35) !default;
+$error-height: percentage(.05) !default;
+$title-height: percentage(.066) !default;
+$title-container-margin-pct: percentage(.2) !default;
+$title-container-margin-bottom-pct: percentage(.05) !default;
+$minmax-height: percentage(.04) !default;
+$minmax-container-margin-pct: percentage(.18) !default;
+$minmax-container-margin-bottom-pct: percentage(.12) !default;
 
 
-$background-color: #e6e7e8;
+$background-color: #e6e7e8 !default;
 
 
 .tb-knob {
 .tb-knob {
-  width:100%;
-  height:100%;
+  width: 100%;
+  height: 100%;
   background: $background-color;
   background: $background-color;
 
 
   .knob {
   .knob {
     position: relative;
     position: relative;
+
     &[draggable] {
     &[draggable] {
       -moz-user-select: none;
       -moz-user-select: none;
       -webkit-user-select: none;
       -webkit-user-select: none;
       user-select: none;
       user-select: none;
     }
     }
+
     #canvasBar {
     #canvasBar {
-      position:absolute;
-      top:0;
-      left:0;
-      bottom: 0;
+      position: absolute;
+      top: 0;
       right: 0;
       right: 0;
+      bottom: 0;
+      left: 0;
       z-index: 2;
       z-index: 2;
     }
     }
+
     .canvas-background {
     .canvas-background {
-      position:absolute;
+      position: absolute;
       top: $background-margin-pct;
       top: $background-margin-pct;
-      left: $background-margin-pct;
-      bottom: $background-margin-pct;
       right: $background-margin-pct;
       right: $background-margin-pct;
-      border-radius: 50%;
+      bottom: $background-margin-pct;
+      left: $background-margin-pct;
+      z-index: 2;
       background: #3f4346;
       background: #3f4346;
-      z-index:2;
+      border-radius: 50%;
     }
     }
+
     .value-container {
     .value-container {
-      position:absolute;
+      position: absolute;
       top: $value-container-margin-pct;
       top: $value-container-margin-pct;
-      left: $value-container-margin-pct;
-      bottom: $value-container-margin-pct;
       right: $value-container-margin-pct;
       right: $value-container-margin-pct;
-      z-index:4;
+      bottom: $value-container-margin-pct;
+      left: $value-container-margin-pct;
+      z-index: 4;
+
       .knob-value {
       .knob-value {
-        color: #fff;
         font-weight: 500;
         font-weight: 500;
+        color: #fff;
         white-space: nowrap;
         white-space: nowrap;
       }
       }
     }
     }
+
     .error-container {
     .error-container {
-      position:absolute;
+      position: absolute;
       top: 1%;
       top: 1%;
-      left: 0;
       right: 0;
       right: 0;
-      z-index:4;
+      left: 0;
+      z-index: 4;
       height: $error-height;
       height: $error-height;
+
       .knob-error {
       .knob-error {
         color: #ff3315;
         color: #ff3315;
         white-space: nowrap;
         white-space: nowrap;
       }
       }
     }
     }
+
     .title-container {
     .title-container {
-      position:absolute;
-      left: $title-container-margin-pct;
-      bottom: $title-container-margin-bottom-pct;
+      position: absolute;
       right: $title-container-margin-pct;
       right: $title-container-margin-pct;
-      z-index:4;
+      bottom: $title-container-margin-bottom-pct;
+      left: $title-container-margin-pct;
+      z-index: 4;
       height: $title-height;
       height: $title-height;
+
       .knob-title {
       .knob-title {
-        color: #757575;
         font-weight: 500;
         font-weight: 500;
+        color: #757575;
         white-space: nowrap;
         white-space: nowrap;
       }
       }
     }
     }
+
     .minmax-container {
     .minmax-container {
-      position:absolute;
-      left: $minmax-container-margin-pct;
-      bottom: $minmax-container-margin-bottom-pct;
+      position: absolute;
       right: $minmax-container-margin-pct;
       right: $minmax-container-margin-pct;
-      z-index:4;
+      bottom: $minmax-container-margin-bottom-pct;
+      left: $minmax-container-margin-pct;
+      z-index: 4;
       height: $minmax-height;
       height: $minmax-height;
+
       .minmax-label {
       .minmax-label {
-        color: #757575;
         font-weight: 500;
         font-weight: 500;
+        color: #757575;
         white-space: nowrap;
         white-space: nowrap;
       }
       }
     }
     }
+
     .top-pointer-container {
     .top-pointer-container {
-      position:absolute;
+      position: absolute;
       top: $bars-margin-pct;
       top: $bars-margin-pct;
-      left: $bars-margin-pct;
-      bottom: $bars-margin-pct;
       right: $bars-margin-pct;
       right: $bars-margin-pct;
-      z-index:3;
-      cursor:pointer !important;
+      bottom: $bars-margin-pct;
+      left: $bars-margin-pct;
+      z-index: 3;
+      cursor: pointer !important;
+
       .top-pointer {
       .top-pointer {
-        content:'';
-        width:5%;
-        height:5%;
-        background-color:#b5b5b5;
-        position:absolute;
-        top:50%;
-        left:22%;
-        margin-top:-2.5%;
+        position: absolute;
+        top: 50%;
+        left: 22%;
+        width: 5%;
+        height: 5%;
+        margin-top: -2.5%;
+        cursor: pointer !important;
+        content: "";
+        background-color: #b5b5b5;
         border-radius: 50%;
         border-radius: 50%;
-        cursor:pointer !important;
         box-shadow: 1px 0 2px #040404;
         box-shadow: 1px 0 2px #040404;
       }
       }
     }
     }
+
     .top{
     .top{
-      position:absolute;
+      position: absolute;
       top: $bars-margin-pct;
       top: $bars-margin-pct;
-      left: $bars-margin-pct;
-      bottom: $bars-margin-pct;
       right: $bars-margin-pct;
       right: $bars-margin-pct;
-      background:$knob-img no-repeat;
+      bottom: $bars-margin-pct;
+      left: $bars-margin-pct;
+      z-index: 2;
+      cursor: pointer !important;
+      background: $knob-img no-repeat;
       background-size: contain;
       background-size: contain;
-      z-index:2;
-      cursor:pointer !important;
     }
     }
+
     #text-measure {
     #text-measure {
       position: absolute;
       position: absolute;
-      visibility: hidden;
-      height: auto;
       width: auto;
       width: auto;
+      height: auto;
       white-space: nowrap;
       white-space: nowrap;
+      visibility: hidden;
     }
     }
   }
   }
 }
 }