Эх сурвалжийг харах

HUE-6077 [frontend] Prevent notebook css from leaking

Johan Ahlen 8 жил өмнө
parent
commit
47d81b1

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -123,7 +123,7 @@ body {
 }
 
 .compose-action:hover .btn {
-  background-color: rgba(240, 240, 240, 0.6);
+  background-color: rgba(240, 240, 240, 0.6) !important;
 }
 
 .compose-action .btn {

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css


+ 1245 - 1243
desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

@@ -20,1281 +20,1283 @@
 @import (reference) "cui/extra-variables.less";
 @import (reference) "hue-attributes.less";
 
-.snippet-move-placeholder {
-  margin: 10px;
-  height: 100px;
-  background-color: #FAFAFA;
-  border: 2px dotted @cui-default-border-color;
-}
-
-.snippet-move-helper {
-  margin: 10px;
-  background-color: #FFF;
-  border: 1px solid #F1F1F1;
-}
-
-.resizer {
-  position: absolute;
-  height: 100%;
-  width: 4px;
-  cursor: col-resize;
-}
-
-.resize-bar {
-  position: absolute;
-  height: 100%;
-  width: 2px;
-  background-color: @cui-default-border-color;
-}
-
-.question {
-  margin: 10px;
-}
-
-.snippet {
-  margin: 10px;
-  margin-right: 30px;
-  padding-bottom: 10px;
-}
-
-.notebook-snippet {
-  border-bottom: 1px solid @cui-default-border-color;
-  border-radius: 0;
-}
-
-.snippet.editor-mode {
-  border-bottom: none;
-}
-
-.snippet-left-bar {
-  position:absolute;
-  display:inline-block;
-  height:auto;
-  left:0;
-  top:0;
-  bottom:0;
-  width: 35px;
-}
-
-.result-body {
-  margin-left: 35px;
-  margin-right: 20px;
-}
-
-.snippet-body {
-  margin-left: 35px;
-  margin-right: 20px;
-  z-index: 90;
-  min-height: 40px;
-}
-
-.snippet-text .snippet-body {
-  min-height: 1px;
-}
-
-.snippet-text.card-widget {
-  min-height: 1px;
-}
-
-.snippet-body h2 {
-  padding-left: 0 !important;
-}
-
-.snippet-settings {
-  background-color: #FFF;
-  border-left: 1px solid @cui-default-border-color;
-  border-right: 1px solid @cui-default-border-color;
-  border-bottom: 1px solid @cui-default-border-color;
-  .hue-box-shadow-bottom;
-}
-
-.snippet-settings-header > h4 {
-  margin: 0;
-  padding: 10px;
-}
-
-.snippet-settings-body {
-  padding: 10px;
-}
-
-.CodeMirror {
-  height: auto;
-}
-
-.card .card-heading.simple {
-  border: none;
-}
-
-.add-snippet {
-  margin: 10px;
-  margin-top: 60px;
-  margin-bottom: 60px;
-}
-
-.add-snippet-button {
-  z-index: 300;
-  margin-left: auto;
-  margin-right: auto;
-  width: 220px;
-  padding: 20px;
-}
-
-.add-snippet-button > i {
-  color: #CCC;
-  cursor: pointer;
-}
-
-.select-snippet-button {
-  z-index: 500;
-  position: absolute;
-  top: 62px;
-  left: 62px;
-  width: 23px;
-  height: 18px;
-  line-height: 12px;
-  background-color: #CCC;
-  cursor: pointer;
-  border: 2px solid #FFF;
-  color: #FFF;
-  border-radius: 7px;
-}
-
-.add-snippet-alt {
-  z-index: 400;
-  position: absolute;
-  background-color: @hue-primary-color-dark;
-  color: #C2CFD8;
-  height: 54px;
-  width: 54px;
-  border-radius: 28px;
-  border: 1px solid;
-}
-
-.add-snippet-alt > div {
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
-  line-height: 14px;
-  width: 50px;
-  height: 54px;
-  padding-left:2px;
-  font-size: 11px;
-}
-
-.snippet-list-alts {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.snippet-list-alts > li {
-  padding: 5px 0 5px 10px;
-  cursor: pointer;
-  color: #464646;
-  margin-bottom: 2px;
-}
-
-.snippet-list-alts > li:hover {
-  padding: 5px 0 5px 10px;
-  background-color: #f0f0f0;
-}
-
-.select-snippet-button,
-.add-snippet-button > i,
-.add-snippet-alt {
-  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s;
-  -moz-transition: color 0.3s ease, -moz-transform 0.3s;
-  -ms-transition: color 0.3s ease, -ms-transform 0.3s;
-  transition: color 0.3s ease, transform 0.3s;
-}
-
-.add-snippet-alt:hover {
-  color: #FFF;
-}
-
-.select-snippet-button:hover,
-.add-snippet-button > i:hover,
-.add-snippet-alt:hover {
-  -webkit-transform: scale(1.3, 1.3);
-  -moz-transform: scale(1.3, 1.3);
-  -ms-transform: scale(1.3, 1.3);
-  transform: scale(1.3, 1.3);
-}
-
-.spark-btn {
-  border-left: none;
-  border-right: none;
-  width: 14px;
-  opacity: 0.8;
-  border-radius: 0;
-}
-
-.spark-btn:hover {
-  opacity: 1;
-}
-
-.codeMirror-overlaybtn {
-  position: absolute;
-  margin-top: -30px;
-  margin-left: 0;
-  z-index: 999;
-}
-
-
-.notebook .nav {
-  margin-bottom: 0;
-}
-
-.notebook .nav i {
-  line-height: 20px !important;
-}
-
-.notebook .nav-list > li > a, .notebook .nav-list .nav-header {
-  padding-left: 0;
-  margin-left: 0;
-  margin-bottom: -7px;
-  margin-top: 10px !important;
-}
-
-.notebook .nav-list {
-  padding-left: 0;
-}
-
-.notebook .dropdown-menu li {
-  font-size: 14px;
-}
-
-.notebook .dropdown a.dropdown-toggle {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.notebook .search-bar {
-  background-color: #F5F5F5;
-  margin: 0;
-  padding: 4px 20px 0;
-  text-align: left;
-  width: 100%;
-  position: fixed;
-  top: 28px;
-  z-index: 1000;
-}
-
-.notebook .search-bar input {
-  margin-left: 10px;
-  padding-right: 20px;
-}
-
-.notebook .search-bar ul li {
-  text-align: right;
-}
-
-.notebook .search-bar ul.dropdown-menu li {
-  text-align: left;
-}
-
-.notebook .tab-content {
-  background-color: #FFFFFF;
-  border-left: 1px solid @cui-default-border-color;
-  border-right: 1px solid @cui-default-border-color;
-}
-
-.notebook .editor-help .tab-content {
-  border: none;
-}
-
-.empty-title {
-  font-weight: normal;
-}
-
-.snippet-icon-image {
-  height: 16px;
-  width: 16px;
-  -webkit-filter: grayscale(1);
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
-  -webkit-transition: -webkit-filter 0.2s ease;
-  -moz-transition: filter 0.2s ease;
-  -ms-transition: filter 0.2s ease;
-}
-
-.inactive-action:hover > .snippet-icon-image {
-  -webkit-filter: grayscale(0);
-  -webkit-filter: grayscale(0%);
-  filter: grayscale(0%);
-}
-
-.snippet-icon {
-  color: #aaa;
-  height: 16px;
-  width: 16px;
-  -webkit-transition: color 0.2s ease;
-  -moz-transition: color 0.2s ease;
-  -ms-transition: color 0.2s ease;
-  transition: color 0.2s ease;
-}
-
-.inactive-action:hover > .snippet-icon {
-  color: @hue-primary-color-dark !important;
-}
-
-.row-container.is-editing {
-  border: none;
-}
-
-.notebook .ui-sortable {
-  background-color: #FFF;
-  min-height: 0;
-}
-
-.editable-click, a.editable-click, a.editable-click:hover {
-  cursor: pointer !important;
-}
-
-.editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
-  cursor: default !important;
-}
-
-.results table tr td {
-  white-space: nowrap;
-}
-
-[contenteditable]:focus {
-  outline: none;
-}
-
-.snippet-progress-container {
-  height: 3px;
-  width: 100%;
-  overflow: hidden;
-}
-
-.snippet-execution-status {
-  margin-top: 2px;
-  margin-left: 35px;
-  margin-right: 20px;
-}
-
-.ace-container-resizable {
-  position: relative;
-  min-height: 128px !important;
-}
-
-.ace-editor-resizable {
-  position: absolute;
-  top: 0;
-  left:0;
-  bottom:0;
-  right: 0;
-  overflow: hidden !important;
-}
-
-.snippet-code-resizer, .snippet-log-resizer {
-  border-top: 1px solid @cui-default-border-color;
-  cursor: row-resize;
-  text-align: center;
-  font-size: 12px;
-  height: 8px;
-  margin-bottom: 5px;
-  color: #E1E1E1;
-}
-
-.snippet-code-resizer {
-  margin-left: 35px;
-  margin-right: 20px;
-}
-
-.snippet-code-resizer > i, .snippet-log-resizer > i {
-  -ms-transform: scale(1.3,1); /* IE 9 */
-  -webkit-transform: scale(1.3,1); /* Safari */
-  transform: scale(1.3,1);
-}
-
-.snippet-log-expander {
-  position: absolute;
-  text-align: center;
-  cursor: pointer;
-  bottom: 4px;
-  width: 100%;
-}
-
-.snippet-log-expander:hover {
-  background-color: #FFF;
-  opacity:.5;
-}
-
-.snippet-log-container, .query-history-container {
-  margin-left: 35px;
-  margin-right: 20px;
-}
-
-.snippet-footer-actions-bar {
-  padding: 0 3px;
-  height: 29px;
-}
-
-.text-snippet h2 {
-  padding-left: 0 !important;
-}
-
-.span12.nomargin {
-  margin-left: 0;
-}
-
-.show-assist {
-  position: fixed;
-  top: 80px;
-  background-color: #FFF;
-  width: 16px;
-  height: 24px;
-  line-height: 24px;
-  margin-left: -2px;
-  text-align: center;
-  -webkit-border-top-right-radius: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  -moz-border-radius-topright: 3px;
-  -moz-border-radius-bottomright: 3px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  z-index: 1000;
-  -webkit-transition: margin-left 0.2s linear;
-  -moz-transition: margin-left 0.2s linear;
-  -ms-transition: margin-left 0.2s linear;
-  transition: margin-left 0.2s linear;
-}
-
-.show-assist:hover {
-  margin-left: 0;
-}
-
-.hide-assist {
-  position: absolute;
-  top: 2px;
-  right: 4px;
-  z-index: 1000;
-  color: #aaa;
-  font-size: 12px;
-  -webkit-transition: margin-right 0.2s linear, color 0.5s ease;
-  -moz-transition: margin-right 0.2s linear, color 0.5s ease;
-  -ms-transition: margin-right 0.2s linear, color 0.5s ease;
-  transition: margin-right 0.2s linear, color 0.5s ease;
-}
-
-.hide-assist:hover {
-  margin-right: 2px;
-  color: @hue-primary-color-dark;
-}
-
-.logs {
-  padding: 9.5px;
-  font-size: 11px;
-  height: 80px;
-  overflow-y: auto;
-  margin-bottom: 0;
-}
-
-h1.empty {
-  margin-top: 50px;
-  text-align: center;
-  color: #DDD;
-}
-
-.toggle-result-settings {
-  float: left;
-  padding: 3px;
-  margin-top: 31px;
-  width: 10px;
-  text-align: center;
-  cursor: pointer;
-}
-
-.toggle-result-settings .close {
-  margin-right: 2px;
-}
-
-.toggle-result-settings .open {
-  margin-left: 2px;
-}
-
-.chart-icon {
-  width: 15px;
-  text-align: center;
-}
-
-.resize-panel a {
-  cursor: ns-resize;
-  color: #666;
-  position: absolute;
-}
-
-.progress-snippet {
-  background-image: none;
-  box-shadow: none;
-}
-
-.progress-snippet .bar {
-  background-image: none;
-}
-
-.progress .bar {
-  background-repeat: repeat-x;
-}
-
-.progress, .progress-neutral .bar {
-  background-color: #DDD;
-}
-
-.progress .bar {
-  background-color: #FFF;
-}
-
-.progress .bar-info {
-  background-color: @hue-primary-color-dark;
-}
-
-.progress-starting .bar {
-  background-color: #fdae6b;
-}
-
-.progress-job {
-  height: 2px;
-}
-
-.jobs-overlay {
-  background-color: transparent;
-}
-
-.jobs-overlay li {
-  background-color: #FFF;
-  margin-bottom: 5px;
-  padding: 0;
-}
-
-.jobs-overlay li a {
-  margin: 6px;
-}
-
-@-webkit-keyframes pulsate {
-  0% {
-    margin-left: 0;
+.notebook {
+  .snippet-move-placeholder {
+    margin: 10px;
+    height: 100px;
+    background-color: #FAFAFA;
+    border: 2px dotted @cui-default-border-color;
   }
-  50% {
-    margin-left: 30px;
+
+  .snippet-move-helper {
+    margin: 10px;
+    background-color: #FFF;
+    border: 1px solid #F1F1F1;
   }
-  100% {
-    margin-left: 0;
+
+  .resizer {
+    position: absolute;
+    height: 100%;
+    width: 4px;
+    cursor: col-resize;
   }
-}
 
-@-moz-keyframes pulsate {
-  0% {
-    margin-left: 0;
+  .resize-bar {
+    position: absolute;
+    height: 100%;
+    width: 2px;
+    background-color: @cui-default-border-color;
+  }
+
+  .question {
+    margin: 10px;
+  }
+
+  .snippet {
+    margin: 10px;
+    margin-right: 30px;
+    padding-bottom: 10px;
+  }
+
+  .notebook-snippet {
+    border-bottom: 1px solid @cui-default-border-color;
+    border-radius: 0;
+  }
+
+  .snippet.editor-mode {
+    border-bottom: none;
+  }
+
+  .snippet-left-bar {
+    position:absolute;
+    display:inline-block;
+    height:auto;
+    left:0;
+    top:0;
+    bottom:0;
+    width: 35px;
+  }
+
+  .result-body {
+    margin-left: 35px;
+    margin-right: 20px;
+  }
+
+  .snippet-body {
+    margin-left: 35px;
+    margin-right: 20px;
+    z-index: 90;
+    min-height: 40px;
+  }
+
+  .snippet-text .snippet-body {
+    min-height: 1px;
+  }
+
+  .snippet-text.card-widget {
+    min-height: 1px;
+  }
+
+  .snippet-body h2 {
+    padding-left: 0 !important;
+  }
+
+  .snippet-settings {
+    background-color: #FFF;
+    border-left: 1px solid @cui-default-border-color;
+    border-right: 1px solid @cui-default-border-color;
+    border-bottom: 1px solid @cui-default-border-color;
+    .hue-box-shadow-bottom;
+  }
+
+  .snippet-settings-header > h4 {
+    margin: 0;
+    padding: 10px;
+  }
+
+  .snippet-settings-body {
+    padding: 10px;
+  }
+
+  .CodeMirror {
+    height: auto;
+  }
+
+  .card .card-heading.simple {
+    border: none;
+  }
+
+  .add-snippet {
+    margin: 10px;
+    margin-top: 60px;
+    margin-bottom: 60px;
+  }
+
+  .add-snippet-button {
+    z-index: 300;
+    margin-left: auto;
+    margin-right: auto;
+    width: 220px;
+    padding: 20px;
+  }
+
+  .add-snippet-button > i {
+    color: #CCC;
+    cursor: pointer;
+  }
+
+  .select-snippet-button {
+    z-index: 500;
+    position: absolute;
+    top: 62px;
+    left: 62px;
+    width: 23px;
+    height: 18px;
+    line-height: 12px;
+    background-color: #CCC;
+    cursor: pointer;
+    border: 2px solid #FFF;
+    color: #FFF;
+    border-radius: 7px;
+  }
+
+  .add-snippet-alt {
+    z-index: 400;
+    position: absolute;
+    background-color: @hue-primary-color-dark;
+    color: #C2CFD8;
+    height: 54px;
+    width: 54px;
+    border-radius: 28px;
+    border: 1px solid;
+  }
+
+  .add-snippet-alt > div {
+    display: table-cell;
+    text-align: center;
+    vertical-align: middle;
+    line-height: 14px;
+    width: 50px;
+    height: 54px;
+    padding-left:2px;
+    font-size: 11px;
+  }
+
+  .snippet-list-alts {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .snippet-list-alts > li {
+    padding: 5px 0 5px 10px;
+    cursor: pointer;
+    color: #464646;
+    margin-bottom: 2px;
+  }
+
+  .snippet-list-alts > li:hover {
+    padding: 5px 0 5px 10px;
+    background-color: #f0f0f0;
+  }
+
+  .select-snippet-button,
+  .add-snippet-button > i,
+  .add-snippet-alt {
+    -webkit-transition: color 0.3s ease, -webkit-transform 0.3s;
+    -moz-transition: color 0.3s ease, -moz-transform 0.3s;
+    -ms-transition: color 0.3s ease, -ms-transform 0.3s;
+    transition: color 0.3s ease, transform 0.3s;
+  }
+
+  .add-snippet-alt:hover {
+    color: #FFF;
+  }
+
+  .select-snippet-button:hover,
+  .add-snippet-button > i:hover,
+  .add-snippet-alt:hover {
+    -webkit-transform: scale(1.3, 1.3);
+    -moz-transform: scale(1.3, 1.3);
+    -ms-transform: scale(1.3, 1.3);
+    transform: scale(1.3, 1.3);
+  }
+
+  .spark-btn {
+    border-left: none;
+    border-right: none;
+    width: 14px;
+    opacity: 0.8;
+    border-radius: 0;
   }
-  50% {
-    margin-left: 30px;
+
+  .spark-btn:hover {
+    opacity: 1;
   }
-  100% {
+
+  .codeMirror-overlaybtn {
+    position: absolute;
+    margin-top: -30px;
     margin-left: 0;
+    z-index: 999;
+  }
+
+
+  .nav {
+    margin-bottom: 0;
   }
-}
 
-@-o-keyframes pulsate {
-  0% {
+  .nav i {
+    line-height: 20px !important;
+  }
+
+  .nav-list > li > a, .nav-list .nav-header {
+    padding-left: 0;
     margin-left: 0;
+    margin-bottom: -7px;
+    margin-top: 10px !important;
+  }
+
+  .nav-list {
+    padding-left: 0;
+  }
+
+  .dropdown-menu li {
+    font-size: 14px;
+  }
+
+  .dropdown a.dropdown-toggle {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  .search-bar {
+    background-color: #F5F5F5;
+    margin: 0;
+    padding: 4px 20px 0;
+    text-align: left;
+    width: 100%;
+    position: fixed;
+    top: 28px;
+    z-index: 1000;
+  }
+
+  .search-bar input {
+    margin-left: 10px;
+    padding-right: 20px;
+  }
+
+  .search-bar ul li {
+    text-align: right;
+  }
+
+  .search-bar ul.dropdown-menu li {
+    text-align: left;
+  }
+
+  .tab-content {
+    background-color: #FFFFFF;
+    border-left: 1px solid @cui-default-border-color;
+    border-right: 1px solid @cui-default-border-color;
+  }
+
+  .editor-help .tab-content {
+    border: none;
+  }
+
+  .empty-title {
+    font-weight: normal;
+  }
+
+  .snippet-icon-image {
+    height: 16px;
+    width: 16px;
+    -webkit-filter: grayscale(1);
+    -webkit-filter: grayscale(100%);
+    filter: grayscale(100%);
+    -webkit-transition: -webkit-filter 0.2s ease;
+    -moz-transition: filter 0.2s ease;
+    -ms-transition: filter 0.2s ease;
+  }
+
+  .inactive-action:hover > .snippet-icon-image {
+    -webkit-filter: grayscale(0);
+    -webkit-filter: grayscale(0%);
+    filter: grayscale(0%);
+  }
+
+  .snippet-icon {
+    color: #aaa;
+    height: 16px;
+    width: 16px;
+    -webkit-transition: color 0.2s ease;
+    -moz-transition: color 0.2s ease;
+    -ms-transition: color 0.2s ease;
+    transition: color 0.2s ease;
+  }
+
+  .inactive-action:hover > .snippet-icon {
+    color: @hue-primary-color-dark !important;
   }
-  50% {
-    margin-left: 30px;
+
+  .row-container.is-editing {
+    border: none;
+  }
+
+  .ui-sortable {
+    background-color: #FFF;
+    min-height: 0;
+  }
+
+  .editable-click, a.editable-click, a.editable-click:hover {
+    cursor: pointer !important;
+  }
+
+  .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
+    cursor: default !important;
+  }
+
+  .results table tr td {
+    white-space: nowrap;
+  }
+
+  [contenteditable]:focus {
+    outline: none;
+  }
+
+  .snippet-progress-container {
+    height: 3px;
+    width: 100%;
+    overflow: hidden;
   }
-  100% {
+
+  .snippet-execution-status {
+    margin-top: 2px;
+    margin-left: 35px;
+    margin-right: 20px;
+  }
+
+  .ace-container-resizable {
+    position: relative;
+    min-height: 128px !important;
+  }
+
+  .ace-editor-resizable {
+    position: absolute;
+    top: 0;
+    left:0;
+    bottom:0;
+    right: 0;
+    overflow: hidden !important;
+  }
+
+  .snippet-code-resizer, .snippet-log-resizer {
+    border-top: 1px solid @cui-default-border-color;
+    cursor: row-resize;
+    text-align: center;
+    font-size: 12px;
+    height: 8px;
+    margin-bottom: 5px;
+    color: #E1E1E1;
+  }
+
+  .snippet-code-resizer {
+    margin-left: 35px;
+    margin-right: 20px;
+  }
+
+  .snippet-code-resizer > i, .snippet-log-resizer > i {
+    -ms-transform: scale(1.3,1); /* IE 9 */
+    -webkit-transform: scale(1.3,1); /* Safari */
+    transform: scale(1.3,1);
+  }
+
+  .snippet-log-expander {
+    position: absolute;
+    text-align: center;
+    cursor: pointer;
+    bottom: 4px;
+    width: 100%;
+  }
+
+  .snippet-log-expander:hover {
+    background-color: #FFF;
+    opacity:.5;
+  }
+
+  .snippet-log-container, .query-history-container {
+    margin-left: 35px;
+    margin-right: 20px;
+  }
+
+  .snippet-footer-actions-bar {
+    padding: 0 3px;
+    height: 29px;
+  }
+
+  .text-snippet h2 {
+    padding-left: 0 !important;
+  }
+
+  .span12.nomargin {
     margin-left: 0;
   }
-}
 
-@keyframes pulsate {
-  0% {
+  .show-assist {
+    position: fixed;
+    top: 80px;
+    background-color: #FFF;
+    width: 16px;
+    height: 24px;
+    line-height: 24px;
+    margin-left: -2px;
+    text-align: center;
+    -webkit-border-top-right-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    -moz-border-radius-topright: 3px;
+    -moz-border-radius-bottomright: 3px;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    z-index: 1000;
+    -webkit-transition: margin-left 0.2s linear;
+    -moz-transition: margin-left 0.2s linear;
+    -ms-transition: margin-left 0.2s linear;
+    transition: margin-left 0.2s linear;
+  }
+
+  .show-assist:hover {
     margin-left: 0;
   }
-  50% {
-    margin-left: 30px;
+
+  .hide-assist {
+    position: absolute;
+    top: 2px;
+    right: 4px;
+    z-index: 1000;
+    color: #aaa;
+    font-size: 12px;
+    -webkit-transition: margin-right 0.2s linear, color 0.5s ease;
+    -moz-transition: margin-right 0.2s linear, color 0.5s ease;
+    -ms-transition: margin-right 0.2s linear, color 0.5s ease;
+    transition: margin-right 0.2s linear, color 0.5s ease;
+  }
+
+  .hide-assist:hover {
+    margin-right: 2px;
+    color: @hue-primary-color-dark;
+  }
+
+  .logs {
+    padding: 9.5px;
+    font-size: 11px;
+    height: 80px;
+    overflow-y: auto;
+    margin-bottom: 0;
+  }
+
+  h1.empty {
+    margin-top: 50px;
+    text-align: center;
+    color: #DDD;
+  }
+
+  .toggle-result-settings {
+    float: left;
+    padding: 3px;
+    margin-top: 31px;
+    width: 10px;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  .toggle-result-settings .close {
+    margin-right: 2px;
+  }
+
+  .toggle-result-settings .open {
+    margin-left: 2px;
+  }
+
+  .chart-icon {
+    width: 15px;
+    text-align: center;
+  }
+
+  .resize-panel a {
+    cursor: ns-resize;
+    color: #666;
+    position: absolute;
+  }
+
+  .progress-snippet {
+    background-image: none;
+    box-shadow: none;
+  }
+
+  .progress-snippet .bar {
+    background-image: none;
+  }
+
+  .progress .bar {
+    background-repeat: repeat-x;
+  }
+
+  .progress, .progress-neutral .bar {
+    background-color: #DDD;
+  }
+
+  .progress .bar {
+    background-color: #FFF;
+  }
+
+  .progress .bar-info {
+    background-color: @hue-primary-color-dark;
+  }
+
+  .progress-starting .bar {
+    background-color: #fdae6b;
+  }
+
+  .progress-job {
+    height: 2px;
+  }
+
+  .jobs-overlay {
+    background-color: transparent;
+  }
+
+  .jobs-overlay li {
+    background-color: #FFF;
+    margin-bottom: 5px;
+    padding: 0;
+  }
+
+  .jobs-overlay li a {
+    margin: 6px;
   }
-  100% {
+
+  @-webkit-keyframes pulsate {
+    0% {
+      margin-left: 0;
+    }
+    50% {
+      margin-left: 30px;
+    }
+    100% {
+      margin-left: 0;
+    }
+  }
+
+  @-moz-keyframes pulsate {
+    0% {
+      margin-left: 0;
+    }
+    50% {
+      margin-left: 30px;
+    }
+    100% {
+      margin-left: 0;
+    }
+  }
+
+  @-o-keyframes pulsate {
+    0% {
+      margin-left: 0;
+    }
+    50% {
+      margin-left: 30px;
+    }
+    100% {
+      margin-left: 0;
+    }
+  }
+
+  @keyframes pulsate {
+    0% {
+      margin-left: 0;
+    }
+    50% {
+      margin-left: 30px;
+    }
+    100% {
+      margin-left: 0;
+    }
+  }
+
+  .progress-starting {
+    -webkit-animation: pulsate 1s infinite;
+    -moz-animation: pulsate 1s infinite;
+    -o-animation: pulsate 1s infinite;
+    animation: pulsate 1s infinite;
+  }
+
+  .progress-success .bar, .progress .bar-success {
+    background-color: #b5cf6b;
+  }
+
+  .progress-warning .bar, .progress .bar-warning {
+    background-color: #fdae6b;
+  }
+
+  .progress-danger .bar, .progress .bar-danger {
+    background-color: #d6616b;
+  }
+
+  .text-snippet {
+    padding-left: 4px;
+  }
+
+  .medium-editor-toolbar-form label {
+    min-height: 20px;
+  }
+
+  .medium-editor-toolbar-form input[type="checkbox"] {
+    float: left;
     margin-left: 0;
+    margin-right: 4px;
   }
-}
-
-.progress-starting {
-  -webkit-animation: pulsate 1s infinite;
-  -moz-animation: pulsate 1s infinite;
-  -o-animation: pulsate 1s infinite;
-  animation: pulsate 1s infinite;
-}
-
-.progress-success .bar, .progress .bar-success {
-  background-color: #b5cf6b;
-}
-
-.progress-warning .bar, .progress .bar-warning {
-  background-color: #fdae6b;
-}
-
-.progress-danger .bar, .progress .bar-danger {
-  background-color: #d6616b;
-}
-
-.text-snippet {
-  padding-left: 4px;
-}
-
-.medium-editor-toolbar-form label {
-  min-height: 20px;
-}
-
-.medium-editor-toolbar-form input[type="checkbox"] {
-  float: left;
-  margin-left: 0;
-  margin-right: 4px;
-}
-
-.medium-editor-toolbar li button {
-  padding: 0 !important;
-  height: 40px !important;
-  min-width: 40px !important;
-}
-
-.medium-toolbar-arrow-under:after {
-  top: 40px !important;
-}
-
-.medium-editor-placeholder:after {
-  padding-left: 5px;
-  font-size: 13px !important;
-  font-family: 'Ubuntu Mono', Monaco, Consolas, monospace !important;
-  color: #aaa !important;
-  font-style: normal !important;
-}
-
-.print-logo {
-  display: none;
-}
-
-.print-logo img {
-  width: 24px;
-  height: 24px;
-}
-
-.card-heading-print {
-  display: none;
-}
-
-@media print {
-  .navigator, .assist-container, .result-settings, .left-panel, a.btn, button, .add-snippet, .card-heading.simple, .alert, .show-assist, .snippet-footer-actions-bar, .player-toolbar h4, .player-toolbar div {
-    display: none !important;
-  }
-  .content-panel {
-    width: 100% !important;
-    left: 0 !important;
-  }
-  * {
-    border: none !important;
-  }
-  .editable {
-    font-size: 20px;
-    font-weight: bold;
-    border-bottom: 2px solid @cui-default-border-color !important;
+
+  .medium-editor-toolbar li button {
+    padding: 0 !important;
+    height: 40px !important;
+    min-width: 40px !important;
   }
-  .tab-content, .content-panel {
-    overflow: visible;
+
+  .medium-toolbar-arrow-under:after {
+    top: 40px !important;
   }
-  .ace_scroller {
-    border-left: 4px solid #DDD !important;
-    padding-left: 10px;
+
+  .medium-editor-placeholder:after {
+    padding-left: 5px;
+    font-size: 13px !important;
+    font-family: 'Ubuntu Mono', Monaco, Consolas, monospace !important;
+    color: #aaa !important;
+    font-style: normal !important;
   }
+
   .print-logo {
-    display: block;
+    display: none;
+  }
+
+  .print-logo img {
+    width: 24px;
+    height: 24px;
+  }
+
+  .card-heading-print {
+    display: none;
+  }
+
+  @media print {
+    .navigator, .assist-container, .result-settings, .left-panel, a.btn, button, .add-snippet, .card-heading.simple, .alert, .show-assist, .snippet-footer-actions-bar, .player-toolbar h4, .player-toolbar div {
+      display: none !important;
+    }
+    .content-panel {
+      width: 100% !important;
+      left: 0 !important;
+    }
+    * {
+      border: none !important;
+    }
+    .editable {
+      font-size: 20px;
+      font-weight: bold;
+      border-bottom: 2px solid @cui-default-border-color !important;
+    }
+    .tab-content, .content-panel {
+      overflow: visible;
+    }
+    .ace_scroller {
+      border-left: 4px solid #DDD !important;
+      padding-left: 10px;
+    }
+    .print-logo {
+      display: block;
+    }
+    .card-heading-print.visible {
+      display: block;
+      font-weight: bold;
+    }
+  }
+
+  .no-underline:hover {
+    text-decoration: none !important;
+  }
+
+  input[type="text"].filechooser-input {
+    border-right: none;
+    margin-bottom: 0;
   }
-  .card-heading-print.visible {
+
+  #saveResultsForm .fileChooserBtn {
+    vertical-align: middle;
+  }
+
+  table.airy tr td {
+    padding: 4px;
+  }
+
+  .ace-filechooser {
+    position: absolute;
+    display: none;
+    z-index: 20000;
+    background-color: #FFFFFF;
+    padding: 10px;
+    min-width: 350px;
+  }
+
+  .hover-dropdown {
+    display: inline-block;
+    position: relative;
+  }
+
+  .results.alert-error, .alert-error-gradient {
+    border: none;
+    margin-top: -3px;
+    background: -moz-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2dede', endColorstr='#00ffffff', GradientType=1)
+  }
+
+
+  .results-images {
+    border-left: 5px solid @cui-default-border-color;
+    background-color: #f5f5f5;
+    padding: 5px;
+  }
+
+  .alert-notebook, .alert-gradient {
+    border: none;
+    margin-top: -3px;
+    background: -moz-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8e3', endColorstr='#00ffffff', GradientType=1)
+  }
+
+  .hoverMsg {
+    background: #000;
+    height: 100%;
+    left: 0;
+    opacity: .5;
+    position: fixed;
+    width: 100%;
+    top:0;
+    z-index: 10000;
+  }
+
+  .hoverText {
+    color: #fff;
+    font-size: 5em;
+    position: relative;
+    text-align: center;
+    top: 45%;
+    font-weight: 700;
+    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
+    -webkit-animation-name: bounceInDown;
+    animation-name: bounceInDown;
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+  }
+
+  .snippet-row {
+    position: relative;
     display: block;
+    height: auto;
+    width: 100%;
+  }
+
+  .snippet-side-btn {
+    color: #C2CFD8;
+    display: inline-block;
+    line-height: 27px;
+    height: 27px;
+    min-height: 27px;
+    margin: 0;
+    font-size: 13px;
+    cursor: pointer;
+    .hue-ease-transition(color);
+  }
+
+  .snippet-side-btn.disabled {
+    cursor: default !important;
+    opacity: 0.5;
+  }
+
+  .snippet-side-btn:focus {
+    color: #C2CFD8;
+  }
+
+  .snippet-side-btn.active {
+    color: @hue-primary-color-dark;
+  }
+
+  .snippet-side-btn:hover {
+    color: @hue-primary-color-dark;
+  }
+
+  .snippet-side-single {
+    padding: 0 3px;
+  }
+
+  .execution-timer {
+    color: #aaa;
+    font-size: 12px;
+    font-weight: lighter;
+  }
+
+  .resultTable th {
+    color: #FFF;
+  }
+
+  .dataTables_wrapper .resultTable th {
+    color: #333;
+  }
+
+  .navbar .editor-nav > li > a {
+    max-width: 600px;
+  }
+
+  .navbar .editor-nav > li > a, .navbar .editor-nav > li > a:hover {
+    border-bottom: 2px solid transparent;
+    color: #737373;
+    cursor: default;
+  }
+
+  .navbar .editor-nav > li.query-name {
     font-weight: bold;
   }
-}
-
-.no-underline:hover {
-  text-decoration: none !important;
-}
-
-input[type="text"].filechooser-input {
-  border-right: none;
-  margin-bottom: 0;
-}
-
-#saveResultsForm .fileChooserBtn {
-  vertical-align: middle;
-}
-
-table.airy tr td {
-  padding: 4px;
-}
-
-.ace-filechooser {
-  position: absolute;
-  display: none;
-  z-index: 20000;
-  background-color: #FFFFFF;
-  padding: 10px;
-  min-width: 350px;
-}
-
-.hover-dropdown {
-  display: inline-block;
-  position: relative;
-}
-
-.results.alert-error, .alert-error-gradient {
-  border: none;
-  margin-top: -3px;
-  background: -moz-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: -webkit-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: -o-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: linear-gradient(to right, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2dede', endColorstr='#00ffffff', GradientType=1)
-}
-
-
-.results-images {
-  border-left: 5px solid @cui-default-border-color;
-  background-color: #f5f5f5;
-  padding: 5px;
-}
-
-.alert-notebook, .alert-gradient {
-  border: none;
-  margin-top: -3px;
-  background: -moz-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: -webkit-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: -o-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  background: linear-gradient(to right, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8e3', endColorstr='#00ffffff', GradientType=1)
-}
-
-.hoverMsg {
-  background: #000;
-  height: 100%;
-  left: 0;
-  opacity: .5;
-  position: fixed;
-  width: 100%;
-  top:0;
-  z-index: 10000;
-}
-
-.hoverText {
-  color: #fff;
-  font-size: 5em;
-  position: relative;
-  text-align: center;
-  top: 45%;
-  font-weight: 700;
-  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
-  -webkit-animation-name: bounceInDown;
-  animation-name: bounceInDown;
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
-.snippet-row {
-  position: relative;
-  display: block;
-  height: auto;
-  width: 100%;
-}
-
-.snippet-side-btn {
-  color: #C2CFD8;
-  display: inline-block;
-  line-height: 27px;
-  height: 27px;
-  min-height: 27px;
-  margin: 0;
-  font-size: 13px;
-  cursor: pointer;
-  .hue-ease-transition(color);
-}
-
-.snippet-side-btn.disabled {
-  cursor: default !important;
-  opacity: 0.5;
-}
-
-.snippet-side-btn:focus {
-  color: #C2CFD8;
-}
-
-.snippet-side-btn.active {
-  color: @hue-primary-color-dark;
-}
-
-.snippet-side-btn:hover {
-  color: @hue-primary-color-dark;
-}
-
-.snippet-side-single {
-  padding: 0 3px;
-}
-
-.execution-timer {
-  color: #aaa;
-  font-size: 12px;
-  font-weight: lighter;
-}
-
-.resultTable th {
-  color: #FFF;
-}
-
-.dataTables_wrapper .resultTable th {
-  color: #333;
-}
-
-.navbar .editor-nav > li > a {
-  max-width: 600px;
-}
-
-.navbar .editor-nav > li > a, .navbar .editor-nav > li > a:hover {
-  border-bottom: 2px solid transparent;
-  color: #737373;
-  cursor: default;
-}
-
-.navbar .editor-nav > li.query-name {
-  font-weight: bold;
-}
-
-.editor-nav .editable-click:hover {
-  border-bottom: dashed 1px #0088cc;
-}
-
-.editor-nav .editable-click, .editor-nav a.editable-click {
-  border-bottom: 1px solid transparent;
-}
-
-.editable-empty, .editable-empty:hover {
-  color: #737373 !important;
-}
-
-h4.header {
-  font-weight: bold;
-  color: #999;
-  font-size: 14px;
-  text-transform: uppercase;
-  padding-left: 4px;
-  border-bottom: 1px solid @cui-default-border-color;
-  padding-bottom: 3px;
-}
-
-.history-table tbody tr {
-  border-left: 2px solid transparent;
-  border-right: 2px solid transparent;
-
-  td {
-    vertical-align: middle;
+
+  .editor-nav .editable-click:hover {
+    border-bottom: dashed 1px #0088cc;
   }
-}
-
-.history-table tbody tr:hover {
-  border-left: 2px solid @cui-default-border-color;
-  border-right: 2px solid @cui-default-border-color;
-}
-
-.history-table tbody tr:hover td, .history-table tbody tr:hover th {
-  background-color: #f7f7f9;
-}
-
-.history-table tbody tr.highlight {
-  background-color: #f7f7f9;
-  border-left: 2px solid @cui-default-border-color;
-  border-right: 2px solid @cui-default-border-color;
-}
-
-.ace-highlight .ace-hue {
-  background-color: transparent !important;
-}
-
-.ace-highlight .ace_invalid {
-  display: none;
-}
-
-.ace-highlight .ace_line {
-  white-space: normal;
-}
-
-.ace-highlight .ace-highlight-pre {
-  white-space: pre !important;
-}
-
-.history-status {
-  width: 20px;
-}
-
-.history-status .fa-check {
-  color: #b5cf6b;
-}
-
-.history-status .fa-fighter-jet {
-  color: #fdae6b;
-}
-
-.table-results table > thead > tr > td:first-child, .table-results table > tbody > tr > td:first-child {
-  background-color: #f9f9f9;
-}
-
-#helpModal th:first-child {
-  width: 25%;
-}
-
-#helpModal th:last-child {
-  width: 50%;
-}
-
-#helpModal .tab-content {
-  min-height: 355px;
-  max-height: 355px;
-}
-
-.tooltip {
-  z-index: 3000 !important;
-}
-
-.session-actions {
-  display: inline-block;
-  font-size: 13px;
-  margin-top: -3px;
-  margin-left: 15px;
-  vertical-align: text-top;
-}
-
-#saveResultsModal .overlay {
-  background: black;
-  opacity: 0.5;
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  z-index: 100;
-}
-
-#saveResultsModal .loader {
-  text-align: center;
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-}
-
-#saveResultsModal i.fa-spinner, #saveResultsModal img.spinner {
-  margin-top: -30px;
-  margin-left: -30px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  z-index: 101;
-}
-
-#saveResultsModal i.fa-spinner {
-  font-size: 60px;
-  color: #DDD;
-}
-
-.notebook-name-desc {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.notebook-name-input {
-  width: 220px;
-}
-
-.notebook pre {
-  font-size: 11px;
-}
-
-.inline-tab-filter {
-  border-radius: 5px !important;
-  min-height: 17px !important;
-  height: 17px !important;
-  margin-right: 3px;
-  margin-left: -2px;
-  padding: 0 18px 0 5px !important;
-}
-
-.no-horiz-padding a {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
-
-.no-horiz-padding.muted a {
- color: #AAA !important;
-}
-
-.no-horiz-padding:not(:first-child) a {
-  margin-left: 0 !important;
-}
-
-.collapse-results {
-  right: 20px;
-  top: 20px;
-}
-
-.meta-title {
-  line-height: 22px;
-}
-
-.meta-filter {
-  width: 118px;
-}
-
-.meta-noresults {
-  font-style: italic;
-}
-
-.session-config .config-property {
-  display: inline !important;
-}
-
-.session-config .config-property-available {
-  margin-left: 0 !important;
-  margin-top: 10px;
-}
-
-.session-config  .config-property-add-value {
-  margin-top: -8px !important;
-  margin-bottom: 20px;
-}
-
-.session-config .config-property-input-small {
-  width: 120px !important;
-}
-
-.session-config .config-property-input-mini {
-  width: 90px !important;
-}
-
-.session-config .config-label {
-  text-align: left !important;
-  margin-left: 0 !important;
-}
-
-.session-config .config-property-remove {
-  float: right;
-  margin-top: 2px !important;
-}
-
-#schedulerEditor .container-fluid, #schedulerEditor .card-heading, #schedulerEditor .card-body {
-  padding: 0;
-}
-
-#schedulerEditor .dataset-input {
-  width: 270px;
-}
-
-#schedulerEditor .form-horizontal .control-label {
-  width: 100px;
-  text-align: left;
-}
-
-#schedulerEditor .form-horizontal .controls {
-  margin-left: 110px;
-}
-
-#schedulerEditor .workflow-parameter {
-  padding: 10px;
-  margin-left: -10px;
-  margin-right: -10px;
-}
-
-#schedulerEditor .workflow-parameter:hover {
-  background-color: #FAFAFA;
-}
-
-.warning {
-  color: #fdae6b;
-}
-
-#ace_settingsmenu {
-  width: 350px;
-}
-
-#ace_settingsmenu label {
-  display: inline-block;
-  height: 31px;
-  line-height: 31px;
-}
-
-#ace_settingsmenu input {
-  margin-bottom: 0;
-}
-
-#ace_settingsmenu input[type='checkbox'] {
-  margin-right: 2px;
-  margin-top: 10px;
-}
-
-.nav-header-like {
-  padding: 9px 18px;
-  margin-top: 1px;
-  overflow: hidden;
-  font-size: 14px;
-  line-height: 1.4;
-  color: @hue-primary-color-dark;
-  text-overflow: ellipsis;
-  text-shadow: none;
-  background-color: #fff;
-  border-left: 2px solid transparent;
-  -webkit-transition: border .218s;
-  -moz-transition: border .218s;
-  -o-transition: border .218s;
-  transition: border .218s;
-  text-transform: uppercase;
-}
-
-.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-  height: 9px !important;
-  margin: 0 !important;
-  margin-top: 3px !important;
-}
-
-.mCSB_scrollTools.mCSB_scrollTools_horizontal {
-  margin: 0 !important;
-}
-
-.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
-  width: 8px !important;
-  margin-left: 10px !important;
-}
-
-.alert-info-gradient {
-  border: none;
-  margin-top: -3px;
-  background: -moz-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-  background: -webkit-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-  background: -o-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-  background: linear-gradient(to right, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edf7', endColorstr='#00ffffff', GradientType=1);
-}
-
-.alert-success-gradient {
-  border: none;
-  margin-top: -3px;
-  background: -moz-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-  background: -webkit-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-  background: -o-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-  background: linear-gradient(to right, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#00ffffff', GradientType=1);
-}
-
-.alert-neutral-gradient {
-  border: none;
-  border-left: 1px solid #DBE8F1;
-  margin-top: -3px;
-  background: -moz-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-  background: -webkit-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-  background: -o-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-  background: linear-gradient(to right, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#00ffffff', GradientType=1);
-}
-
-.alert-warning {
-  background-color: #fcf8e3;
-  border: 1px solid #f0c36d;
-  color: #c09853;
-}
-
-.round-icon {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  text-align: center;
-  line-height: 16px;
-  border-radius: 8px;
-  font-size: 12px;
-  color: #FFF;
-  opacity: .8;
-  cursor: pointer;
-  margin-bottom: 12px;
-  &.empty {
-    width: 1px;
-  }
-  &.idle {
-    background-color: #CCC;
+
+  .editor-nav .editable-click, .editor-nav a.editable-click {
+    border-bottom: 1px solid transparent;
   }
-  &:hover {
-    opacity: 1;
+
+  .editable-empty, .editable-empty:hover {
+    color: #737373 !important;
+  }
+
+  h4.header {
+    font-weight: bold;
+    color: #999;
+    font-size: 14px;
+    text-transform: uppercase;
+    padding-left: 4px;
+    border-bottom: 1px solid @cui-default-border-color;
+    padding-bottom: 3px;
+  }
+
+  .history-table tbody tr {
+    border-left: 2px solid transparent;
+    border-right: 2px solid transparent;
+
+    td {
+      vertical-align: middle;
+    }
+  }
+
+  .history-table tbody tr:hover {
+    border-left: 2px solid @cui-default-border-color;
+    border-right: 2px solid @cui-default-border-color;
+  }
+
+  .history-table tbody tr:hover td, .history-table tbody tr:hover th {
+    background-color: #f7f7f9;
+  }
+
+  .history-table tbody tr.highlight {
+    background-color: #f7f7f9;
+    border-left: 2px solid @cui-default-border-color;
+    border-right: 2px solid @cui-default-border-color;
   }
-  &.success {
-    background-color: #468847;
+
+  .ace-highlight .ace-hue {
+    background-color: transparent !important;
+  }
+
+  .ace-highlight .ace_invalid {
+    display: none;
+  }
+
+  .ace-highlight .ace_line {
+    white-space: normal;
+  }
+
+  .ace-highlight .ace-highlight-pre {
+    white-space: pre !important;
+  }
+
+  .history-status {
+    width: 20px;
+  }
+
+  .history-status .fa-check {
+    color: #b5cf6b;
+  }
+
+  .history-status .fa-fighter-jet {
+    color: #fdae6b;
+  }
+
+  .table-results table > thead > tr > td:first-child, .table-results table > tbody > tr > td:first-child {
+    background-color: #f9f9f9;
+  }
+
+  #helpModal th:first-child {
+    width: 25%;
+  }
+
+  #helpModal th:last-child {
+    width: 50%;
+  }
+
+  #helpModal .tab-content {
+    min-height: 355px;
+    max-height: 355px;
+  }
+
+  .tooltip {
+    z-index: 3000 !important;
+  }
+
+  .session-actions {
+    display: inline-block;
+    font-size: 13px;
+    margin-top: -3px;
+    margin-left: 15px;
+    vertical-align: text-top;
   }
-  &.warning {
-    background-color: #f0c36d;
+
+  #saveResultsModal .overlay {
+    background: black;
+    opacity: 0.5;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 100;
+  }
+
+  #saveResultsModal .loader {
+    text-align: center;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+  }
+
+  #saveResultsModal i.fa-spinner, #saveResultsModal img.spinner {
+    margin-top: -30px;
+    margin-left: -30px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 101;
+  }
+
+  #saveResultsModal i.fa-spinner {
+    font-size: 60px;
+    color: #DDD;
+  }
+
+  .notebook-name-desc {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .notebook-name-input {
+    width: 220px;
+  }
+
+  pre {
+    font-size: 11px;
+  }
+
+  .inline-tab-filter {
+    border-radius: 5px !important;
+    min-height: 17px !important;
+    height: 17px !important;
+    margin-right: 3px;
+    margin-left: -2px;
+    padding: 0 18px 0 5px !important;
+  }
+
+  .no-horiz-padding a {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+
+  .no-horiz-padding.muted a {
+   color: #AAA !important;
+  }
+
+  .no-horiz-padding:not(:first-child) a {
+    margin-left: 0 !important;
+  }
+
+  .collapse-results {
+    right: 20px;
+    top: 20px;
+  }
+
+  .meta-title {
+    line-height: 22px;
+  }
+
+  .meta-filter {
+    width: 118px;
+  }
+
+  .meta-noresults {
+    font-style: italic;
+  }
+
+  .session-config .config-property {
+    display: inline !important;
+  }
+
+  .session-config .config-property-available {
+    margin-left: 0 !important;
+    margin-top: 10px;
+  }
+
+  .session-config  .config-property-add-value {
+    margin-top: -8px !important;
+    margin-bottom: 20px;
+  }
+
+  .session-config .config-property-input-small {
+    width: 120px !important;
+  }
+
+  .session-config .config-property-input-mini {
+    width: 90px !important;
+  }
+
+  .session-config .config-label {
+    text-align: left !important;
+    margin-left: 0 !important;
+  }
+
+  .session-config .config-property-remove {
+    float: right;
+    margin-top: 2px !important;
+  }
+
+  #schedulerEditor .container-fluid, #schedulerEditor .card-heading, #schedulerEditor .card-body {
+    padding: 0;
+  }
+
+  #schedulerEditor .dataset-input {
+    width: 270px;
+  }
+
+  #schedulerEditor .form-horizontal .control-label {
+    width: 100px;
+    text-align: left;
+  }
+
+  #schedulerEditor .form-horizontal .controls {
+    margin-left: 110px;
+  }
+
+  #schedulerEditor .workflow-parameter {
+    padding: 10px;
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+
+  #schedulerEditor .workflow-parameter:hover {
+    background-color: #FAFAFA;
+  }
+
+  .warning {
+    color: #fdae6b;
+  }
+
+  #ace_settingsmenu {
+    width: 350px;
+  }
+
+  #ace_settingsmenu label {
+    display: inline-block;
+    height: 31px;
+    line-height: 31px;
+  }
+
+  #ace_settingsmenu input {
+    margin-bottom: 0;
+  }
+
+  #ace_settingsmenu input[type='checkbox'] {
+    margin-right: 2px;
+    margin-top: 10px;
+  }
+
+  .nav-header-like {
+    padding: 9px 18px;
+    margin-top: 1px;
+    overflow: hidden;
+    font-size: 14px;
+    line-height: 1.4;
+    color: @hue-primary-color-dark;
+    text-overflow: ellipsis;
+    text-shadow: none;
+    background-color: #fff;
+    border-left: 2px solid transparent;
+    -webkit-transition: border .218s;
+    -moz-transition: border .218s;
+    -o-transition: border .218s;
+    transition: border .218s;
+    text-transform: uppercase;
+  }
+
+  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
+    height: 9px !important;
+    margin: 0 !important;
+    margin-top: 3px !important;
+  }
+
+  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
+    margin: 0 !important;
+  }
+
+  .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
+    width: 8px !important;
+    margin-left: 10px !important;
+  }
+
+  .alert-info-gradient {
+    border: none;
+    margin-top: -3px;
+    background: -moz-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edf7', endColorstr='#00ffffff', GradientType=1);
+  }
+
+  .alert-success-gradient {
+    border: none;
+    margin-top: -3px;
+    background: -moz-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#00ffffff', GradientType=1);
+  }
+
+  .alert-neutral-gradient {
+    border: none;
+    border-left: 1px solid #DBE8F1;
+    margin-top: -3px;
+    background: -moz-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#00ffffff', GradientType=1);
+  }
+
+  .alert-warning {
+    background-color: #fcf8e3;
+    border: 1px solid #f0c36d;
+    color: #c09853;
+  }
+
+  .round-icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    text-align: center;
+    line-height: 16px;
+    border-radius: 8px;
+    font-size: 12px;
     color: #FFF;
+    opacity: .8;
+    cursor: pointer;
+    margin-bottom: 12px;
+    &.empty {
+      width: 1px;
+    }
+    &.idle {
+      background-color: #CCC;
+    }
+    &:hover {
+      opacity: 1;
+    }
+    &.success {
+      background-color: #468847;
+    }
+    &.warning {
+      background-color: #f0c36d;
+      color: #FFF;
+    }
+    &.error {
+      background-color: #b94a48;
+    }
+  }
+
+  .active .round-icon {
+    opacity: 1;
+  }
+
+  .alert-neutral {
+    border: none;
+    margin-top: -3px;
+    background: transparent;
+    margin-bottom: 0;
+    padding: 0;
+    padding-right: 4px;
+    display: inline-block;
+  }
+
+  .alert-empty {
+    border: none;
+    margin-bottom: 0;
+    background: transparent;
+    padding-left: 4px;
+  }
+
+  .optimizer-explanation {
+    margin-left: 4px;
+  }
+
+  .popover {
+    z-index: 1030;
+  }
+
+
+  // TODO: Switch to the context popover css for the file chooser
+  .ace-filechooser {
+    border-radius: @hue-panel-border-radius;
+    background-color: @cui-white;
+    .hue-box-shadow-bottom;
+  }
+
+  .ace-filechooser-content .filechooser-tree {
+    position: relative;
+    margin-right: 10px;
+  }
+
+  .ace-filechooser-close {
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    z-index: 1000;
   }
-  &.error {
-    background-color: #b94a48;
-  }
-}
-
-.active .round-icon {
-  opacity: 1;
-}
-
-.alert-neutral {
-  border: none;
-  margin-top: -3px;
-  background: transparent;
-  margin-bottom: 0;
-  padding: 0;
-  padding-right: 4px;
-  display: inline-block;
-}
-
-.alert-empty {
-  border: none;
-  margin-bottom: 0;
-  background: transparent;
-  padding-left: 4px;
-}
-
-.optimizer-explanation {
-  margin-left: 4px;
-}
-
-.popover {
-  z-index: 1030;
-}
-
-
-// TODO: Switch to the context popover css for the file chooser
-.ace-filechooser {
-  border-radius: @hue-panel-border-radius;
-  background-color: @cui-white;
-  .hue-box-shadow-bottom;
-}
-
-.ace-filechooser-content .filechooser-tree {
-  position: relative;
-  margin-right: 10px;
-}
-
-.ace-filechooser-close {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 1000;
 }

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно