.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}
a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}
.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
  *margin-left: 2.07446809%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.12765957%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851%;
}
.row-fluid .span11 {
  width: 91.4893617%;
  *width: 91.43617021%;
}
.row-fluid .span10 {
  width: 82.9787234%;
  *width: 82.92553191%;
}
.row-fluid .span9 {
  width: 74.46808511%;
  *width: 74.41489362%;
}
.row-fluid .span8 {
  width: 65.95744681%;
  *width: 65.90425532%;
}
.row-fluid .span7 {
  width: 57.44680851%;
  *width: 57.39361702%;
}
.row-fluid .span6 {
  width: 48.93617021%;
  *width: 48.88297872%;
}
.row-fluid .span5 {
  width: 40.42553191%;
  *width: 40.37234043%;
}
.row-fluid .span4 {
  width: 31.91489362%;
  *width: 31.86170213%;
}
.row-fluid .span3 {
  width: 23.40425532%;
  *width: 23.35106383%;
}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.84042553%;
}
.row-fluid .span1 {
  width: 6.38297872%;
  *width: 6.32978723%;
}
.row-fluid .offset12 {
  margin-left: 104.25531915%;
  *margin-left: 104.14893617%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.12765957%;
  *margin-left: 102.0212766%;
}
.row-fluid .offset11 {
  margin-left: 95.74468085%;
  *margin-left: 95.63829787%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.61702128%;
  *margin-left: 93.5106383%;
}
.row-fluid .offset10 {
  margin-left: 87.23404255%;
  *margin-left: 87.12765957%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.10638298%;
  *margin-left: 85%;
}
.row-fluid .offset9 {
  margin-left: 78.72340426%;
  *margin-left: 78.61702128%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.59574468%;
  *margin-left: 76.4893617%;
}
.row-fluid .offset8 {
  margin-left: 70.21276596%;
  *margin-left: 70.10638298%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.08510638%;
  *margin-left: 67.9787234%;
}
.row-fluid .offset7 {
  margin-left: 61.70212766%;
  *margin-left: 61.59574468%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.57446809%;
  *margin-left: 59.46808511%;
}
.row-fluid .offset6 {
  margin-left: 53.19148936%;
  *margin-left: 53.08510638%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.06382979%;
  *margin-left: 50.95744681%;
}
.row-fluid .offset5 {
  margin-left: 44.68085106%;
  *margin-left: 44.57446809%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.55319149%;
  *margin-left: 42.44680851%;
}
.row-fluid .offset4 {
  margin-left: 36.17021277%;
  *margin-left: 36.06382979%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.04255319%;
  *margin-left: 33.93617021%;
}
.row-fluid .offset3 {
  margin-left: 27.65957447%;
  *margin-left: 27.55319149%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.53191489%;
  *margin-left: 25.42553191%;
}
.row-fluid .offset2 {
  margin-left: 19.14893617%;
  *margin-left: 19.04255319%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.0212766%;
  *margin-left: 16.91489362%;
}
.row-fluid .offset1 {
  margin-left: 10.63829787%;
  *margin-left: 10.53191489%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.5106383%;
  *margin-left: 8.40425532%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
.muted {
  color: #999999;
}
a.muted:hover,
a.muted:focus {
  color: #808080;
}
.text-warning {
  color: #c09853;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}
.text-error {
  color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}
.text-info {
  color: #3a87ad;
}
a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}
.text-success {
  color: #468847;
}
a.text-success:hover,
a.text-success:focus {
  color: #356635;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
h2,
h3 {
  line-height: 40px;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11.9px;
}
h1 small {
  font-size: 24.5px;
}
h2 small {
  font-size: 17.5px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}
.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 10px;
}
.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 20px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
form {
  margin: 0 0 20px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 15px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
input,
textarea,
.uneditable-input {
  width: 206px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}
.controls-row {
  *zoom: 1;
}
.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.controls-row:after {
  clear: both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}
.help-block,
.help-inline {
  color: #595959;
}
.help-block {
  display: block;
  margin-bottom: 10px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}
input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.control-group {
  margin-bottom: 10px;
}
legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.form-horizontal .controls:first-child {
  *padding-left: 180px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}
.form-horizontal .form-actions {
  padding-left: 180px;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.table tbody tr.success > td {
  background-color: #dff0d8;
}
.table tbody tr.error > td {
  background-color: #f2dede;
}
.table tbody tr.warning > td {
  background-color: #fcf8e3;
}
.table tbody tr.info > td {
  background-color: #d9edf7;
}
.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}
.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
  width: 16px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
  width: 16px;
}
.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 10.5px;
}
.btn-group > .btn-small {
  font-size: 11.9px;
}
.btn-group > .btn-large {
  font-size: 17.5px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
.navbar {
  overflow: visible;
  margin-bottom: 20px;
  *position: relative;
  *z-index: 2;
}
.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}
.navbar-inner:before,
.navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-inner:after {
  clear: both;
}
.navbar .container {
  width: auto;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}
.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}
.navbar-link {
  color: #777777;
}
.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}
.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #ffffff;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}
.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  box-shadow: 0 -1px 10px rgba(0,0,0,.1);
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}
.navbar .nav > li {
  float: left;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #333333;
  text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e5e5e5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #555555;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}
.navbar-inverse .brand {
  color: #999999;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}
.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #ffffff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}
.pagination {
  margin: 20px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  margin-left: 0;
  list-style: none;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.accordion {
  margin-bottom: 20px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.56410256%;
    *margin-left: 2.51091107%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.56410256%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851%;
  }
  .row-fluid .span11 {
    width: 91.45299145%;
    *width: 91.39979996%;
  }
  .row-fluid .span10 {
    width: 82.90598291%;
    *width: 82.85279142%;
  }
  .row-fluid .span9 {
    width: 74.35897436%;
    *width: 74.30578287%;
  }
  .row-fluid .span8 {
    width: 65.81196581%;
    *width: 65.75877432%;
  }
  .row-fluid .span7 {
    width: 57.26495726%;
    *width: 57.21176578%;
  }
  .row-fluid .span6 {
    width: 48.71794872%;
    *width: 48.66475723%;
  }
  .row-fluid .span5 {
    width: 40.17094017%;
    *width: 40.11774868%;
  }
  .row-fluid .span4 {
    width: 31.62393162%;
    *width: 31.57074013%;
  }
  .row-fluid .span3 {
    width: 23.07692308%;
    *width: 23.02373159%;
  }
  .row-fluid .span2 {
    width: 14.52991453%;
    *width: 14.47672304%;
  }
  .row-fluid .span1 {
    width: 5.98290598%;
    *width: 5.92971449%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820513%;
    *margin-left: 105.02182215%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256%;
    *margin-left: 102.45771959%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658%;
    *margin-left: 96.4748136%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709402%;
    *margin-left: 93.91071104%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803%;
    *margin-left: 87.92780506%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547%;
    *margin-left: 85.36370249%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717949%;
    *margin-left: 79.38079651%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692%;
    *margin-left: 76.81669394%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094%;
    *margin-left: 70.83378796%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606838%;
    *margin-left: 68.2696854%;
  }
  .row-fluid .offset7 {
    margin-left: 62.39316239%;
    *margin-left: 62.28677941%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905983%;
    *margin-left: 59.72267685%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615385%;
    *margin-left: 53.73977087%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128%;
    *margin-left: 51.1756683%;
  }
  .row-fluid .offset5 {
    margin-left: 45.2991453%;
    *margin-left: 45.19276232%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504274%;
    *margin-left: 42.62865976%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675%;
    *margin-left: 36.64575377%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803419%;
    *margin-left: 34.08165121%;
  }
  .row-fluid .offset3 {
    margin-left: 28.20512821%;
    *margin-left: 28.09874523%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.64102564%;
    *margin-left: 25.53464266%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811966%;
    *margin-left: 19.55173668%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.09401709%;
    *margin-left: 16.98763412%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111%;
    *margin-left: 11.00472813%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.54700855%;
    *margin-left: 8.44062557%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.76243094%;
    *margin-left: 2.70923945%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.76243094%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851%;
  }
  .row-fluid .span11 {
    width: 91.43646409%;
    *width: 91.3832726%;
  }
  .row-fluid .span10 {
    width: 82.87292818%;
    *width: 82.81973669%;
  }
  .row-fluid .span9 {
    width: 74.30939227%;
    *width: 74.25620078%;
  }
  .row-fluid .span8 {
    width: 65.74585635%;
    *width: 65.69266486%;
  }
  .row-fluid .span7 {
    width: 57.18232044%;
    *width: 57.12912895%;
  }
  .row-fluid .span6 {
    width: 48.61878453%;
    *width: 48.56559304%;
  }
  .row-fluid .span5 {
    width: 40.05524862%;
    *width: 40.00205713%;
  }
  .row-fluid .span4 {
    width: 31.49171271%;
    *width: 31.43852122%;
  }
  .row-fluid .span3 {
    width: 22.9281768%;
    *width: 22.87498531%;
  }
  .row-fluid .span2 {
    width: 14.36464088%;
    *width: 14.31144939%;
  }
  .row-fluid .span1 {
    width: 5.80110497%;
    *width: 5.74791348%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486188%;
    *margin-left: 105.4184789%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243094%;
    *margin-left: 102.65604796%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132597%;
    *margin-left: 96.85494299%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.19889503%;
    *margin-left: 94.09251205%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779006%;
    *margin-left: 88.29140708%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.63535912%;
    *margin-left: 85.52897614%;
  }
  .row-fluid .offset9 {
    margin-left: 79.83425414%;
    *margin-left: 79.72787116%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.0718232%;
    *margin-left: 76.96544023%;
  }
  .row-fluid .offset8 {
    margin-left: 71.27071823%;
    *margin-left: 71.16433525%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729%;
    *margin-left: 68.40190431%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232%;
    *margin-left: 62.60079934%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138%;
    *margin-left: 59.8383684%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364641%;
    *margin-left: 54.03726343%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121547%;
    *margin-left: 51.27483249%;
  }
  .row-fluid .offset5 {
    margin-left: 45.5801105%;
    *margin-left: 45.47372752%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767956%;
    *margin-left: 42.71129658%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657459%;
    *margin-left: 36.91019161%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414365%;
    *margin-left: 34.14776067%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867%;
    *margin-left: 28.3466557%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773%;
    *margin-left: 25.58422476%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276%;
    *margin-left: 19.78311978%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182%;
    *margin-left: 17.02068884%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685%;
    *margin-left: 11.21958387%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591%;
    *margin-left: 8.45715293%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 979px + 1) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../../bower_components/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../../../bower_components/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../bower_components/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../bower_components/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../bower_components/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14285714em;
  text-align: right;
  padding-right: 0.28571429em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.42857143em;
}
.icons-ul {
  margin-left: 2.14285714em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  text-align: center;
  line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: #ffffff;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-alt:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file-alt:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f087";
}
.icon-thumbs-down-alt:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-text-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-collapse:before {
  content: "\f150";
}
.icon-collapse-top:before {
  content: "\f151";
}
.icon-expand:before {
  content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}
.icon-gbp:before {
  content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-sort-by-alphabet:before {
  content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}
.icon-sort-by-attributes:before {
  content: "\f160";
}
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}
.icon-sort-by-order:before {
  content: "\f162";
}
.icon-sort-by-order-alt:before {
  content: "\f163";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-gittip:before {
  content: "\f184";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-archive:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.re-select {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.mx-link-nodecoration:hover {
  text-decoration: none;
}
.mx-link-nodecoration:focus {
  outline: none;
}
.mx-noflex {
  flex: 0 0 auto !important;
  -webkit-flex: 0 0 auto !important;
}
.mx-nodrag {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.mx-textellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mx-lining-nums {
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}
.lining-nums {
  text-align: right;
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}
.hide {
  display: none !important;
}
@-webkit-keyframes spin-vertical-3d {
  from {
    transform: none;
  }
  50% {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(359deg);
  }
}
.stretch-width {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.stretch-height {
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
}
/* Elevations */
/***** Dataiku Brand Color *****/
/***** Universe color *****/
/***** Primary action colors *****/
/***** Greyscale *****/
/***** Status colors *****/
/******* Chart color *******/
/******* Colors per object types *******/
/******* Custom colors for plugin recipes *******/
/******* Variables helpers *******/
/****** Components *******/
/* Dropdowns */
/* Buttons */
/* Alerts */
/****** Class helpers *******/
.text-important {
  color: #222222;
}
.text-weak {
  color: #666666;
}
.text-prompt {
  color: #bbbbbb;
}
.text-active {
  color: #31708f;
}
.text-disabled {
  color: #cccccc;
}
.text-error {
  color: #ce1228;
}
.text-success {
  color: #4caf50;
}
.text-warning {
  color: #f28c37;
}
.text-primary {
  color: #3b99fc;
}
.success-background {
  background-color: #4caf50;
}
.success-background--light {
  background-color: #d7f0d6;
}
.info-background {
  background-color: #31708f;
}
.info-background--light {
  background-color: #d9e6ed;
}
.error-background {
  background-color: #ce1228;
}
.error-background--light {
  background-color: #f9e3e5;
}
.warning-background {
  background-color: #f28c37;
}
.warning-background--light {
  background-color: #fde5ca;
}
.link-normal {
  color: #2d86fb;
}
.link-hover {
  color: #267cfb;
}
.link-visited {
  color: #196bfa;
}
.border {
  border-color: #dddddd;
}
.line-hover {
  background-color: #f2f2f2;
}
.line-selected {
  background-color: #e7f3ff;
}
.odd-line {
  background-color: #f2f2f2;
}
.divider {
  border-bottom: #dddddd;
}
.disabled {
  color: #cccccc;
}
.page-background {
  background-color: #ffffff;
}
.background {
  background-color: #f2f2f2;
}
.chips {
  color: #f2f2f2;
}
.universe-color.home {
  color: #2ab1ac;
}
.universe-color.flow,
.universe-color.recipe {
  color: #f9bd38;
}
.universe-color.datasets,
.universe-color.dataset {
  color: #28a9dd;
}
.universe-color.streaming-endpoint,
.universe-color.streaming_endpoint {
  color: #3b7879;
}
.universe-color.managed-folder,
.universe-color.managed_folder {
  color: #28a9dd;
}
.universe-color.analysis {
  color: #29af5d;
}
.universe-color.notebooks,
.universe-color.notebook,
.universe-color.web_app,
.universe-color.report {
  color: #f28c38;
}
.universe-color.job,
.universe-color.jobs,
.universe-color.scenario {
  color: #8541aa;
}
.universe-color.dashboard {
  color: #f44336;
}
.universe-color.project {
  color: #333333;
}
.universe-color.column {
  color: #333333;
}
.universe-color.discussion {
  color: #333333;
}
.universe-color.wiki,
.universe-color.article {
  color: #427b98;
}
.universe-color.bundle {
  color: #54707e;
}
.universe-color.metrics {
  color: #333333;
}
.universe-color.recipe {
  color: #f28c38;
}
.universe-color.recipe-visual {
  color: #f9bd38;
}
.universe-color.recipe-custom {
  color: #aa4141;
}
.universe-color.recipe-custom-red {
  color: #e13d3c;
}
.universe-color.recipe-custom-pink {
  color: #e91e63;
}
.universe-color.recipe-custom-purple {
  color: #8c2da7;
}
.universe-color.recipe-custom-blue {
  color: #31439c;
}
.universe-color.recipe-custom-green {
  color: #0f786b;
}
.universe-color.recipe-custom-sky {
  color: #00bcd4;
}
.universe-color.recipe-custom-yellow {
  color: #cddc39;
}
.universe-color.recipe-custom-orange {
  color: #e44b27;
}
.universe-color.recipe-custom-brown {
  color: #795548;
}
.universe-color.recipe-custom-gray {
  color: #465a64;
}
.universe-color.recipe-code {
  color: #f28c38;
}
.universe-color.recipe-continuous {
  color: #3b7879;
}
.universe-color.recipe-train,
.universe-color.recipe-score,
.universe-color.recipe-clustering,
.universe-color.recipe-evaluation,
.universe-color.recipe-standalone,
.universe-color.recipe-standalone_evaluation {
  color: #29af5d;
}
.universe-color.insight {
  color: #f44336;
}
.universe-color.model-evaluation-store,
.universe-color.model_evaluation_store {
  color: #29af5d;
}
.universe-color.saved-model,
.universe-color.saved_model {
  color: #29af5d;
}
.universe-color.chart {
  color: #3075ae;
}
.universe-color.meaning {
  color: #333333;
}
.universe-color.plugin {
  color: #444444;
}
.universe-color.more {
  color: #54707e;
}
.universe-color.navigation {
  color: #666666;
}
.universe-color.api-deployer {
  color: #2ab1ac;
}
.universe-color.project-deployer {
  color: #3f51b5;
}
.universe-background {
  color: #ffffff !important;
  background: #2ab1ac;
}
.universe-background.home {
  background-color: #2ab1ac;
}
.universe-background.flow,
.universe-background.recipe {
  background-color: #f9bd38;
}
.universe-background.datasets,
.universe-background.dataset {
  background-color: #28a9dd;
}
.universe-background.streaming-endpoint,
.universe-background.streaming_endpoint {
  background-color: #3b7879;
}
.universe-background.chart {
  background-color: #3075ae;
}
.universe-background.managed-folder,
.universe-background.managed_folder {
  background-color: #28a9dd;
}
.universe-background.analysis {
  background-color: #29af5d;
}
.universe-background.notebooks,
.universe-background.notebook,
.universe-background.web_app,
.universe-background.report {
  background-color: #f28c38;
}
.universe-background.job,
.universe-background.jobs,
.universe-background.scenario {
  background-color: #8541aa;
}
.universe-background.dashboard,
.universe-background.insight {
  background-color: #f44336;
}
.universe-background.discussion,
.universe-background.metrics {
  background-color: #666666;
}
.universe-background.wiki,
.universe-background.article {
  background-color: #427b98;
}
.universe-background.bundle {
  background-color: #54707e;
}
.universe-background.recipe-visual {
  background-color: #f9bd38;
}
.universe-background.recipe-code {
  background-color: #f28c38;
}
.universe-background.recipe-continuous {
  background-color: #3b7879;
}
.universe-background.recipe-train,
.universe-background.recipe-score,
.universe-background.recipe-clustering,
.universe-background.recipe-evaluation,
.universe-background.recipe-standalone_evaluation,
.universe-background.saved-model,
.universe-background.saved_model {
  background-color: #29af5d;
}
.universe-background.model-evaluation-store,
.universe-background.model_evaluation_store {
  background-color: #29af5d;
}
.universe-background.recipe-custom {
  background-color: #aa4141;
}
.universe-background.recipe-custom-red {
  background-color: #e13d3c;
}
.universe-background.recipe-custom-pink {
  background-color: #e91e63;
}
.universe-background.recipe-custom-purple {
  background-color: #8c2da7;
}
.universe-background.recipe-custom-blue {
  background-color: #31439c;
}
.universe-background.recipe-custom-green {
  background-color: #0f786b;
}
.universe-background.recipe-custom-sky {
  background-color: #00bcd4;
}
.universe-background.recipe-custom-yellow {
  background-color: #cddc39;
}
.universe-background.recipe-custom-orange {
  background-color: #e44b27;
}
.universe-background.recipe-custom-brown {
  background-color: #795548;
}
.universe-background.recipe-custom-gray {
  background-color: #465a64;
}
.universe-background.shared-objects {
  background-color: #f9bd38;
}
.universe-background.shared-objects.object-icon i.icon {
  color: #222222 !important;
}
.universe-background.plugin {
  background-color: #444444;
}
.universe-background.admin {
  background-color: #444444;
}
.universe-background.catalog {
  background-color: #444444;
}
.universe-background.inbox {
  background-color: #444444;
}
.universe-background.meanings {
  background-color: #444444;
}
.universe-background.api-deployer {
  background-color: #2ab1ac;
}
.universe-background.project-deployer {
  background-color: #3f51b5;
}
.universe-background.profile {
  background-color: #444444;
}
.universe-background.alation {
  background-color: #444444;
}
.universe-fill {
  color: #ffffff !important;
  fill: #666666;
}
.universe-fill.home {
  fill: #2ab1ac;
}
.universe-fill.flow,
.universe-fill.recipe {
  fill: #f9bd38;
}
.universe-fill.datasets,
.universe-fill.dataset {
  fill: #28a9dd;
}
.universe-fill.managed-folder,
.universe-fill.managed_folder {
  fill: #28a9dd;
}
.universe-fill.analysis {
  fill: #29af5d;
}
.universe-fill.notebooks,
.universe-fill.notebook {
  fill: #f28c38;
}
.universe-fill.job,
.universe-fill.jobs,
.universe-fill.scenario {
  fill: #8541aa;
}
.universe-fill.dashboard {
  fill: #f44336;
}
.universe-fill.project {
  fill: #222222;
}
.universe-fill.column {
  fill: #28a9dd;
}
.universe-fill.discussions {
  color: #434a54;
}
.universe-fill.metrics {
  fill: #666666;
}
.universe-fill.wiki,
.universe-fill.article {
  fill: #427b98;
}
.universe-fill.recipe {
  fill: #f28c38;
}
.universe-fill.recipe-visual {
  fill: #f9bd38;
}
.universe-fill.recipe-custom {
  fill: #aa4141;
}
.universe-fill.recipe-custom-red {
  fill: #e13d3c;
}
.universe-fill.recipe-custom-pink {
  fill: #e91e63;
}
.universe-fill.recipe-custom-purple {
  fill: #8c2da7;
}
.universe-fill.recipe-custom-blue {
  fill: #31439c;
}
.universe-fill.recipe-custom-green {
  fill: #0f786b;
}
.universe-fill.recipe-custom-sky {
  fill: #00bcd4;
}
.universe-fill.recipe-custom-yellow {
  fill: #cddc39;
}
.universe-fill.recipe-custom-orange {
  fill: #e44b27;
}
.universe-fill.recipe-custom-brown {
  fill: #795548;
}
.universe-fill.recipe-custom-gray {
  fill: #465a64;
}
.universe-fill.recipe-code {
  fill: #f28c38;
}
.universe-fill.recipe-train,
.universe-fill.recipe-score,
.universe-fill.recipe-clustering,
.universe-fill.recipe-evaluation,
.universe-fill.recipe-standalone_evaluation {
  fill: #29af5d;
}
.universe-fill.insight {
  fill: #f44336;
}
.universe-fill.saved-model,
.universe-fill.saved_model {
  fill: #29af5d;
}
.universe-fill.model-evaluation-store,
.universe-fill.model_evaluation_store {
  fill: #29af5d;
}
.universe-fill.chart {
  fill: #3075ae;
}
.universe-fill.meaning {
  fill: #28a9dd;
}
.color-visual-recipe {
  color: #f9bd38;
}
.color-code-recipe {
  color: #f28c38;
}
.color-ml-recipe {
  color: #29af5d;
}
/***** Main Button Style *****/
.btn {
  font-family: 'SourceSansPro';
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 8px;
  margin: 0;
  line-height: 1.4;
  border: none;
}
.btn:active {
  box-shadow: none;
}
.btn.has-caret i {
  margin-left: 3px;
  margin-right: 0;
}
.btn i {
  margin-right: 3px;
}
.btn.btn--xlarge i {
  margin-right: 8px;
}
.btn .dropdown-toggle {
  padding-right: 20px;
}
.btn.disabled,
.btn[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
/***** Button Sizes *****/
.btn--large {
  font-size: 15px;
  padding: 6px 16px;
}
.btn--xlarge {
  font-size: 16px;
  padding: 7px 20px;
}
.btn--tall {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn--wide {
  padding-left: 16px;
  padding-right: 16px;
}
.btn--xwide {
  padding-left: 42px;
  padding-right: 42px;
}
.btn--full {
  width: 100%;
  margin: 0;
}
/***** Icon Buttons *****/
.btn--alt i:before {
  vertical-align: middle;
  margin: 0 0 2px;
  transform: scale(1.3, 1.3);
}
.btn--icon i {
  margin: 0;
}
.btn--active {
  cursor: default;
}
.btn-group .btn:not(:first-child) {
  margin-left: 1px;
}
.btn-group .btn--secondary:not(:first-child),
.btn-group .btn--outline:not(:first-child) {
  margin-left: -1px;
}
.btn--text.btn--icon {
  width: 26px;
  height: 26px;
  padding: 0;
}
.btn--text.btn--icon:hover,
.btn--text.btn--icon:active,
.btn--text.btn--icon:focus {
  border-radius: 15px;
}
.btn-toggle {
  display: flex;
  justify-content: flex-end;
}
.btn-toggle label:not(:first-child) {
  margin-left: -1px;
}
.btn-toggle input[type="radio"] {
  display: none;
}
.btn-toggle input[type="radio"]:checked ~ .btn {
  background-color: #cccccc;
}
.btn-toggle input[type="radio"]:disabled:checked ~ .btn {
  color: #999999;
}
.btn-toggle input[type="radio"]:disabled:checked ~ .btn:hover,
.btn-toggle input[type="radio"]:disabled:checked ~ .btn:active {
  background-color: #cccccc;
  color: #999999;
}
.btn-toggle input[type="radio"]:disabled ~ .btn {
  color: #cccccc;
  border: 1px solid #cccccc;
}
.btn-toggle input[type="radio"]:disabled ~ .btn:hover,
.btn-toggle input[type="radio"]:disabled ~ .btn:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid #cccccc;
}
/***** Button Types *****/
/*
 Each button should contain at least one type (primary, secondary, success, danger)
 and one variant (contained, outline, text)
*/
/*
    Button shortcuts

    "btn--primary" == "btn btn--contained btn--primary"
    "btn" or "btn--secondary" == "btn btn--outline btn--secondary"
    "btn--success" == "btn btn--contained btn--success"
    "btn--danger" == "btn btn--contained btn--danger"
*/
.btn--secondary {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #cccccc;
}
.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.btn--secondary:active,
.btn--secondary.btn--active {
  background-color: #cccccc;
}
.btn--secondary[disabled],
.btn--secondary:disabled,
.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid #cccccc;
}
.btn--secondary[disabled]:hover,
.btn--secondary:disabled:hover,
.btn--secondary.disabled:hover,
.btn--secondary[disabled]:active,
.btn--secondary:disabled:active,
.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid #cccccc;
}
.btn--secondary[disabled] .caret,
.btn--secondary:disabled .caret,
.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.btn--primary {
  background-color: #3b99fc;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--primary:focus {
  background-color: #267cfb;
  color: #ffffff;
}
.btn--primary:hover {
  background-color: #267cfb;
  color: #ffffff;
}
.btn--primary:active,
.btn--primary.btn--active {
  background-color: #196bfa;
}
.btn--primary[disabled],
.btn--primary:disabled,
.btn--primary.disabled {
  background-color: #c4e0fe;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--primary[disabled]:hover,
.btn--primary:disabled:hover,
.btn--primary.disabled:hover,
.btn--primary[disabled]:active,
.btn--primary:disabled:active,
.btn--primary.disabled:active {
  background-color: #c4e0fe;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--primary[disabled] .caret,
.btn--primary:disabled .caret,
.btn--primary.disabled .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--success {
  background-color: #81c141;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--success:focus {
  background-color: #6eb332;
  color: #ffffff;
}
.btn--success:hover {
  background-color: #6eb332;
  color: #ffffff;
}
.btn--success:active,
.btn--success.btn--active {
  background-color: #43a047;
}
.btn--success[disabled],
.btn--success:disabled,
.btn--success.disabled {
  background-color: #d9ecc6;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--success[disabled]:hover,
.btn--success:disabled:hover,
.btn--success.disabled:hover,
.btn--success[disabled]:active,
.btn--success:disabled:active,
.btn--success.disabled:active {
  background-color: #d9ecc6;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--success[disabled] .caret,
.btn--success:disabled .caret,
.btn--success.disabled .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--danger {
  background-color: #ce1228;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--danger:focus {
  background-color: #c20d1e;
  color: #ffffff;
}
.btn--danger:hover {
  background-color: #c20d1e;
  color: #ffffff;
}
.btn--danger:active,
.btn--danger.btn--active {
  background-color: #b0050f;
}
.btn--danger[disabled],
.btn--danger:disabled,
.btn--danger.disabled {
  background-color: #f0b8bf;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--danger[disabled]:hover,
.btn--danger:disabled:hover,
.btn--danger.disabled:hover,
.btn--danger[disabled]:active,
.btn--danger:disabled:active,
.btn--danger.disabled:active {
  background-color: #f0b8bf;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--danger[disabled] .caret,
.btn--danger:disabled .caret,
.btn--danger.disabled .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
/*
    Button types (contained, outline, text)
*/
.btn--contained {
  border: 1px solid transparent;
}
.btn--contained.btn--primary {
  background-color: #3b99fc;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--primary:focus {
  background-color: #267cfb;
  color: #ffffff;
}
.btn--contained.btn--primary:hover {
  background-color: #267cfb;
  color: #ffffff;
}
.btn--contained.btn--primary:active,
.btn--contained.btn--primary.btn--active {
  background-color: #196bfa;
}
.btn--contained.btn--primary[disabled],
.btn--contained.btn--primary:disabled,
.btn--contained.btn--primary.disabled {
  background-color: #c4e0fe;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--primary[disabled]:hover,
.btn--contained.btn--primary:disabled:hover,
.btn--contained.btn--primary.disabled:hover,
.btn--contained.btn--primary[disabled]:active,
.btn--contained.btn--primary:disabled:active,
.btn--contained.btn--primary.disabled:active {
  background-color: #c4e0fe;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--primary[disabled] .caret,
.btn--contained.btn--primary:disabled .caret,
.btn--contained.btn--primary.disabled .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--contained.btn--secondary {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid transparent;
}
.btn--contained.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.btn--contained.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.btn--contained.btn--secondary:active,
.btn--contained.btn--secondary.btn--active {
  background-color: #cccccc;
}
.btn--contained.btn--secondary[disabled],
.btn--contained.btn--secondary:disabled,
.btn--contained.btn--secondary.disabled {
  background-color: #dddddd;
  color: #bbbbbb;
  border: 1px solid transparent;
}
.btn--contained.btn--secondary[disabled]:hover,
.btn--contained.btn--secondary:disabled:hover,
.btn--contained.btn--secondary.disabled:hover,
.btn--contained.btn--secondary[disabled]:active,
.btn--contained.btn--secondary:disabled:active,
.btn--contained.btn--secondary.disabled:active {
  background-color: #dddddd;
  color: #bbbbbb;
  border: 1px solid transparent;
}
.btn--contained.btn--secondary[disabled] .caret,
.btn--contained.btn--secondary:disabled .caret,
.btn--contained.btn--secondary.disabled .caret {
  border-top-color: #bbbbbb;
  border-bottom-color: #bbbbbb;
}
.btn--contained.btn--success {
  background-color: #81c141;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--success:focus {
  background-color: #6eb332;
  color: #ffffff;
}
.btn--contained.btn--success:hover {
  background-color: #6eb332;
  color: #ffffff;
}
.btn--contained.btn--success:active,
.btn--contained.btn--success.btn--active {
  background-color: #43a047;
}
.btn--contained.btn--success[disabled],
.btn--contained.btn--success:disabled,
.btn--contained.btn--success.disabled {
  background-color: #d9ecc6;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--success[disabled]:hover,
.btn--contained.btn--success:disabled:hover,
.btn--contained.btn--success.disabled:hover,
.btn--contained.btn--success[disabled]:active,
.btn--contained.btn--success:disabled:active,
.btn--contained.btn--success.disabled:active {
  background-color: #d9ecc6;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--success[disabled] .caret,
.btn--contained.btn--success:disabled .caret,
.btn--contained.btn--success.disabled .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--contained.btn--danger {
  background-color: #ce1228;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--danger:focus {
  background-color: #c20d1e;
  color: #ffffff;
}
.btn--contained.btn--danger:hover {
  background-color: #c20d1e;
  color: #ffffff;
}
.btn--contained.btn--danger:active,
.btn--contained.btn--danger.btn--active {
  background-color: #b0050f;
}
.btn--contained.btn--danger[disabled],
.btn--contained.btn--danger:disabled,
.btn--contained.btn--danger.disabled {
  background-color: #f0b8bf;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--danger[disabled]:hover,
.btn--contained.btn--danger:disabled:hover,
.btn--contained.btn--danger.disabled:hover,
.btn--contained.btn--danger[disabled]:active,
.btn--contained.btn--danger:disabled:active,
.btn--contained.btn--danger.disabled:active {
  background-color: #f0b8bf;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--contained.btn--danger[disabled] .caret,
.btn--contained.btn--danger:disabled .caret,
.btn--contained.btn--danger.disabled .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--outline {
  border: 1px solid transparent;
}
.btn--outline.btn--primary {
  background-color: #ffffff;
  color: #3b99fc;
  border: 1px solid #3b99fc;
}
.btn--outline.btn--primary:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--outline.btn--primary:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--outline.btn--primary:active,
.btn--outline.btn--primary.btn--active {
  background-color: #c4e0fe;
}
.btn--outline.btn--primary[disabled],
.btn--outline.btn--primary:disabled,
.btn--outline.btn--primary.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid #c4e0fe;
}
.btn--outline.btn--primary[disabled]:hover,
.btn--outline.btn--primary:disabled:hover,
.btn--outline.btn--primary.disabled:hover,
.btn--outline.btn--primary[disabled]:active,
.btn--outline.btn--primary:disabled:active,
.btn--outline.btn--primary.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid #c4e0fe;
}
.btn--outline.btn--primary[disabled] .caret,
.btn--outline.btn--primary:disabled .caret,
.btn--outline.btn--primary.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.btn--outline.btn--secondary {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #cccccc;
}
.btn--outline.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.btn--outline.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.btn--outline.btn--secondary:active,
.btn--outline.btn--secondary.btn--active {
  background-color: #cccccc;
}
.btn--outline.btn--secondary[disabled],
.btn--outline.btn--secondary:disabled,
.btn--outline.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid #cccccc;
}
.btn--outline.btn--secondary[disabled]:hover,
.btn--outline.btn--secondary:disabled:hover,
.btn--outline.btn--secondary.disabled:hover,
.btn--outline.btn--secondary[disabled]:active,
.btn--outline.btn--secondary:disabled:active,
.btn--outline.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid #cccccc;
}
.btn--outline.btn--secondary[disabled] .caret,
.btn--outline.btn--secondary:disabled .caret,
.btn--outline.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.btn--outline.btn--success {
  background-color: #ffffff;
  color: #4caf50;
  border: 1px solid #4caf50;
}
.btn--outline.btn--success:focus {
  background-color: #e8f5e9;
  color: #4caf50;
}
.btn--outline.btn--success:hover {
  background-color: #e8f5e9;
  color: #4caf50;
}
.btn--outline.btn--success:active,
.btn--outline.btn--success.btn--active {
  background-color: #d7f0d6;
}
.btn--outline.btn--success[disabled],
.btn--outline.btn--success:disabled,
.btn--outline.btn--success.disabled {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid #d7f0d6;
}
.btn--outline.btn--success[disabled]:hover,
.btn--outline.btn--success:disabled:hover,
.btn--outline.btn--success.disabled:hover,
.btn--outline.btn--success[disabled]:active,
.btn--outline.btn--success:disabled:active,
.btn--outline.btn--success.disabled:active {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid #d7f0d6;
}
.btn--outline.btn--success[disabled] .caret,
.btn--outline.btn--success:disabled .caret,
.btn--outline.btn--success.disabled .caret {
  border-top-color: #d7f0d6;
  border-bottom-color: #d7f0d6;
}
.btn--outline.btn--danger {
  background-color: #ffffff;
  color: #dd5969;
  border: 1px solid #dd5969;
}
.btn--outline.btn--danger:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.btn--outline.btn--danger:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.btn--outline.btn--danger:active,
.btn--outline.btn--danger.btn--active {
  background-color: #f0b8bf;
}
.btn--outline.btn--danger[disabled],
.btn--outline.btn--danger:disabled,
.btn--outline.btn--danger.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid #f0b8bf;
}
.btn--outline.btn--danger[disabled]:hover,
.btn--outline.btn--danger:disabled:hover,
.btn--outline.btn--danger.disabled:hover,
.btn--outline.btn--danger[disabled]:active,
.btn--outline.btn--danger:disabled:active,
.btn--outline.btn--danger.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid #f0b8bf;
}
.btn--outline.btn--danger[disabled] .caret,
.btn--outline.btn--danger:disabled .caret,
.btn--outline.btn--danger.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
.btn--text {
  border: 1px solid transparent;
}
.btn--text.btn--primary {
  background-color: transparent;
  color: #3b99fc;
  border: 1px solid transparent;
}
.btn--text.btn--primary:focus {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--text.btn--primary:hover {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.btn--text.btn--primary:active,
.btn--text.btn--primary.btn--active {
  background-color: #c4e0fe;
}
.btn--text.btn--primary[disabled],
.btn--text.btn--primary:disabled,
.btn--text.btn--primary.disabled {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.btn--text.btn--primary[disabled]:hover,
.btn--text.btn--primary:disabled:hover,
.btn--text.btn--primary.disabled:hover,
.btn--text.btn--primary[disabled]:active,
.btn--text.btn--primary:disabled:active,
.btn--text.btn--primary.disabled:active {
  background-color: transparent;
  color: #c4e0fe;
  border: 1px solid transparent;
}
.btn--text.btn--primary[disabled] .caret,
.btn--text.btn--primary:disabled .caret,
.btn--text.btn--primary.disabled .caret {
  border-top-color: #c4e0fe;
  border-bottom-color: #c4e0fe;
}
.btn--text.btn--secondary {
  background-color: transparent;
  color: #333333;
  border: 1px solid transparent;
}
.btn--text.btn--secondary:focus {
  background-color: #dddddd;
  color: #333333;
}
.btn--text.btn--secondary:hover {
  background-color: #dddddd;
  color: #333333;
}
.btn--text.btn--secondary:active,
.btn--text.btn--secondary.btn--active {
  background-color: #cccccc;
}
.btn--text.btn--secondary[disabled],
.btn--text.btn--secondary:disabled,
.btn--text.btn--secondary.disabled {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.btn--text.btn--secondary[disabled]:hover,
.btn--text.btn--secondary:disabled:hover,
.btn--text.btn--secondary.disabled:hover,
.btn--text.btn--secondary[disabled]:active,
.btn--text.btn--secondary:disabled:active,
.btn--text.btn--secondary.disabled:active {
  background-color: transparent;
  color: #cccccc;
  border: 1px solid transparent;
}
.btn--text.btn--secondary[disabled] .caret,
.btn--text.btn--secondary:disabled .caret,
.btn--text.btn--secondary.disabled .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.btn--text.btn--success {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid transparent;
}
.btn--text.btn--success:focus {
  background-color: #e8f5e9;
  color: #4caf50;
}
.btn--text.btn--success:hover {
  background-color: #e8f5e9;
  color: #4caf50;
}
.btn--text.btn--success:active,
.btn--text.btn--success.btn--active {
  background-color: #d7f0d6;
}
.btn--text.btn--success[disabled],
.btn--text.btn--success:disabled,
.btn--text.btn--success.disabled {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.btn--text.btn--success[disabled]:hover,
.btn--text.btn--success:disabled:hover,
.btn--text.btn--success.disabled:hover,
.btn--text.btn--success[disabled]:active,
.btn--text.btn--success:disabled:active,
.btn--text.btn--success.disabled:active {
  background-color: transparent;
  color: #d7f0d6;
  border: 1px solid transparent;
}
.btn--text.btn--success[disabled] .caret,
.btn--text.btn--success:disabled .caret,
.btn--text.btn--success.disabled .caret {
  border-top-color: #d7f0d6;
  border-bottom-color: #d7f0d6;
}
.btn--text.btn--danger {
  background-color: transparent;
  color: #dd5969;
  border: 1px solid transparent;
}
.btn--text.btn--danger:focus {
  background-color: #f9e3e5;
  color: #dd5969;
}
.btn--text.btn--danger:hover {
  background-color: #f9e3e5;
  color: #dd5969;
}
.btn--text.btn--danger:active,
.btn--text.btn--danger.btn--active {
  background-color: #f0b8bf;
}
.btn--text.btn--danger[disabled],
.btn--text.btn--danger:disabled,
.btn--text.btn--danger.disabled {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.btn--text.btn--danger[disabled]:hover,
.btn--text.btn--danger:disabled:hover,
.btn--text.btn--danger.disabled:hover,
.btn--text.btn--danger[disabled]:active,
.btn--text.btn--danger:disabled:active,
.btn--text.btn--danger.disabled:active {
  background-color: transparent;
  color: #f0b8bf;
  border: 1px solid transparent;
}
.btn--text.btn--danger[disabled] .caret,
.btn--text.btn--danger:disabled .caret,
.btn--text.btn--danger.disabled .caret {
  border-top-color: #f0b8bf;
  border-bottom-color: #f0b8bf;
}
/*
    Type specific rules
*/
.btn--contained .caret,
.btn--primary .caret,
.btn--success .caret,
.btn--danger .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--outline.btn--primary .caret {
  border-top-color: #3b99fc;
  border-bottom-color: #3b99fc;
}
/***** Universe Buttons *****/
.btn--dataset {
  background: #28a9dd;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--dataset:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #31adde;
}
.btn--dataset:active,
.btn--dataset:focus {
  color: #ffffff;
  box-shadow: none;
  background: #22a4d9;
}
.btn--dataset[disabled],
.btn--dataset:disabled,
.btn--dataset.disabled {
  background: #28a9dd;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--analysis {
  background: #29af5d;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--analysis:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #2bb761;
}
.btn--analysis:active,
.btn--analysis:focus {
  color: #ffffff;
  box-shadow: none;
  background: #27a759;
}
.btn--analysis[disabled],
.btn--analysis:disabled,
.btn--analysis.disabled {
  background: #29af5d;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--notebook,
.btn--webapp,
.btn--report {
  background: #f28c38;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--notebook:hover,
.btn--webapp:hover,
.btn--report:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #f39242;
}
.btn--notebook:active,
.btn--webapp:active,
.btn--report:active,
.btn--notebook:focus,
.btn--webapp:focus,
.btn--report:focus {
  color: #ffffff;
  box-shadow: none;
  background: #f1862e;
}
.btn--notebook[disabled],
.btn--webapp[disabled],
.btn--report[disabled],
.btn--notebook:disabled,
.btn--webapp:disabled,
.btn--report:disabled,
.btn--notebook.disabled,
.btn--webapp.disabled,
.btn--report.disabled {
  background: #f28c38;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--notebook .caret,
.btn--webapp .caret,
.btn--report .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn--job,
.btn--scenario {
  background: #8541aa;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--job:hover,
.btn--scenario:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #8b44b1;
}
.btn--job:active,
.btn--scenario:active,
.btn--job:focus,
.btn--scenario:focus {
  color: #ffffff;
  box-shadow: none;
  background: #7f3ea3;
}
.btn--job[disabled],
.btn--scenario[disabled],
.btn--job:disabled,
.btn--scenario:disabled,
.btn--job.disabled,
.btn--scenario.disabled {
  background: #8541aa;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--dashboard {
  background: #f44336;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--dashboard:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #f54c40;
}
.btn--dashboard:active,
.btn--dashboard:focus {
  color: #ffffff;
  box-shadow: none;
  background: #f33a2c;
}
.btn--dashboard[disabled],
.btn--dashboard:disabled,
.btn--dashboard.disabled {
  background: #f44336;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--visual-recipe {
  background: #f9bd38;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--visual-recipe:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #f9c042;
}
.btn--visual-recipe:active,
.btn--visual-recipe:focus {
  color: #ffffff;
  box-shadow: none;
  background: #f9ba2e;
}
.btn--visual-recipe[disabled],
.btn--visual-recipe:disabled,
.btn--visual-recipe.disabled {
  background: #f9bd38;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--settings {
  background: #54707e;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--settings:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #587584;
}
.btn--settings:active,
.btn--settings:focus {
  color: #ffffff;
  box-shadow: none;
  background: #506b78;
}
.btn--settings[disabled],
.btn--settings:disabled,
.btn--settings.disabled {
  background: #54707e;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--flow {
  background: #f9bd38;
  color: #333333;
  border: 1px solid transparent;
}
.btn--flow:hover {
  color: #333333;
  transition: all 0.2s ease;
  background: #f9c042;
}
.btn--flow:active,
.btn--flow:focus {
  color: #333333;
  box-shadow: none;
  background: #f9ba2e;
}
.btn--flow[disabled],
.btn--flow:disabled,
.btn--flow.disabled {
  background: #f9bd38;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn--lab,
.btn--publish {
  background: #3b99fc;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--lab:hover,
.btn--publish:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #459efc;
}
.btn--lab:active,
.btn--publish:active,
.btn--lab:focus,
.btn--publish:focus {
  color: #ffffff;
  box-shadow: none;
  background: #3194fc;
}
.btn--lab[disabled],
.btn--publish[disabled],
.btn--lab:disabled,
.btn--publish:disabled,
.btn--lab.disabled,
.btn--publish.disabled {
  background: #3b99fc;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.fullwidth-action .btn--lab {
  width: 280px;
}
.btn-datasets-color {
  background: #28a9dd;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn-datasets-color:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #31adde;
}
.btn-datasets-color:active,
.btn-datasets-color:focus {
  color: #ffffff;
  box-shadow: none;
  background: #22a4d9;
}
.btn-datasets-color[disabled],
.btn-datasets-color:disabled,
.btn-datasets-color.disabled {
  background: #28a9dd;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn--wiki {
  background: #427b98;
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--wiki:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #45819f;
}
.btn--wiki:active,
.btn--wiki:focus {
  color: #ffffff;
  box-shadow: none;
  background: #3f7591;
}
.btn--wiki[disabled],
.btn--wiki:disabled,
.btn--wiki.disabled {
  background: #427b98;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn-link.btn-link--no-text-decoration {
  text-decoration: none;
}
.btn--no-background {
  background: transparent;
}
.btn--select {
  text-transform: none;
  background: transparent;
  font-weight: 400;
}
.btn--select:hover {
  background-color: #f2f2f2;
}
.btn--round {
  border: 0;
  width: 25px;
  height: 25px;
}
.btn--round.btn--round:active,
.btn--round.btn--round:focus,
.btn--round.btn--round:hover {
  border-radius: 25px !important;
}
.btn--faded {
  opacity: 0.4;
}
.btn--faded:hover {
  opacity: 1;
}
@font-face {
  font-family: SourceSansPro;
  src: url(/static/dataiku/fonts/SourceSansPro-Bold.woff);
  font-weight: 600;
}
@font-face {
  font-family: SourceSansPro;
  src: url(/static/dataiku/fonts/SourceSansPro-Semibold.woff);
  font-weight: 500;
}
@font-face {
  font-family: SourceSansPro;
  src: url(/static/dataiku/fonts/SourceSansPro-Regular.woff);
  font-weight: 400;
}
.mx-rightcol-title-font {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.font-weight-normal {
  font-weight: 400;
}
.font-weight-semi-bold {
  font-weight: 500;
}
.font-weight-bold {
  font-weight: 600;
}
.dku-huge-title {
  font-weight: 400;
  font-size: 38px;
  line-height: 48px;
  color: #222222;
}
.dku-huge-title-sb {
  font-weight: 500;
  font-size: 38px;
  line-height: 48px;
  color: #222222;
}
.dku-ultralarge-title-sb {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #222222;
}
.dku-extralarge-title-sb {
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: #222222;
}
.dku-large-title-sb {
  font-weight: 500;
  font-size: 26px;
  line-height: 33px;
  color: #222222;
}
.dku-grand-title-sb {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  color: #222222;
}
.dku-grand-title {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #222222;
}
.dku-medium-title-sb {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #222222;
}
.dku-small-title-sb {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
}
.dku-small-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
}
.dku-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.dku-text-sb {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.dku-text-b {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
}
.dku-tiny-text {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #222222;
}
.dku-tiny-text-sb {
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #222222;
}
/******************************** DEPRECATED: Old Icomoon  ********************** */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: 400;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"],
[class*=" icon-"] {
  -moz-osx-font-smoothing: grayscale;
}
/* Letting small icons have proper fixed width too */
.icon-fixed-width-small {
  display: inline-block !important;
  vertical-align: baseline !important;
  width: 1.04285714em;
  text-align: center;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-macro,
.icon-database,
.icon-python,
.icon-sync-dataset,
.icon-chef,
.icon-database-2,
.icon-shell,
.icon-eye,
.icon-miniature,
.icon-recipe,
.icon-cloud,
.icon-Filesystem,
.icon-maps,
.icon-sync-file,
.icon-cloud-2,
.icon-elephant,
.icon-hive,
.icon-impala,
.icon-pig,
.icon-piggybank,
.icon-dataset,
.icon-dataset-add,
.icon-domain,
.icon-martini,
.icon-shaker,
.icon-copy2,
.icon-sql,
.icon-r,
.icon-equalizer,
.icon-wand,
.icon-spinner6 {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-link {
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
}
.icon-link:before {
  content: "\f0c1";
}
.icon-publish {
  font-family: 'FontAwesome';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.icon-publish:before {
  content: "\f0ac";
}
.icon-reporter {
  font-family: 'FontAwesome';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.icon-reporter:before {
  content: "\f0a1";
}
.icon-overlay {
  position: relative;
  font-family: 'FontAwesome';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 0.7em;
  vertical-align: super;
  font-weight: 600;
  color: rgba(34, 34, 34, 0.5);
  text-shadow: 0 0px 3px #ffffff;
  position: absolute;
  right: 0;
}
.icon-overlay-plus:after {
  position: relative;
  font-family: 'FontAwesome';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 0.7em;
  vertical-align: super;
  font-weight: 600;
  color: rgba(34, 34, 34, 0.5);
  text-shadow: 0 0px 3px #ffffff;
  position: absolute;
  right: 0;
  content: "\f067";
  color: #4caf50;
}
.icon-overlay-minus:after {
  position: relative;
  font-family: 'FontAwesome';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 0.7em;
  vertical-align: super;
  font-weight: 600;
  color: rgba(34, 34, 34, 0.5);
  text-shadow: 0 0px 3px #ffffff;
  position: absolute;
  right: 0;
  content: "\f068";
  color: #ce1228;
}
.icon-insight {
  font-family: 'FontAwesome';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.icon-insight:before {
  content: "\f087";
}
.icon-lightbulb {
  font-family: 'icomoon';
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.icon-lightbulb:before {
  content: "\e604";
}
.icon-database:before {
  content: "\e004";
}
.icon-r:before {
  content: "R";
}
.icon-sync-file:before {
  content: "\f021";
}
.icon-cloud:before {
  font-family: 'FontAwesome';
  content: "\f0c2";
}
.icon-Filesystem:before {
  content: "\f0f0";
}
.icon-elephant:before {
  content: "\e001";
}
.icon-dataset:before {
  font-family: 'icm_general';
  content: "\e614";
}
.icon-eye:before {
  content: "\f06e";
  font-family: 'FontAwesome';
}
.icon-shaker:before {
  content: "\f0ce";
  font-family: 'FontAwesome';
}
.icon-sql:before {
  content: "\f047";
}
.icon-cogs:before {
  content: "\f085";
  font-family: 'FontAwesome';
}
.icon-snippet:before {
  content: "\f121";
  font-family: 'FontAwesome';
}
.icon-html_app:before {
  content: "\f13b";
}
.icon-lock:before {
  font-family: 'icomoon';
  content: "\e606";
}
.icon-chart:before {
  font-family: 'icomoon';
  content: "\e601";
}
.icon-pushpin:before {
  font-family: 'icomoon';
  content: "\e603";
}
.icon-spinner6:before {
  content: "\e602";
}
.icon-UploadedFiles:before {
  font-family: 'FontAwesome';
  content: "\f01b";
}
.icon-FilesInFolder:before {
  content: "\e908";
}
.icon-SingleFile:before {
  font-family: 'FontAwesome';
  content: "\f15b";
}
.icon-star-inactive:before {
  content: "\f006";
}
/******************************** DSS App Generic font  ********************** */
@font-face {
  font-family: 'icm_app';
  src: url('../fonts/dku_app/fonts/icomoon.eot?-u67kxf');
  src: url('../fonts/dku_app/fonts/icomoon.eot?#iefix-u67kxf') format('embedded-opentype'), url('../fonts/dku_app/fonts/icomoon.ttf?-u67kxf') format('truetype'), url('../fonts/dku_app/fonts/icomoon.woff?-u67kxf') format('woff'), url('../fonts/dku_app/fonts/icomoon.svg?-u67kxf#icomoon') format('svg');
  font-weight: 400;
  font-style: normal;
}
.mx-font-icm_app,
.icon-dku-charts_text_type:before,
.icon-dku-filter_text_view:before,
.icon-dku-close:before,
.icon-dku-edit:before,
.icon-dku-hexa_view:before,
.icon-dku-move_to:before,
.icon-dku-publish:before,
.icon-dku-schedule_jobs:before,
.icon-dku-search:before,
.icon-dku-upload_dataset:before,
.icon-dku-user_profile:before,
.icon-dku-nav_analysis:before,
.icon-dku-nav_dashboard:before,
.icon-dku-nav_dataset:before,
.icon-dku-nav_folder:before,
.icon-dku-nav_flow:before,
.icon-dku-nav_jobs:before,
.icon-dku-nav_notebook:before,
.icon-dku-color_picker_1:before,
.icon-dku-quick_go_input-output:before,
.icon-dku-quick_go_input:before,
.icon-dku-quick_go_output:before,
.icon-dku-code-snippet:before,
.icon-dku-script_drag_group:before,
.icon-dku-script_drag_step:before,
.icon-dku-union_recipe_download:before,
.icon-dku-color_picker_2:before,
.icon-dku-documentation:before,
.icon-dku-faq:before,
.icon-dku-import_project:before,
.icon-dku-update:before,
.icon-dku-tutorial:before,
.icon-dku-new_project:before,
.icon-dku-case_sensitive:before,
.icon-dku-split_method:before,
.icon-dku-plus:before,
.icon-dku-sample_project:before,
.icon-dku-prepare:before,
.icon-dku-modelize:before,
.icon-dku-hive:before,
.icon-dku-explore:before,
.icon-dku-sql:before,
.icon-dku-python:before,
.icon-dku-r:before,
.icon-dku-lab:before,
.icon-dku-impala:before,
.icon-dku-download:before,
.icon-dku-spark_scala:before,
.icon-dku-dashboard:before,
.icon-dku-wiki:before,
.icon-dku-promote:before,
.icon-dku-promote-empty:before,
.icon-dku-fullscreen:before,
.icon-dku-quit_fullscreen:before,
.icon-dku-activity:before,
.icon-dku-conflict:before,
.icon-macro:before,
.icon-dku-share:before,
.icon-dku-multi-select:before,
.icon-dku-select-checked:before,
.icon-dku-weight:before,
.icon-DKU_partitioned:before,
.icon-DKU_rmd:before,
.icon-DKU_expand:before,
.icon-DKU_resolve:before,
.icon-DKU_select_downstream:before,
.icon-DKU_select_upstream:before,
.icon-DKU_collapse_downstream:before,
.icon-DKU_collapse_upstream:before,
.icon-dku-right-panel-info:before,
.icon-dku-right-panel-actions:before,
.icon-dku-right-panel-preview:before,
.icon-dku-right-panel-schema:before,
.icon-dku-right-panel-discussions:before,
.icon-dku-right-panel-lab:before,
.icon-dku-publish:before,
.icon-icon-zone-arrow::before,
.icon-unshare_to_zone::before,
.icon-move_to_zone::before,
.icon-zone_in::before,
.icon-zone_out::before,
.icon-add-new-zone::before,
.icon-share_to_zone::before,
.icon-go_to_original::before,
.icon-go_to_usage::before,
.icon-zone::before,
.icon-dku-array:before,
.icon-dku-function:before,
.icon-dku-map:before,
.icon-dku-object:before,
.icon-dku-string:before,
.icon-dku-true-false:before,
.icon-dku-variable:before,
.icon-dku-column:before,
.icon-dku-true-false:before,
.icon-athena:before,
.icon-model-evaluation-store:before,
.icon-continuous_ksql_recipe:before,
.icon-visual_prep_fuzzyjoin_recipe:before,
.icon-standalone_evaluation_recipe:before,
.icon-bokeh:before,
.icon-dash:before,
.icon-dku-file-zip:before,
.icon-dku-file-image:before,
.icon-dku-save-as:before,
.icon-dku-handle:before,
.icon-dku-gpu-card:before,
.icon-dku-code:before,
.icon-dku-more:before,
.icon-dku-apps:before,
.icon-dku-help:before,
.icon-dku-reveal:before,
.icon-dku-projects:before,
.icon-dku-plugins:before,
.icon-dku-meanings:before,
.icon-dku-previous:before,
.icon-dku-project:before,
.icon-dku-queued:before,
.icon-dku-loader:before,
.icon-dku-pause:before,
.icon-dku-warning:before,
.icon-dku-success:before,
.icon-dku-fields:before,
.icon-dku-skip:before,
.icon-dku-select-downstream:before,
.icon-dku-select-upstream:before,
.icon-dku-collapse-downstream:before,
.icon-dku-collapse-upstream:before,
.icon-dku-discussions:before,
.icon-dku-gdpr:before,
.icon-dku-expand-all:before,
.icon-dku-collapse-all:before,
.icon-dku-git:before,
.icon-dku-git-folder:before,
.icon-dku-git-file:before,
.icon-dku-clone:before,
.icon-dku-copy-step:before,
.icon-dku-paste-step:before,
.icon-dku-julia:before,
.icon-dku-julia-recipe:before,
.icon-dku-ksql:before,
.icon-dku-ksql-recipe:before,
.icon-dynamoDB:before,
.icon-dku-timeseries-segmenting:before,
.icon-dku-timeseries-window:before,
.icon-dku-timeseries-resample:before,
.icon-dku-timeseries-extremum-extraction:before,
.icon-dku-statistics:before,
.icon-dku-supported:before,
.icon-dku-half-supported:before,
.icon-amazon-comprehend:before,
.icon-amazon-elastic-kubernetes:before,
.icon-amazon-emr:before,
.icon-amazon-rekognition:before,
.icon-amazon-sagemaker:before,
.icon-amazon-translate:before,
.icon-aws:before,
.icon-azure:before,
.icon-azure-ml:before,
.icon-azure-cognitive-services:before,
.icon-azure-kubernetes-services:before,
.icon-gcp-cloud-automl:before,
.icon-gcp-cloud-dataproc:before,
.icon-gcp-cloud-vision-api:before,
.icon-gcp-kubernetes-engine:before,
.icon-gcp-natural-language-api:before,
.icon-gcp-translation-api:before,
.icon-gcp:before,
.icon-kafka:before,
.icon-sqs:before,
.icon-ksql:before,
.icon-httpsse:before,
.icon-infinity:before,
.icon-project-app:before,
.icon-dku-application-as-recipe:before,
.icon-dku-automl-clustering:before,
.icon-dku-automl-prediction:before,
.icon-dku-deeplearning-prediction:before,
.icon-dku-ml-hp-explicit:before,
.icon-dku-ml-hp-range:before,
.icon-dku-ml-hp-scaling-log:before,
.icon-dku-ml-hp-scaling-uniform:before,
.icon-infra:before,
.icon-api-service:before,
.icon-bundle:before,
.icon-push-api-services:before,
.icon-push-bundle:before,
.icon-pushed-api-service:before,
.icon-pushed-bundle:before,
.icon-deploy-api-service:before,
.icon-deploy-bundle:before,
.icon-deployed-api-service:before,
.icon-deployed-bundle:before,
.icon-dku-plotly:before,
.icon-dku-fuzzy-recipe:before,
.icon-SER:before,
.icon-icon-MES:before,
.icon-dku-out-of-sync:before,
.icon-dku-git-edit:before,
.icon-dku-git-add:before,
.icon-dku-git-unlink:before,
.icon-dku-azure-synapse:before,
.icon-dku-git-import:before,
.icon-dku-api-version:before,
.object-tile-list .section .list-content .object-wrapper .object.listed-dashboard:before,
.dku-search-input:before,
.dku-add-new:before {
  font-family: 'icm_app';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: text-top;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dku-charts_text_type:before {
  content: "\e600";
}
.icon-dku-filter_text_view:before {
  content: "\e601";
}
.icon-dku-close:before {
  content: "\e602";
}
.icon-dku-edit:before {
  content: "\e603";
}
.icon-dku-hexa_view:before {
  content: "\e604";
}
.icon-dku-move_to:before {
  content: "\e605";
}
.icon-dku-publish:before {
  content: "\e606";
}
.icon-dku-schedule_jobs:before {
  content: "\e607";
}
.icon-dku-search:before {
  content: "\e608";
}
.icon-dku-upload_dataset:before {
  content: "\e609";
}
.icon-dku-user_profile:before {
  content: "\e60a";
}
.icon-dku-nav_analysis:before {
  content: "\e60b";
}
.icon-dku-nav_dashboard:before {
  content: "\e60c";
}
.icon-dku-nav_dataset:before {
  content: "\e60d";
}
.icon-dku-nav_folder:before {
  content: "\e60d";
}
.icon-dku-nav_flow:before {
  content: "\e914";
}
.icon-dku-nav_jobs:before {
  content: "\e60f";
}
.icon-dku-nav_notebook:before {
  content: "\e610";
}
.icon-dku-color_picker_1:before {
  content: "\e611";
}
.icon-dku-quick_go_input-output:before {
  content: "\e612";
}
.icon-dku-quick_go_input:before {
  content: "\e613";
}
.icon-dku-quick_go_output:before {
  content: "\e614";
}
.icon-dku-code-snippet:before {
  content: "\e615";
}
.icon-dku-script_drag_group:before {
  content: "\e616";
}
.icon-dku-script_drag_step:before {
  content: "\e617";
}
.icon-dku-union_recipe_download:before {
  content: "\e618";
}
.icon-dku-color_picker_2:before {
  content: "\e620";
}
.icon-dku-documentation:before {
  content: "\e61a";
}
.icon-dku-faq:before {
  content: "\e61b";
}
.icon-dku-import_project:before {
  content: "\e61c";
}
.icon-dku-update:before {
  content: "\e61d";
}
.icon-dku-tutorial:before {
  content: "\e61e";
}
.icon-dku-new_project:before {
  content: "\e61f";
}
.icon-dku-case_sensitive:before {
  content: "\e918";
}
.icon-dku-split_method:before {
  content: "\e919";
}
.icon-dku-plus:before {
  content: "\e61f";
}
.icon-dku-sample_project:before {
  content: "\e619";
}
.icon-dku-prepare:before {
  content: "\e900";
}
.icon-dku-modelize:before {
  content: "\e901";
}
.icon-dku-hive:before {
  content: "\e902";
}
.icon-dku-explore:before {
  content: "\e903";
}
.icon-dku-sql:before {
  content: "\e904";
}
.icon-dku-python:before {
  content: "\e905";
}
.icon-dku-r:before {
  content: "\e906";
}
.icon-dku-lab:before {
  content: "\e907";
}
.icon-dku-impala:before {
  content: "\e908";
}
.icon-dku-download:before {
  content: "\e909";
}
.icon-dku-spark_scala:before {
  content: "\e90e";
}
.icon-dku-dashboard:before {
  content: "\e90a";
}
.icon-dku-wiki:before {
  content: "\e923";
}
.icon-dku-promote:before {
  content: "\e90b";
}
.icon-dku-promote-empty:before {
  content: "\e90f";
}
.icon-dku-fullscreen:before {
  content: "\e90c";
}
.icon-dku-quit_fullscreen:before {
  content: "\e90d";
}
.icon-dku-activity:before {
  content: "\e911";
}
.icon-dku-conflict:before {
  content: "\e912";
}
.icon-macro:before {
  content: "\e913";
}
.icon-dku-share:before {
  content: "\e915";
}
.icon-dku-multi-select:before {
  content: "\e91d";
}
.icon-dku-select-checked:before {
  content: "\e91e";
}
.icon-dku-weight:before {
  content: "\e924";
}
.icon-DKU_partitioned:before {
  content: "\e91f";
}
.icon-DKU_rmd:before {
  content: "\e920";
}
.icon-DKU_expand:before {
  content: "\e921";
}
.icon-DKU_resolve:before {
  content: "\e922";
}
.icon-DKU_select_downstream:before {
  content: "\e939";
}
.icon-DKU_select_upstream:before {
  content: "\e93a";
}
.icon-DKU_collapse_downstream:before {
  content: "\e93b";
}
.icon-DKU_collapse_upstream:before {
  content: "\e93c";
}
.icon-dku-right-panel-info:before {
  content: "\e94a";
}
.icon-dku-right-panel-actions:before {
  content: "\e94b";
}
.icon-dku-right-panel-preview:before {
  content: "\e94e";
}
.icon-dku-right-panel-schema:before {
  content: "\e94d";
}
.icon-dku-right-panel-discussions:before {
  content: "\e94c";
}
.icon-dku-right-panel-lab:before {
  content: "\e97b";
}
.icon-dku-publish {
  vertical-align: middle;
}
.icon-dku-publish:before {
  content: "\e916";
}
.icon-icon-zone-arrow::before {
  content: "\e958";
}
.icon-unshare_to_zone::before {
  content: "\e959";
}
.icon-move_to_zone::before {
  content: "\e95a";
}
.icon-zone_in::before {
  content: "\e95b";
}
.icon-zone_out::before {
  content: "\e95c";
}
.icon-add-new-zone::before {
  content: "\e95d";
}
.icon-share_to_zone::before {
  content: "\e95e";
}
.icon-go_to_original::before {
  content: "\e95f";
}
.icon-go_to_usage::before {
  content: "\e960";
}
.icon-zone::before {
  content: "\e961";
}
.icon-dku-array:before {
  content: "\e992";
}
.icon-dku-function:before {
  content: "\e993";
}
.icon-dku-map:before {
  content: "\e994";
}
.icon-dku-object:before {
  content: "\e995";
}
.icon-dku-string:before {
  content: "\e996";
}
.icon-dku-true-false:before {
  content: "\e997";
}
.icon-dku-variable:before {
  content: "\e998";
}
.icon-dku-column:before {
  content: "\e9a2";
}
.icon-dku-true-false:before {
  content: "\e997";
}
/******************************** DSS20: General font  ********************** */
@font-face {
  font-family: 'icm_general';
  src: url('../fonts/dss20_general/fonts/icomoon.eot?-sbp6cq');
  src: url('../fonts/dss20_general/fonts/icomoon.eot?#iefix-sbp6cq') format('embedded-opentype'), url('../fonts/dss20_general/fonts/icomoon.woff?-sbp6cq') format('woff'), url('../fonts/dss20_general/fonts/icomoon.ttf?-sbp6cq') format('truetype'), url('../fonts/dss20_general/fonts/icomoon.svg?-sbp6cq#dss20_general') format('svg');
  font-weight: 400;
  font-style: normal;
}
.mx-font-icm_general,
.icon-dku-close:before,
.icon-tags:before,
.icon-filter:before,
.icon-dku-ellipsis-vertical:before,
.icon-jointype-advanced:before,
.icon-jointype-cross:before,
.icon-jointype-inner:before,
.icon-jointype-left:before,
.icon-jointype-outer:before,
.icon-jointype-right:before,
.icon-dku-tipsandtricks:before,
.icon-dku-news:before,
.dku-ellipsis-vertical:before {
  font-family: 'icm_general';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: text-top;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dku-close:before {
  content: "\e600";
}
.icon-tags:before {
  content: "\e608";
}
.icon-filter:before {
  content: "\e609";
}
.icon-dkubird:before {
  font-family: 'icm_general';
  content: "\e617";
}
.icon-runnable:before {
  font-family: 'FontAwesome';
  content: "\f12e";
}
@font-face {
  font-family: 'icm_flow';
  src: url('../fonts/flow/fonts/FLOW_icomoon.eot?-w3e8w9');
  src: url('../fonts/flow/fonts/FLOW_icomoon.eot?#iefix-w3e8w9') format('embedded-opentype'), url('../fonts/flow/fonts/FLOW_icomoon.woff?-w3e8w9') format('woff'), url('../fonts/flow/fonts/FLOW_icomoon.ttf?-w3e8w9') format('truetype'), url('../fonts/flow/fonts/FLOW_icomoon.svg?-w3e8w9#icomoon') format('svg');
  font-weight: 400;
  font-style: normal;
}
.mx-font-icm_flow,
.icon-FilesInFolder:before,
.icon-adobe_analytics:before,
.icon-amazon_redshift:before,
.icon-amazon_s3:before,
.icon-cassandra_1:before,
.icon-editable-dataset:before,
.icon-elasticsearch:before,
.icon-greenplum:before,
.icon-exadata:before,
.icon-box:before,
.icon-FTP-HTTP-SSH:before,
.icon-google-bigquery:before,
.icon-google-cloud-storage:before,
.icon-hbase:before,
.icon-HDFS:before,
.icon-HP_vertica:before,
.icon-hubspot:before,
.icon-marketo:before,
.icon-sqlserver:before,
.icon-mongo_db:before,
.icon-azure-storage:before,
.icon-mySQL:before,
.icon-neo4j:before,
.icon-netezza:before,
.icon-oracle:before,
.icon-other_sql:before,
.icon-postgreSQL:before,
.icon-salesforce:before,
.icon-sap-hana:before,
.icon-server_file_system_1:before,
.icon-dataset-ssh:before,
.icon-teradata:before,
.icon-twitter:before,
.icon-uncached_FTP:before,
.icon-upload:before,
.icon-flow_dataset_folder:before,
.icon-snowflake:before,
.icon-machine_learning_regression:before,
.icon-machine_learning_clustering:before,
.icon-ml-h2o:before,
.icon-ml-mllib:before,
.icon-ml-py_memory:before,
.icon-ml-keras:before,
.icon-ml-vertica:before,
.icon-powerbi:before,
.icon-qlikview:before,
.icon-tableau:before,
.icon-code_hive_recipe:before,
.icon-code_impala_recipe:before,
.icon-code_pig_recipe:before,
.icon-code_pyspark_recipe:before,
.icon-code_python_recipe:before,
.icon-continuous_python_recipe:before,
.icon-code_sparkr_recipe:before,
.icon-code_r_recipe:before,
.icon-code_julia_recipe:before,
.icon-code_spark_scala_recipe:before,
.icon-continuous_spark_scala_recipe:before,
.icon-code_shell_recipe:before,
.icon-code_sparksql_recipe:before,
.icon-code_sql_recipe:before,
.icon-code-apache-beam:before,
.icon-visual_distinct_recipe:before,
.icon-FLOW_recipe_empty:before,
.icon-visual_export_recipe:before,
.icon-visual_download_recipe:before,
.icon-visual_prep_filter-sample_recipe:before,
.icon-visual_fuzzyjoin_recipe:before,
.icon-visual_prep_group_recipe:before,
.icon-visual_prep_distinct_recipe:before,
.icon-visual_prep_join_recipe:before,
.icon-cluster_recipe:before,
.icon-visual_prep_cleanse_recipe:before,
.icon-visual_push_to_editable_recipe:before,
.icon-score_recipe:before,
.icon-evaluation_recipe:before,
.icon-visual_sort_recipe:before,
.icon-visual_prep_split_recipe:before,
.icon-visual_prep_topn_recipe:before,
.icon-visual_prep_pivot_recipe:before,
.icon-visual_prep_sort_recipe:before,
.icon-visual_prep_vstack_recipe:before,
.icon-visual_prep_sync_recipe:before,
.icon-continuous_sync_recipe:before,
.icon-train_recipe:before,
.icon-clustering_recipe:before,
.icon-visual_prep_window_recipe:before,
.icon-visual_prep_merge_folder_recipe:before {
  font-family: 'icm_flow';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mx-visual-recipe-flow-icon.colored {
  color: #f9bd38;
}
.mx-code-recipe-flow-icon.colored {
  color: #f28c38;
}
.mx-ml-recipe-flow-icon.colored {
  color: #29af5d;
}
/* ************************* Flow: datasets **********************/
.icon-adobe_analytics:before {
  content: "\e900";
}
.icon-amazon_redshift:before {
  content: "\e901";
}
.icon-amazon_s3:before {
  content: "\e902";
}
.icon-cassandra_1:before {
  content: "\e903";
}
.icon-editable-dataset:before {
  content: "\e904";
}
.icon-elasticsearch:before {
  content: "\e905";
}
.icon-greenplum:before {
  content: "\e906";
}
.icon-exadata:before {
  content: "\e907";
}
.icon-box:before {
  content: "\e908";
}
.icon-FTP-HTTP-SSH:before {
  content: "\e909";
}
.icon-google-bigquery:before {
  content: "\e90a";
}
.icon-google-cloud-storage:before {
  content: "\e90b";
}
.icon-hbase:before {
  content: "\e90c";
}
.icon-HDFS:before {
  content: "\e90d";
}
.icon-HP_vertica:before {
  content: "\e90e";
}
.icon-hubspot:before {
  content: "\e90f";
}
.icon-marketo:before {
  content: "\e910";
}
.icon-sqlserver:before {
  content: "\e911";
}
.icon-mongo_db:before {
  content: "\e912";
}
.icon-azure-storage:before {
  content: "\e913";
}
.icon-mySQL:before {
  content: "\e914";
}
.icon-neo4j:before {
  content: "\e915";
}
.icon-netezza:before {
  content: "\e916";
}
.icon-oracle:before {
  content: "\e917";
}
.icon-athena:before {
  content: "\e953";
}
.icon-other_sql:before {
  content: "\e918";
}
.icon-postgreSQL:before {
  content: "\e919";
}
.icon-kdbplus:before {
  content: "\f017";
  font-family: 'FontAwesome';
}
.icon-salesforce:before {
  content: "\e91a";
}
.icon-sap-hana:before {
  content: "\e91b";
}
.icon-server_file_system_1:before {
  content: "\e91c";
}
.icon-dataset-ssh:before {
  content: "\e91d";
}
.icon-teradata:before {
  content: "\e91e";
}
.icon-twitter:before {
  content: "\e91f";
}
.icon-uncached_FTP:before {
  content: "\e920";
}
.icon-upload:before {
  content: "\e921";
}
.icon-flow_dataset_folder:before {
  content: "\e908";
}
.icon-snowflake:before {
  content: "\e94f";
}
/* ************************* Flow: ML *********************/
.icon-machine_learning_regression.colored {
  color: #29af5d;
}
.icon-machine_learning_regression:before {
  content: "\e923";
}
.icon-machine_learning_clustering.colored {
  color: #29af5d;
}
.icon-machine_learning_clustering:before {
  content: "\e922";
}
.icon-model-evaluation-store.colored {
  color: #f28c38;
}
.icon-model-evaluation-store:before {
  content: "\e99c";
  transform: scale(1.5);
}
.icon-ml-h2o.colored {
  color: #29af5d;
}
.icon-ml-h2o:before {
  content: "\e924";
}
.icon-ml-mllib.colored {
  color: #29af5d;
}
.icon-ml-mllib:before {
  content: "\e925";
}
.icon-ml-py_memory.colored {
  color: #29af5d;
}
.icon-ml-py_memory:before {
  content: "\e92f";
}
.icon-ml-keras.colored {
  color: #29af5d;
}
.icon-ml-keras:before {
  content: "\e94e";
}
.icon-ml-vertica.colored {
  color: #29af5d;
}
.icon-ml-vertica:before {
  content: "\e90e";
}
.icon-powerbi:before {
  content: "\e926";
}
.icon-qlikview:before {
  content: "\e927";
}
.icon-tableau:before {
  content: "\e929";
}
/* ************************* Flow: recipes & Notebooks *********************/
.icon-code_hive_recipe.colored {
  color: #f28c38;
}
.icon-code_hive_recipe:before {
  content: "\e92b";
}
.icon-code_impala_recipe.colored {
  color: #f28c38;
}
.icon-code_impala_recipe:before {
  content: "\e92c";
}
.icon-code_pig_recipe.colored {
  color: #f28c38;
}
.icon-code_pig_recipe:before {
  content: "\e92d";
}
.icon-code_pyspark_recipe.colored {
  color: #f28c38;
}
.icon-code_pyspark_recipe:before {
  content: "\e92e";
}
.icon-code_python_recipe.colored {
  color: #f28c38;
}
.icon-code_python_recipe:before {
  content: "\e92f";
}
.icon-continuous_python_recipe.colored {
  color: #f28c38;
}
.icon-continuous_python_recipe:before {
  content: "\e92f";
}
.icon-code_sparkr_recipe.colored {
  color: #f28c38;
}
.icon-code_sparkr_recipe:before {
  content: "\e930";
}
.icon-code_r_recipe.colored {
  color: #f28c38;
}
.icon-code_r_recipe:before {
  content: "\e931";
}
.icon-code_julia_recipe.colored {
  color: #f28c38;
}
.icon-code_julia_recipe:before {
  content: "\e950";
}
.icon-continuous_ksql_recipe.colored {
  color: #f28c38;
}
.icon-continuous_ksql_recipe:before {
  content: "\e984";
  transform: scale(1.2);
}
.icon-code_spark_scala_recipe.colored {
  color: #f28c38;
}
.icon-code_spark_scala_recipe:before {
  content: "\e932";
}
.icon-continuous_spark_scala_recipe.colored {
  color: #f28c38;
}
.icon-continuous_spark_scala_recipe:before {
  content: "\e932";
}
.icon-code_shell_recipe.colored {
  color: #f28c38;
}
.icon-code_shell_recipe:before {
  content: "\e933";
}
.icon-code_sparksql_recipe.colored {
  color: #f28c38;
}
.icon-code_sparksql_recipe:before {
  content: "\e934";
}
.icon-code_sql_recipe.colored {
  color: #f28c38;
}
.icon-code_sql_recipe:before {
  content: "\e935";
}
.icon-code-apache-beam.colored {
  color: #f28c38;
}
.icon-code-apache-beam:before {
  content: "\e936";
}
.icon-visual_distinct_recipe.colored {
  color: #f9bd38;
}
.icon-visual_distinct_recipe:before {
  content: "\e937";
}
.icon-FLOW_recipe_empty:before {
  content: "\e938";
}
.icon-visual_export_recipe.colored {
  color: #f9bd38;
}
.icon-visual_export_recipe:before {
  content: "\e939";
}
.icon-visual_download_recipe.colored {
  color: #f9bd38;
}
.icon-visual_download_recipe:before {
  content: "\e94b";
}
.icon-visual_prep_filter-sample_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_filter-sample_recipe:before {
  content: "\e93a";
}
.icon-visual_fuzzyjoin_recipe.colored {
  color: #f9bd38;
}
.icon-visual_fuzzyjoin_recipe:before {
  content: "\e97c";
}
.icon-visual_prep_fuzzyjoin_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_fuzzyjoin_recipe:before {
  content: "\e99a";
}
.icon-visual_prep_group_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_group_recipe:before {
  content: "\e93c";
}
.icon-visual_prep_distinct_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_distinct_recipe:before {
  content: "\e94a";
}
.icon-visual_prep_join_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_join_recipe:before {
  content: "\e93d";
}
.icon-cluster_recipe.colored {
  color: #29af5d;
}
.icon-cluster_recipe:before {
  content: "\e93e";
}
.icon-visual_prep_cleanse_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_cleanse_recipe:before {
  content: "\e93f";
}
.icon-visual_push_to_editable_recipe.colored {
  color: #f9bd38;
}
.icon-visual_push_to_editable_recipe:before {
  content: "\e940";
}
.icon-score_recipe.colored {
  color: #29af5d;
}
.icon-score_recipe:before {
  content: "\e941";
}
.icon-evaluation_recipe.colored {
  color: #29af5d;
}
.icon-evaluation_recipe:before {
  content: "\e948";
}
.icon-standalone_evaluation_recipe.colored {
  color: #f28c38;
}
.icon-standalone_evaluation_recipe:before {
  content: "\e99b";
}
.icon-visual_sort_recipe.colored {
  color: #f9bd38;
}
.icon-visual_sort_recipe:before {
  content: "\e942";
}
.icon-visual_prep_split_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_split_recipe:before {
  content: "\e943";
}
.icon-visual_prep_topn_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_topn_recipe:before {
  content: "\e949";
}
.icon-visual_prep_pivot_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_pivot_recipe:before {
  content: "\e94d";
}
.icon-visual_prep_sort_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_sort_recipe:before {
  content: "\e942";
}
.icon-visual_prep_vstack_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_vstack_recipe:before {
  content: "\e944";
}
.icon-visual_prep_sync_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_sync_recipe:before {
  content: "\e945";
}
.icon-continuous_sync_recipe.colored {
  color: #f9bd38;
}
.icon-continuous_sync_recipe:before {
  content: "\e945";
}
.icon-train_recipe.colored {
  color: #29af5d;
}
.icon-train_recipe:before {
  content: "\e946";
}
.icon-clustering_recipe.colored {
  color: #29af5d;
}
.icon-clustering_recipe:before {
  content: "\e93e";
}
.icon-visual_prep_window_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_window_recipe:before {
  content: "\e947";
}
.icon-visual_prep_merge_folder_recipe.colored {
  color: #f9bd38;
}
.icon-visual_prep_merge_folder_recipe:before {
  content: "\e951";
}
/* ************************* Webapps *********************/
.icon-bokeh:before {
  content: "\e917";
}
.icon-dash:before {
  content: "\e999";
}
.icon-shiny {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-shiny:before {
  content: "R";
}
/* ************************* WWW ?? *********************/
.icon-inline:before {
  font-family: FontAwesome;
  content: "\f040";
}
.icon-download:before {
  font-family: 'FontAwesome';
  content: "\f019";
}
.icon-dku-ellipsis-vertical:before {
  content: "\e620";
}
.icon-jointype-advanced:before {
  content: "\e900";
}
.icon-jointype-cross:before {
  content: "\e901";
}
.icon-jointype-inner:before {
  content: "\e902";
}
.icon-jointype-left:before {
  content: "\e903";
}
.icon-jointype-outer:before {
  content: "\e904";
}
.icon-jointype-right:before {
  content: "\e905";
}
.icon-dku-tipsandtricks:before {
  content: "\e906";
}
.icon-dku-news:before {
  content: "\e907";
}
.icon-dku-file-zip:before {
  content: "\e91a";
}
.icon-dku-file-image:before {
  content: "\e91b";
}
.icon-dku-save-as:before {
  content: "\e91c";
}
.icon-dku-handle:before {
  content: "\e926";
}
.icon-dku-gpu-card:before {
  content: "\e925";
}
.icon-dku-code:before {
  content: "\e927";
}
.icon-dku-more:before {
  content: "\e928";
}
.icon-dku-apps:before {
  content: "\e929";
}
.icon-dku-help:before {
  content: "\e92a";
}
.icon-dku-reveal:before {
  content: "\e92b";
}
.icon-dku-projects:before {
  content: "\e92c";
}
.icon-dku-plugins:before {
  content: "\e92d";
}
.icon-dku-meanings:before {
  content: "\e92e";
}
.icon-dku-previous:before {
  content: "\e92f";
}
.icon-dku-project:before {
  content: "\e930";
}
.icon-dku-queued:before {
  content: "\e931";
}
.icon-dku-loader:before {
  content: "\e932";
}
.icon-dku-pause:before {
  content: "\e933";
}
.icon-dku-warning:before {
  content: "\e934";
}
.icon-dku-error:before {
  content: "\f00d";
}
.icon-dku-success:before {
  content: "\e936";
}
.icon-dku-fields:before {
  content: "\e937";
}
.icon-dku-skip:before {
  content: "\e938";
}
.icon-dku-select-downstream:before {
  content: "\e939";
}
.icon-dku-select-upstream:before {
  content: "\e93a";
}
.icon-dku-collapse-downstream:before {
  content: "\e93b";
}
.icon-dku-collapse-upstream:before {
  content: "\e93c";
}
.icon-dku-discussions:before {
  content: "\e93d";
}
.icon-dku-gdpr:before {
  content: "\e93e";
}
.icon-dku-expand-all:before {
  content: "\e940";
}
.icon-dku-collapse-all:before {
  content: "\e93f";
}
.icon-dku-git:before {
  content: "\e941";
}
.icon-dku-git-folder:before {
  content: "\e942";
}
.icon-dku-git-file:before {
  content: "\e943";
}
.icon-dku-clone:before {
  content: "\e944";
}
.icon-dku-copy-step:before {
  content: "\e945";
}
.icon-dku-paste-step:before {
  content: "\e946";
}
.icon-dku-julia:before {
  content: "\e947";
}
.icon-dku-julia-recipe:before {
  content: "\e948";
}
.icon-dku-ksql:before {
  content: "\e947";
}
.icon-dku-ksql-recipe:before {
  content: "\e948";
}
.icon-dynamoDB:before {
  content: "\e949";
}
.icon-dku-timeseries-segmenting:before {
  content: "\e94f";
}
.icon-dku-timeseries-window:before {
  content: "\e950";
}
.icon-dku-timeseries-resample:before {
  content: "\e951";
}
.icon-dku-timeseries-extremum-extraction:before {
  content: "\e952";
}
.icon-dku-statistics:before {
  content: "\e954";
}
.icon-dku-supported:before {
  content: "\e955";
}
.icon-dku-half-supported:before {
  content: "\e956";
}
.icon-amazon-comprehend:before {
  content: "\e966";
}
.icon-amazon-elastic-kubernetes:before {
  content: "\e967";
}
.icon-amazon-emr:before {
  content: "\e968";
}
.icon-amazon-rekognition:before {
  content: "\e969";
}
.icon-amazon-sagemaker:before {
  content: "\e96a";
}
.icon-amazon-translate:before {
  content: "\e96b";
}
.icon-aws:before {
  content: "\e96c";
}
.icon-azure:before {
  content: "\e96d";
}
.icon-azure-ml:before {
  content: "\e96e";
}
.icon-azure-cognitive-services:before {
  content: "\e96f";
}
.icon-azure-kubernetes-services:before {
  content: "\e970";
}
.icon-gcp-cloud-automl:before {
  content: "\e971";
}
.icon-gcp-cloud-dataproc:before {
  content: "\e972";
}
.icon-gcp-cloud-vision-api:before {
  content: "\e973";
}
.icon-gcp-kubernetes-engine:before {
  content: "\e974";
}
.icon-gcp-natural-language-api:before {
  content: "\e975";
}
.icon-gcp-translation-api:before {
  content: "\e976";
}
.icon-gcp:before {
  content: "\e977";
}
.icon-kafka:before {
  content: "\e95c";
}
.icon-sqs:before {
  content: "\e982";
}
.icon-ksql:before {
  content: "\e980";
}
.icon-httpsse:before {
  content: "\e981";
}
.icon-kdbplustick:before {
  content: "\f017";
  font-family: 'FontAwesome';
}
.icon-infinity:before {
  content: "\e983";
}
.icon-project-app:before {
  content: "\e97c";
}
.icon-dku-application-as-recipe:before {
  content: "\e985";
}
.icon-dku-automl-clustering:before {
  content: "\e978";
}
.icon-dku-automl-prediction:before {
  content: "\e979";
}
.icon-dku-deeplearning-prediction:before {
  content: "\e97a";
}
.icon-dku-ml-hp-explicit:before {
  content: "\e962";
}
.icon-dku-ml-hp-range:before {
  content: "\e963";
}
.icon-dku-ml-hp-scaling-log:before {
  content: "\e964";
}
.icon-dku-ml-hp-scaling-uniform:before {
  content: "\e965";
}
.icon-infra:before {
  content: "\e987";
}
.icon-api-service:before {
  content: "\e988";
}
.icon-bundle:before {
  content: "\e989";
}
.icon-push-api-services:before {
  content: "\e98a";
}
.icon-push-bundle:before {
  content: "\e98b";
}
.icon-pushed-api-service:before {
  content: "\e98c";
}
.icon-pushed-bundle:before {
  content: "\e98d";
}
.icon-deploy-api-service:before {
  content: "\e98e";
}
.icon-deploy-bundle:before {
  content: "\e98f";
}
.icon-deployed-api-service:before {
  content: "\e990";
}
.icon-deployed-bundle:before {
  content: "\e991";
}
.icon-dku-plotly:before {
  content: "\e999";
}
.icon-dku-fuzzy-recipe:before {
  content: "\e99a";
}
.icon-SER:before {
  content: "\e99b";
}
.icon-icon-MES:before {
  content: "\e99c";
}
.icon-dku-out-of-sync:before {
  content: "\e99d";
}
.icon-dku-git-edit:before {
  content: "\e99e";
}
.icon-dku-git-add:before {
  content: "\e99f";
}
.icon-dku-git-unlink:before {
  content: "\e9a1";
}
.icon-dku-azure-synapse:before {
  content: "\e9a0";
}
.icon-dku-git-import:before {
  content: "\e9a4";
}
.icon-dku-api-version:before {
  content: "\e9a5";
}
/* Reused components */
.modal3 .modal-header {
  border-bottom: none;
}
.modal3 {
  border-radius: 0;
  box-shadow: 4px 4px 10px rgba(34, 34, 34, 0.25);
  border: none;
  background: #ffffff;
}
.modal3.cdk-overlay-pane {
  background: transparent;
}
.modal3 .border-bottom,
.modal3 .dku-border-bottom {
  border-bottom: 1px solid #dddddd;
}
.modal3 .border-right {
  border-right: 1px solid #dddddd;
}
.modal3 .modal-header {
  background: #ffffff;
  padding: 0;
  height: 70px;
  position: relative;
}
.modal3 .modal-header.has-border {
  border-bottom: 1px solid #dddddd;
}
.modal3 .modal-header .close {
  margin-top: 30px;
  margin-right: 20px;
  line-height: 10px;
  height: 15px;
  outline: none;
}
.modal3 .modal-header h4 {
  margin: 0;
  padding: 25px 0 0 50px;
  line-height: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #444444;
  box-sizing: border-box;
  display: block;
}
.modal3 .modal-header.no-totem h4 {
  padding-left: 16px;
}
.modal3 .modal-header .modal-totem {
  position: absolute;
  left: 16px;
  top: 25px;
  width: 18px;
  height: 28px;
  text-align: center;
  vertical-align: middle;
}
.modal3 .modal-header .modal-totem i {
  line-height: 28px;
  font-size: 18px;
  text-align: center;
  display: inline;
  opacity: 0.60;
}
.modal3 .modal-header .modal-totem i:before {
  vertical-align: middle;
}
.modal3 .modal-header.has-tabs {
  height: 95px;
}
.modal3 .modal-header.has-tabs .modal-tabs {
  position: absolute;
  bottom: 0;
  height: 25px;
  margin: 0;
}
.modal3 .modal-header.has-tabs .modal-tabs .tab {
  display: inline-block;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  line-height: 25px;
  padding: 0 20px;
  margin-right: 15px;
}
.modal3 .modal-header.has-tabs .modal-tabs .tab a {
  color: #333333;
  opacity: 0.55;
  text-transform: uppercase;
}
.modal3 .modal-header.has-tabs .modal-tabs .tab a:hover {
  text-decoration: none;
}
.modal3 .modal-header.has-tabs .modal-tabs .tab a:focus {
  outline: none;
}
.modal3 .modal-header.has-tabs .modal-tabs .tab.active {
  border-bottom: 2px solid #333333;
}
.modal3 .modal-header.has-tabs .modal-tabs .tab.active a {
  opacity: 1;
  color: #333333;
}
.modal3 .modal-header-only {
  height: auto;
  min-height: 70px;
  margin-bottom: 20px;
}
.modal3 .modal-header-only h4 {
  overflow: auto;
  text-overflow: inherit;
  white-space: inherit;
}
.modal3 .modal-header-only h4 strong {
  font-weight: 400;
}
.modal3 .top-info-zone {
  padding: 10px 20px 0 20px;
}
.modal3 .top-info-zone.has-border {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.modal3 .top-info-zone.large-padding {
  padding: 20px;
}
.modal3 .modal-body {
  padding: 16px;
}
.modal3 .modal-body.tight-body {
  padding-bottom: 0;
}
.modal3 .modal-body.no-padding {
  padding: 0;
}
.modal3 .modal-body.no-h-padding {
  padding-left: 0;
  padding-right: 0;
}
.modal3 .modal-body.no-v-padding {
  padding-bottom: 0;
  padding-top: 0;
}
.modal3 .modal-body .disclaimer {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  overflow: auto;
  max-height: 300px;
}
.modal3 .modal-body .modal-h-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.modal3 .modal-footer {
  height: 50px;
  padding: 7px 10px 8px 10px;
  line-height: 34px;
  box-sizing: border-box;
}
.modal3 .modal-footer.has-border {
  border-top: 1px solid #dddddd;
}
.modal-footer-std-buttons > :not(p),
.modal-footer-std-buttons > :not('.tooltip') {
  font-size: 0;
}
.modal-footer-std-buttons .btn {
  font-size: 15px;
  padding: 2px 10px;
  margin-left: 10px;
}
.modal-footer .btn:not(:first-child) {
  margin-left: 5px;
}
.modal .modal-body .control-label:after {
  content: none;
}
.modal .modal-footer {
  border-top: none;
  background-color: #ffffff;
}
.modal .modal-accent-font {
  font-size: 14px;
}
.modal div.modal-centered-vh {
  margin-top: 100px;
  margin: 0 auto;
  text-align: center;
}
.modal-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-container > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.modal-container > *:not(.modal) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-container > *:not(.modal) > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
/**
 * A modal with a fixed height that takes almost 100% of the screen
 * on our minimal screen size, and does not expand
 */
.modal-fixed-height400 .modal-body {
  height: 400px;
  box-sizing: border-box;
}
.modal-fixed-height430 .modal-body {
  height: 430px;
  box-sizing: border-box;
}
.modal-fixed-height500 .modal-body {
  height: 500px;
  max-height: 500px;
  box-sizing: border-box;
}
.modal-max-height400 .modal-body {
  max-height: 400px;
  box-sizing: border-box;
}
.modal3.modal-wide {
  width: 900px;
}
.modal-backdrop {
  z-index: 3002;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.31;
}
div.modal-rollup,
div.modal-backdrop.modal-rollup.non-see-through {
  opacity: 0;
  z-index: 100;
}
.modal-half-panes .half-pane {
  height: 100%;
  width: 50%;
  box-sizing: border-box;
  float: left;
}
.modal-half-panes .half-pane:first-child {
  border-right: 1px solid #dddddd;
  padding-right: 0px;
}
.modal-half-panes .half-pane:last-child {
  padding-left: 0px;
}
.modal-half-panes .half-pane h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  margin: 0px;
}
.modal-half-panes .half-pane h4 i:after {
  content: "";
}
.modal-half-panes .half-pane .header-text {
  border-bottom: 1px solid #dddddd;
  line-height: 45px;
  color: #666666;
  text-align: center;
}
/**
 * The IO modal is split in two halves with a "Input -> Output" header
 */
.io-modal {
  font-weight: 400;
  letter-spacing: 0px;
}
.io-modal .modal-body {
  padding: 0px;
}
.io-modal .modal-body .half-pane {
  height: 100%;
  width: 50%;
  box-sizing: border-box;
  float: left;
}
.io-modal .modal-body .half-pane:first-child {
  border-right: 1px solid #dddddd;
  padding-right: 0px;
}
.io-modal .modal-body .half-pane:last-child {
  padding-left: 0px;
}
.io-modal .modal-body .half-pane h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  margin: 0px;
}
.io-modal .modal-body .half-pane h4 i:after {
  content: "";
}
.io-modal .modal-body .half-pane .header-text {
  border-bottom: 1px solid #dddddd;
  line-height: 45px;
  color: #666666;
  text-align: center;
}
.io-modal .modal-footer {
  border-top: 1px solid #dddddd;
}
.image-upload-modal .modal-footer {
  border-top: 1px solid #dddddd;
}
/***********
 * Misc, to be evaluatied
 ********** */
div.modal.dku-modal div.modal-body {
  max-height: none !important;
}
.relative-modal-90-90 {
  margin-left: 0;
  width: 90%;
  height: 90%;
  left: calc((100% -  90% )/ 2);
}
.modal-w800 {
  min-width: 800px;
  width: 800px;
}
.modal-w1000 {
  min-width: 1000px;
  width: 1000px;
}
.modal-body {
  max-height: 430px;
}
.modal {
  position: initial;
  margin-left: 0;
  z-index: 3003;
}
.modal .CodeMirror {
  height: auto;
}
.wide-modal {
  min-width: 900px;
  width: 900px;
}
/***********
 * Big modals on pinboard
 ********** */
div.big-modal {
  position: fixed;
  top: 14px;
  bottom: 14px;
  left: 14px;
  right: 14px;
  margin-left: 0 !important;
  z-index: 1050;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  outline: none;
}
.big-modal:full-screen {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-radius: 0px;
}
.big-modal:-webkit-full-screen {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-radius: 0px;
}
.big-modal:-moz-full-screen {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-radius: 0px;
}
.modal-error {
  margin-top: 40px;
}
.about-modal {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0 30px;
  padding-left: 140px;
  min-height: 120px;
  background: #ffffff top left no-repeat;
  background-image: url("/static/dataiku/images/dss-logo-about.png");
  background-size: 120px 120px;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.about-modal p {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
}
.about-modal p.about-title {
  font-size: 1.5em;
  text-indent: -2px;
}
.about-modal p.about-subtitle {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 1.1em;
}
.about-modal p.about-links a + a {
  padding-left: 2em;
}
.about-modal a {
  color: #28a9dd;
}
.gethelp-modal__section-title {
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
  color: #333333;
  margin-top: 0;
}
.feedback-modal__label {
  font-weight: 600;
}
.feedback-modal__input.feedback-modal__input {
  width: 100%;
  margin-bottom: 10px;
  padding: 14px 7px;
  box-sizing: border-box;
}
.feedback-modal__input--text.feedback-modal__input--text {
  padding: 3px 7px;
  height: 90px;
}
/* Runnable modal styling */
.runnable-modal .modal-body {
  max-height: 500px;
}
.runnable-modal ul.suggest-items {
  list-style-type: none;
  margin: 0;
  width: 206px;
  display: inline-block;
}
/* Paste item modal */
.paste-modal__body-edit.paste-modal__body-edit {
  padding: 0;
}
.paste-modal__input,
.paste-modal__input:focus {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  resize: none;
  background-color: transparent;
  color: transparent;
  cursor: default;
}
.paste-modal__description {
  color: #666666;
  font-size: 18px;
  position: relative;
  line-height: 200px;
  text-align: center;
}
.paste-modal--has-tips .paste-modal__description {
  line-height: 100px;
}
.paste-model__tips-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.paste-modal__tips-text {
  text-align: center;
  font-size: 14px;
  padding-bottom: 10px;
}
.paste-modal__list-item {
  margin: 3px 0;
}
.paste-modal__alert {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  width: 100%;
  margin: 0;
}
.paste-modal__paste-area {
  position: relative;
  background-color: #f2f2f2;
}
/* stacking transition */
/* distance between stacked modals*/
/* The first modal translateZ value*/
@keyframes modal-return-frames {
  from {
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -o-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    transform: scale(0.8) rotateY(45deg) translateZ(-340px);
  }
  to {
    -webkit-transform: scale(1) rotateY(0deg) translateZ(0);
    -ms-transform: scale(1) rotateY(0deg) translateZ(0);
    -o-transform: scale(1) rotateY(0deg) translateZ(0);
    transform: scale(1) rotateY(0deg) translateZ(0);
  }
}
.modal-stack-container {
  margin: 5em auto;
}
.modal-container.modal {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@keyframes z-move-back {
  0% {
    z-index: 1050;
  }
  99% {
    z-index: 1050;
  }
  100% {
    z-index: 1030;
  }
}
.modal-container.aside {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
  animation: z-move-back 0.5s 1;
}
.modal-container.aside .modal.in {
  -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
  -ms-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
  -o-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
  transform: scale(0.8) rotateY(45deg) translateZ(-340px);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: 0.5s ease-in-out;
}
@keyframes return-to-flat {
  0% {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
  }
  99% {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
  }
  100% {
    -webkit-perspective: 0;
    -moz-perspective: 0;
    -ms-perspective: 0;
    -o-perspective: 0;
    perspective: 0;
  }
}
.modal-container.restored {
  animation: return-to-flat 0.5s;
}
.modal-container.restored .modal.in {
  animation: modal-return-frames 0.5s ease-in-out;
  -webkit-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
  transition: transform-style 0.5s;
}
@keyframes modal-stacked-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.modal-stacked-on-top {
  animation: modal-stacked-fade-in 0.2s;
}
@media (min-height: 830px) {
  .duplicate-project__modal {
    max-height: 570px;
  }
}
.duplicate-project__checkbox-label {
  padding-left: 0px;
}
.duplicate-project__checkbox-input {
  margin: 0 5px 2px 0;
}
.duplicate-project__mode-selector {
  width: 206px;
}
.duplicate-project__mode-selector-title {
  color: #222222;
}
.duplicate-project__mode-selector-description {
  color: #666666;
}
.duplicate-project__mode-selector-mainzone {
  text-transform: none;
  font-size: 13px;
  text-align: left;
}
.duplicate-project__mode-selector-button {
  left: 10px;
  width: 206px;
}
.duplicate-project__warning {
  padding-top: 13px;
}
.duplicate-project__help-inline {
  color: #999999;
  padding-left: 0px;
  padding-top: 7px;
}
.duplicate-project__name-label,
.duplicate-project__key-label,
.duplicate-project__folder-label {
  line-height: 27px;
}
.duplicate-project__back {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.duplicate-project__back:hover {
  color: #333333;
}
.duplicate-project__mode-selector-caret {
  float: right;
  margin-top: 3px;
}
.modal__step-header {
  position: sticky;
  top: 0;
  padding: 4px 20px 12px 20px;
  background: #ffffff;
  margin-bottom: 8px;
}
.modal__step-header-title {
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 4px;
}
.global-finder-modal {
  border-radius: 0px !important;
  border: none;
  background: #ffffff;
  width: 70%;
  position: fixed;
  top: 1%;
  left: initial;
  max-height: 97vh;
}
.global-finder-modal a {
  text-decoration: none;
}
.global-finder-modal__search {
  display: flex;
  align-items: center;
  min-height: 46px;
  height: 46px;
  border-bottom: 1px solid #dddddd;
}
.global-finder-modal__main-vertical-flexbox {
  height: calc(100% - 46px);
}
.global-finder-modal__main-horizontal-flexbox.horizontal-flex {
  height: calc(100% - 47px);
}
.global-finder-modal__search-icon {
  font-size: 20px;
  margin: 0px 0px 0px 22px;
}
.global-finder-modal__search-first-result {
  font-size: 20px;
  align-self: center;
  margin-left: 1px;
  margin-right: 2.5px;
}
input.global-finder-modal__search-input {
  border: none !important;
  box-shadow: none !important;
  font-size: 13px;
  margin: 0px;
  width: 100%;
}
input.global-finder-modal__search-input:focus,
input.global-finder-modal__search-input:active {
  outline: none !important;
  box-shadow: none !important;
}
.global-finder-modal__search-type-icon {
  font-size: 20px;
  margin-right: 5px;
  color: #666666;
}
.global-finder-modal__search-type-icon--nomargin {
  font-size: 20px;
  color: #666666;
}
.global-finder-modal__search-type-icon--smaller {
  font-size: 16px;
  margin-right: 5px;
  color: #666666;
}
.global-finder-modal__search-type-icon--smaller--normargin {
  font-size: 16px;
  color: #666666;
}
.global-finder-modal__search-type-icon--disabled {
  opacity: 0.5;
}
.global-finder-modal__top-right-actions {
  text-align: right;
  margin-right: 22px;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.global-finder-modal__top-right-actions > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.global-finder-modal__top-right-actions > .flex .override-min-width {
  min-width: 0px;
}
.global-finder-modal__top-right-actions > .flex-no-basis,
.global-finder-modal__top-right-actions .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.global-finder-modal__top-right-actions > .flex-no-basis .override-min-width,
.global-finder-modal__top-right-actions .flex-no-basis .override-min-width {
  min-width: 0px;
}
.global-finder-modal__top-right-actions > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.global-finder-modal__top-right-actions > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.global-finder-modal__top-right-actions > .noflex,
.global-finder-modal__top-right-actions .top-level-tabs,
.global-finder-modal__top-right-actions > .alert,
.global-finder-modal__top-right-actions > .bottom-bar,
.global-finder-modal__top-right-actions > .input-append,
.global-finder-modal__top-right-actions > div[block-api-error],
.global-finder-modal__top-right-actions > h1,
.global-finder-modal__top-right-actions > h2,
.global-finder-modal__top-right-actions > h3,
.global-finder-modal__top-right-actions > h4,
.global-finder-modal__top-right-actions > h5,
.global-finder-modal__top-right-actions > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.global-finder-modal__top-right-actions > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.global-finder-modal__top-right-action {
  color: #666666;
}
.global-finder-modal__top-right-action:hover {
  color: #666666;
}
.global-finder-modal__top-right-action--middle {
  margin-right: 15px;
}
.global-finder-modal__top-right-action--active {
  color: #2d86fb;
}
.global-finder-modal__top-right-action--active:hover {
  color: #2d86fb;
}
.global-finder-modal__top-right-text {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  color: #cccccc;
}
.global-finder-modal__top-right-separator {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  color: #cccccc;
  margin: 0 20px;
}
.global-finder-modal__search-line {
  display: flex;
  align-items: center;
  margin: 0px 10px;
}
.global-finder-modal__line {
  padding: 0px 0px 0px 22px ;
  border-bottom: none !important;
  list-style: none !important;
  position: relative !important;
  align-items: center !important;
  display: flex !important;
}
.global-finder-modal__line a {
  display: flex;
  flex: 1;
  align-items: center;
}
.global-finder-modal__line a:hover {
  color: inherit;
}
.global-finder-modal__line--focused {
  background-color: #f2f2f2;
}
.global-finder-modal__line--non-advanced-search {
  height: 32px !important;
}
.global-finder-modal__line--advanced-search {
  height: 50px !important;
}
.global-finder-modal__line-nothoverable:hover {
  background-color: unset !important;
}
.global-finder-modal__list {
  flex: 1;
}
.global-finder-modal__left-sidebar {
  width: 230px;
  padding: 10px 22px;
  border-right: 1px solid #dddddd;
}
.global-finder-modal__left-sidebar-type-selection {
  padding-bottom: 10px;
}
.global-finder-modal__left-sidebar-show-more {
  padding-left: 2px;
  padding-right: 3px;
}
.global-finder-modal__help-more {
  height: 45px;
  border-top: 1px solid #dddddd;
  display: flex;
  align-items: center;
}
.global-finder-modal__filter_line {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex: 1 0 30px !important;
}
.global-finder-modal__empty_search {
  padding: 10px 22px;
}
.global-finder-modal__empty_search_title {
  font-weight: 500;
}
.global-finder-modal__empty_search_hint {
  margin: 0;
}
.global-finder-modal__inbox-closed-tag {
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 4px 0 0;
  padding: 4px;
  background-color: #bbbbbb;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
.global-finder-modal__object-nav .dku-fw500-width::after {
  margin-bottom: 0px;
}
.global-finder-modal__object-nav .tab {
  min-width: 80px;
  max-width: 25%;
}
.global-finder-modal__text-prompt {
  color: #3b99fc;
}
.global-finder-modal__line-maintext {
  margin: 0;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 3 1 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
  margin-right: 4px;
}
.global-finder-modal__line-subtitle {
  color: #bbbbbb;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 3 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}
.modal-body--disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.modal .modal-footer {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
/* popups, dropdowns, contextual menus, ... */
.open .anchor-for-popups > .dropdown-menu,
.open .scrolly-wrapper > .dropdown-menu {
  display: block;
}
.anchor-for-popups {
  position: relative;
}
.scrolly-wrapper {
  position: absolute;
}
.scrolly-wrapper.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
div.scrolly-wrapper ul.dropdown-menu {
  max-height: 70vh;
  overflow-y: auto;
}
.anchor-for-popups .dropdown-menu {
  position: static;
}
.anchor-for-popups .dropdown-menu li {
  position: static;
}
.anchor-for-popups .dropdown-menu li .scrolly-wrapper {
  z-index: 10;
  display: none;
}
.anchor-for-popups .dropdown-menu li:hover > .scrolly-wrapper {
  display: block;
}
.mx-standard-dropdown-list {
  margin: 0;
}
.mx-standard-dropdown-list li {
  list-style: none;
}
.mx-standard-dropdown-active-link {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.mx-standard-dropdown-link {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  padding: 2px 6px;
  color: #333333;
}
.mx-standard-dropdown-link i {
  display: inline-block;
  margin-left: 4px;
  margin-right: 8px;
  text-align: center;
  width: 16px;
}
.mx-standard-dropdown-link:hover,
.mx-standard-dropdown-link:focus {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.dropdown-menu {
  border-radius: 0;
  border: none;
  box-shadow: 2px 2px 8px 1px rgba(34, 34, 34, 0.2);
  background-color: #ffffff;
  padding: 0;
}
.dropdown-menu .dku-border-bottom {
  border-bottom: 1px #dddddd solid;
}
ul.dropdown-menu > li > a {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  padding: 2px 6px;
  color: #333333;
}
ul.dropdown-menu > li > a i {
  display: inline-block;
  margin-left: 4px;
  margin-right: 8px;
  text-align: center;
  width: 16px;
}
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
ul.dropdown-menu > li > a.text-error {
  color: #ce1228;
}
ul.dropdown-menu > li.active > a,
ul.dropdown-menu > li:hover > a {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
ul.dropdown-menu > li.active > a.text-error,
ul.dropdown-menu > li:hover > a.text-error {
  color: #ce1228;
}
ul.dropdown-menu > li.header {
  font-weight: 600;
  padding: 0 6px;
}
ul.dropdown-menu .dropdown-submenu > a:after {
  position: relative;
  left: -10px;
}
.dropdown-menu ul.dropdown-menu,
ul.dropdown-menu.typeahead {
  max-height: 200px;
  overflow: auto;
}
.dropdown-menu ul.dropdown-menu > li.active > a,
ul.dropdown-menu.typeahead > li.active > a,
.dropdown-menu ul.dropdown-menu > li:hover > a,
ul.dropdown-menu.typeahead > li:hover > a {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
ul.dropdown-menu > li > a.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.dropdown-menu.pull-right.custom-element-popup-popover {
  right: auto;
}
.dropdown-menu.pull-right .dropdown-submenu {
  float: none;
}
.dropdown-menu.pull-right .dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.dropup .dropdown-menu {
  top: auto !important;
  bottom: 0;
}
.dropdown-submenu:hover:before,
.dropdown-submenu:hover:after {
  display: block;
  content: '';
  width: 75px;
  height: 30px;
  background: transparent;
  position: absolute;
  right: 0;
}
.dropdown-submenu:hover:before {
  bottom: 100%;
  -webkit-transform-origin: 100% 0;
  -webkit-transform: rotate(-24deg);
  transform-origin: 100% 0;
  transform: rotate(-24deg);
}
.dropdown-submenu:hover:after {
  top: 100%;
  -webkit-transform-origin: 100% 100%;
  -webkit-transform: rotate(24deg);
  transform-origin: 100% 100%;
  transform: rotate(24deg);
}
.dropdown-menu.pull-right .dropdown-submenu:hover:before,
.dropdown-menu.pull-right .dropdown-submenu:hover:after {
  right: auto;
  left: 0;
}
.dropdown-menu.pull-right .dropdown-submenu:hover:before {
  bottom: 100%;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(24deg);
  transform-origin: 0 0;
  transform: rotate(24deg);
}
.dropdown-menu.pull-right .dropdown-submenu:hover:after {
  top: 100%;
  -webkit-transform-origin: 0 100%;
  -webkit-transform: rotate(-24deg);
  transform-origin: 0 100%;
  transform: rotate(-24deg);
}
.dropdown-submenu.hover > .dropdown-menu {
  display: block;
}
.custom-element-popup-popover {
  max-width: 400px;
  min-width: 200px;
  position: absolute;
  box-sizing: border-box;
  display: block;
  z-index: 3000;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.custom-element-popup-popover-light {
  max-width: 400px;
  min-width: 200px;
  position: absolute;
  box-sizing: border-box;
  display: block;
  z-index: 5;
  border-radius: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.object-page-actions-popover {
  position: absolute;
  bottom: 0;
  min-width: 300px;
  z-index: 5;
  border-radius: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.popover {
  z-index: 100000;
  border: 1px solid #dddddd;
  border-radius: 0;
  background: #ffffff;
}
.dropdown-trigger-fade {
  color: inherit;
  opacity: .3;
  font-size: 1.3em;
  text-decoration: none;
  display: inline-block;
}
.dropdown-trigger-fade:hover {
  text-decoration: none;
}
.dropdown-trigger-fade:focus {
  outline: none;
}
.dropdown-trigger-fade:hover {
  color: inherit;
  opacity: 0.8;
}
.open .dropdown-trigger-fade {
  opacity: 0.8;
}
.dropdown-trigger-fade:after {
  display: block;
  content: " ";
  position: absolute;
  left: 5px;
  right: 0;
  top: 0;
  bottom: 0;
}
.master-nav {
  /*
        position and z-index are here
        to make the breadcrumb dropdown box
        go over the other navbar.
    */
  position: relative;
  z-index: 3001;
  background-color: #222222;
  color: #ffffff;
  line-height: 40px;
  height: 40px;
  display: -webkit-flex;
  display: flex;
}
.master-nav a {
  display: inline-block;
  min-width: 30px;
  text-align: center;
  color: inherit;
}
.master-nav a:hover {
  text-decoration: none;
}
.master-nav a:focus {
  outline: none;
}
.master-nav a:hover {
  color: #f2f2f2;
}
.master-nav .dropdown-menu a,
.master-nav .popover a {
  text-align: inherit;
}
.master-nav .master-universe a i {
  width: 40px;
}
.master-nav.master-nav__home--tall {
  height: 50px;
  line-height: 50px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.master-nav.master-nav__home--tall strong {
  font-weight: 500;
}
.master-nav.master-nav__home--tall .master-nav__home--banner {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  text-align: left;
}
.master-nav.master-nav__home--tall .std-list-search-box {
  background-color: rgba(255, 255, 255, 0.1);
  margin: 10px 10px 0 0;
  border-radius: 4px;
  height: 30px;
  padding: 4px;
}
.master-nav.master-nav__home--tall .std-list-search-box span.add-on {
  margin: 2px 0 10px 2px;
  background-color: transparent;
  border: 0;
}
.master-nav.master-nav__home--tall .std-list-search-box i {
  font-size: 13px;
  color: #ffffff;
  background-color: transparent;
  line-height: 20px;
}
.master-nav.master-nav__home--tall .std-list-search-box i.icon-filter {
  color: #ffffff;
}
.master-nav.master-nav__home--tall .std-list-search-box input {
  font-size: 16px;
  color: #ffffff;
  background-color: transparent;
  border: 0;
  height: 20px;
}
.master-nav.master-nav__home--tall a {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
}
.master-nav.master-nav__home--tall a.master-section .master-section__title-block {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 15px;
}
.master-nav.master-nav__home--tall a.master-section .master-section__title-block .master-section__subtitle {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.master-nav.master-nav__home--tall .master-status {
  margin-right: 30px;
  font-size: 22px;
  line-height: 50px;
  color: #cccccc;
  display: flex;
  vertical-align: middle;
}
.master-nav.master-nav__home--tall .main-view {
  top: 64px;
}
.global-finder-nav-outer-box {
  background-color: transparent !important;
  border-radius: 4px;
  width: 200px;
  min-width: 44px;
  overflow: hidden;
  cursor: pointer;
}
.global-finder-nav-outer-box:hover .global-finder-nav-box__text {
  color: #ffffff;
}
.global-finder-nav-outer-box:hover .global-finder-nav-box__shortcut {
  display: inline-block;
}
.global-finder-nav-box {
  background-color: rgba(255, 255, 255, 0.1);
  margin: 5px 0 5px 10px;
  border-radius: 4px;
  height: 30px !important;
  padding: 4px;
  overflow: hidden;
}
.global-finder-nav-box__icon {
  font-size: 18px;
  margin-left: 4px;
  margin-right: 8px;
  vertical-align: top;
  display: inline-block;
  line-height: 23px;
}
.global-finder-nav-box__text {
  color: #999999;
  font-size: 14px;
  display: inline-block;
  line-height: 23px;
}
.global-finder-nav-box__shortcut {
  color: #999999;
  font-size: 12px;
  display: none;
  float: right;
  margin-right: 5px;
  line-height: 23px;
}
.master-nav__home--tall .global-finder-nav-outer-box {
  width: 220px;
}
.master-nav__home--tall .global-finder-nav-box {
  margin: 10px 0 10px 10px;
}
.master-nav__home--tall .global-finder-nav-box__icon {
  line-height: 24px;
}
.master-nav__home--tall .global-finder-nav-box__text {
  font-size: 16px;
  line-height: 23px;
}
.themed .master-nav.master-nav__home--tall .std-list-search-box {
  background-color: rgba(68, 68, 68, 0.6);
}
.master-nav__tile {
  margin-left: 5px;
  flex: 0 0 auto;
}
.master-nav__tile--grow {
  flex: 1 1 auto;
  white-space: nowrap;
  font-weight: 400;
}
.master-nav__tile--grow .master-section {
  font-size: 14px;
  text-transform: capitalize;
}
.master-nav-bottom-caret {
  display: inline-block;
}
.master-nav-bottom-caret:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  bottom: 0;
  left: calc(48%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #ffffff;
}
.master-nav__logo a {
  font-size: 20px;
}
.master-nav__logo a .icon-dkubird {
  vertical-align: middle;
}
.master-nav__menu {
  background-color: #333333;
  box-shadow: 0 5px 5px -3px rgba(34, 34, 34, 0.2), 0 3px 14px 2px rgba(34, 34, 34, 0.12), 0 8px 10px 1px rgba(34, 34, 34, 0.14);
  position: absolute;
  left: 0;
  top: 100%;
  transition: height 150ms ease-out;
  display: none;
  z-index: 3001;
}
.master-nav__menu ul,
.master-nav__menu li {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
}
.master-nav__menu li {
  color: #ffffff;
}
.master-nav__menu li:hover {
  background-color: #444444;
}
.master-nav__menu li .master-section {
  -webkit-transition: color 400ms ease-out;
  transition: color 400ms ease-out;
}
.master-nav__menu hr {
  margin: 0 2px;
  border-top: 1px solid #444444;
  border-bottom: 0;
}
.master-nav__menu .master-section {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color 400ms ease-out;
  transition: color 400ms ease-out;
  text-transform: capitalize;
  text-align: left;
}
.master-nav__menu .master-section .master-section__shortcut {
  float: right;
  color: #bbbbbb;
  font-size: 12px;
}
.master-nav__menu.master-nav__menu--right {
  right: 0;
  left: auto;
}
.master-nav__menu.master-nav__menu--with-icons .master-section {
  line-height: initial;
  height: 50px;
}
.master-nav__menu.master-nav__menu--with-icons .master-section .master-section__title-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  height: 50px;
  line-height: 1.4;
}
.master-nav__menu.master-nav__menu--with-icons .master-section .master-section__title-block .master-section__subtitle {
  font-size: 11px;
  color: #bbbbbb;
  text-transform: initial;
}
.master-nav__menu.master-nav__menu--with-icons .master-section .master-section__title i {
  font-size: 0.7em;
}
.master-nav__menu.master-nav__menu--with-icons .master-section .master-section__icon {
  float: left;
  color: #bbbbbb;
  font-size: 20px;
  line-height: 50px;
  width: 36px;
}
.master-nav__menu.master-nav__menu--with-icons .master-section .master-section__shortcut {
  line-height: 50px;
}
/* Dropdown Menu opening */
.master-nav__menu-trigger {
  outline: none;
}
.master-nav__menu-trigger:hover:not(.js-blurred) {
  position: relative;
  /* Nav active states */
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-nav__menu {
  display: block;
  width: 200px;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-nav__menu.master-nav__menu--with-icons {
  width: 300px;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--flow .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #28a9dd;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--flow .master-section.recipes.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #f9bd38;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--analyses .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #29af5d;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--notebooks .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #f28c38;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--jobs .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #8541aa;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--wiki .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #427b98;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--dashboard .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #f44336;
}
.master-nav__menu-trigger:hover:not(.js-blurred).master-nav__menu--more .master-section.active:before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 4px;
  background: #54707e;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--flow:not(.active) {
  color: #28a9dd;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--analyses:not(.active) {
  color: #29af5d;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--notebooks:not(.active) {
  color: #f28c38;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--jobs:not(.active) {
  color: #8541aa;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--wiki:not(.active) {
  color: #427b98;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--dashboard:not(.active) {
  color: #f44336;
}
.master-nav__menu-trigger:hover:not(.js-blurred) .master-universe__icon--more:not(.active) {
  color: #54707e;
}
.master-nav__menu-trigger--on-focus {
  position: relative;
}
.master-nav__menu-trigger--on-focus .master-nav__menu {
  /* Disable visibility by default, delay to enable clicks */
  visibility: hidden;
  transition: visibility 0.2s;
  width: 200px;
}
.master-nav__menu-trigger--on-focus .master-nav__menu.master-nav__menu--with-icons {
  width: 300px;
}
/* Clickable Dropdown Menu opening */
.master-nav__menu-trigger--on-focus:focus:not(.js-blurred) {
  outline: none;
}
.master-nav__menu-trigger--on-focus:focus:not(.js-blurred) .master-nav__menu {
  visibility: visible;
  display: block;
}
.master-nav__home {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.master-nav__home a {
  padding: 0 10px;
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.master-nav__home--banner {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  padding: 0 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.master-nav__home--banner strong {
  font-weight: 500;
}
.master-nav__home--project-title-with-branch {
  display: flex;
  align-items: baseline;
}
.master-nav__home--project-title {
  padding-right: 6px !important;
  max-width: 250px !important;
}
.master-nav__home--branch-separator {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}
.master-nav__home--branch {
  padding-left: 4px !important;
  max-width: 150px !important;
}
.master-universe {
  display: -webkit-flex;
  display: flex;
}
.master-universe__icon {
  font-size: 18px;
  flex: 0 0 auto;
  width: 40px;
}
.master-universe__icon:not(.active):not(:hover) {
  color: rgba(255, 255, 255, 0.5);
}
.master-universe__icon.active,
.master-universe__icon.active:hover {
  color: #ffffff;
}
.master-universe__icon.master-universe__icon--flow.active {
  background-color: #28a9dd;
}
.master-universe__icon.master-universe__icon--flow.recipes.active {
  background-color: #f9bd38;
}
.master-universe__icon.master-universe__icon--datasets.active {
  background-color: #28a9dd;
}
.master-universe__icon.master-universe__icon--analyses.active {
  background-color: #29af5d;
}
.master-universe__icon.master-universe__icon--notebooks.active {
  background-color: #f28c38;
}
.master-universe__icon.master-universe__icon--jobs.active {
  background-color: #8541aa;
}
.master-universe__icon.master-universe__icon--dashboard.active {
  background-color: #f44336;
}
.master-universe__icon.master-universe__icon--wiki.active {
  background-color: #427b98;
}
.master-universe__icon.master-universe__icon--more.active {
  background-color: #54707e;
}
.master-universe__title {
  float: right;
  margin-left: 4px;
  margin-right: 8px;
  cursor: pointer;
}
.master-section {
  color: #ffffff;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0px 16px;
  position: relative;
}
.master-section--heading {
  display: inline-block;
  padding: 0px 12px;
}
.master-section--api-deployer {
  background-color: #2ab1ac;
}
.master-section--project-deployer {
  background-color: #3f51b5;
}
.master-section__icon {
  font-size: 20px;
  padding-right: 4px;
}
.master-section__icon--deployer {
  position: relative;
  top: 2px;
}
.master-node {
  padding: 0 15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 600px;
}
.master-status {
  margin-right: 10px;
  font-size: 20px;
  line-height: 40px;
  color: #cccccc;
  display: flex;
}
.master-status span:not(.master-status__icon--usercenter) a:hover > i,
.master-status div a:hover > i {
  color: #ffffff;
  opacity: 1;
}
.master-status a > i {
  color: #ffffff;
  opacity: 0.7;
}
.master-status__icon-right > a {
  width: 40px;
}
.master-status__icon {
  flex: 0 0 auto;
  display: inline-block;
  width: 30px;
  text-align: center;
}
.master-status__icon.master-status__icon-right {
  width: 40px;
}
.master-status__icon.master-status__icon-right a {
  width: 40px;
}
.master-status__icon .red-circle {
  position: absolute;
  top: 5px;
  right: 4px;
  background: #ce1228;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  border: 2px solid #222222;
  -webkit-animation: bounceIn 1.5s ease 2s 1, colorchange 10s ease 5s 3;
  animation: bounceIn 1.5s ease 2s 1, colorchange 10s ease 5s 3;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes colorchange {
  10% {
    background: #ff0d0d;
  }
  20% {
    background: #ff5151;
  }
  30% {
    background: #ff9595;
  }
  40% {
    background: #ff5151;
  }
  50% {
    background: #ff0d0d;
  }
  60% {
    background: #c80000;
  }
  70% {
    background: #840000;
  }
  80% {
    background: #400000;
  }
  90% {
    background: #840000;
  }
  100% {
    background: #c80000;
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  10% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  40% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.master-status__icon--quickgo {
  margin-right: 0;
}
.master-status__icon--usercenter .avatar20 {
  position: relative;
  top: -2px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  display: inline-block;
}
.master-status__icon--usercenter .unread {
  border-radius: 50%;
  background-color: #ce1228;
  color: #ffffff;
  font-size: 16px;
  min-width: 35px;
  width: 35px;
  height: 35px;
}
.master-status__icon--usercenter .unread i {
  position: relative !important;
  top: -2px;
}
.object-quick-view-wrapper {
  width: 75%;
}
.object-quick-view-wrapper .object-quick-view {
  opacity: 0;
  transition: opacity 400ms ease;
}
.object-quick-view-wrapper.visible .object-quick-view {
  opacity: 1;
}
.object-quick-view-wrapper .object-details,
.object-quick-view-wrapper .item-header {
  transition-property: opacity;
  transition-duration: .4s;
}
.object-quick-view-wrapper.loading .object-details,
.object-quick-view-wrapper.loading .item-header {
  opacity: 0.5;
}
.object-quick-view {
  z-index: 300000;
  box-shadow: 3px 3px 8px 1px #222222;
  background: #ffffff;
  width: 750px;
  height: 400px;
  overflow: hidden;
}
.object-quick-view .object-details {
  width: 100%;
  *zoom: 1;
}
.object-quick-view .object-details a {
  color: #333333;
}
.object-quick-view .object-details:before,
.object-quick-view .object-details:after {
  display: table;
  content: "";
  line-height: 0;
}
.object-quick-view .object-details:after {
  clear: both;
}
.object-quick-view .object-details [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
  *margin-left: 2.07446809%;
}
.object-quick-view .object-details [class*="span"]:first-child {
  margin-left: 0;
}
.object-quick-view .object-details .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.12765957%;
}
.object-quick-view .object-details .span12 {
  width: 100%;
  *width: 99.94680851%;
}
.object-quick-view .object-details .span11 {
  width: 91.4893617%;
  *width: 91.43617021%;
}
.object-quick-view .object-details .span10 {
  width: 82.9787234%;
  *width: 82.92553191%;
}
.object-quick-view .object-details .span9 {
  width: 74.46808511%;
  *width: 74.41489362%;
}
.object-quick-view .object-details .span8 {
  width: 65.95744681%;
  *width: 65.90425532%;
}
.object-quick-view .object-details .span7 {
  width: 57.44680851%;
  *width: 57.39361702%;
}
.object-quick-view .object-details .span6 {
  width: 48.93617021%;
  *width: 48.88297872%;
}
.object-quick-view .object-details .span5 {
  width: 40.42553191%;
  *width: 40.37234043%;
}
.object-quick-view .object-details .span4 {
  width: 31.91489362%;
  *width: 31.86170213%;
}
.object-quick-view .object-details .span3 {
  width: 23.40425532%;
  *width: 23.35106383%;
}
.object-quick-view .object-details .span2 {
  width: 14.89361702%;
  *width: 14.84042553%;
}
.object-quick-view .object-details .span1 {
  width: 6.38297872%;
  *width: 6.32978723%;
}
.object-quick-view .object-details .offset12 {
  margin-left: 104.25531915%;
  *margin-left: 104.14893617%;
}
.object-quick-view .object-details .offset12:first-child {
  margin-left: 102.12765957%;
  *margin-left: 102.0212766%;
}
.object-quick-view .object-details .offset11 {
  margin-left: 95.74468085%;
  *margin-left: 95.63829787%;
}
.object-quick-view .object-details .offset11:first-child {
  margin-left: 93.61702128%;
  *margin-left: 93.5106383%;
}
.object-quick-view .object-details .offset10 {
  margin-left: 87.23404255%;
  *margin-left: 87.12765957%;
}
.object-quick-view .object-details .offset10:first-child {
  margin-left: 85.10638298%;
  *margin-left: 85%;
}
.object-quick-view .object-details .offset9 {
  margin-left: 78.72340426%;
  *margin-left: 78.61702128%;
}
.object-quick-view .object-details .offset9:first-child {
  margin-left: 76.59574468%;
  *margin-left: 76.4893617%;
}
.object-quick-view .object-details .offset8 {
  margin-left: 70.21276596%;
  *margin-left: 70.10638298%;
}
.object-quick-view .object-details .offset8:first-child {
  margin-left: 68.08510638%;
  *margin-left: 67.9787234%;
}
.object-quick-view .object-details .offset7 {
  margin-left: 61.70212766%;
  *margin-left: 61.59574468%;
}
.object-quick-view .object-details .offset7:first-child {
  margin-left: 59.57446809%;
  *margin-left: 59.46808511%;
}
.object-quick-view .object-details .offset6 {
  margin-left: 53.19148936%;
  *margin-left: 53.08510638%;
}
.object-quick-view .object-details .offset6:first-child {
  margin-left: 51.06382979%;
  *margin-left: 50.95744681%;
}
.object-quick-view .object-details .offset5 {
  margin-left: 44.68085106%;
  *margin-left: 44.57446809%;
}
.object-quick-view .object-details .offset5:first-child {
  margin-left: 42.55319149%;
  *margin-left: 42.44680851%;
}
.object-quick-view .object-details .offset4 {
  margin-left: 36.17021277%;
  *margin-left: 36.06382979%;
}
.object-quick-view .object-details .offset4:first-child {
  margin-left: 34.04255319%;
  *margin-left: 33.93617021%;
}
.object-quick-view .object-details .offset3 {
  margin-left: 27.65957447%;
  *margin-left: 27.55319149%;
}
.object-quick-view .object-details .offset3:first-child {
  margin-left: 25.53191489%;
  *margin-left: 25.42553191%;
}
.object-quick-view .object-details .offset2 {
  margin-left: 19.14893617%;
  *margin-left: 19.04255319%;
}
.object-quick-view .object-details .offset2:first-child {
  margin-left: 17.0212766%;
  *margin-left: 16.91489362%;
}
.object-quick-view .object-details .offset1 {
  margin-left: 10.63829787%;
  *margin-left: 10.53191489%;
}
.object-quick-view .object-details .offset1:first-child {
  margin-left: 8.5106383%;
  *margin-left: 8.40425532%;
}
.object-quick-view .object-details .accordion-title i {
  display: none;
}
.object-quick-view .object-details div[data-block=left] {
  float: left;
  width: 41.66666666666666%;
  *width: 41.597222222222214%;
  min-height: 1px;
}
.object-quick-view .object-details div[data-block=right] {
  float: left;
  width: 58.33333333333333%;
  *width: 58.263888888888886%;
}
.object-quick-view .object-details div[data-block=right] .block.border:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.help-menu {
  display: flex;
  flex-direction: column;
}
.help-menu .std-list-search-box {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #dddddd;
  line-height: 27px;
  padding: 3px 5px;
}
.help-menu .std-list-search-box .add-on {
  flex: 0 0 auto;
  background-color: transparent;
  border: 0;
}
.help-menu .std-list-search-box .add-on i {
  font-size: 12px;
}
.help-menu .std-list-search-box .input-with-icon-wrapper {
  flex: 1 1 0;
}
.help-menu .std-list-search-box .input-with-icon-wrapper input {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  border: 0;
}
.help-menu .std-list-search-box .input-with-icon-wrapper input:focus {
  outline: none;
}
.help-menu .algolia-docsearch-suggestion--highlight,
.help-menu em {
  font-weight: 500;
  color: #333333;
  font-style: normal;
}
.help-menu .search-result-wrapper {
  flex: 0 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0;
}
.help-menu .search-result-wrapper ul.nav {
  margin-bottom: 0;
}
.help-menu .search-result-wrapper li img {
  padding-right: 15px;
  height: 20px;
  display: inline-block;
}
.help-menu .search-result-wrapper li a {
  width: 100%;
  box-sizing: border-box;
  line-height: 24px;
  padding: 0;
  padding-left: 15px;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 13px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0;
}
.help-menu .search-result-wrapper li .item-text {
  padding-left: 38px;
  margin-top: -2px;
}
.help-menu .search-result-wrapper li em {
  font-weight: 500;
  font-style: normal;
  color: #333333;
}
.help-menu .search-result tr.link-line:hover {
  background-color: #f2f2f2;
}
.help-menu .search-result td {
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: top;
}
.help-menu .search-result td.category {
  font-size: 13px;
  color: #333333;
  font-weight: 500;
}
.help-menu .search-result td.subcategory {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.help-menu .search-result td.subcategory a {
  font-size: 12px;
  color: #bbbbbb;
}
.help-menu .search-result td.content a {
  font-size: 13px;
  color: #333333;
}
.help-menu .search-result td:last-child {
  padding-right: 10px;
}
.help-menu .search-result a {
  width: 100%;
  display: block;
}
.help-menu .search-result a:hover {
  text-decoration: none;
}
.help-menu .search-result .item-text {
  font-size: 10px;
  color: #bbbbbb;
  line-height: 14px;
}
.help-menu .additional-links-wrapper {
  flex: 0 0 auto;
  padding: 10px 0px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #dddddd;
}
.help-menu .additional-links-wrapper .additional-links li .icon {
  margin-right: 10px;
}
.help-menu .additional-links-wrapper .additional-links li:not(.no-left-padding) {
  padding-left: 40px;
}
.help-menu .dku-toggle.dku-toggle input:checked + *:before {
  background: #2ab1ac;
}
.additional-links {
  list-style: none;
  margin: 0;
  flex: 1 1 0;
}
.additional-links li {
  line-height: 23px;
  padding-left: 10px;
}
.additional-links li:not(.no-hover-effect):hover {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.additional-links li.divider {
  padding: 0;
  margin: 0;
  border: none;
}
.additional-links li a {
  color: #666666;
}
.additional-links li a:hover {
  text-decoration: none;
}
.additional-links li a.secondary-link {
  margin-left: 10px;
  margin-right: 10px;
  color: #0088cc;
}
.mx-top-level-tabs {
  margin: 0 !important;
}
.mx-top-level-tabs .tab {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2px;
  display: inline-block;
  list-style: none;
  padding: 0px 13px 0px;
  margin: 0 3px;
  line-height: 48px;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: none;
  position: relative;
  color: #666666;
}
.mx-top-level-tabs .tab:hover {
  text-decoration: none;
}
.mx-top-level-tabs .tab:focus {
  outline: none;
}
.mx-top-level-tabs .tab:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -1px;
  content: ' ';
  z-index: -1;
  height: 46px;
}
.mx-top-level-tabs .tab.enabled {
  z-index: 3;
  font-weight: 500;
  position: relative;
}
.mx-top-level-tabs .tab.enabled:before {
  border-bottom: 2px solid #666666;
}
.mx-top-level-tabs .tab.enabled:not(.dku-fw500-width) {
  padding: 0 10px 1px;
}
.mx-top-level-tabs .tab.tab--compact {
  margin: 0px;
  padding: 0px;
}
.object-nav {
  background: #ffffff;
  height: 47px;
  border-bottom: 1px solid #dddddd;
  margin: 0 !important;
}
.object-nav.horizontal-flex {
  height: 48px;
}
.object-nav .object-breadcrumb {
  line-height: 48px;
  height: 48px;
  vertical-align: top;
  display: inline-block;
  position: static;
  /* mjt stop messy dropping into next line when dcreen narrow  relative;*/
  z-index: 2;
  background: transparent;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.object-nav .object-breadcrumb .item {
  height: 48px;
  display: block;
  padding: 0;
  color: #333333;
  font-size: 0;
  display: flex;
  cursor: inherit;
}
.object-nav .object-breadcrumb .item:hover {
  text-decoration: none;
}
.object-nav .object-breadcrumb .item:focus {
  outline: none;
}
.object-nav .object-breadcrumb .item .icon {
  width: 50px;
  text-align: center;
  font-size: 26px;
  line-height: 48px;
  color: #ffffff;
  display: inline-block;
  flex: 0 0 auto;
}
.object-nav .object-breadcrumb .item .icon:before {
  top: 1px;
}
.object-nav .object-breadcrumb .item .object-breadcrumb__link {
  color: #333333;
  cursor: pointer;
  padding: 4px;
  font-weight: 400;
  margin-left: -4px;
  margin-right: 4px;
  border-radius: 3px;
}
.object-nav .object-breadcrumb .item .object-breadcrumb__link:not(.object-breadcrumb__link--disabled):hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
.object-nav .object-breadcrumb .item .object-breadcrumb__link-icon:hover {
  text-decoration: none;
}
.object-nav .object-breadcrumb .item .object-breadcrumb__divider {
  color: #999999;
  font-weight: 400;
}
.object-nav .object-breadcrumb .item .object-breadcrumb__divider + .object-breadcrumb__link {
  margin-left: 4px;
}
.object-nav .object-breadcrumb .item i.nav {
  margin-left: 15px;
  text-align: center;
  font-size: 20px;
  color: #cccccc;
  display: inline-block;
  line-height: 48px;
  flex: 0 0 auto;
}
.object-nav .object-breadcrumb .item i.nav:hover {
  color: #bbbbbb;
}
.object-nav .object-breadcrumb .item .title {
  vertical-align: top;
  display: inline-block;
  padding-left: 12px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  flex: 1 1 auto;
}
.object-nav .object-breadcrumb .item .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.object-nav .object-breadcrumb .item .button--git-action .icon {
  color: #222222;
  line-height: normal;
  width: auto;
}
.object-nav .object-breadcrumb .item:not(.universe-background).icon {
  background-color: #666666;
}
.object-nav .object-breadcrumb .item.flow .icon {
  background-color: #f9bd38;
}
.object-nav .object-breadcrumb .item.dataset .icon {
  background-color: #28a9dd;
}
.object-nav .object-breadcrumb .item.streaming-endpoint .icon {
  background-color: #3b7879;
}
.object-nav .object-breadcrumb .item.folder .icon {
  background-color: #28a9dd;
}
.object-nav .object-breadcrumb .item.analysis .icon {
  background-color: #29af5d;
}
.object-nav .object-breadcrumb .item.model .icon {
  background-color: #f9bd38;
}
.object-nav .object-breadcrumb .item.evaluation-store .icon {
  background-color: #f9bd38;
}
.object-nav .object-breadcrumb .item.notebook .icon {
  background-color: #f28c38;
}
.object-nav .object-breadcrumb .item.job .icon {
  background-color: #8541aa;
}
.object-nav .object-breadcrumb .item.continuous-activity .icon {
  background-color: #3b7879;
}
.object-nav .object-breadcrumb .item.dashboard .icon {
  background-color: #f44336;
}
.object-nav .object-breadcrumb .item.bundle .icon {
  background-color: #54707e;
}
.object-nav .object-breadcrumb .item.macro .icon {
  background-color: #222222;
}
.object-nav .object-breadcrumb .item.lambdaservice .icon {
  background-color: #2ab1ac;
}
.object-nav .object-breadcrumb .icon-caret-down {
  text-decoration: none;
}
.object-nav .object-breadcrumb--tooltip-on-overflow {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow: hidden;
}
.object-nav .object-breadcrumb--tooltip-on-overflow .item .title {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.object-nav .object-breadcrumb--tooltip-on-overflow .item .object-breadcrumb__divider {
  margin: 4px;
}
.object-nav .object-breadcrumb--tooltip-on-overflow .item .object-breadcrumb__link {
  margin-left: 0;
  line-height: normal;
}
.object-nav .object-breadcrumb--tooltip-on-overflow .item .object-breadcrumb__no-tooltip {
  flex: 0 0 auto;
}
.object-nav .object-breadcrumb--tooltip-on-overflow .item .object-breadcrumb__item {
  display: block;
  flex: 0 1 auto;
  position: relative;
  margin-left: 8px;
  margin-right: 4px;
}
.object-nav .object-breadcrumb__dropdown-label {
  display: flex;
  align-items: center;
}
.object-nav .object-breadcrumb__dropdown-label-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 8px;
  line-height: normal;
}
.object-nav .object-breadcrumb__dropdown-menu {
  min-width: 100px;
}
.object-nav .dropdown {
  display: inline-block;
}
.object-nav .pretab {
  display: inline-block;
  float: left;
  padding: 3px 15px;
}
.object-nav .pretab i {
  color: #222222;
}
.object-nav .tab {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2px;
  display: inline-block;
  list-style: none;
  padding: 0px 13px 0px;
  margin: 0 3px;
  line-height: 48px;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: none;
  position: relative;
  color: #666666;
}
.object-nav .tab:hover {
  text-decoration: none;
}
.object-nav .tab:focus {
  outline: none;
}
.object-nav .tab:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -1px;
  content: ' ';
  z-index: -1;
  height: 46px;
}
.object-nav .tab.enabled {
  z-index: 3;
  font-weight: 500;
  position: relative;
}
.object-nav .tab.enabled:before {
  border-bottom: 2px solid #666666;
}
.object-nav .tab.enabled:not(.dku-fw500-width) {
  padding: 0 10px 1px;
}
.object-nav .tab.tab--compact {
  margin: 0px;
  padding: 0px;
}
.object-nav > div.pull-right > span > a.tab {
  vertical-align: top;
}
.object-nav .otherTitle {
  margin-top: 11px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.2px;
  padding: 0 15px;
  height: 24px;
  line-height: 22px;
}
.object-nav .otherLinks {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  margin-right: 10px;
  white-space: nowrap;
}
.object-nav .otherLinks a {
  text-decoration: none !important;
}
.object-nav .otherLinks .btn-group {
  margin-left: 10px;
}
.object-nav .otherLinks .btn-info {
  background: #3b99fc;
  color: #ffffff;
  border: 1px solid transparent;
}
.object-nav .otherLinks .btn-info:hover {
  color: #ffffff;
  transition: all 0.2s ease;
  background: #459efc;
}
.object-nav .otherLinks .btn-info:active,
.object-nav .otherLinks .btn-info:focus {
  color: #ffffff;
  box-shadow: none;
  background: #3194fc;
}
.object-nav .otherLinks .btn-info[disabled],
.object-nav .otherLinks .btn-info:disabled,
.object-nav .otherLinks .btn-info.disabled {
  background: #3b99fc;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.object-nav .otherLinks .dropdown a.dropdown-toggle {
  color: #333333;
}
.object-nav .otherLinks .btn.snippet-selector-switch.active {
  background: #f2f2f2;
}
.object-nav .otherLinks .btn.snippet-selector-switch.active:hover {
  color: #222222;
}
.otherLinks .btn {
  margin-left: 10px;
  margin-top: 11px;
}
.mx-out-of-tabs-link {
  display: inline-block;
  margin-right: 24px;
  height: 48px;
  line-height: 48px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.mx-out-of-tabs-link:hover {
  text-decoration: none;
}
.mx-out-of-tabs-link:focus {
  outline: none;
}
.top-level-tabs {
  position: relative;
  z-index: 4;
  background-color: #f2f2f2;
}
.top-level-tabs .to-original-dataset-link {
  display: inline-block;
  margin-right: 24px;
  height: 48px;
  line-height: 48px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.top-level-tabs .to-original-dataset-link:hover {
  text-decoration: none;
}
.top-level-tabs .to-original-dataset-link:focus {
  outline: none;
}
.page-with-subnav .topbar {
  background: #ffffff;
  box-sizing: border-box;
  padding: 10px;
}
.page-with-subnav > .mainzone {
  border-top: 1px solid #dddddd;
}
.mx-subnav-selector-popover-base {
  padding: 0;
  border-top: none;
}
.mx-subnav-selector-popover-base ul {
  margin: 0;
}
.mx-subnav-selector-popover-base ul li {
  list-style: none;
  line-height: 26px;
}
.mx-subnav-selector-popover-base ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.mx-subnav-selector-popover-base ul li a:hover {
  text-decoration: none;
}
.mx-subnav-selector-popover-base ul li a:focus {
  outline: none;
}
.mx-subnav-selector-popover-base ul li a i {
  font-size: 17px;
  vertical-align: middle;
}
.mx-subnav-selector-popover-base ul li:nth-child(odd) {
  background: #f2f2f2;
}
.mx-subnav-selector-popover-base ul li:hover {
  background: #f2f2f2;
}
.mx-subnav-selector-popover-base ul li.divider {
  border-top: 1px solid #dddddd;
}
.subnav-selector-popover {
  display: block;
  width: 250px;
  padding: 0;
  border-top: none;
}
.subnav-selector-popover ul {
  margin: 0;
}
.subnav-selector-popover ul li {
  list-style: none;
  line-height: 26px;
}
.subnav-selector-popover ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.subnav-selector-popover ul li a:hover {
  text-decoration: none;
}
.subnav-selector-popover ul li a:focus {
  outline: none;
}
.subnav-selector-popover ul li a i {
  font-size: 17px;
  vertical-align: middle;
}
.subnav-selector-popover ul li:nth-child(odd) {
  background: #f2f2f2;
}
.subnav-selector-popover ul li:hover {
  background: #f2f2f2;
}
.subnav-selector-popover ul li.divider {
  border-top: 1px solid #dddddd;
}
.subnav-selector-popover li > a {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  padding: 2px 6px;
  color: #333333;
  padding-left: 5px;
}
.subnav-selector-popover li > a i {
  display: inline-block;
  margin-left: 4px;
  margin-right: 8px;
  text-align: center;
  width: 16px;
}
.subnav-selector-popover li > a:hover,
.subnav-selector-popover li > a:focus {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
.subnav-selector .mainzone {
  display: inline-block;
}
.subnav-page-header-name {
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  max-width: 200px;
}
.subnav-page-header-name:hover {
  text-decoration: none;
}
.subnav-page-header-name:focus {
  outline: none;
}
.activity-animation {
  height: 40px;
  vertical-align: initial;
}
.activity-indicator {
  position: absolute;
  display: block;
  margin: 0 auto;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  height: 15px;
  /* FIXME : this is certainly not the best way to fix the problem */
  z-index: -1;
}
.activity-indicator.in {
  z-index: 10000;
}
.activity-indicator .type-progress,
.activity-indicator .type-success,
.activity-indicator .type-error,
.activity-indicator .type-warning {
  text-align: center;
  border-radius: 0 0 5px 5px;
  padding: 0.5em;
  font-size: 14px;
  color: rgba(34, 34, 34, 0.75);
}
.activity-indicator .type-progress:first-letter,
.activity-indicator .type-success:first-letter,
.activity-indicator .type-error:first-letter,
.activity-indicator .type-warning:first-letter {
  text-transform: capitalize;
}
.activity-indicator .type-progress {
  background-color: #d9e6ed;
}
.activity-indicator .type-success {
  background-color: #d7f0d6;
}
.activity-indicator .type-error {
  background-color: #f9e3e5;
}
.activity-indicator .type-warning {
  background-color: #fde5ca;
}
.activity-indicator .type--in-chart {
  margin-top: -8px;
}
#dku-contextual-menu.bizarro .dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
  -webkit-border-radius: 6px 6px 0px 6px;
  -moz-border-radius: 6px 6px 0px 6px;
  border-radius: 6px 6px 0px 6px;
}
#dku-contextual-menu {
  max-width: 400px;
  min-width: 200px;
  position: absolute;
  box-sizing: border-box;
  display: block;
  z-index: 3003;
}
#dku-contextual-menu .suggestions input {
  width: 10px;
}
#dku-contextual-menu .divider {
  margin: 1px;
}
.contextualMenuOverlay {
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tab-content {
  position: relative;
  overflow: visible;
  padding: 0 20px;
}
.navbar-inner {
  padding-right: 0px;
}
.navbar-inner .avatar20 {
  margin: -5px 0;
}
.list-page-4 .alert.alert-error {
  margin-bottom: 0;
}
.list-page-4 .sort-box {
  font-size: 0;
  vertical-align: middle;
}
.list-page-4 .sort-box .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 130px;
}
.list-page-4 .sort-box .bootstrap-select button {
  display: inline;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  line-height: 24px;
  padding: 0 4px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.list-page-4 .sort-box .order button {
  border: none;
  padding: 0;
  line-height: 14px;
  border-radius: 0;
  display: inline-block;
  color: #ffffff;
  height: 26px;
  width: 26px;
  text-align: center;
  background-color: #f2f2f2;
  margin-left: -1px;
}
.list-page-4 .sort-box .order button i {
  font-size: 10px;
  color: #666666;
  line-height: 24px;
}
.list-page-4 .sort-box .order button.btn {
  background: #ffffff;
}
.list-page-4 .sort-box .order button.btn i {
  color: #333333;
}
.list-page-4 .right-sidebar {
  border-left: 1px solid #dddddd;
  position: relative;
}
.list-page-4 .right-sidebar .empty-right-column {
  text-align: center;
  margin-top: 100px;
  color: #bbbbbb;
  font-weight: 400;
}
.list-page-4 .summary-row {
  padding: 14px 10px;
  background-color: #f2f2f2;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
}
.list-page-4 .summary-row.summary-row--notebooks-import {
  background-color: #ffffff;
  padding: 0px 0px 16px 4px;
}
.list-page-4 .summary-row.summary-row--single-line {
  height: auto;
}
.list-page-4 .summary-row.summary-row--single-line .order button {
  border-right: none;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.list-page-4 .summary-row .list-page__filter:not(:empty) {
  margin-right: 8px;
}
.list-page-4 .summary-row > div:first-child {
  margin-left: -3px;
}
.list-page-4 .summary-row > div:not(:first-child) {
  margin-left: 5px;
}
.list-page-4 .summary-row > div:empty:not(.force-not-empty) {
  display: none;
}
.list-page-4 .summary-row .dropdown-menu li:hover .icon-trash,
.list-page-4 .summary-row .dropdown-menu li:hover .icon-remove {
  color: #ce1228;
}
.list-page-4 .summary-row .dropdown .btn.disabled {
  opacity: 0.5;
}
.list-page-4 .summary-row .selectAll {
  width: 18px;
  text-align: center;
  display: inline-block;
}
.list-page-4 .summary-row .selectAll input {
  margin: 0;
}
.list-page-4 .summary-row .std-list-search-box {
  position: relative;
}
.list-page-4 .summary-row .std-list-search-box .search-icon {
  font-size: 11px;
  color: #bbbbbb;
  position: absolute;
  right: 5px;
  top: 3px;
}
.list-page-4 .summary-row .std-list-search-box input {
  width: calc(100% - 11px);
}
.list-page-4 .summary-row .std-list-search-box.with-icon input {
  width: calc(100% - 27px);
}
.list-page-4 .summary-row .list-customfilter-box .add-on i {
  color: #333333;
}
.list-page-4 .counters {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  margin-right: 0;
  vertical-align: middle;
}
.list-page-4 .counters small {
  color: #bbbbbb;
  font-size: 0.8em;
}
.list-page-4 .main-list-zone {
  padding: 0px;
  box-sizing: border-box;
  background: #ffffff;
}
.list-page-4 .main-list-zone .scroll-zone {
  overflow: auto;
}
.list-page-4 .main-list-zone ul.list-items {
  margin: 0;
  padding: 0;
}
.list-page-4 .main-list-zone ul.list-items > li,
.list-page-4 .main-list-zone ul.list-items .list-item {
  list-style: none;
  border-bottom: 1px solid #dddddd;
  height: 64px;
  position: relative;
  /* For selection checkbox */
}
.list-page-4 .main-list-zone ul.list-items > li:hover:not(.no-hover),
.list-page-4 .main-list-zone ul.list-items .list-item:hover:not(.no-hover) {
  background-color: #f2f2f2;
}
.list-page-4 .main-list-zone ul.list-items > li.selected,
.list-page-4 .main-list-zone ul.list-items .list-item.selected {
  background-color: #e7f3ff;
}
.list-page-4 .main-list-zone ul.list-items > li label:not(.list-item__toggle),
.list-page-4 .main-list-zone ul.list-items .list-item label:not(.list-item__toggle) {
  padding: 10px 0;
  width: 38px;
  text-align: center;
  float: left;
}
.list-page-4 .main-list-zone ul.list-items > li.selected .hit > .hitContent,
.list-page-4 .main-list-zone ul.list-items .list-item.selected .hit > .hitContent,
.list-page-4 .main-list-zone ul.list-items > li.active .hit > .hitContent,
.list-page-4 .main-list-zone ul.list-items .list-item.active .hit > .hitContent {
  color: #333333;
}
.list-page-4 .main-list-zone ul.list-items > li.selected .hit > .hitContent h4,
.list-page-4 .main-list-zone ul.list-items .list-item.selected .hit > .hitContent h4,
.list-page-4 .main-list-zone ul.list-items > li.active .hit > .hitContent h4,
.list-page-4 .main-list-zone ul.list-items .list-item.active .hit > .hitContent h4 {
  color: #222222;
}
.list-page-4 .main-list-zone ul.list-items .hit {
  color: inherit;
  padding: 12px 10px 7px 10px;
  *zoom: 1;
}
.list-page-4 .main-list-zone ul.list-items .hit:before,
.list-page-4 .main-list-zone ul.list-items .hit:after {
  display: table;
  content: "";
  line-height: 0;
}
.list-page-4 .main-list-zone ul.list-items .hit:after {
  clear: both;
}
.list-page-4 .main-list-zone ul.list-items .hit > .illustration {
  float: left;
  width: 2em;
  text-align: center;
  position: relative;
}
.list-page-4 .main-list-zone ul.list-items .hit > .illustration i {
  font-size: 21px;
  width: 20px;
  height: 20px;
  /* Force override color */
}
.list-page-4 .main-list-zone ul.list-items .hit > .illustration i:not(.universe-color) {
  color: #222222;
}
.list-page-4 .main-list-zone ul.list-items .hit > .illustration i.text-error {
  color: #ce1228;
}
.list-page-4 .main-list-zone ul.list-items .hit > .illustration i.text-success {
  color: #4caf50;
}
.list-page-4 .main-list-zone ul.list-items .hit > .illustration i.text-warning {
  color: #f28c37;
}
.list-page-4 .main-list-zone ul.list-items .hit .illustration__status {
  position: absolute;
  left: 10px;
  top: -4px;
}
.list-page-4 .main-list-zone ul.list-items .hit .illustration__status-icon.illustration__status-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.list-page-4 .main-list-zone ul.list-items .hit > .hitContent {
  margin-left: 64px;
  font-family: 'SourceSansPro';
  color: #222222;
}
.list-page-4 .main-list-zone ul.list-items .hit > .hitContent__no-selection {
  margin-left: 36px;
}
.list-page-4 .main-list-zone ul.list-items .hit > .hitContent--columns {
  display: flex;
  justify-content: space-between;
}
.list-page-4 .main-list-zone ul.list-items .hit > .hitContent .discrete-link {
  color: #666666;
}
.list-page-4 .main-list-zone ul.list-items .hit > .hitContent .discrete-link:hover {
  text-decoration: none;
}
.list-page-4 .main-list-zone ul.list-items .hit > .hitContent .type {
  line-height: 1;
}
.list-page-4 .main-list-zone ul.list-items .hit .extra-actions {
  float: right;
  margin: 14px 20px 0 0;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main {
  min-width: 250px;
  display: inline-block;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 18px;
  margin: 0;
  max-width: 500px;
  display: flex;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__title a {
  color: #222222;
  max-width: 100%;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__subtitle {
  color: #666666;
  white-space: nowrap;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__interests {
  display: inline;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__interests .interests-watch:not(:hover):not(.active),
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__interests .interests-star:not(:hover):not(.active) {
  color: #cccccc;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__interests .interests-watch,
.list-page-4 .main-list-zone ul.list-items .hit .hit-content-main__interests .interests-star {
  margin-left: 8px;
}
.list-page-4 .main-list-zone ul.list-items .hit ul.tags {
  display: inline-block;
  vertical-align: top;
  margin-left: 16px;
}
.list-page-4 .main-list-zone ul.list-items .hit .tags li {
  padding-left: 0;
}
.list-page-4 .main-list-zone ul.list-items .hit .tags li .tag {
  border-radius: 25px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0.5em 0.35em 0;
  overflow: hidden;
  padding: 3px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-page-4 .main-list-zone ul.list-items .hit .tags li .tag:hover {
  opacity: 0.8;
}
.list-page-4 .main-list-zone ul.list-items .hit .hit-content__tags {
  overflow: auto;
  margin-left: 8px;
}
.list-page-4 .main-list-zone ul.list-items .hit .actions {
  float: right;
  opacity: 0;
  margin: 0;
  margin-top: -10px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.list-page-4 .main-list-zone ul.list-items .hit .actions a.action-button {
  color: #666666;
  text-decoration: none;
  font-size: 22px;
  margin-left: 8px;
}
.list-page-4 .main-list-zone ul.list-items .hit .actions:hover {
  opacity: 1;
}
.list-page-4 .main-list-zone ul.list-items .hit:hover .actions {
  opacity: 0.9;
}
.list-page-4 .main-list-zone .list-items:last-child > .no-last-border {
  border-bottom: none;
}
.list-page-4 .right-sidebar {
  background: #ffffff;
}
.list-page-4 .preview h4 {
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-page-4 .preview p {
  font-size: 13px;
}
.list-page-4 .preview h5 {
  border-top: 1px solid #dddddd;
  margin-top: 18px;
  padding-top: 10px;
}
.list-page-4 .preview table {
  font-size: 13px;
  width: 90%;
  text-align: left;
  line-height: 1.5;
  table-layout: fixed;
}
.list-page-4 .preview table td {
  width: 120px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-page-4 .preview .actions {
  padding-top: 8px;
}
.list-page-4 .preview .dropdown-menu a {
  font-size: 13px;
  line-height: 15px;
}
.hit-content__inline-stats {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  margin-left: 16px;
}
.hit-content__inline-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 60px;
}
.hit-content__inline-stat--single {
  font-size: 13px;
  justify-content: center;
  width: auto;
}
.hit-content__inline-stat--single .hit-content__inline-stat-label {
  color: #222222;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.hit-content__inline-stat-value {
  color: #666666;
  font-size: 18px;
}
.hit-content__inline-stat-label {
  color: #666666;
  font-size: 12px;
}
.hit-content__deployment-status {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: #999999;
  font-size: 20px;
  margin-left: 16px;
  vertical-align: middle;
}
.empty-list-cta {
  margin: 110px auto 0 auto;
  max-width: 800px;
  color: #666666;
  text-align: center;
}
.empty-list-cta h1 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 32px;
}
.empty-list-cta p {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 20px;
}
.empty-list-cta p.small {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 20px;
}
.empty-list-cta a {
  text-decoration: none;
}
.main-list-zone .loaded {
  margin-top: -8px;
  float: right;
}
.navbar-icon-button:hover {
  text-decoration: none;
}
.popover {
  max-width: 800px;
  width: auto;
}
.item-header {
  min-height: 42px;
  position: relative;
  background-color: #f2f2f2;
}
.item-header h2.flex {
  margin: 0 0 0 42px;
  vertical-align: top;
  padding: 10px;
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 400;
  text-transform: none;
  word-break: break-all;
}
.item-header h2.flex a,
.item-header h2.flex a:hover {
  vertical-align: text-bottom;
  color: #333333;
  text-decoration: none;
}
.item-header h2.flex small {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
}
.item-header .object-icon {
  width: 42px;
  text-align: center;
  position: absolute;
  height: 100%;
}
.item-header .object-icon .middle {
  height: 24px;
  top: 50%;
  width: 100%;
  margin-top: -12px;
  position: absolute;
  text-align: center;
}
.item-header .object-icon i.icon {
  color: #ffffff;
  font-size: 24px;
}
.item-header .object-icon.recipe-custom i {
  display: inline-block;
  margin-top: -0.05em;
}
.item-header a.flow,
.item-header a.edit,
.item-header a.delete,
.item-header .btn-header-item {
  padding: 6px;
  margin: 7px;
  font-size: 15px;
  height: 15px;
  color: #666666;
}
.item-header a.flow:hover,
.item-header a.edit:hover,
.item-header a.delete:hover,
.item-header .btn-header-item:hover {
  text-decoration: none;
}
.item-header a.flow,
.item-header .btn-header-item {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.item-header a.flow.disabled,
.item-header .btn-header-item.disabled {
  opacity: 0.6;
  cursor: no-drop;
}
.item-header .btn-items {
  margin: 8px 8px 0 0;
}
.item-header .btn-header-item {
  box-sizing: content-box;
  line-height: 15px;
}
.column-header-tabs {
  border-bottom: 1px solid #dddddd;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  box-sizing: border-box;
  padding: 8px 10px 0;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.column-header-tabs .tab {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  line-height: auto;
  text-align: center;
}
.column-header-tabs .tab:first-child {
  text-align: left;
}
.column-header-tabs .tab:last-child {
  text-align: right;
}
.column-header-tabs .tab .title {
  padding: 0 3px;
  display: inline-block;
  font-weight: 400;
}
.column-header-tabs .tab.active .title {
  font-weight: 600;
  border-bottom: 2px solid #333333;
}
.object-right-column-summary .ellipsed-list-loading {
  height: 55px;
  overflow: hidden;
}
.object-right-column-summary .tags-zone {
  margin: 10px 0;
}
.object-right-column-summary .padded-section {
  padding: 10px;
}
.object-right-column-summary .details-tab {
  padding-bottom: 1px;
}
.object-right-column-summary .short-desc-edition .CodeMirror {
  height: 100px;
  border: 1px solid #dddddd;
  margin-bottom: 3px;
}
.object-right-column-summary .icons-section.icons-main.icons-main,
.object-right-column-summary .icons-section.icons-flow-zones.icons-main {
  padding: 16px 16px 0 16px;
}
.object-right-column-summary .icons-section.icons-main.icons-flow-zones,
.object-right-column-summary .icons-section.icons-flow-zones.icons-flow-zones {
  padding: 0 16px 16px;
}
.object-right-column-summary .icons-section.icons-main .action-icon,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon {
  box-sizing: border-box;
  margin-bottom: 0px;
}
.object-right-column-summary .icons-section.icons-main .action-icon:empty,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon:empty {
  padding-top: 0;
}
.object-right-column-summary .icons-section.icons-main .action-icon.more i,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon.more i {
  font-size: 27px;
  line-height: 53px;
}
.object-right-column-summary .icons-section.icons-main .action-icon i,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon i {
  margin-bottom: 0;
  font-size: 25px;
  color: #333333;
  line-height: 37px;
}
.object-right-column-summary .icons-section.icons-main .action-icon.icons-danger i,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon.icons-danger i,
.object-right-column-summary .icons-section.icons-main .action-icon.icons-danger label,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon.icons-danger label {
  color: #ce1228;
}
.object-right-column-summary .icons-section.icons-main .action-icon.disabled i,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon.disabled i,
.object-right-column-summary .icons-section.icons-main .action-icon.disabled i:hover,
.object-right-column-summary .icons-section.icons-flow-zones .action-icon.disabled i:hover {
  color: #cccccc;
}
.object-right-column-summary .icons-section {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.object-right-column-summary .icons-section .action-icon {
  align-items: center;
  border-radius: 2px;
  display: flex;
  -webkit-flex: 0 0 55px;
  flex: 0 0 55px;
  flex-direction: column;
  margin-bottom: 10px;
  text-align: center;
}
.object-right-column-summary .icons-section .action-icon:hover:not(.disabled):not(:empty) {
  background: #f2f2f2;
}
.object-right-column-summary .icons-section .action-icon:empty {
  height: 0 !important;
  margin-bottom: 0;
}
.object-right-column-summary .icons-section .action-icon.disabled > div {
  opacity: 0.7;
}
.object-right-column-summary .icons-section .action-icon.disabled i,
.object-right-column-summary .icons-section .action-icon.disabled i:hover {
  color: #cccccc;
}
.object-right-column-summary .icons-section .action-icon a:hover {
  text-decoration: none;
}
.object-right-column-summary .icons-section .action-icon a:focus {
  outline: none;
}
.object-right-column-summary .icons-section .action-icon i {
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 1;
  height: 32px;
  display: block;
}
.object-right-column-summary .icons-section .action-icon label {
  text-align: center;
  display: block;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.object-right-column-summary .icons-section .action-icon.action--long label {
  text-indent: -0.3em;
  max-width: 62px;
  overflow-x: visible;
}
.object-right-column-summary .icons-section-wrap .action-icon {
  padding-top: 6px;
  text-indent: 0;
}
.object-right-column-summary .icons-section-wrap .action-icon label {
  height: 30px;
}
.object-right-column-summary .icons-section-wrap .action-icon {
  width: 55px;
}
.object-right-column-summary .icons-section-wrap .action-icon label {
  white-space: normal;
}
.object-right-column-summary .icons-analysis .action-icon,
.object-right-column-summary .icons-notebooks .action-icon {
  width: 80px;
  flex: 0 0 80px;
}
.object-right-column-summary .icons-analysis .action-icon label,
.object-right-column-summary .icons-notebooks .action-icon label {
  text-indent: 0;
  max-width: 80px;
}
.object-right-column-summary .actions-tab {
  /* double width for plugin buttons and hide extra text */
}
.object-right-column-summary .actions-tab .icons-plugins .action-icon {
  width: 100px;
  padding-left: 4px;
  padding-right: 4px;
}
.object-right-column-summary .actions-tab .icons-plugins .action-icon label {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  max-width: 70px;
  max-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.object-right-column-summary .actions-tab .icons-section-wrap .action-icon {
  width: 55px;
}
.object-right-column-summary .actions-tab .icons-section-wrap .action-icon label {
  white-space: normal;
}
.object-right-column-summary .actions-tab .fullwidth-action {
  width: 100%;
  margin: 20px 0;
  text-align: center;
}
.object-right-column-summary .actions-tab .other-actions ul li {
  padding: 0px 15px 3px 15px;
}
.object-right-column-summary .actions-tab__none {
  color: #bbbbbb;
  font-size: 16px;
  margin: 16px;
  text-align: center;
}
.object-right-column-summary .accordion.no-border h4.accordion-title {
  margin-top: -15px;
  border-top: none;
}
.object-right-column-summary .accordion--first {
  padding-top: 0px;
}
.object-right-column-summary .accordion {
  margin: 0;
}
.object-right-column-summary .accordion h4.accordion-title {
  border-top: 1px solid #dddddd;
  margin: 0px;
  padding: 0px 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 43px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
}
.object-right-column-summary .accordion h4.accordion-title.accordion-title--first {
  border-top: none;
}
.object-right-column-summary .accordion h4.accordion-title span,
.object-right-column-summary .accordion h4.accordion-title em {
  font-weight: 400;
  font-style: normal;
}
.object-right-column-summary .accordion h4.accordion-title i {
  float: right;
  font-size: 11px;
  line-height: 43px;
}
.object-right-column-summary .accordion .accordion-title-schema {
  margin: 0 15px;
  line-height: 43px;
  font-size: 17px;
  font-weight: normal;
}
.object-right-column-summary .accordion > ul {
  margin: 0;
  padding-left: 0;
}
.object-right-column-summary .accordion > ul:last-child {
  margin-bottom: 15px;
}
.object-right-column-summary .accordion > ul li {
  line-height: 26px;
  padding: 0 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style: none;
}
.object-right-column-summary .accordion > ul li .object-icon {
  font-size: 18px;
  padding-right: 5px;
  position: relative;
  top: 3px;
}
.object-right-column-summary .accordion > ul li .info {
  text-align: right;
  padding-left: 10px;
  font-size: 12px;
  line-height: 22px;
  color: #666666;
}
.object-right-column-summary .accordion > ul li:hover {
  background: #f2f2f2;
}
.object-right-column-summary h2 {
  text-transform: uppercase;
}
.object-right-column-summary .section-title {
  line-height: 20px;
  margin: 12px 0 8px 0;
  border-bottom: 1px solid #dddddd;
}
.object-right-column-summary h3 {
  color: #444444;
  line-height: auto;
  margin: 10px 0 5px 15px;
}
.object-right-column-summary .icons-section {
  padding: 0 10px;
}
.object-right-column-summary .icons-grey i {
  color: #666666;
}
.object-right-column-summary .icons-code i,
.object-right-column-summary .icons-notebooks i {
  color: #f28c38;
}
.object-right-column-summary .icons-code .action-icon,
.object-right-column-summary .icons-notebooks .action-icon {
  padding-top: 6px;
  text-indent: 0;
}
.object-right-column-summary .icons-code .action-icon label,
.object-right-column-summary .icons-notebooks .action-icon label {
  height: 30px;
}
.object-right-column-summary .icons-visual i {
  color: #f9bd38;
}
.object-right-column-summary .icons-visual .action-icon {
  padding-top: 6px;
  text-indent: 0;
}
.object-right-column-summary .icons-visual .action-icon label {
  height: 30px;
}
.object-right-column-summary .icons-continuous i {
  color: #3b7879;
}
.object-right-column-summary .icons-continuous .action-icon {
  padding-top: 6px;
  text-indent: 0;
}
.object-right-column-summary .icons-continuous .action-icon label {
  height: 30px;
}
@media (max-width: 1690px) {
  .object-right-column-summary .icons-section.icons-visual,
  .object-right-column-summary .icons-section.icons-code,
  .object-right-column-summary .icons-section.icons-continuous {
    padding: 0 4px;
  }
  .object-right-column-summary .icons-section.icons-visual .action-icon,
  .object-right-column-summary .icons-section.icons-code .action-icon,
  .object-right-column-summary .icons-section.icons-continuous .action-icon {
    margin-bottom: 0;
    padding: 4px 4px 0 4px;
  }
  .object-right-column-summary .icons-section.icons-visual .action-icon {
    -webkit-flex: 0 0 44px;
    flex: 0 0 44px;
  }
  .object-right-column-summary .icons-section.icons-continuous .action-icon {
    -webkit-flex: 0 0 44px;
    flex: 0 0 44px;
  }
  .object-right-column-summary .icons-section.icons-code .action-icon {
    -webkit-flex: 0 0 36px;
    flex: 0 0 36px;
  }
}
@media (max-width: 1350px) {
  .object-right-column-summary .icons-section.icons-visual,
  .object-right-column-summary .icons-section.icons-code {
    padding: 0 2px;
  }
  .object-right-column-summary .icons-section.icons-visual .action-icon,
  .object-right-column-summary .icons-section.icons-code .action-icon {
    margin-bottom: 0;
    padding: 3px 3px 0 3px;
  }
}
.object-right-column-summary .icons-plugins i {
  color: #aa4141;
}
.object-right-column-summary .icons-plugins .action-icon {
  padding-top: 6px;
  text-indent: 0;
}
.object-right-column-summary .icons-plugins .action-icon label {
  height: 30px;
}
.object-right-column-summary .icons-danger i,
.object-right-column-summary .icons-danger label {
  color: #ce1228;
}
.object-right-column-summary .icons-machine_learning.icons-section {
  padding: 10px;
}
.object-right-column-summary .icons-machine_learning i {
  color: #29af5d;
}
.object-right-column-summary .icons-dashboard i {
  color: #f44336;
}
.object-right-column-summary .icons-analysis i {
  color: #29af5d;
}
.object-right-column-summary p {
  font-size: 13px;
}
.object-right-column-summary .section {
  border-top: 1px solid #dddddd;
  margin-top: 14px;
  padding-top: 7px;
}
.object-right-column-summary h5 {
  margin: 0;
}
.object-right-column-summary .actions {
  padding: 0;
}
.object-right-column-summary table {
  background-color: inherit;
  width: 100%;
  text-align: left;
  table-layout: fixed;
}
.object-right-column-summary table th {
  font-size: 13px;
  padding-bottom: 8px;
  font-weight: 500;
}
.object-right-column-summary table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 8px;
  text-align: right;
}
.object-right-column-summary .description {
  margin-top: 10px;
}
.object-right-column-summary .related-list {
  padding: 10px;
}
.object-right-column-summary .related-list li {
  line-height: 28px;
}
.object-right-column-summary .related-list a:hover {
  text-decoration: none;
}
.object-right-column-summary .related-list .icon {
  font-size: 1em;
}
.object-right-column-summary .object-summary-tab-content h4 {
  font-size: 14px;
}
.object-right-column-summary .object-summary-tab-content hr {
  margin: 0 10px 10px 10px;
}
.object-right-column-summary .object-summary-tab-content .line {
  margin: 0px 10px 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.object-right-column-summary .object-summary-tab-content .line > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.object-right-column-summary .object-summary-tab-content .line > .flex .override-min-width {
  min-width: 0px;
}
.object-right-column-summary .object-summary-tab-content .line > .flex-no-basis,
.object-right-column-summary .object-summary-tab-content .line .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.object-right-column-summary .object-summary-tab-content .line > .flex-no-basis .override-min-width,
.object-right-column-summary .object-summary-tab-content .line .flex-no-basis .override-min-width {
  min-width: 0px;
}
.object-right-column-summary .object-summary-tab-content .line > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.object-right-column-summary .object-summary-tab-content .line > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.object-right-column-summary .object-summary-tab-content .line > .noflex,
.object-right-column-summary .object-summary-tab-content .line .top-level-tabs,
.object-right-column-summary .object-summary-tab-content .line > .alert,
.object-right-column-summary .object-summary-tab-content .line > .bottom-bar,
.object-right-column-summary .object-summary-tab-content .line > .input-append,
.object-right-column-summary .object-summary-tab-content .line > div[block-api-error],
.object-right-column-summary .object-summary-tab-content .line > h1,
.object-right-column-summary .object-summary-tab-content .line > h2,
.object-right-column-summary .object-summary-tab-content .line > h3,
.object-right-column-summary .object-summary-tab-content .line > h4,
.object-right-column-summary .object-summary-tab-content .line > h5,
.object-right-column-summary .object-summary-tab-content .line > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.object-right-column-summary .object-summary-tab-content .line > h4 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 5px 0 0;
}
.object-right-column-summary .object-summary-tab-content .line > p,
.object-right-column-summary .object-summary-tab-content .line > div {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  text-align: right;
  margin: 0;
  height: 20px;
}
.object-right-column-summary .object-summary-tab-content .line > p .override-min-width,
.object-right-column-summary .object-summary-tab-content .line > div .override-min-width {
  min-width: 0px;
}
.object-right-column-summary .object-summary-tab-content .line > p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.object-right-column-summary .object-summary-tab-content .line .tags.inline li {
  padding-left: 3px;
  padding-right: 0px;
}
.object-right-column-summary .object-summary-tab-content .line .tags.inline .tag {
  margin-right: 0;
}
.object-right-column-summary .object-summary-tab-content .line.users > h4 {
  margin-top: 2px;
}
.object-right-column-summary .object-summary-tab-content .line.users > div {
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.object-right-column-summary .object-summary-tab-content .line.users > div a.avatar {
  display: inline-block;
  width: 24px;
  margin-left: 4px;
}
.object-right-column-summary .object-summary-tab-content .block {
  margin: 0 10px;
}
.object-right-column-summary .object-summary-tab-content .block h4 {
  margin: 0 0 2px 0;
}
.object-right-column-summary .object-summary-tab-content .highlight em,
.object-right-column-summary .object-summary-tab-content .count-matching span,
.object-right-column-summary .object-summary-tab-content .highlight-markdown em.highlight {
  background: #fff4cf;
  font-style: normal;
}
.object-right-column-summary .object-summary-tab-content .color-preview {
  display: inline;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  margin-top: 9px;
  margin-right: 5px;
}
.object-right-column-summary .object-summary-tab-content label.search {
  margin: 3px 15px 0 15px;
  position: relative;
}
.object-right-column-summary .object-summary-tab-content label.search input {
  width: 100%;
  padding-left: 27px;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: none;
  font-size: 11px;
  height: 24px;
  border: 1px solid #dddddd;
  outline: none;
}
.object-right-column-summary .object-summary-tab-content label.search i.icon-search {
  position: absolute;
  left: 5px;
  top: 4px;
  color: #cccccc;
  font-size: 15px;
}
.object-right-column-summary .object-summary-tab-content .markdown-description {
  font-size: 13px;
}
.object-right-column-summary .object-summary-tab-content .markdown-description li {
  line-height: 18px;
}
.object-right-column-summary .object-summary-tab-content .markdown-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
  color: #444444;
  margin: 12px 0 9px 0;
  border-bottom: 1px solid #dddddd;
}
.object-right-column-summary .object-summary-tab-content .markdown-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  line-height: 27px;
  color: #444444;
  margin: 7px 0;
}
.object-right-column-summary .object-summary-tab-content .markdown-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 5px 0;
  color: #666666;
}
.object-right-column-summary .object-summary-tab-content .markdown-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  color: #666666;
}
.object-details {
  padding-top: 0px;
}
.object-details .small-btn {
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 0.4em;
}
.object-details h4 {
  font-size: 13px;
}
.object-details hr {
  margin: 0 10px 10px 10px;
}
.object-details .line {
  margin: 0px 15px 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  height: auto;
}
.object-details .line > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.object-details .line > .flex .override-min-width {
  min-width: 0px;
}
.object-details .line > .flex-no-basis,
.object-details .line .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.object-details .line > .flex-no-basis .override-min-width,
.object-details .line .flex-no-basis .override-min-width {
  min-width: 0px;
}
.object-details .line > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.object-details .line > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.object-details .line > .noflex,
.object-details .line .top-level-tabs,
.object-details .line > .alert,
.object-details .line > .bottom-bar,
.object-details .line > .input-append,
.object-details .line > div[block-api-error],
.object-details .line > h1,
.object-details .line > h2,
.object-details .line > h3,
.object-details .line > h4,
.object-details .line > h5,
.object-details .line > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.object-details .line > h4 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 5px 0 0;
  font-weight: 500;
}
.object-details .line > p,
.object-details .line > div {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  text-align: right;
  margin: 0;
  height: 20px;
}
.object-details .line > p .override-min-width,
.object-details .line > div .override-min-width {
  min-width: 0px;
}
.object-details .line > p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.object-details .line .tags.inline li {
  padding-left: 3px;
  padding-right: 0px;
}
.object-details .line .tags.inline .tag {
  margin-right: 0;
}
.object-details .line.divider {
  padding-top: 15px;
  border-top: 1px solid #dddddd;
}
.object-details .line--no-hmargins {
  margin-left: 0;
  margin-right: 0;
}
.object-details .line--columns {
  justify-content: space-between;
}
.object-details .line.users > h4 {
  margin-top: 2px;
}
.object-details .line.users > div {
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.object-details .line.users > div a.avatar {
  display: inline-block;
  width: 24px;
  margin-left: 4px;
}
.object-details .code {
  padding: 5px;
  font-size: 11px;
  border: 1px solid #dddddd;
}
.object-details .code .CodeMirror {
  height: auto;
}
.object-details .code .CodeMirror .CodeMirror-scroll {
  max-height: 200px;
}
.object-details .block {
  margin: 0 15px 15px;
}
.object-details .block.grey {
  color: #666666;
}
.object-details .block.border {
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px solid #dddddd;
}
.object-details .block.border h4 {
  margin-top: 0;
}
.object-details .metadata-details .block.horizontal-flex {
  align-items: baseline;
}
.object-details .metadata-details .block .markdown {
  line-height: 18px;
}
.object-details .metadata-details .block .markdown ul {
  margin: 0;
}
.object-details .metadata-details .block .markdown ul li {
  list-style: disc outside;
  margin-left: 25px;
}
.object-details .metadata-details .block .markdown ol {
  list-style-position: inside;
  margin: 0;
}
.object-details .metadata-details .block .markdown ol li {
  margin-left: 10px;
}
.object-details .metadata-details .block .markdown p {
  margin-bottom: 0px;
}
.object-details .metadata-details .block .markdown h1,
.object-details .metadata-details .block .markdown h2,
.object-details .metadata-details .block .markdown h3,
.object-details .metadata-details .block .markdown h4,
.object-details .metadata-details .block .markdown h5,
.object-details .metadata-details .block .markdown h6 {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  text-transform: none;
}
.object-details .metadata-details .block .markdown h1 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 15px;
}
.object-details .metadata-details .block .markdown h2 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 14px;
}
.object-details .metadata-details .block .markdown h3 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.object-details .metadata-details .block .markdown h4 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 12px;
}
.object-details .metadata-details .block .markdown h5 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
}
.object-details .metadata-details .block .markdown h6 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
}
.object-details .metadata-details .block h5 {
  font-weight: 400;
  font-size: 13px;
}
.object-details .metadata-details .block .description-wrapper {
  max-height: calc(108px);
  overflow: hidden;
  position: relative;
}
.object-details .metadata-details .block .description-wrapper:not(.full)::before {
  content: '';
  width: 100%;
  height: 15%;
  position: absolute;
  left: 0;
  top: 85%;
  background: linear-gradient(transparent 0, #ffffff);
  pointer-events: none;
}
.object-details .metadata-details .block .description-wrapper.long {
  max-height: none;
}
.object-details .metadata-details .block .description-wrapper .markdown {
  word-break: break-word;
}
.object-details .metadata-details .block .description-wrapper .markdown > ol li,
.object-details .metadata-details .block .description-wrapper .markdown ul li {
  line-height: unset;
}
.object-details .metadata-details .block .description-wrapper .markdown > ol li:hover,
.object-details .metadata-details .block .description-wrapper .markdown ul li:hover {
  background: unset;
}
.object-details .metadata-details .block.flow-description .markdown {
  word-wrap: break-word;
  overflow: auto;
}
.object-details .metadata-details .block .help-text {
  cursor: pointer;
}
.object-details .metadata-details .block .help-text:hover {
  color: #bbbbbb;
}
.object-details .metadata-details .block.edit-link a {
  margin: 0;
  padding: 5px 8px;
}
.object-details .metadata-details .block.edit-link i {
  margin-right: 0;
}
.object-details ul {
  margin: 0;
}
.object-details ul li {
  list-style: none;
}
.object-details .column-name {
  font-size: 0.8em;
  padding: 0.1em;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}
.object-details .padded {
  padding: 0 15px;
}
.object-details .highlight em,
.object-details .count-matching span,
.object-details .highlight-markdown em.highlight {
  background: #fff4cf;
  font-style: normal;
}
.object-details label.search {
  margin-top: 3px;
  position: relative;
}
.object-details label.search input {
  width: 100%;
  padding-left: 27px;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: none;
  font-size: 11px;
  height: 24px;
  border: 1px solid #dddddd;
  outline: none;
}
.object-details label.search i.icon-search {
  position: absolute;
  left: 5px;
  top: 4px;
  color: #cccccc;
  font-size: 15px;
}
.object-details .insight-preview {
  height: 200px;
  border: 1px solid #dddddd;
  margin: 0 15px;
  overflow: auto;
  margin-bottom: -1px;
}
.object-details .markdown-description {
  font-size: 13px;
}
.object-details .markdown-description li {
  line-height: 18px;
}
.object-details .markdown-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
  color: #444444;
  margin: 12px 0 9px 0;
  border-bottom: 1px solid #dddddd;
}
.object-details .markdown-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  line-height: 27px;
  color: #444444;
  margin: 7px 0;
}
.object-details .markdown-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 5px 0;
  color: #666666;
}
.object-details .markdown-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  color: #666666;
}
.metadata-details {
  padding-top: 15px;
}
.metadata-details.hover-edit {
  background-color: #f2f2f2;
}
.metadata-details .block.horizontal-flex {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.metadata-details .block i {
  margin-top: 6px;
  margin-right: 10px;
}
.metadata-details .block a.link-std:hover {
  background-color: #cccccc;
  border-radius: 50%;
}
/* The well on each object's summary tab with name, renaming, contribution info */
.mx-object-summary-div th {
  text-align: left;
}
.mx-object-summary-div .mx-greylink {
  color: #bbbbbb;
}
.mx-object-summary-div .mx-greylink:hover {
  color: #666666;
}
.mx-object-summary-div .mx-greylink:hover {
  text-decoration: none;
}
.mx-object-summary-div .mx-greylink:focus {
  outline: none;
}
.mx-object-summary-div .cancel-edit {
  color: #bbbbbb;
  font-size: 16px;
}
.mx-object-summary-div .cancel-edit:hover {
  color: #666666;
}
.mx-object-summary-div .cancel-edit:hover {
  text-decoration: none;
}
.mx-object-summary-div .cancel-edit:focus {
  outline: none;
}
.mx-object-summary-div .shortDesc-well {
  margin-top: 20px;
  background: #dddddd;
  padding: 6px;
  border: 1px solid #dddddd;
}
.mx-object-summary-div .shortDesc-well h4 {
  margin-top: 0;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.mx-object-summary-div textarea {
  margin-bottom: 0;
}
.mx-object-summary-div h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.mx-object-summary-div .description {
  margin-top: 0;
}
.mx-object-summary-div .description .empty {
  color: #bbbbbb;
}
.mx-object-summary-div .filigran {
  cursor: pointer;
  opacity: 0.2;
}
.mx-object-summary-div .filigran:hover,
.mx-object-summary-div .filigran.active {
  opacity: 1;
}
.mx-object-summary-div form {
  margin: 0;
  text-align: right;
}
.mx-object-summary-div form * {
  text-align: left;
}
.mx-object-summary-div form h3 {
  margin: 0;
}
.mx-object-summary-div form h3 input {
  height: 28px;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  width: 90%;
  width: calc(100% - 3rem);
}
.mx-object-summary-div form textarea {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mx-object-summary-div form input[type="file"] {
  height: 24px;
  line-height: 15px;
}
.mx-object-summary-div form .ng-invalid {
  background-color: #faa;
}
.mx-object-summary-div .editable form {
  display: none;
  margin: 0;
  padding: 0;
  line-height: 10px;
}
.mx-object-summary-div .editable form input[type="text"] {
  margin-left: -2px;
  margin-top: -2px;
  font-size: 23px;
  width: 100%;
  padding: 4px 2px;
  min-height: 100%;
  line-height: 14px;
}
.mx-object-summary-div .editable.editing span,
.mx-object-summary-div .editable.editing .filigran {
  display: none;
  height: 0px;
}
.mx-object-summary-div .editable.editing form {
  display: inline-block;
}
/* This is the base class for both object and project summary columns */
.object-or-project-summary-column-base .title-zone {
  background: #ffffff;
  border: 1px solid #dddddd;
  position: relative;
  min-height: 200px;
}
.object-or-project-summary-column-base .title-zone h3.object-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: initial;
  margin: 0 0 5px 0;
}
.object-or-project-summary-column-base .title-zone .name-edit-zone input {
  margin-left: -10px !important;
}
.object-or-project-summary-column-base .title-zone .description {
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 10px;
}
.object-or-project-summary-column-base .title-zone .description p {
  margin-bottom: 0;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone textarea {
  height: 50px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .CodeMirror {
  height: 50px;
  border: 1px solid #dddddd;
  transition: border-color 0.5s ease;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .CodeMirror.CodeMirror-focused {
  border: 1px solid #31708f;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .CodeMirror pre {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable {
  position: relative;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-disabled .ui-resizable-handle,
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-icon {
  width: 10px;
  height: 10px;
}
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-icon,
.object-or-project-summary-column-base .title-zone .shortdesc-edit-zone .ui-widget-content .ui-icon {
  background: url('/static/dataiku/images/resize-corner.png');
  background-size: 100%;
}
.object-or-project-summary-column-base .field-edit-cta {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 24px;
  color: #666666;
  line-height: 180px;
  text-align: center;
}
.object-or-project-summary-column-base .field-edit-cta:hover {
  color: #333333;
}
.object-or-project-summary-column-base .description-field {
  border: 1px solid #dddddd;
  padding: 10px;
  background: #ffffff;
  min-height: 200px;
  overflow-wrap: break-word;
}
.object-or-project-summary-column-base .description-field textarea {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
}
.object-or-project-summary-column-base .stars-field {
  border: 1px solid #dddddd;
  padding: 10px;
  background: #ffffff;
  min-height: 200px;
}
.object-or-project-summary-column-base .stars-field .stars-title {
  padding-top: 10px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #333333;
}
.object-or-project-summary-column-base .stars-field .avatar-container {
  display: inline-block;
  border: 1px solid #dddddd;
  padding: 2px;
  margin-right: 5px;
}
.object-or-project-summary-column-base .checklists-field {
  border: 1px solid #dddddd;
  padding: 10px;
  background: #ffffff;
  min-height: 200px;
}
.object-or-project-summary-column-base .object-title .edit-button,
.object-or-project-summary-column-base .description .edit-button,
.object-or-project-summary-column-base .description-field .edit-button,
.object-or-project-summary-column-base .checklist-title .edit-button,
.object-or-project-summary-column-base .shortDesc-well .edit-button {
  margin: 10px;
  font-size: 16px;
  color: #bbbbbb;
}
.object-or-project-summary-column-base .object-title .edit-button:hover,
.object-or-project-summary-column-base .description .edit-button:hover,
.object-or-project-summary-column-base .description-field .edit-button:hover,
.object-or-project-summary-column-base .checklist-title .edit-button:hover,
.object-or-project-summary-column-base .shortDesc-well .edit-button:hover {
  color: #666666;
}
.object-or-project-summary-column-base .object-title:not(:hover) .edit-button,
.object-or-project-summary-column-base .description:not(:hover) .edit-button,
.object-or-project-summary-column-base .description-field:not(:hover) .edit-button,
.object-or-project-summary-column-base .checklist-title:not(:hover) .edit-button,
.object-or-project-summary-column-base .shortDesc-well:not(:hover) .edit-button {
  opacity: 0;
  -webkit-transition: all, 0.25s, ease-in;
  -moz-transition: all, 0.25s, ease-in;
  -ms-transition: all, 0.25s, ease-in;
  -o-transition: all, 0.25s, ease-in;
  transition: all, 0.25s, ease-in;
}
.regular-object-summary-column h3.object-title {
  margin-right: 200px;
}
.regular-object-summary-column .object-main {
  box-sizing: border-box;
  padding: 15px 15px 10px 20px;
  min-height: 200px;
}
.regular-object-summary-column .tags-list {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-right: 240px;
}
.regular-object-summary-column .interest-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
}
.interests-star {
  color: #cccccc;
}
.interests-star.active {
  color: #f9bd38;
}
.interests-star:hover {
  color: #fabd38;
}
.interests-watch {
  color: #cccccc;
}
.interests-watch.active {
  color: #3b99fc;
}
.interests-watch:hover {
  color: #58a8fc;
}
.summary-tab .summary th {
  text-align: left;
}
.summary-tab .summary .mx-greylink {
  color: #bbbbbb;
}
.summary-tab .summary .mx-greylink:hover {
  color: #666666;
}
.summary-tab .summary .mx-greylink:hover {
  text-decoration: none;
}
.summary-tab .summary .mx-greylink:focus {
  outline: none;
}
.summary-tab .summary .cancel-edit {
  color: #bbbbbb;
  font-size: 16px;
}
.summary-tab .summary .cancel-edit:hover {
  color: #666666;
}
.summary-tab .summary .cancel-edit:hover {
  text-decoration: none;
}
.summary-tab .summary .cancel-edit:focus {
  outline: none;
}
.summary-tab .summary .shortDesc-well {
  margin-top: 20px;
  background: #dddddd;
  padding: 6px;
  border: 1px solid #dddddd;
}
.summary-tab .summary .shortDesc-well h4 {
  margin-top: 0;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.summary-tab .summary textarea {
  margin-bottom: 0;
}
.summary-tab .summary h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.summary-tab .summary .description {
  margin-top: 0;
}
.summary-tab .summary .description .empty {
  color: #bbbbbb;
}
.summary-tab .summary .filigran {
  cursor: pointer;
  opacity: 0.2;
}
.summary-tab .summary .filigran:hover,
.summary-tab .summary .filigran.active {
  opacity: 1;
}
.summary-tab .summary form {
  margin: 0;
  text-align: right;
}
.summary-tab .summary form * {
  text-align: left;
}
.summary-tab .summary form h3 {
  margin: 0;
}
.summary-tab .summary form h3 input {
  height: 28px;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  width: 90%;
  width: calc(100% - 3rem);
}
.summary-tab .summary form textarea {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.summary-tab .summary form input[type="file"] {
  height: 24px;
  line-height: 15px;
}
.summary-tab .summary form .ng-invalid {
  background-color: #faa;
}
.summary-tab .summary .editable form {
  display: none;
  margin: 0;
  padding: 0;
  line-height: 10px;
}
.summary-tab .summary .editable form input[type="text"] {
  margin-left: -2px;
  margin-top: -2px;
  font-size: 23px;
  width: 100%;
  padding: 4px 2px;
  min-height: 100%;
  line-height: 14px;
}
.summary-tab .summary .editable.editing span,
.summary-tab .summary .editable.editing .filigran {
  display: none;
  height: 0px;
}
.summary-tab .summary .editable.editing form {
  display: inline-block;
}
.user-card {
  border: 1px solid #dddddd;
  text-align: center;
  display: inline-block;
  padding: 5px;
  margin: 5px;
  width: 105px;
}
.user-card:hover {
  background: #f2f2f2;
}
.user-card .name,
.user-card .login {
  display: inline-block;
  width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-card .name {
  margin-top: 15px;
  line-height: 15px;
}
.user-card .login {
  font-size: 10px;
  line-height: 10px;
  color: #bbbbbb;
}
.keyboard-shortcuts-modal {
  width: 580px;
}
.keyboard-shortcuts table td:first-child {
  text-align: right;
  width: 110px;
}
.keyboard-shortcuts .key {
  color: #333333;
  font-size: 13px;
  background-color: #f2f2f2;
  border-radius: 2px;
  display: inline-block !important;
  margin: 1px;
  padding: 0 6px;
  text-align: center;
}
/*********************************************************
 * Bootstrap tabs styling
 ********************************************************/
/* Nicer style for Bootstrap tabs */
ul.nav-tabs {
  margin-bottom: 0;
  background-color: inherit;
  padding-left: 10px;
  padding-top: 6px;
}
ul.nav-tabs > li.active a {
  background: inherit;
  border: none;
  font-weight: 500;
}
ul.nav-tabs > li.active a:before {
  border-bottom: 2px solid #333333;
}
ul.nav-tabs > li.active a:focus {
  background: inherit;
  border: none;
}
ul.nav-tabs > li.active a:hover {
  background: inherit;
  border: none;
}
ul.nav-tabs > li a {
  line-height: 24px;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  height: calc(100% - 2px);
  box-sizing: border-box;
  position: relative;
}
ul.nav-tabs > li a:hover {
  background: #f2f2f2;
  color: #333333;
  border-top-color: #f2f2f2;
  border-left-color: #f2f2f2;
  border-right-color: #f2f2f2;
}
ul.nav-tabs > li a:before {
  content: ' ';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  top: 0;
}
.tab-content-whitezone {
  padding-bottom: 10px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
/* Override bootstrap tabs color */
.nav-tabs > li > a {
  color: #666666;
}
.nav-tabs > li.active > a {
  color: #333333;
}
.tabs-with-margin .tab-content > .tab-pane {
  margin-top: 5px;
}
/*********************************************************
 * Misc
 ********************************************************/
/* Fix bootstrap dropdown inside btn-group */
.dropdown > ul > li > a {
  font-size: 14px;
}
/*********************************************************
 * Unified right panel
 ********************************************************/
.main-panel > *,
.main-panel .dss-page {
  width: calc(100% - 40px) !important;
}
.main-panel__movable-element--using-right {
  -webkit-transition: right 0.1s ease-in;
  -moz-transition: right 0.1s ease-in;
  -o-transition: right 0.1s ease-in;
  transition: right 0.1s ease-in;
}
.main-panel__movable-element--using-width,
.main-panel__movable-element-inside-fixed-element--using-width {
  -webkit-transition: width 0.1s ease-in;
  -moz-transition: width 0.1s ease-in;
  -o-transition: width 0.1s ease-in;
  transition: width 0.1s ease-in;
}
.main-panel__movable-element--using-margin {
  -webkit-transition: margin-right 0.1s ease-in;
  -moz-transition: margin-right 0.1s ease-in;
  -o-transition: margin-right 0.1s ease-in;
  transition: margin-right 0.1s ease-in;
}
.main-panel__movable-element--using-padding {
  -webkit-transition: padding-right 0.1s ease-in;
  -moz-transition: padding-right 0.1s ease-in;
  -o-transition: padding-right 0.1s ease-in;
  transition: padding-right 0.1s ease-in;
}
.right-panel {
  display: flex;
  background-color: #ffffff;
  border-left: 1px solid #dddddd;
  position: absolute;
  top: 0px;
  left: calc(100% - 40px);
  height: 100%;
  margin: 0px;
  z-index: 3000;
  -webkit-transition: left 0.1s ease-in;
  -moz-transition: left 0.1s ease-in;
  -o-transition: left 0.1s ease-in;
  transition: left 0.1s ease-in;
}
.right-panel__bubbles {
  display: flex;
  flex-direction: column;
  padding: 2px 8px;
  box-sizing: border-box;
  width: 40px;
}
.right-panel__bubble {
  text-align: center;
  margin: 12px 0px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.right-panel__bubble--gray {
  font-size: 18px;
  color: #bbbbbb;
}
.right-panel__bubble--gray:hover {
  color: #999999;
}
.right-panel__bubble--gray:active {
  color: #666666;
}
.right-panel__bubble--blue {
  font-size: 24px;
  color: #9dccfe;
}
.right-panel__bubble--blue:hover {
  color: #3b99fc;
}
.right-panel__bubble--blue:active,
.right-panel__bubble--blue.right-panel__bubble--active {
  color: #196bfa;
}
.right-panel__content--empty {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  margin-top: 100px;
  margin-left: -40px;
  color: #bbbbbb;
  font-weight: lighter;
}
.right-panel__content--object {
  border-left: 1px solid #dddddd;
}
.main-panel--fullscreen {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .main-panel--reduced .main-panel__movable-element--using-right {
    right: 320px !important;
  }
  .main-panel--reduced .main-panel__movable-element-inside-fixed-element--using-width {
    width: calc(100% - 320px) !important;
  }
  .main-panel--reduced .main-panel__movable-element--using-width {
    width: calc(100% - 40px - 320px) !important;
  }
  .main-panel--reduced .main-panel__movable-element--using-margin {
    margin-right: 320px !important;
  }
  .main-panel--reduced .main-panel__movable-element--using-padding {
    padding-right: 320px !important;
  }
  .right-panel--opened {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    left: calc(100% - 40px - 320px);
    border-left: 0px;
  }
  .right-panel__content {
    padding: 0px;
    box-sizing: border-box;
    width: 320px;
  }
}
@media screen and (min-width: 1281px) {
  .main-panel--reduced .main-panel__movable-element--using-right {
    right: 25vw !important;
  }
  .main-panel--reduced .main-panel__movable-element-inside-fixed-element--using-width {
    width: calc(100% - 25vw) !important;
  }
  .main-panel--reduced .main-panel__movable-element--using-width {
    width: calc(100% - 40px - 25vw) !important;
  }
  .main-panel--reduced .main-panel__movable-element--using-margin {
    margin-right: 25vw !important;
  }
  .main-panel--reduced .main-panel__movable-element--using-padding {
    padding-right: 25vw !important;
  }
  .right-panel--opened {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    left: calc(100% - 40px - 25vw);
    border-left: 0px;
  }
  .right-panel__content {
    padding: 0px;
    box-sizing: border-box;
    width: 25vw;
  }
}
/*********************************************************
 * Fixed panes layout
 ********************************************************/
.fixedPanes .mainPane {
  left: 0px;
  right: 0px;
}
.fixedPanes .leftPane,
.fixedPanes .rightPane {
  width: 300px;
}
.fixedPanes .leftPane {
  left: -300px;
}
.fixedPanes .rightPane {
  right: -301px;
}
.fixedPanes.showRightPane .mainPane {
  right: 300px;
}
.fixedPanes.showRightPane .rightPane {
  right: 0;
}
.fixedPanes.showLeftPane .mainPane {
  left: 300px;
}
.fixedPanes.showLeftPane .leftPane {
  left: 0;
}
.fixedPanes .mainPane {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 10px 10px 10px 20px;
  -webkit-transition: right 0.25s ease-out, left 0.25s ease-out;
  -moz-transition: right 0.25s ease-out, left 0.25s ease-out;
  -o-transition: right 0.25s ease-out, left 0.25s ease-out;
  transition: right 0.25s ease-out, left 0.25s ease-out;
  overflow: auto;
}
.fixedPanes .mainPane h1 {
  margin: 10px 30px;
}
.fixedPanes .mainPane h6 {
  color: #666666;
  font-weight: 400;
}
.fixedPanes .mainPane h6 strong {
  color: #333333;
}
.fixedPanes .mainPane h6 a {
  display: inline-block;
}
.fixedPanes .mainPane h6 a:hover {
  text-decoration: none;
}
.fixedPanes .leftPane,
.fixedPanes .rightPane {
  position: absolute;
  top: 0;
  bottom: 0;
  border: 1px solid #dddddd;
  z-index: 1;
  -webkit-transition: right 0.25s ease-out, left 0.25s ease-out;
  -moz-transition: right 0.25s ease-out, left 0.25s ease-out;
  -o-transition: right 0.25s ease-out, left 0.25s ease-out;
  transition: right 0.25s ease-out, left 0.25s ease-out;
}
.fixedPanes .leftPane > .handle,
.fixedPanes .rightPane > .handle {
  background: #cccccc;
  position: absolute;
  top: 25%;
  height: 100px;
  width: 15px;
  cursor: pointer;
}
.fixedPanes .leftPane > .handle:before,
.fixedPanes .rightPane > .handle:before,
.fixedPanes .leftPane > .handle:after,
.fixedPanes .rightPane > .handle:after {
  content: '';
  display: block;
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 30%;
  width: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(34, 34, 34, 0.1);
}
.fixedPanes .leftPane > .handle:after,
.fixedPanes .rightPane > .handle:after {
  left: auto;
  right: 30%;
}
.fixedPanes .leftPane > .handle[title],
.fixedPanes .rightPane > .handle[title] {
  width: 19px;
}
.fixedPanes .leftPane > .handle[title]:before,
.fixedPanes .rightPane > .handle[title]:before {
  display: none;
}
.fixedPanes .leftPane > .handle[title]:after,
.fixedPanes .rightPane > .handle[title]:after {
  content: attr(title);
  border: none;
  top: auto;
  bottom: auto;
  left: 19px;
  right: auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(34, 34, 34, 0.5);
  display: block;
  text-align: center;
  width: 100px;
  line-height: 19px;
  font-size: 15px;
}
.fixedPanes .leftPane {
  border-width: 0 1px 0 0;
}
.fixedPanes .leftPane .handle {
  left: 100%;
  border-radius: 0 10px 10px 0;
}
.fixedPanes .rightPane {
  border-width: 0 0 0 1px;
}
.fixedPanes .rightPane .handle {
  right: 100%;
  border-radius: 10px 0 0 10px;
}
/*********************************************************
 * Left sidebars
 ********************************************************/
.nav-list-sidebar {
  height: 100%;
  background: #f2f2f2;
  padding-top: 20px;
}
.nav-list-sidebar.span2 {
  min-width: 200px;
}
.nav-list-sidebar.span2 + .span10 {
  max-width: calc(100% - 200px);
}
.nav-list-sidebar ul:not(.dropdown-menu) {
  margin: 0;
}
.nav-list-sidebar li:not(.dropdown-item) {
  list-style: none;
  display: block;
  box-sizing: border-box;
}
.nav-list-sidebar li:not(.dropdown-item) a {
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.nav-list-sidebar li:not(.dropdown-item) a:hover {
  text-decoration: none;
}
.nav-list-sidebar li:not(.dropdown-item) a:focus {
  outline: none;
}
.nav-list-sidebar .mx-selectable-item {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  line-height: 30px;
  height: 30px;
}
.nav-list-sidebar .mx-selectable-item a {
  color: #666666;
}
.nav-list-sidebar .mx-selectable-item.active {
  font-weight: 600;
  border-left-width: 3px;
  border-left-style: solid;
}
.nav-list-sidebar .l1 {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  line-height: 30px;
  height: 30px;
  margin-left: 8px;
}
.nav-list-sidebar .l1 a {
  color: #666666;
}
.nav-list-sidebar .l1.active {
  font-weight: 600;
  border-left-width: 3px;
  border-left-style: solid;
}
.nav-list-sidebar .l1.active {
  margin-left: 5px;
}
.nav-list-sidebar .l1.unselectable-header {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  margin: 15px 10px 5px 0px;
  line-height: 35px;
  height: 35px;
}
.nav-list-sidebar .l2 {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  line-height: 30px;
  height: 30px;
  margin-left: 23px;
}
.nav-list-sidebar .l2 a {
  color: #666666;
}
.nav-list-sidebar .l2.active {
  font-weight: 600;
  border-left-width: 3px;
  border-left-style: solid;
}
.nav-list-sidebar .l2.active {
  margin-left: 20px;
}
.model-side-bar__toggle {
  display: inline-block;
  padding-left: 20px;
  height: 40px;
  text-align: center;
  margin-bottom: 12px;
}
.model-side-bar__toggle a {
  border: 1px solid #dddddd;
  padding: 4px 1px 4px 1px;
  display: inline-block;
  width: 80px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  background: #ffffff;
}
.model-side-bar__toggle a.active {
  background-color: #dddddd;
  color: #333333;
}
.model-side-bar__toggle a.disabled {
  color: #bbbbbb;
  pointer-events: none;
}
.model-side-bar__toggle a:hover {
  text-decoration: none;
}
.model-side-bar__toggle a:focus {
  outline: none;
}
.model-side-bar__control {
  padding-left: 20px;
  padding-bottom: 18px;
}
.model-side-bar__selector {
  border: solid 1px #cccccc;
  background: #ffffff;
  margin-top: -4px;
}
.model-side-bar__selector div {
  margin-left: -5px;
}
.boxed-next-to-sidebar {
  padding: 10px;
  padding-bottom: 0;
  position: relative;
}
.boxed-next-to-sidebar > *:not([block-api-error]) {
  height: 100%;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.boxed-next-to-sidebar:not(.no-padding) > *:not([block-api-error]) {
  padding: 15px 20px;
}
.sidebar-analysis .sidebar-header,
.sidebar-ANALYSES .sidebar-header {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin: 14px 4px;
  cursor: pointer;
}
.sidebar-analysis .l1.active,
.sidebar-ANALYSES .l1.active {
  border-left-color: #29af5d;
}
.sidebar-analysis .l1.active a,
.sidebar-ANALYSES .l1.active a {
  color: #29af5d;
}
.sidebar-analysis .l2.active,
.sidebar-ANALYSES .l2.active {
  border-left-color: #29af5d;
}
.sidebar-analysis .l2.active a,
.sidebar-ANALYSES .l2.active a {
  color: #29af5d;
}
.sidebar-analysis .l1:hover a,
.sidebar-ANALYSES .l1:hover a {
  color: #29af5d;
}
.sidebar-analysis .l2:hover a,
.sidebar-ANALYSES .l2:hover a {
  color: #29af5d;
}
.sidebar-flow .l1.active,
.sidebar-FLOW .l1.active {
  border-left-color: #f9bd38;
}
.sidebar-flow .l1.active a,
.sidebar-FLOW .l1.active a {
  color: #333333;
}
.sidebar-flow .l2.active,
.sidebar-FLOW .l2.active {
  border-left-color: #f9bd38;
}
.sidebar-flow .l2.active a,
.sidebar-FLOW .l2.active a {
  color: #333333;
}
.sidebar-flow .l1:hover a,
.sidebar-FLOW .l1:hover a {
  color: #f9bd38;
}
.sidebar-flow .l2:hover a,
.sidebar-FLOW .l2:hover a {
  color: #f9bd38;
}
.sidebar-admin .l1.active {
  border-left-color: #3b99fc;
}
.sidebar-admin .l1.active a {
  color: #3b99fc;
}
.sidebar-admin .l2.active {
  border-left-color: #3b99fc;
}
.sidebar-admin .l2.active a {
  color: #3b99fc;
}
.sidebar-admin .l1:hover a {
  color: #3b99fc;
}
.sidebar-admin .l2:hover a {
  color: #3b99fc;
}
.sidebar-admin .totem {
  width: 100%;
}
.sidebar-admin .l1.invalid:not(.active)::before {
  content: "\f06a";
  font-family: FontAwesome;
  color: #ce1228;
  margin-right: 4px;
  vertical-align: top;
}
.floating-admin-save-button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 !important;
  height: 26px;
  margin-right: 30px;
  margin-top: 15px;
  box-shadow: none;
}
.mx-nav-structured-sidebar,
.nav-fluid-sidebar,
.nav-table-sidebar {
  border-right: 1px solid #dddddd;
}
.mx-nav-structured-sidebar .header,
.nav-fluid-sidebar .header,
.nav-table-sidebar .header {
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
}
.mx-nav-structured-sidebar .header h3,
.nav-fluid-sidebar .header h3,
.nav-table-sidebar .header h3 {
  margin: 0;
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
}
.mx-nav-structured-sidebar ul,
.nav-fluid-sidebar ul,
.nav-table-sidebar ul {
  display: block;
  margin: 0;
  width: 100%;
  background: #ffffff;
}
.mx-nav-structured-sidebar li,
.nav-fluid-sidebar li,
.nav-table-sidebar li {
  list-style-type: none;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
  -webkit-transition: background, 0.25s, ease-in;
  -moz-transition: background, 0.25s, ease-in;
  -ms-transition: background, 0.25s, ease-in;
  -o-transition: background, 0.25s, ease-in;
  transition: background, 0.25s, ease-in;
}
.mx-nav-structured-sidebar li:hover,
.nav-fluid-sidebar li:hover,
.nav-table-sidebar li:hover {
  background: #f2f2f2;
}
.mx-nav-structured-sidebar li.active,
.nav-fluid-sidebar li.active,
.nav-table-sidebar li.active {
  background: #f2f2f2;
}
.nav-fluid-sidebar li {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}
.nav-fluid-sidebar li > [class*="span"] {
  min-height: 0;
}
.nav-table-sidebar ul {
  display: table;
  border-collapse: collapse;
}
.nav-table-sidebar li {
  display: table-row;
}
.nav-table-sidebar li > * {
  display: table-cell;
  padding: 10px 10px 10px 0;
  vertical-align: middle;
}
.nav-table-sidebar li > :first-child {
  padding-left: 10px;
}
.tooltip.left.left {
  margin-left: -13px;
  padding: 0 5px;
}
.object-tile-list .section {
  margin-top: 10px;
}
.object-tile-list .section .section-title {
  font-size: 17px;
  color: #666666;
  position: relative;
  z-index: 1;
}
.object-tile-list .section .section-title span {
  background: #f2f2f2;
  z-index: 2;
  padding-right: 10px;
  cursor: pointer;
}
.object-tile-list .section .section-title span i {
  margin-right: 5px;
}
.object-tile-list .section .section-title:before {
  z-index: -1;
  background: #dddddd;
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  top: 11px;
  position: absolute;
}
.object-tile-list .section .list-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px;
}
.object-tile-list .section .list-content .filler {
  width: 212px;
  padding: 0 10px;
  height: 0;
}
.object-tile-list .section .list-content .object-wrapper {
  padding: 0 10px;
  box-sizing: border-box;
}
.object-tile-list .section .list-content .object-wrapper .object {
  z-index: 1;
  position: relative;
  border: 1px solid #dddddd;
  overflow: hidden;
  background: #ffffff;
  width: 210px;
  height: 180px;
  margin: 10px auto;
}
.object-tile-list .section .list-content .object-wrapper .object .body {
  height: 125px;
}
.object-tile-list .section .list-content .object-wrapper .object .body i {
  font-size: 32px;
  color: #cccccc;
}
.object-tile-list .section .list-content .object-wrapper .object .footer {
  padding: 5px 10px 0 10px;
  border-top: 1px solid #dddddd;
  height: 55px;
}
.object-tile-list .section .list-content .object-wrapper .object .footer .top {
  height: 23px;
}
.object-tile-list .section .list-content .object-wrapper .object .footer .top .title {
  line-height: 23px;
  font-size: 15px;
  color: #666666;
  padding-right: 10px;
}
.object-tile-list .section .list-content .object-wrapper .object .footer .top i.interests-star:not(.active) {
  color: #cccccc;
}
.object-tile-list .section .list-content .object-wrapper .object .footer .info {
  font-size: 12px;
  color: #cccccc;
}
.object-tile-list .section .list-content .object-wrapper .object.listed-dashboard:before {
  z-index: 2;
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  font-size: 25px;
  content: "\e90b";
  color: #ce1228;
}
/* ********************************************
 * Topbar drawers
 * ********************************************/
.strong-filter {
  color: #ce1228 !important;
  font-weight: 600;
}
.popup-no-match {
  text-align: center;
  padding: 17px;
  color: #bbbbbb;
}
div.top-bar-drawer {
  position: absolute;
  width: 500px;
  right: 0px;
  top: 40px;
  bottom: 0;
  z-index: 4000;
  background-color: #ffffff;
  padding: 0 0;
  border-left: 1px #bbbbbb solid;
  box-shadow: -10px 0px 10px -5px rgba(34, 34, 34, 0.15);
  border-radius: 0;
  color: #666666;
}
div.top-bar-drawer .drawer-header {
  padding: 15px 15px 15px 75px;
  border-bottom: 1px solid #dddddd;
}
div.top-bar-drawer .drawer-header .links a {
  display: inline-block;
  margin: 10px;
  font-size: 18px;
  color: #666666;
}
div.top-bar-drawer .abort-confirmation {
  float: right;
}
div.top-bar-drawer.help-menu {
  right: 70px;
  bottom: auto;
  border-left: none;
  height: auto;
  max-height: 80vh;
  box-shadow: 2px 2px 8px 1px rgba(34, 34, 34, 0.2);
  margin-top: 2px;
  width: 350px;
}
.master-nav__home--tall .master-nav__tile .std-list-search-box {
  max-width: 400px;
}
.master-nav__home--tall div.top-bar-drawer {
  top: 50px;
}
.topbar-drawer-popup {
  z-index: 4000;
}
div.instance-drawer .tab-content {
  padding: 0 !important;
}
div.instance-drawer .counter {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 5px 15px;
  border-bottom: 1px solid #dddddd;
}
div.instance-drawer .item {
  position: relative;
  padding: 15px 15px 15px 60px;
  border-bottom: 1px solid #dddddd;
  min-height: 35px;
}
div.instance-drawer .future-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  font-size: 24px;
}
div.instance-drawer .future-icon.grey {
  color: #bbbbbb;
}
div.instance-drawer .future-body .name {
  color: #333333;
  font-size: 14px;
}
div.instance-drawer .future-body .name a {
  color: inherit;
}
div.instance-drawer .future-body .name a:hover {
  text-decoration: none;
}
div.instance-drawer .future-body .name a:focus {
  outline: none;
}
div.instance-drawer .future-body .mx-status-control {
  position: absolute;
  right: 10px;
}
div.instance-drawer .future-body .mx-status-control > * {
  line-height: 20px;
  vertical-align: baseline;
}
div.instance-drawer .future-body .abort {
  color: #333333;
  cursor: pointer;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
}
div.instance-drawer .future-body .abort > * {
  line-height: 20px;
  vertical-align: baseline;
}
div.instance-drawer .future-body .abort del {
  font-size: 18px;
  text-decoration: none;
}
div.instance-drawer .future-body .abort span {
  display: none;
}
div.instance-drawer .future-body .abort.hovered {
  color: #ce1228;
}
div.instance-drawer .future-body .abort.hovered span {
  display: initial;
}
div.instance-drawer .future-body .abort.hovered del {
  opacity: 1;
}
div.instance-drawer .future-body .aborted {
  position: absolute;
  right: 10px;
  opacity: 0.3;
}
div.instance-drawer .future-body .aborted > * {
  line-height: 20px;
  vertical-align: baseline;
}
div.instance-drawer .future-body .details {
  color: #666666;
  font-size: 13px;
}
div.instance-drawer .future-body .details .target {
  margin-top: 5px;
}
div.instance-drawer .future-body .details .target a {
  color: #28aadd;
}
div.instance-drawer .future-body .details .target a:hover {
  text-decoration: none;
}
div.instance-drawer .future-body .details .target a:focus {
  outline: none;
}
div.instance-drawer .future-body .details .target i {
  font-size: 11px;
  vertical-align: middle;
  margin-right: 3px;
}
div.instance-drawer .future-body .state {
  margin-top: 5px;
}
div.instance-drawer .future-body .state .mx-bar {
  height: 5px;
  width: 100%;
  background: #B3D2F2;
  overflow: hidden;
}
div.instance-drawer .future-body .state .mx-bar .done {
  position: relative;
  left: 0;
  height: 100%;
  background: #3D89F4;
}
div.instance-drawer .future-body .state .perpetual-bar {
  height: 5px;
  width: 100%;
  background: #B3D2F2;
  overflow: hidden;
}
@keyframes slideBar {
  from {
    left: -30%;
  }
  to {
    left: 100%;
  }
}
div.instance-drawer .future-body .state .perpetual-bar .done {
  position: relative;
  left: 0;
  height: 100%;
  background: #3D89F4;
}
div.instance-drawer .future-body .state .perpetual-bar .done {
  width: 30%;
  animation: slideBar 4s linear infinite;
}
div.instance-drawer .future-body .state .usual-bar {
  height: 5px;
  width: 100%;
  background: #B3D2F2;
  overflow: hidden;
}
div.instance-drawer .future-body .state .usual-bar .done {
  position: relative;
  left: 0;
  height: 100%;
  background: #3D89F4;
}
div.instance-drawer .future-body .state .no-bar {
  height: 5px;
}
div.instance-drawer .abort-confirmation {
  display: none;
}
div.instance-drawer .abort-confirmation .glass {
  background: #ffffff;
  opacity: 0.8;
}
div.instance-drawer .abort-confirmation.confirming {
  display: block;
}
div.instance-drawer .abort-confirmation span {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
div.instance-drawer .abort-confirmation button {
  margin-left: 10px;
}
div.user-drawer .drawer-header .avatar {
  position: absolute;
  left: 20px;
}
div.user-drawer .drawer-header .login {
  color: #bbbbbb;
}
div.user-drawer .pnotifications {
  margin-right: 1px;
  padding-right: 1px;
  overflow: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  word-wrap: break-word;
}
div.user-drawer .pnotifications a i {
  text-decoration: none;
}
div.user-drawer .task-item-status {
  float: left;
  width: 50px;
}
div.user-drawer .task-item-status i {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
}
div.user-drawer .task-item-status i:before {
  width: 16px;
  height: 16px;
  font-size: 22px;
  color: #666666;
  top: 1px;
  position: relative;
}
div.user-drawer .task-item-status .state-label {
  color: #dddddd;
}
div.user-drawer .status-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  top: 15px;
  left: -5px;
}
div.user-drawer .status-bullet.success {
  background: #4caf50;
}
div.user-drawer .status-bullet.success.warning {
  background: #f28c37;
}
div.user-drawer .status-bullet.error {
  background: #ce1228;
}
div.user-drawer ul.timeline .timeline-item {
  border-left: none;
  border-right: none;
}
div.user-drawer ul.timeline .timeline-item .timeline-item-content {
  margin-left: 50px;
}
div.user-drawer ul.timeline .timeline-divider {
  margin-left: 8px;
}
div.user-drawer .user-drawer-discussions {
  padding: 10px 20px;
  border-bottom: 1px solid #dddddd;
}
.hint {
  margin-top: 10px;
  display: inline-block;
  font-style: italic;
  color: #bbbbbb;
}
.quickgo-popover-container .popover {
  right: 10px !important;
  left: auto !important;
  top: 16px !important;
  width: 550px;
  border-radius: 0;
  box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.12);
}
.quickgo-popover-container .popover,
.quickgo-popover-container .popover-content {
  padding: 0;
}
.quickgo-popover-container .popover-content {
  border-radius: 0;
}
.quickgo-popup {
  font-size: initial;
}
.quickgo-popup .header {
  background-color: #dddddd;
  padding: 5px 3px;
  border-bottom: 1px solid #dddddd;
}
.quickgo-popup .header.dataset {
  border-bottom: 1px solid #28a9dd;
}
.quickgo-popup .header.recipe {
  border-bottom: 1px solid #f9bd38;
}
.quickgo-popup .header.analysis {
  border-bottom: 1px solid #29af5d;
}
.quickgo-popup .header.notebook {
  border-bottom: 1px solid #f28c38;
}
.quickgo-popup .header .last-viewed {
  color: #ffffff;
  margin-top: 2px;
  margin-right: 5px;
  font-size: 0.9em;
}
.quickgo-popup .header button {
  height: 26px;
}
.quickgo-popup .bootstrap-select {
  width: 150px !important;
  margin: 0;
}
.quickgo-popup .input-append {
  margin: 0;
}
.quickgo-popup #global-search-input {
  width: 355px;
  border: 1px solid #dddddd;
  padding: 0 5px;
}
.quickgo-popup #global-search-input:focus {
  outline: none;
}
.quickgo-popup h5 {
  margin: 4px 5px 0 10px;
  text-transform: uppercase;
  color: #666666;
  font-size: 0.7em;
}
.quickgo-popup ul {
  margin-bottom: 0;
}
.quickgo-popup ul.nav li a {
  border-radius: 0;
  padding: 2px 12px;
  min-height: 24px;
  color: #666666;
  line-height: 1.2em;
  margin: 0;
}
.quickgo-popup ul.nav li a .icon {
  width: 30px;
  text-align: center;
  float: left;
  font-size: 1em;
  margin: 7px 0 3px 0;
}
.quickgo-popup ul.nav li a .icon :before {
  position: absolute;
}
.quickgo-popup ul.nav li a .title {
  margin-left: 30px;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.quickgo-popup ul.nav li a .title .item-name {
  display: inline-block;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quickgo-popup ul.nav li a .relationship {
  color: #666666;
  width: 0px;
}
.quickgo-popup ul.nav li a .icon-predecessor:before {
  font-family: FontAwesome;
  content: "\f177";
}
.quickgo-popup ul.nav li a .icon-successor:before {
  font-family: FontAwesome;
  content: "\f178";
}
.quickgo-popup ul.nav li a .last-viewed {
  display: block;
  margin-left: 0 20px;
  width: 70px;
  min-width: 70px;
}
.quickgo-popup ul.nav li a .last-viewed date {
  display: inline;
  color: #cccccc;
  font-size: 10px;
  white-space: nowrap;
}
.quickgo-popup ul.nav li a:hover {
  background-color: initial;
}
.quickgo-popup ul.nav li.active a {
  background: rgba(221, 221, 221, 0.23);
  color: #222222;
}
.error-drawer {
  position: absolute;
  background-color: #f9e3e5;
  z-index: 100;
  border-radius: 0;
  border: 1px solid #dddddd;
  right: 1px;
  left: 0px;
  border-top: none;
  padding: 2px;
}
.error-drawer .error {
  position: relative;
  color: #ce1228;
  font-size: 12px;
}
.error-drawer .error i.icon-warning-sign {
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
}
.mass-action-btn {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  line-height: 22px;
  height: 26px;
  background-color: #ffffff;
  margin-left: 0;
  display: inline-block;
}
.mass-action-btn input {
  margin: 0 5px!important;
}
.mass-action-btn a {
  padding-right: 5px;
}
.mass-action-btn a.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.mass-action-btn a span {
  font-size: 12px;
  text-transform: uppercase;
  color: #333333;
  font-weight: 400;
  vertical-align: middle;
}
.mass-action-btn a b.caret {
  margin-top: 10px !important;
  vertical-align: top!important;
}
/* 2018 World Cup Easter Egg */
.master-nav.master-nav-champions {
  background-image: linear-gradient(-225deg, #002395 0%, #ffffff 48%, #ed2939 100%);
}
.master-nav.master-nav-champions .champions {
  height: 30px;
  padding: 5px 0;
  vertical-align: initial;
}
.master-nav.master-nav-seum {
  background-image: linear-gradient(-225deg, #000000 0%, #fae042 48%, #ed2939 100%);
}
.master-nav.master-nav__home--tall .champions {
  height: 40px;
}
.master-nav.master-nav__home--tall .std-list-search-box .clear-button {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.master-nav.master-nav__home--tall .std-list-search-box .clear-button .add-on {
  margin: 0;
  vertical-align: top;
}
.master-nav.master-nav__home--tall .std-list-search-box .clear-button .add-on .icon-remove {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.master-nav.master-nav__home--tall .std-list-search-box .clear-button .add-on .icon-remove:hover {
  color: #ffffff;
}
.checkbox-label-width {
  width: 38px;
}
.notebook-reports .alert:last-child {
  margin-bottom: 0px;
}
/**
 * Dataiku style for forms and buttons
 */
.inline-labels label {
  display: inline;
}
.inline-labels label + label {
  padding-left: 1em;
}
.inline-labels input[type=checkbox],
.inline-labels input[type=radio] {
  vertical-align: baseline;
}
::-webkit-calendar-picker-indicator {
  margin: 0;
}
form.dkuform input[type=text],
form.dkuform input[type=password] {
  height: auto;
}
form.dkuform select {
  display: inline-block;
  margin: 0;
  padding: 4px 6px  !important;
}
form.dkuform .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
form.dkuform .control-group .controls .codemirror .CodeMirror {
  height: 100%;
  min-height: 100px;
}
.pipeline-config.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/**
 * The "standard form" base style for each input and each label
 *
 * It's common to both horizontal and vertical forms, used notably in:
 *  - modals
 *  - dataset and recipe settings
 *  - analysis model settings
 */
.mini-bs-select .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 80px;
}
.mini-bs-select button.dropdown-toggle.dropdown-toggle.dropdown-toggle.dropdown-toggle.dropdown-toggle {
  width: 80px;
}
.unconstrained-bs-select button {
  width: 100% !important;
}
.common-styles-only {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.common-styles-only input[type=text],
.common-styles-only input[type=url],
.common-styles-only input[type=number],
.common-styles-only input[type=date],
.common-styles-only input[type=time],
.common-styles-only input[type=password],
.common-styles-only textarea,
.common-styles-only select,
.common-styles-only button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.common-styles-only input[type=text]:focus,
.common-styles-only input[type=url]:focus,
.common-styles-only input[type=number]:focus,
.common-styles-only input[type=date]:focus,
.common-styles-only input[type=time]:focus,
.common-styles-only input[type=password]:focus,
.common-styles-only textarea:focus,
.common-styles-only select:focus,
.common-styles-only button.btn.selectpicker:focus,
.common-styles-only input[type=text]:hover,
.common-styles-only input[type=url]:hover,
.common-styles-only input[type=number]:hover,
.common-styles-only input[type=date]:hover,
.common-styles-only input[type=time]:hover,
.common-styles-only input[type=password]:hover,
.common-styles-only textarea:hover,
.common-styles-only select:hover,
.common-styles-only button.btn.selectpicker:hover {
  color: #333333;
}
.common-styles-only input[type=text]:focus,
.common-styles-only input[type=url]:focus,
.common-styles-only input[type=number]:focus,
.common-styles-only input[type=date]:focus,
.common-styles-only input[type=time]:focus,
.common-styles-only input[type=password]:focus,
.common-styles-only textarea:focus,
.common-styles-only select:focus,
.common-styles-only button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.common-styles-only input[type=text].ng-dirty.ng-invalid,
.common-styles-only input[type=url].ng-dirty.ng-invalid,
.common-styles-only input[type=number].ng-dirty.ng-invalid,
.common-styles-only input[type=date].ng-dirty.ng-invalid,
.common-styles-only input[type=time].ng-dirty.ng-invalid,
.common-styles-only input[type=password].ng-dirty.ng-invalid,
.common-styles-only textarea.ng-dirty.ng-invalid,
.common-styles-only select.ng-dirty.ng-invalid,
.common-styles-only button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.common-styles-only button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.common-styles-only button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.common-styles-only input[type=checkbox],
.common-styles-only input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.common-styles-only input[type=radio] {
  position: relative;
  top: -1px;
}
.common-styles-only input:focus {
  border: 1px #31708f solid;
}
.common-styles-only input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.common-styles-only textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.common-styles-only a:hover {
  text-decoration: none;
}
.common-styles-only a:focus {
  outline: none;
}
.common-styles-only .alert {
  border-radius: 0;
}
.common-styles-only input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-chart-options {
  /* Color invalid dataset uniqueness issues, even when non dirty */
  margin-bottom: 0;
}
.dkuform-chart-options input[type=text],
.dkuform-chart-options input[type=url],
.dkuform-chart-options input[type=number],
.dkuform-chart-options input[type=date],
.dkuform-chart-options input[type=time],
.dkuform-chart-options input[type=password],
.dkuform-chart-options textarea,
.dkuform-chart-options select,
.dkuform-chart-options button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-chart-options input[type=text]:focus,
.dkuform-chart-options input[type=url]:focus,
.dkuform-chart-options input[type=number]:focus,
.dkuform-chart-options input[type=date]:focus,
.dkuform-chart-options input[type=time]:focus,
.dkuform-chart-options input[type=password]:focus,
.dkuform-chart-options textarea:focus,
.dkuform-chart-options select:focus,
.dkuform-chart-options button.btn.selectpicker:focus,
.dkuform-chart-options input[type=text]:hover,
.dkuform-chart-options input[type=url]:hover,
.dkuform-chart-options input[type=number]:hover,
.dkuform-chart-options input[type=date]:hover,
.dkuform-chart-options input[type=time]:hover,
.dkuform-chart-options input[type=password]:hover,
.dkuform-chart-options textarea:hover,
.dkuform-chart-options select:hover,
.dkuform-chart-options button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-chart-options input[type=text]:focus,
.dkuform-chart-options input[type=url]:focus,
.dkuform-chart-options input[type=number]:focus,
.dkuform-chart-options input[type=date]:focus,
.dkuform-chart-options input[type=time]:focus,
.dkuform-chart-options input[type=password]:focus,
.dkuform-chart-options textarea:focus,
.dkuform-chart-options select:focus,
.dkuform-chart-options button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-chart-options input[type=text].ng-dirty.ng-invalid,
.dkuform-chart-options input[type=url].ng-dirty.ng-invalid,
.dkuform-chart-options input[type=number].ng-dirty.ng-invalid,
.dkuform-chart-options input[type=date].ng-dirty.ng-invalid,
.dkuform-chart-options input[type=time].ng-dirty.ng-invalid,
.dkuform-chart-options input[type=password].ng-dirty.ng-invalid,
.dkuform-chart-options textarea.ng-dirty.ng-invalid,
.dkuform-chart-options select.ng-dirty.ng-invalid,
.dkuform-chart-options button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-chart-options button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-chart-options button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-chart-options input[type=checkbox],
.dkuform-chart-options input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-chart-options input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-chart-options input:focus {
  border: 1px #31708f solid;
}
.dkuform-chart-options input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-chart-options textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-chart-options a:hover {
  text-decoration: none;
}
.dkuform-chart-options a:focus {
  outline: none;
}
.dkuform-chart-options .alert {
  border-radius: 0;
}
.dkuform-chart-options input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-chart-options .control-group {
  margin-bottom: 8px;
}
.dkuform-chart-options .control-group .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
  display: block;
  width: 150px;
}
.dkuform-chart-options .control-group .control-label.disabled {
  color: #999999;
}
.dkuform-chart-options .control-group .controls {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-chart-options .control-group .controls .help-inline,
.dkuform-chart-options .control-group .controls .help-block {
  font-size: 0.8em;
}
.dkuform-chart-options .control-group .controls label {
  font-size: 12px;
}
.dkuform-chart-options .control-group .controls input[type=text],
.dkuform-chart-options .control-group .controls input[type=number],
.dkuform-chart-options .control-group .controls select {
  width: 160px;
}
.dkuform-chart-options .control-group .controls .bootstrap-select {
  width: 160px;
}
.dkuform-chart-options .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 160px;
}
.dkuform-chart-options .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.dkuform-chart-options .control-group .controls input[type=text],
.dkuform-chart-options .control-group .controls input[type=url],
.dkuform-chart-options .control-group .controls input[type=number],
.dkuform-chart-options .control-group .controls input[type=date],
.dkuform-chart-options .control-group .controls input[type=time],
.dkuform-chart-options .control-group .controls input[type=password],
.dkuform-chart-options .control-group .controls textarea,
.dkuform-chart-options .control-group .controls select,
.dkuform-chart-options .control-group .controls button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-chart-options .control-group .controls input[type=text]:focus,
.dkuform-chart-options .control-group .controls input[type=url]:focus,
.dkuform-chart-options .control-group .controls input[type=number]:focus,
.dkuform-chart-options .control-group .controls input[type=date]:focus,
.dkuform-chart-options .control-group .controls input[type=time]:focus,
.dkuform-chart-options .control-group .controls input[type=password]:focus,
.dkuform-chart-options .control-group .controls textarea:focus,
.dkuform-chart-options .control-group .controls select:focus,
.dkuform-chart-options .control-group .controls button.btn.selectpicker:focus,
.dkuform-chart-options .control-group .controls input[type=text]:hover,
.dkuform-chart-options .control-group .controls input[type=url]:hover,
.dkuform-chart-options .control-group .controls input[type=number]:hover,
.dkuform-chart-options .control-group .controls input[type=date]:hover,
.dkuform-chart-options .control-group .controls input[type=time]:hover,
.dkuform-chart-options .control-group .controls input[type=password]:hover,
.dkuform-chart-options .control-group .controls textarea:hover,
.dkuform-chart-options .control-group .controls select:hover,
.dkuform-chart-options .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-chart-options .control-group .controls input[type=text]:focus,
.dkuform-chart-options .control-group .controls input[type=url]:focus,
.dkuform-chart-options .control-group .controls input[type=number]:focus,
.dkuform-chart-options .control-group .controls input[type=date]:focus,
.dkuform-chart-options .control-group .controls input[type=time]:focus,
.dkuform-chart-options .control-group .controls input[type=password]:focus,
.dkuform-chart-options .control-group .controls textarea:focus,
.dkuform-chart-options .control-group .controls select:focus,
.dkuform-chart-options .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-chart-options .control-group .controls input[type=text].ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=url].ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=number].ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=date].ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=time].ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls input[type=password].ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls textarea.ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls select.ng-dirty.ng-invalid,
.dkuform-chart-options .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-chart-options .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-chart-options .control-group .controls input[type=checkbox],
.dkuform-chart-options .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-chart-options .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-chart-options .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.dkuform-chart-options .control-group .controls input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-chart-options .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-chart-options .control-group .controls a:hover {
  text-decoration: none;
}
.dkuform-chart-options .control-group .controls a:focus {
  outline: none;
}
.dkuform-chart-options .control-group .controls .alert {
  border-radius: 0;
}
.dkuform-chart-options .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-chart-options .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
/**
 * The main standard horizontal form
 */
.dkuform-horizontal {
  margin-bottom: 0;
}
.dkuform-horizontal input,
.dkuform-horizontal textarea,
.dkuform-horizontal select,
.dkuform-horizontal .help-inline,
.dkuform-horizontal .uneditable-input,
.dkuform-horizontal .input-prepend,
.dkuform-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.dkuform-horizontal .hide {
  display: none;
}
.dkuform-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.dkuform-horizontal .control-group:before,
.dkuform-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.dkuform-horizontal .control-group:after {
  clear: both;
}
.dkuform-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.dkuform-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.dkuform-horizontal .controls:first-child {
  *padding-left: 180px;
}
.dkuform-horizontal .help-block {
  margin-bottom: 0;
}
.dkuform-horizontal input + .help-block,
.dkuform-horizontal select + .help-block,
.dkuform-horizontal textarea + .help-block,
.dkuform-horizontal .uneditable-input + .help-block,
.dkuform-horizontal .input-prepend + .help-block,
.dkuform-horizontal .input-append + .help-block {
  margin-top: 10px;
}
.dkuform-horizontal .form-actions {
  padding-left: 180px;
}
.dkuform-horizontal .control-group {
  margin-bottom: 6px;
  margin-top: 6px;
}
.dkuform-horizontal .control-group .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  /* Color invalid dataset uniqueness issues, even when non dirty */
  height: fit-content;
  height: -moz-fit-content;
  text-align: left;
  width: 190px;
}
.dkuform-horizontal .control-group .control-label.disabled {
  color: #999999;
}
.dkuform-horizontal .control-group .control-label input[type=text],
.dkuform-horizontal .control-group .control-label input[type=url],
.dkuform-horizontal .control-group .control-label input[type=number],
.dkuform-horizontal .control-group .control-label input[type=date],
.dkuform-horizontal .control-group .control-label input[type=time],
.dkuform-horizontal .control-group .control-label input[type=password],
.dkuform-horizontal .control-group .control-label textarea,
.dkuform-horizontal .control-group .control-label select,
.dkuform-horizontal .control-group .control-label button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-horizontal .control-group .control-label input[type=text]:focus,
.dkuform-horizontal .control-group .control-label input[type=url]:focus,
.dkuform-horizontal .control-group .control-label input[type=number]:focus,
.dkuform-horizontal .control-group .control-label input[type=date]:focus,
.dkuform-horizontal .control-group .control-label input[type=time]:focus,
.dkuform-horizontal .control-group .control-label input[type=password]:focus,
.dkuform-horizontal .control-group .control-label textarea:focus,
.dkuform-horizontal .control-group .control-label select:focus,
.dkuform-horizontal .control-group .control-label button.btn.selectpicker:focus,
.dkuform-horizontal .control-group .control-label input[type=text]:hover,
.dkuform-horizontal .control-group .control-label input[type=url]:hover,
.dkuform-horizontal .control-group .control-label input[type=number]:hover,
.dkuform-horizontal .control-group .control-label input[type=date]:hover,
.dkuform-horizontal .control-group .control-label input[type=time]:hover,
.dkuform-horizontal .control-group .control-label input[type=password]:hover,
.dkuform-horizontal .control-group .control-label textarea:hover,
.dkuform-horizontal .control-group .control-label select:hover,
.dkuform-horizontal .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal .control-group .control-label input[type=text]:focus,
.dkuform-horizontal .control-group .control-label input[type=url]:focus,
.dkuform-horizontal .control-group .control-label input[type=number]:focus,
.dkuform-horizontal .control-group .control-label input[type=date]:focus,
.dkuform-horizontal .control-group .control-label input[type=time]:focus,
.dkuform-horizontal .control-group .control-label input[type=password]:focus,
.dkuform-horizontal .control-group .control-label textarea:focus,
.dkuform-horizontal .control-group .control-label select:focus,
.dkuform-horizontal .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label textarea.ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label select.ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .control-label input[type=checkbox],
.dkuform-horizontal .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal .control-group .control-label input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-horizontal .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal .control-group .control-label a:hover {
  text-decoration: none;
}
.dkuform-horizontal .control-group .control-label a:focus {
  outline: none;
}
.dkuform-horizontal .control-group .control-label .alert {
  border-radius: 0;
}
.dkuform-horizontal .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal .control-group .right-wall {
  width: 360px;
}
.dkuform-horizontal .control-group .controls {
  margin-left: 200px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-horizontal .control-group .controls .help-inline,
.dkuform-horizontal .control-group .controls .help-block {
  font-size: 0.8em;
}
.dkuform-horizontal .control-group .controls label {
  font-size: 12px;
}
.dkuform-horizontal .control-group .controls .checkbox-label {
  width: 206px;
}
.dkuform-horizontal .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.dkuform-horizontal .control-group .controls input[type=text],
.dkuform-horizontal .control-group .controls input[type=number],
.dkuform-horizontal .control-group .controls select {
  width: 206px;
}
.dkuform-horizontal .control-group .controls input[type=text].input-xlarge,
.dkuform-horizontal .control-group .controls input[type=number].input-xlarge,
.dkuform-horizontal .control-group .controls select.input-xlarge {
  width: 270px;
}
.dkuform-horizontal .control-group .controls input[type=text].input-xxlarge,
.dkuform-horizontal .control-group .controls input[type=number].input-xxlarge,
.dkuform-horizontal .control-group .controls select.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal .control-group .controls input[type=text].input-half-size,
.dkuform-horizontal .control-group .controls input[type=number].input-half-size,
.dkuform-horizontal .control-group .controls select.input-half-size {
  width: 102px;
}
.dkuform-horizontal .control-group .controls .bootstrap-select {
  width: 206px;
}
.dkuform-horizontal .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 206px;
}
.dkuform-horizontal .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.dkuform-horizontal .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.dkuform-horizontal .control-group .controls input[type=text],
.dkuform-horizontal .control-group .controls input[type=url],
.dkuform-horizontal .control-group .controls input[type=number],
.dkuform-horizontal .control-group .controls input[type=date],
.dkuform-horizontal .control-group .controls input[type=time],
.dkuform-horizontal .control-group .controls input[type=password],
.dkuform-horizontal .control-group .controls textarea,
.dkuform-horizontal .control-group .controls select,
.dkuform-horizontal .control-group .controls button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-horizontal .control-group .controls input[type=text]:focus,
.dkuform-horizontal .control-group .controls input[type=url]:focus,
.dkuform-horizontal .control-group .controls input[type=number]:focus,
.dkuform-horizontal .control-group .controls input[type=date]:focus,
.dkuform-horizontal .control-group .controls input[type=time]:focus,
.dkuform-horizontal .control-group .controls input[type=password]:focus,
.dkuform-horizontal .control-group .controls textarea:focus,
.dkuform-horizontal .control-group .controls select:focus,
.dkuform-horizontal .control-group .controls button.btn.selectpicker:focus,
.dkuform-horizontal .control-group .controls input[type=text]:hover,
.dkuform-horizontal .control-group .controls input[type=url]:hover,
.dkuform-horizontal .control-group .controls input[type=number]:hover,
.dkuform-horizontal .control-group .controls input[type=date]:hover,
.dkuform-horizontal .control-group .controls input[type=time]:hover,
.dkuform-horizontal .control-group .controls input[type=password]:hover,
.dkuform-horizontal .control-group .controls textarea:hover,
.dkuform-horizontal .control-group .controls select:hover,
.dkuform-horizontal .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal .control-group .controls input[type=text]:focus,
.dkuform-horizontal .control-group .controls input[type=url]:focus,
.dkuform-horizontal .control-group .controls input[type=number]:focus,
.dkuform-horizontal .control-group .controls input[type=date]:focus,
.dkuform-horizontal .control-group .controls input[type=time]:focus,
.dkuform-horizontal .control-group .controls input[type=password]:focus,
.dkuform-horizontal .control-group .controls textarea:focus,
.dkuform-horizontal .control-group .controls select:focus,
.dkuform-horizontal .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal .control-group .controls input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls textarea.ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls select.ng-dirty.ng-invalid,
.dkuform-horizontal .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal .control-group .controls input[type=checkbox],
.dkuform-horizontal .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal .control-group .controls input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-horizontal .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal .control-group .controls a:hover {
  text-decoration: none;
}
.dkuform-horizontal .control-group .controls a:focus {
  outline: none;
}
.dkuform-horizontal .control-group .controls .alert {
  border-radius: 0;
}
.dkuform-horizontal .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.dkuform-horizontal .control-group .controls .fit {
  width: auto;
}
.dkuform-horizontal .control-group .controls .bold {
  font-weight: bold;
}
.dkuform-horizontal .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.dkuform-horizontal .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.dkuform-horizontal.dkuform-horizontal-wider .control-group .control-label {
  width: 240px;
}
.dkuform-horizontal.dkuform-horizontal-wider .control-group .controls {
  margin-left: 250px;
}
/**
 * Tighter style for partition deps */
.dkuform-horizontal-tight-pdeps {
  margin-bottom: 0;
}
.dkuform-horizontal-tight-pdeps input,
.dkuform-horizontal-tight-pdeps textarea,
.dkuform-horizontal-tight-pdeps select,
.dkuform-horizontal-tight-pdeps .help-inline,
.dkuform-horizontal-tight-pdeps .uneditable-input,
.dkuform-horizontal-tight-pdeps .input-prepend,
.dkuform-horizontal-tight-pdeps .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.dkuform-horizontal-tight-pdeps .hide {
  display: none;
}
.dkuform-horizontal-tight-pdeps .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.dkuform-horizontal-tight-pdeps .control-group:before,
.dkuform-horizontal-tight-pdeps .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.dkuform-horizontal-tight-pdeps .control-group:after {
  clear: both;
}
.dkuform-horizontal-tight-pdeps .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.dkuform-horizontal-tight-pdeps .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.dkuform-horizontal-tight-pdeps .controls:first-child {
  *padding-left: 180px;
}
.dkuform-horizontal-tight-pdeps .help-block {
  margin-bottom: 0;
}
.dkuform-horizontal-tight-pdeps input + .help-block,
.dkuform-horizontal-tight-pdeps select + .help-block,
.dkuform-horizontal-tight-pdeps textarea + .help-block,
.dkuform-horizontal-tight-pdeps .uneditable-input + .help-block,
.dkuform-horizontal-tight-pdeps .input-prepend + .help-block,
.dkuform-horizontal-tight-pdeps .input-append + .help-block {
  margin-top: 10px;
}
.dkuform-horizontal-tight-pdeps .form-actions {
  padding-left: 180px;
}
.dkuform-horizontal-tight-pdeps .control-group {
  margin-bottom: 6px;
  margin-top: 6px;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  /* Color invalid dataset uniqueness issues, even when non dirty */
  height: fit-content;
  height: -moz-fit-content;
  text-align: left;
  width: 140px;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label.disabled {
  color: #999999;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=text],
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url],
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number],
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date],
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time],
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password],
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea,
.dkuform-horizontal-tight-pdeps .control-group .control-label select,
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=text]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label select:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=text]:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url]:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number]:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date]:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time]:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password]:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label select:hover,
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=text]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password]:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label select:focus,
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea.ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label select.ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=checkbox],
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label a:hover {
  text-decoration: none;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label a:focus {
  outline: none;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label .alert {
  border-radius: 0;
}
.dkuform-horizontal-tight-pdeps .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal-tight-pdeps .control-group .right-wall {
  width: 360px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls {
  margin-left: 150px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-horizontal-tight-pdeps .control-group .controls .help-inline,
.dkuform-horizontal-tight-pdeps .control-group .controls .help-block {
  font-size: 0.8em;
}
.dkuform-horizontal-tight-pdeps .control-group .controls label {
  font-size: 12px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .checkbox-label {
  width: 206px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number],
.dkuform-horizontal-tight-pdeps .control-group .controls select {
  width: 206px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].input-xlarge,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].input-xlarge,
.dkuform-horizontal-tight-pdeps .control-group .controls select.input-xlarge {
  width: 270px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].input-xxlarge,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].input-xxlarge,
.dkuform-horizontal-tight-pdeps .control-group .controls select.input-xxlarge {
  width: 430px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].input-half-size,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].input-half-size,
.dkuform-horizontal-tight-pdeps .control-group .controls select.input-half-size {
  width: 102px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .bootstrap-select {
  width: 206px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 206px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=url],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=date],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=time],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password],
.dkuform-horizontal-tight-pdeps .control-group .controls textarea,
.dkuform-horizontal-tight-pdeps .control-group .controls select,
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=url]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=date]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=time]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls textarea:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls select:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text]:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=url]:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number]:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=date]:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=time]:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password]:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls textarea:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls select:hover,
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=url]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=date]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=time]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password]:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls textarea:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls select:focus,
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=text].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=url].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=number].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=date].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=time].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=password].ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls textarea.ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls select.ng-dirty.ng-invalid,
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-horizontal-tight-pdeps .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=checkbox],
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-horizontal-tight-pdeps .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-horizontal-tight-pdeps .control-group .controls a:hover {
  text-decoration: none;
}
.dkuform-horizontal-tight-pdeps .control-group .controls a:focus {
  outline: none;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .alert {
  border-radius: 0;
}
.dkuform-horizontal-tight-pdeps .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-horizontal-tight-pdeps .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .fit {
  width: auto;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .bold {
  font-weight: bold;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.dkuform-horizontal-tight-pdeps .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.dkuform-horizontal-tight-pdeps .control-group {
  margin-bottom: 5px;
}
.dkuform-disableable fieldset:disabled {
  cursor: not-allowed;
  opacity: .5;
}
/**
 * Special case for custom fields
 */
.dkuform-horizontal.custom-fields-form {
  position: relative;
}
.dkuform-horizontal.custom-fields-form .custom-fields-form-edit-zone {
  padding: 15px 25px 15px 25px;
  position: absolute;
  right: 0;
  top: 0;
}
.dkuform-horizontal.custom-fields-form .custom-fields-form-component {
  padding: 15px 25px 15px 25px;
  border-bottom: 1px #dddddd solid;
}
.dkuform-horizontal.custom-fields-form .control-group {
  display: flex;
}
.dkuform-horizontal.custom-fields-form .control-group .control-label {
  flex: 1 0 33%;
  padding-right: 10px;
}
.dkuform-horizontal.custom-fields-form .control-group .controls {
  margin-left: 0;
  flex: 1 0 66%;
}
.dkuform-horizontal.custom-fields-form .control-group .controls > div {
  flex: 2 0;
  display: flex;
}
.dkuform-horizontal.custom-fields-form .control-group .controls > div .input-value,
.dkuform-horizontal.custom-fields-form .control-group .controls > div .display-value {
  margin: 0;
  flex: 1 0;
}
.dkuform-horizontal.custom-fields-form .control-group .controls > div .help-inline {
  vertical-align: top;
  flex: 1 0;
  padding-left: 10px;
}
.dkuform-horizontal .control-group .controls .form-element__create-dataset-wrapper .form-element__dataset-selector {
  width: 206px;
}
.dkuform-horizontal .control-group .controls .form-element__create-dataset-wrapper .form-element__dataset-selector form {
  padding: 0;
  margin: 0;
}
.dkuform-horizontal .control-group .controls .form-element__pick-dataset-wrapper {
  display: inline-block;
  width: 206px;
}
.dkuform-horizontal .control-group .controls textarea.form-element__textarea {
  display: flex;
  width: 100%;
  min-height: 100px;
}
.dkuform-horizontal .control-group .controls div.form-element__codemirror {
  display: flex;
  width: 100%;
  min-height: 100px;
}
.dkuform-horizontal .control-group .controls div.form-element__codemirror .CodeMirror {
  width: 100%;
  max-height: 300px;
}
.dkuform-horizontal .control-group .controls .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 206px;
}
.dkuform-horizontal.custom-fields-form.custom-fields-popup .control-group {
  margin-bottom: 0;
}
.dkuform-horizontal.custom-fields-form.custom-fields-popup .control-group .control-label {
  flex: 1 0 50%;
  font-size: inherit;
  line-height: inherit;
}
.dkuform-horizontal.custom-fields-form.custom-fields-popup .control-group .controls {
  flex: 1 0 50%;
  font-size: inherit;
  line-height: inherit;
}
.dkuform-horizontal.custom-fields-form.custom-fields-popup .control-group .settings-section-title {
  font-size: inherit;
  line-height: inherit;
  margin: 10px 0 5px 0;
}
/**
 * The main standard vertical form
 */
.dkuform-std-vertical {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-std-vertical input[type=text],
.dkuform-std-vertical input[type=url],
.dkuform-std-vertical input[type=number],
.dkuform-std-vertical input[type=date],
.dkuform-std-vertical input[type=time],
.dkuform-std-vertical input[type=password],
.dkuform-std-vertical textarea,
.dkuform-std-vertical select,
.dkuform-std-vertical button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-std-vertical input[type=text]:focus,
.dkuform-std-vertical input[type=url]:focus,
.dkuform-std-vertical input[type=number]:focus,
.dkuform-std-vertical input[type=date]:focus,
.dkuform-std-vertical input[type=time]:focus,
.dkuform-std-vertical input[type=password]:focus,
.dkuform-std-vertical textarea:focus,
.dkuform-std-vertical select:focus,
.dkuform-std-vertical button.btn.selectpicker:focus,
.dkuform-std-vertical input[type=text]:hover,
.dkuform-std-vertical input[type=url]:hover,
.dkuform-std-vertical input[type=number]:hover,
.dkuform-std-vertical input[type=date]:hover,
.dkuform-std-vertical input[type=time]:hover,
.dkuform-std-vertical input[type=password]:hover,
.dkuform-std-vertical textarea:hover,
.dkuform-std-vertical select:hover,
.dkuform-std-vertical button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-std-vertical input[type=text]:focus,
.dkuform-std-vertical input[type=url]:focus,
.dkuform-std-vertical input[type=number]:focus,
.dkuform-std-vertical input[type=date]:focus,
.dkuform-std-vertical input[type=time]:focus,
.dkuform-std-vertical input[type=password]:focus,
.dkuform-std-vertical textarea:focus,
.dkuform-std-vertical select:focus,
.dkuform-std-vertical button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-std-vertical input[type=text].ng-dirty.ng-invalid,
.dkuform-std-vertical input[type=url].ng-dirty.ng-invalid,
.dkuform-std-vertical input[type=number].ng-dirty.ng-invalid,
.dkuform-std-vertical input[type=date].ng-dirty.ng-invalid,
.dkuform-std-vertical input[type=time].ng-dirty.ng-invalid,
.dkuform-std-vertical input[type=password].ng-dirty.ng-invalid,
.dkuform-std-vertical textarea.ng-dirty.ng-invalid,
.dkuform-std-vertical select.ng-dirty.ng-invalid,
.dkuform-std-vertical button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-std-vertical button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-std-vertical button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-std-vertical input[type=checkbox],
.dkuform-std-vertical input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-std-vertical input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-std-vertical input:focus {
  border: 1px #31708f solid;
}
.dkuform-std-vertical input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-std-vertical textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-std-vertical a:hover {
  text-decoration: none;
}
.dkuform-std-vertical a:focus {
  outline: none;
}
.dkuform-std-vertical .alert {
  border-radius: 0;
}
.dkuform-std-vertical input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-std-vertical .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.dkuform-std-vertical .control-label.disabled {
  color: #999999;
}
.dkuform-std-vertical .control-group {
  margin-bottom: 19px;
}
.dkuform-std-vertical .control-group .controls {
  margin: 0px 0px 0px;
  line-height: 20px;
}
/**
 * A bigger vertical form. Used in recipe IO
 */
.dkuform-vertical-larger {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-vertical-larger input[type=text],
.dkuform-vertical-larger input[type=url],
.dkuform-vertical-larger input[type=number],
.dkuform-vertical-larger input[type=date],
.dkuform-vertical-larger input[type=time],
.dkuform-vertical-larger input[type=password],
.dkuform-vertical-larger textarea,
.dkuform-vertical-larger select,
.dkuform-vertical-larger button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-vertical-larger input[type=text]:focus,
.dkuform-vertical-larger input[type=url]:focus,
.dkuform-vertical-larger input[type=number]:focus,
.dkuform-vertical-larger input[type=date]:focus,
.dkuform-vertical-larger input[type=time]:focus,
.dkuform-vertical-larger input[type=password]:focus,
.dkuform-vertical-larger textarea:focus,
.dkuform-vertical-larger select:focus,
.dkuform-vertical-larger button.btn.selectpicker:focus,
.dkuform-vertical-larger input[type=text]:hover,
.dkuform-vertical-larger input[type=url]:hover,
.dkuform-vertical-larger input[type=number]:hover,
.dkuform-vertical-larger input[type=date]:hover,
.dkuform-vertical-larger input[type=time]:hover,
.dkuform-vertical-larger input[type=password]:hover,
.dkuform-vertical-larger textarea:hover,
.dkuform-vertical-larger select:hover,
.dkuform-vertical-larger button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-vertical-larger input[type=text]:focus,
.dkuform-vertical-larger input[type=url]:focus,
.dkuform-vertical-larger input[type=number]:focus,
.dkuform-vertical-larger input[type=date]:focus,
.dkuform-vertical-larger input[type=time]:focus,
.dkuform-vertical-larger input[type=password]:focus,
.dkuform-vertical-larger textarea:focus,
.dkuform-vertical-larger select:focus,
.dkuform-vertical-larger button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-vertical-larger input[type=text].ng-dirty.ng-invalid,
.dkuform-vertical-larger input[type=url].ng-dirty.ng-invalid,
.dkuform-vertical-larger input[type=number].ng-dirty.ng-invalid,
.dkuform-vertical-larger input[type=date].ng-dirty.ng-invalid,
.dkuform-vertical-larger input[type=time].ng-dirty.ng-invalid,
.dkuform-vertical-larger input[type=password].ng-dirty.ng-invalid,
.dkuform-vertical-larger textarea.ng-dirty.ng-invalid,
.dkuform-vertical-larger select.ng-dirty.ng-invalid,
.dkuform-vertical-larger button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-vertical-larger button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-vertical-larger button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-vertical-larger input[type=checkbox],
.dkuform-vertical-larger input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-vertical-larger input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-vertical-larger input:focus {
  border: 1px #31708f solid;
}
.dkuform-vertical-larger input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-vertical-larger textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-vertical-larger a:hover {
  text-decoration: none;
}
.dkuform-vertical-larger a:focus {
  outline: none;
}
.dkuform-vertical-larger .alert {
  border-radius: 0;
}
.dkuform-vertical-larger input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-vertical-larger .control-label,
.dkuform-vertical-larger .sub-control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.dkuform-vertical-larger .control-label.disabled,
.dkuform-vertical-larger .sub-control-label.disabled {
  color: #999999;
}
.dkuform-vertical-larger .control-group,
.dkuform-vertical-larger .sub-control-group {
  margin-bottom: 19px;
}
.dkuform-vertical-larger .control-group .controls,
.dkuform-vertical-larger .sub-control-group .controls,
.dkuform-vertical-larger .control-group .sub-controls,
.dkuform-vertical-larger .sub-control-group .sub-controls {
  margin: 0px 0px 0px;
  line-height: 20px;
}
.dkuform-vertical-larger .control-group select,
.dkuform-vertical-larger .sub-control-group select {
  width: 100%;
  height: 30px;
}
.dkuform-vertical-larger .control-group input,
.dkuform-vertical-larger .sub-control-group input {
  width: 100%;
  height: 30px;
}
.dkuform-vertical-larger .control-group input::-webkit-input-placeholder,
.dkuform-vertical-larger .sub-control-group input::-webkit-input-placeholder {
  color: inherit;
  opacity: .4;
}
.dkuform-vertical-larger .control-group input::-moz-placeholder,
.dkuform-vertical-larger .sub-control-group input::-moz-placeholder {
  color: inherit;
  opacity: .4;
}
.dkuform-vertical-larger .control-group .bootstrap-select,
.dkuform-vertical-larger .sub-control-group .bootstrap-select {
  width: 100% !important;
  height: 30px;
}
.dkuform-vertical-larger .control-group .bootstrap-select button,
.dkuform-vertical-larger .sub-control-group .bootstrap-select button {
  height: 100%;
}
.dkuform-vertical-larger .dss-object-selector-mainzone {
  width: 100%;
  background: #ffffff;
}
.controls-side-by-side-40-60 .control-group {
  display: inline-block;
  float: left;
}
.controls-side-by-side-40-60 .control-group:nth-of-type(1) {
  width: 40%;
}
.controls-side-by-side-40-60 .control-group:nth-of-type(1) .controls {
  margin-right: 10px;
}
.controls-side-by-side-40-60 .control-group:nth-of-type(2) {
  width: 60%;
}
input[type=file] {
  font-family: 'SourceSansPro';
}
.dkuform-modal-horizontal {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-modal-horizontal input[type=checkbox] {
  /* Work-around misalignment */
  margin-top: 1px;
}
.dkuform-modal-horizontal input,
.dkuform-modal-horizontal textarea,
.dkuform-modal-horizontal select,
.dkuform-modal-horizontal .help-inline,
.dkuform-modal-horizontal .uneditable-input,
.dkuform-modal-horizontal .input-prepend,
.dkuform-modal-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.dkuform-modal-horizontal .hide {
  display: none;
}
.dkuform-modal-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.dkuform-modal-horizontal .control-group:before,
.dkuform-modal-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.dkuform-modal-horizontal .control-group:after {
  clear: both;
}
.dkuform-modal-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.dkuform-modal-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.dkuform-modal-horizontal .controls:first-child {
  *padding-left: 180px;
}
.dkuform-modal-horizontal .help-block {
  margin-bottom: 0;
}
.dkuform-modal-horizontal input + .help-block,
.dkuform-modal-horizontal select + .help-block,
.dkuform-modal-horizontal textarea + .help-block,
.dkuform-modal-horizontal .uneditable-input + .help-block,
.dkuform-modal-horizontal .input-prepend + .help-block,
.dkuform-modal-horizontal .input-append + .help-block {
  margin-top: 10px;
}
.dkuform-modal-horizontal .form-actions {
  padding-left: 180px;
}
.dkuform-modal-horizontal .control-group:not(:first-child) {
  margin-top: 19px;
  margin-bottom: 0;
}
.dkuform-modal-horizontal label.control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 220px;
  cursor: default;
}
.dkuform-modal-horizontal label.control-label.disabled {
  color: #999999;
}
.dkuform-modal-horizontal label.control-label-compact {
  width: 120px;
}
.dkuform-modal-horizontal .controls {
  margin-left: 230px;
}
.dkuform-modal-horizontal .controls-compact {
  margin-left: 130px;
}
.dkuform-modal-horizontal input[type=text],
.dkuform-modal-horizontal input[type=url],
.dkuform-modal-horizontal input[type=number],
.dkuform-modal-horizontal input[type=date],
.dkuform-modal-horizontal input[type=time],
.dkuform-modal-horizontal input[type=password],
.dkuform-modal-horizontal textarea,
.dkuform-modal-horizontal select,
.dkuform-modal-horizontal button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-modal-horizontal input[type=text]:focus,
.dkuform-modal-horizontal input[type=url]:focus,
.dkuform-modal-horizontal input[type=number]:focus,
.dkuform-modal-horizontal input[type=date]:focus,
.dkuform-modal-horizontal input[type=time]:focus,
.dkuform-modal-horizontal input[type=password]:focus,
.dkuform-modal-horizontal textarea:focus,
.dkuform-modal-horizontal select:focus,
.dkuform-modal-horizontal button.btn.selectpicker:focus,
.dkuform-modal-horizontal input[type=text]:hover,
.dkuform-modal-horizontal input[type=url]:hover,
.dkuform-modal-horizontal input[type=number]:hover,
.dkuform-modal-horizontal input[type=date]:hover,
.dkuform-modal-horizontal input[type=time]:hover,
.dkuform-modal-horizontal input[type=password]:hover,
.dkuform-modal-horizontal textarea:hover,
.dkuform-modal-horizontal select:hover,
.dkuform-modal-horizontal button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-modal-horizontal input[type=text]:focus,
.dkuform-modal-horizontal input[type=url]:focus,
.dkuform-modal-horizontal input[type=number]:focus,
.dkuform-modal-horizontal input[type=date]:focus,
.dkuform-modal-horizontal input[type=time]:focus,
.dkuform-modal-horizontal input[type=password]:focus,
.dkuform-modal-horizontal textarea:focus,
.dkuform-modal-horizontal select:focus,
.dkuform-modal-horizontal button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-modal-horizontal input[type=text].ng-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=url].ng-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=number].ng-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=date].ng-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=time].ng-dirty.ng-invalid,
.dkuform-modal-horizontal input[type=password].ng-dirty.ng-invalid,
.dkuform-modal-horizontal textarea.ng-dirty.ng-invalid,
.dkuform-modal-horizontal select.ng-dirty.ng-invalid,
.dkuform-modal-horizontal button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-modal-horizontal button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-modal-horizontal button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-modal-horizontal input[type=checkbox],
.dkuform-modal-horizontal input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-modal-horizontal input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-modal-horizontal input:focus {
  border: 1px #31708f solid;
}
.dkuform-modal-horizontal input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-modal-horizontal textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-modal-horizontal a:hover {
  text-decoration: none;
}
.dkuform-modal-horizontal a:focus {
  outline: none;
}
.dkuform-modal-horizontal .alert {
  border-radius: 0;
}
.dkuform-modal-horizontal input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-modal-horizontal .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 206px;
}
.dkuform-modal-horizontal input[type=file] {
  padding-top: 4px;
  height: 22px;
}
.dkuform-modal-horizontal .help-inline {
  color: #666666;
  font-size: 12px;
  width: 230px;
}
.dkuform-modal-horizontal .help-inline.help-inline--full-width {
  width: 100%;
}
.dkuform-modal-horizontal .help-inline.disabled {
  color: #999999;
}
.dkuform-modal-horizontal .dss-object-selector-mainzone {
  width: 206px;
  background: #ffffff;
}
.dkuform-modal-vertical {
  padding: 0 50px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dkuform-modal-vertical input[type=text],
.dkuform-modal-vertical input[type=url],
.dkuform-modal-vertical input[type=number],
.dkuform-modal-vertical input[type=date],
.dkuform-modal-vertical input[type=time],
.dkuform-modal-vertical input[type=password],
.dkuform-modal-vertical textarea,
.dkuform-modal-vertical select,
.dkuform-modal-vertical button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dkuform-modal-vertical input[type=text]:focus,
.dkuform-modal-vertical input[type=url]:focus,
.dkuform-modal-vertical input[type=number]:focus,
.dkuform-modal-vertical input[type=date]:focus,
.dkuform-modal-vertical input[type=time]:focus,
.dkuform-modal-vertical input[type=password]:focus,
.dkuform-modal-vertical textarea:focus,
.dkuform-modal-vertical select:focus,
.dkuform-modal-vertical button.btn.selectpicker:focus,
.dkuform-modal-vertical input[type=text]:hover,
.dkuform-modal-vertical input[type=url]:hover,
.dkuform-modal-vertical input[type=number]:hover,
.dkuform-modal-vertical input[type=date]:hover,
.dkuform-modal-vertical input[type=time]:hover,
.dkuform-modal-vertical input[type=password]:hover,
.dkuform-modal-vertical textarea:hover,
.dkuform-modal-vertical select:hover,
.dkuform-modal-vertical button.btn.selectpicker:hover {
  color: #333333;
}
.dkuform-modal-vertical input[type=text]:focus,
.dkuform-modal-vertical input[type=url]:focus,
.dkuform-modal-vertical input[type=number]:focus,
.dkuform-modal-vertical input[type=date]:focus,
.dkuform-modal-vertical input[type=time]:focus,
.dkuform-modal-vertical input[type=password]:focus,
.dkuform-modal-vertical textarea:focus,
.dkuform-modal-vertical select:focus,
.dkuform-modal-vertical button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dkuform-modal-vertical input[type=text].ng-dirty.ng-invalid,
.dkuform-modal-vertical input[type=url].ng-dirty.ng-invalid,
.dkuform-modal-vertical input[type=number].ng-dirty.ng-invalid,
.dkuform-modal-vertical input[type=date].ng-dirty.ng-invalid,
.dkuform-modal-vertical input[type=time].ng-dirty.ng-invalid,
.dkuform-modal-vertical input[type=password].ng-dirty.ng-invalid,
.dkuform-modal-vertical textarea.ng-dirty.ng-invalid,
.dkuform-modal-vertical select.ng-dirty.ng-invalid,
.dkuform-modal-vertical button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dkuform-modal-vertical button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dkuform-modal-vertical button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dkuform-modal-vertical input[type=checkbox],
.dkuform-modal-vertical input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dkuform-modal-vertical input[type=radio] {
  position: relative;
  top: -1px;
}
.dkuform-modal-vertical input:focus {
  border: 1px #31708f solid;
}
.dkuform-modal-vertical input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dkuform-modal-vertical textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dkuform-modal-vertical a:hover {
  text-decoration: none;
}
.dkuform-modal-vertical a:focus {
  outline: none;
}
.dkuform-modal-vertical .alert {
  border-radius: 0;
}
.dkuform-modal-vertical input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dkuform-modal-vertical .modal-body {
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}
.dkuform-modal-vertical .modal-body hr {
  border-top: 1px solid #dddddd;
  margin: 10px -50px;
}
.dkuform-modal-vertical .control-group {
  margin-bottom: 15px;
}
.dkuform-modal-vertical .full-width {
  margin-left: -50px;
  margin-right: -50px;
}
.dkuform-modal-vertical label.control-label {
  font-weight: 500;
  cursor: default;
  margin-bottom: 10px;
}
.dkuform-modal-wrapper {
  margin: 0;
}
form[name=renaming] {
  margin-bottom: 12px;
}
form[name=renaming] h2 {
  box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.1);
  font-size: 1.5em;
  background-color: #ffffff;
  position: relative;
  margin-top: 0;
  margin-bottom: 8px;
}
form[name=renaming] h2 input {
  padding-left: 45px;
  margin-bottom: 5px;
}
form[name=renaming] h2 > i {
  position: absolute;
  left: 5px;
  top: 7px;
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
  width: 35px;
  text-align: center;
}
form[name=renaming] h2 > small {
  position: absolute;
  left: 5px;
  top: 29px;
  width: 35px;
  text-align: center;
  font-size: 10px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
/***************** Buttons ******************/
.btn {
  background-image: inherit;
  box-shadow: none;
  text-shadow: none;
  box-sizing: border-box;
  outline: 0;
}
:not(.dku-btn-group) .btn {
  border-radius: 0px !important;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 13px;
}
.btn-in-form.btn-in-form {
  height: 24px;
  line-height: 24px;
}
/***
 * The basic types of button colors
 */
.mx-btn-inverse-disabled[disabled] {
  color: rgba(255, 255, 255, 0.8);
}
.btn:focus {
  outline: none;
}
/* Button Primary */
/* Button Success */
.btn.btn.btn.btn,
.has-caret {
  position: relative;
}
.btn.btn.btn.btn > .caret,
.has-caret > .caret {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  vertical-align: middle;
  right: 6px;
  margin-left: 6px;
}
.btn.btn.dropdown-toggle:not(.manual-caret),
.has-caret {
  padding-right: 20px;
}
.dku-toggle.dku-toggle {
  margin-left: 10px;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  top: 3px;
}
.dku-toggle.dku-toggle.dku-toggle--no-margin {
  margin: 0;
}
.dku-toggle.dku-toggle input {
  display: none;
}
.dku-toggle.dku-toggle input + * {
  display: block;
  box-shadow: 0 2px 1px -1px #dddddd;
  height: 20px;
  width: 50px;
  border-radius: 15px;
  cursor: pointer;
  text-align: left;
}
.dku-toggle.dku-toggle input + *:before {
  content: "OFF";
  text-indent: 22px;
  font-family: Verdana;
  line-height: 20px;
  color: #ffffff;
  font-size: 10px;
  position: absolute;
  display: block;
  height: 20px;
  width: 50px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: #bbbbbb;
  transition-delay: 0.1s;
}
.dku-toggle.dku-toggle input + *:after {
  content: "";
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  top: 1px;
  left: 1px;
  border-radius: 15px;
  background: #ffffff;
  transition: 0.25s ease-in-out;
}
.dku-toggle.dku-toggle input:checked + *:before {
  background-color: #3b99fc;
  color: #ffffff;
  content: "ON";
  text-indent: 8px;
}
.dku-toggle.dku-toggle input:checked + *:after {
  left: 31px;
}
.dku-toggle.dku-toggle input:checked:disabled + * {
  cursor: not-allowed;
}
.dku-toggle.dku-toggle input:checked:disabled + *:before {
  color: #c4e0fe;
  background-color: #9dccfe;
}
.dku-toggle.dku-toggle input:checked:disabled + *:after {
  background-color: #f6fbff;
}
.dku-toggle.dku-toggle input:disabled + * {
  cursor: not-allowed;
}
.dku-toggle.dku-toggle input:disabled + *:before {
  color: #f2f2f2;
  background-color: #dddddd;
}
.dku-toggle.dku-toggle input:disabled + *:after {
  background-color: #f2f2f2;
}
.dku-toggle.dku-toggle.error input + *:before {
  background-color: #ce1228 !important;
}
.dku-toggle-no-content.dku-toggle-no-content.dku-toggle-no-content input + *:before,
.dku-toggle-no-content.dku-toggle-no-content.dku-toggle-no-content input + *:after {
  content: '';
}
.dku-toggle-plain.dku-toggle-plain.dku-toggle-plain input + *:before {
  content: '';
  background: #bbbbbb;
}
.dku-toggle-plain.dku-toggle-plain.dku-toggle-plain input + *:after {
  content: '';
}
.dku-labelled-toggle {
  display: inline-block;
  font-size: 12px;
}
.dku-labelled-toggle input {
  display: none;
}
.dku-labelled-toggle input + * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 1px;
}
.dku-labelled-toggle input:enabled + * {
  background-color: #f2f2f2;
}
.dku-labelled-toggle input:enabled + *:hover {
  background-color: #4caf50;
  color: #ffffff;
}
.dku-labelled-toggle input:checked + * {
  background-color: #4caf50;
  color: #ffffff;
}
.dku-labelled-toggle input:checked + *:hover {
  background-color: #4caf50;
}
.dku-labelled-toggle input:disabled + * {
  background: none;
  pointer-events: none;
  cursor: default;
  color: #cccccc;
  font-weight: 400;
  text-decoration: line-through;
}
.dku-labelled-toggle input:disabled + *:hover {
  background-color: inherit;
}
input.in-place-edit {
  background-color: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-rendering: inherit !important;
  margin: 0 !important;
  box-shadow: none !important;
  position: relative;
  top: -1px;
}
input.in-place-edit:not(:focus) {
  border-color: rgba(0, 0, 0, 0);
}
input.in-place-edit:not(:focus):hover {
  border-color: #dddddd;
}
.dku-select-button.dku-select-button.dku-select-button.dku-select-button {
  text-transform: none;
  outline: none !important;
}
.dku-select-button.dku-select-button.dku-select-button.dku-select-button:focus {
  outline: none !important;
}
.dku-select-button.dku-select-button.dku-select-button.dku-select-button i.object-icon {
  vertical-align: middle;
  margin-left: 3px;
  margin-right: 5px;
}
.dku-select-button.dku-select-button {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.bootstrap-select-searchbox input[type=text] {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.bootstrap-select-searchbox input[type=text]:focus,
.bootstrap-select-searchbox input[type=text]:hover {
  color: #333333;
}
.bootstrap-select-searchbox input[type=text]:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.bootstrap-select-searchbox input[type=text].ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.show-on-hover {
  visibility: hidden;
}
:hover > .show-on-hover,
.show-on-hover.popover-shown,
.show-on-hover > * {
  visibility: visible;
}
.show-on-hover > .caret {
  visibility: inherit;
}
label.disabled {
  color: #bbbbbb;
}
.mx-selector-item {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.mx-selector-item:not(.selectable) {
  color: #dddddd;
}
.mx-selector-item.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.mx-selector-item.selected,
.mx-selector-item.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.mx-selector-item i:not(.universe-color) {
  color: #666666;
}
.mx-selector-item .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.mx-selector-item .selection-indicator i {
  color: #3b99fc;
}
.mx-selector-item .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.mx-selector-item .selectable-item__description {
  font-weight: 400;
}
.selectable-items-list .selectable-item,
.selectable-items-list-h50 .selectable-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.selectable-items-list .selectable-item > .flex,
.selectable-items-list-h50 .selectable-item > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.selectable-items-list .selectable-item > .flex .override-min-width,
.selectable-items-list-h50 .selectable-item > .flex .override-min-width {
  min-width: 0px;
}
.selectable-items-list .selectable-item > .flex-no-basis,
.selectable-items-list-h50 .selectable-item > .flex-no-basis,
.selectable-items-list .selectable-item .flex-no-basis,
.selectable-items-list-h50 .selectable-item .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.selectable-items-list .selectable-item > .flex-no-basis .override-min-width,
.selectable-items-list-h50 .selectable-item > .flex-no-basis .override-min-width,
.selectable-items-list .selectable-item .flex-no-basis .override-min-width,
.selectable-items-list-h50 .selectable-item .flex-no-basis .override-min-width {
  min-width: 0px;
}
.selectable-items-list .selectable-item > .flex-no-grow,
.selectable-items-list-h50 .selectable-item > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.selectable-items-list .selectable-item > .flex-no-shrink,
.selectable-items-list-h50 .selectable-item > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.selectable-items-list .selectable-item > .noflex,
.selectable-items-list-h50 .selectable-item > .noflex,
.selectable-items-list .selectable-item .top-level-tabs,
.selectable-items-list-h50 .selectable-item .top-level-tabs,
.selectable-items-list .selectable-item > .alert,
.selectable-items-list-h50 .selectable-item > .alert,
.selectable-items-list .selectable-item > .bottom-bar,
.selectable-items-list-h50 .selectable-item > .bottom-bar,
.selectable-items-list .selectable-item > .input-append,
.selectable-items-list-h50 .selectable-item > .input-append,
.selectable-items-list .selectable-item > div[block-api-error],
.selectable-items-list-h50 .selectable-item > div[block-api-error],
.selectable-items-list .selectable-item > h1,
.selectable-items-list-h50 .selectable-item > h1,
.selectable-items-list .selectable-item > h2,
.selectable-items-list-h50 .selectable-item > h2,
.selectable-items-list .selectable-item > h3,
.selectable-items-list-h50 .selectable-item > h3,
.selectable-items-list .selectable-item > h4,
.selectable-items-list-h50 .selectable-item > h4,
.selectable-items-list .selectable-item > h5,
.selectable-items-list-h50 .selectable-item > h5,
.selectable-items-list .selectable-item > h6,
.selectable-items-list-h50 .selectable-item > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.selectable-items-list .selectable-item .selection-indicator,
.selectable-items-list-h50 .selectable-item .selection-indicator {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.selectable-items-list .selectable-item:not(.selectable),
.selectable-items-list-h50 .selectable-item:not(.selectable) {
  color: #dddddd;
}
.selectable-items-list .selectable-item.selectable:hover,
.selectable-items-list-h50 .selectable-item.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.selectable-items-list .selectable-item.selected,
.selectable-items-list-h50 .selectable-item.selected,
.selectable-items-list .selectable-item.selected:hover,
.selectable-items-list-h50 .selectable-item.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.selectable-items-list .selectable-item i:not(.universe-color),
.selectable-items-list-h50 .selectable-item i:not(.universe-color) {
  color: #666666;
}
.selectable-items-list .selectable-item .selection-indicator,
.selectable-items-list-h50 .selectable-item .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.selectable-items-list .selectable-item .selection-indicator i,
.selectable-items-list-h50 .selectable-item .selection-indicator i {
  color: #3b99fc;
}
.selectable-items-list .selectable-item .selectable-item__title,
.selectable-items-list-h50 .selectable-item .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.selectable-items-list .selectable-item .selectable-item__description,
.selectable-items-list-h50 .selectable-item .selectable-item__description {
  font-weight: 400;
}
.selectable-items-list.selectable-items-list--no-margins .selectable-item,
.selectable-items-list-h50.selectable-items-list--no-margins .selectable-item {
  margin-left: 0;
  margin-right: 0;
}
ul.selectable-items-list {
  margin: 0;
}
.selectable-items-list-h50 .selectable-item {
  height: 52px;
}
/* GUI 2.1 */
.big-click-zone-inline {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  margin: 0 0 10px 0;
}
.big-click-zone-inline:not(.selectable) {
  color: #dddddd;
}
.big-click-zone-inline.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.big-click-zone-inline.selected,
.big-click-zone-inline.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.big-click-zone-inline i:not(.universe-color) {
  color: #666666;
}
.big-click-zone-inline .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.big-click-zone-inline .selection-indicator i {
  color: #3b99fc;
}
.big-click-zone-inline .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.big-click-zone-inline .selectable-item__description {
  font-weight: 400;
}
.big-click-zone-inline .title {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
}
.btn-run-group .btn {
  height: 26px;
  line-height: 26px;
  text-transform: uppercase;
}
.btn-run-group .btn-run-main {
  padding: 0 10px;
}
/***********************************
 * listForm (add/remove form rows) *
 ***********************************/
.dku-right-col-form {
  padding-top: 10px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dku-right-col-form input[type=text],
.dku-right-col-form input[type=url],
.dku-right-col-form input[type=number],
.dku-right-col-form input[type=date],
.dku-right-col-form input[type=time],
.dku-right-col-form input[type=password],
.dku-right-col-form textarea,
.dku-right-col-form select,
.dku-right-col-form button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dku-right-col-form input[type=text]:focus,
.dku-right-col-form input[type=url]:focus,
.dku-right-col-form input[type=number]:focus,
.dku-right-col-form input[type=date]:focus,
.dku-right-col-form input[type=time]:focus,
.dku-right-col-form input[type=password]:focus,
.dku-right-col-form textarea:focus,
.dku-right-col-form select:focus,
.dku-right-col-form button.btn.selectpicker:focus,
.dku-right-col-form input[type=text]:hover,
.dku-right-col-form input[type=url]:hover,
.dku-right-col-form input[type=number]:hover,
.dku-right-col-form input[type=date]:hover,
.dku-right-col-form input[type=time]:hover,
.dku-right-col-form input[type=password]:hover,
.dku-right-col-form textarea:hover,
.dku-right-col-form select:hover,
.dku-right-col-form button.btn.selectpicker:hover {
  color: #333333;
}
.dku-right-col-form input[type=text]:focus,
.dku-right-col-form input[type=url]:focus,
.dku-right-col-form input[type=number]:focus,
.dku-right-col-form input[type=date]:focus,
.dku-right-col-form input[type=time]:focus,
.dku-right-col-form input[type=password]:focus,
.dku-right-col-form textarea:focus,
.dku-right-col-form select:focus,
.dku-right-col-form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dku-right-col-form input[type=text].ng-dirty.ng-invalid,
.dku-right-col-form input[type=url].ng-dirty.ng-invalid,
.dku-right-col-form input[type=number].ng-dirty.ng-invalid,
.dku-right-col-form input[type=date].ng-dirty.ng-invalid,
.dku-right-col-form input[type=time].ng-dirty.ng-invalid,
.dku-right-col-form input[type=password].ng-dirty.ng-invalid,
.dku-right-col-form textarea.ng-dirty.ng-invalid,
.dku-right-col-form select.ng-dirty.ng-invalid,
.dku-right-col-form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dku-right-col-form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dku-right-col-form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dku-right-col-form input[type=checkbox],
.dku-right-col-form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dku-right-col-form input[type=radio] {
  position: relative;
  top: -1px;
}
.dku-right-col-form input:focus {
  border: 1px #31708f solid;
}
.dku-right-col-form input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dku-right-col-form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dku-right-col-form a:hover {
  text-decoration: none;
}
.dku-right-col-form a:focus {
  outline: none;
}
.dku-right-col-form .alert {
  border-radius: 0;
}
.dku-right-col-form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dku-right-col-form .control-group {
  padding: 0 10px;
  margin-bottom: 20px;
}
.dku-right-col-form .control-group .control-label {
  font-weight: 500;
  cursor: default;
}
.dku-right-col-form .control-group label.control-label[for] {
  cursor: pointer;
}
.dku-right-col-form input[type=text],
.dku-right-col-form textarea,
.dku-right-col-form .bootstrap-select,
.dku-right-col-form .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.dku-right-col-form .dss-object-selector-mainzone {
  box-shadow: none;
  width: 100%;
}
.dku-right-col-form .bootstrap-select:not(:last-child) {
  margin-bottom: 5px !important;
}
.dku-right-col-form .dss-object-selector-mainzone {
  line-height: 22px;
  font-size: inherit;
  background: #ffffff;
  height: 26px;
}
.dku-right-col-form .dss-object-selector-mainzone.has-dataset {
  height: 48px;
}
input.simple-styled-input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
input.simple-styled-input:focus,
input.simple-styled-input:hover {
  color: #333333;
}
input.simple-styled-input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
input.simple-styled-input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dku-search-input {
  position: relative;
}
.dku-search-input input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  padding: 0 25px 0 10px;
  box-shadow: none;
  width: 100%;
}
.dku-search-input input:focus,
.dku-search-input input:hover {
  color: #333333;
}
.dku-search-input input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dku-search-input input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dku-search-input:before {
  content: "\e608";
  font-size: 15px;
  color: #bbbbbb;
  position: absolute;
  right: 5px;
  top: 4px;
  display: block;
}
.dku-editable-text > div {
  padding: 4px 5px 2px 5px;
}
.dku-editable-text > div i {
  padding-left: 5px;
  cursor: pointer;
}
.dku-editable-text > input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.dku-editable-text > input:focus,
.dku-editable-text > input:hover {
  color: #333333;
}
.dku-editable-text > input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dku-editable-text > input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dku-editable-text > input:not(:focus) {
  border-color: transparent;
  background: transparent;
}
.dku-editable-text:focus {
  border: 1px solid #ce1228;
}
.dku-horizontal-selector-list > .item {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  margin: 4px 0 10px 0;
  padding: 10px;
}
.dku-horizontal-selector-list > .item:not(.selectable) {
  color: #dddddd;
}
.dku-horizontal-selector-list > .item.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.dku-horizontal-selector-list > .item.selected,
.dku-horizontal-selector-list > .item.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.dku-horizontal-selector-list > .item i:not(.universe-color) {
  color: #666666;
}
.dku-horizontal-selector-list > .item .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.dku-horizontal-selector-list > .item .selection-indicator i {
  color: #3b99fc;
}
.dku-horizontal-selector-list > .item .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.dku-horizontal-selector-list > .item .selectable-item__description {
  font-weight: 400;
}
.dku-horizontal-selector-list > .item:before {
  content: " ";
  font-family: FontAwesome;
  color: #3b99fc;
  width: 30px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
  padding-right: 3px;
}
.dku-horizontal-selector-list > .item.selected:before {
  content: "\f00c";
}
.dku-horizontal-selector-list > .item .name {
  font-weight: 500;
  display: inline-block;
  min-width: 135px;
}
.dku-block-selector-list {
  display: flex;
}
.dku-block-selector-list > .item {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  text-align: center;
  margin: 10px;
  padding: 10px;
}
.dku-block-selector-list > .item:not(.selectable) {
  color: #dddddd;
}
.dku-block-selector-list > .item.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.dku-block-selector-list > .item.selected,
.dku-block-selector-list > .item.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.dku-block-selector-list > .item i:not(.universe-color) {
  color: #666666;
}
.dku-block-selector-list > .item .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.dku-block-selector-list > .item .selection-indicator i {
  color: #3b99fc;
}
.dku-block-selector-list > .item .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.dku-block-selector-list > .item .selectable-item__description {
  font-weight: 400;
}
.dku-block-selector-list > .item:before {
  content: " ";
  font-family: FontAwesome;
  color: #3b99fc;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
  height: 20px;
  padding-right: 3px;
}
.dku-block-selector-list > .item.selected:before {
  content: "\f00c";
}
.dku-block-selector-list > .item .name {
  margin: 5px 0;
  font-weight: 500;
  display: inline-block;
  min-width: 135px;
}
.dku-btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.dku-btn-group:first-child {
  *margin-left: 0;
}
.dku-btn-group .btn:not(:first-child) {
  margin-left: 1px;
}
.dku-btn-group .btn--secondary:not(:first-child),
.dku-btn-group .btn--outline:not(:first-child) {
  margin-left: -1px;
}
.dku-btn-group .btn {
  background: #ffffff;
  border: 1px solid #dddddd;
  color: #333333;
  font-family: SourceSansPro;
  font-weight: 500;
}
.dku-btn-group .btn:hover {
  background: #f2f2f2;
  color: #666666;
}
.dku-btn-group .btn.active {
  background: #f2f2f2;
  color: #666666;
  box-shadow: none;
}
.standard-settings .standard-settings-infozone {
  box-sizing: border-box;
  margin: 20px auto;
  border: 1px solid #dddddd;
}
.standard-settings .standard-settings-section1 {
  background: #ffffff;
  box-sizing: border-box;
  margin: 20px auto;
  border: 1px solid #dddddd;
}
.standard-settings .standard-settings-infozone .standard-settings-section2 h5,
.standard-settings .standard-settings-section1 .standard-settings-section2 h5 {
  margin-top: 0;
}
.standard-settings .standard-settings-infozone .standard-settings-section2 .group-key-selector,
.standard-settings .standard-settings-section1 .standard-settings-section2 .group-key-selector {
  margin: 10px 0;
}
.standard-settings .standard-settings-infozone .standard-settings-section2 .group-key-selector > div,
.standard-settings .standard-settings-section1 .standard-settings-section2 .group-key-selector > div {
  display: inline-block;
}
.standard-settings .standard-settings-infozone .standard-settings-section2 .group-key-selector .btn-green,
.standard-settings .standard-settings-section1 .standard-settings-section2 .group-key-selector .btn-green {
  background-color: #4caf50;
  color: #ffffff;
  border: none;
}
.standard-settings .standard-settings-infozone .standard-settings-section2 .group-key-selector > a,
.standard-settings .standard-settings-section1 .standard-settings-section2 .group-key-selector > a {
  margin: 0 10px;
}
.standard-settings .standard-settings-infozone h1,
.standard-settings .standard-settings-section1 h1,
.standard-settings .standard-settings-infozone .standard-settings-section2,
.standard-settings .standard-settings-section1 .standard-settings-section2 {
  padding: 10px;
}
.standard-settings .standard-settings-infozone .standard-settings-section2:not(:first-of-type),
.standard-settings .standard-settings-section1 .standard-settings-section2:not(:first-of-type) {
  border-top: 1px solid #dddddd;
}
.standard-settings .standard-settings-infozone h1.standard-settings-section1-title,
.standard-settings .standard-settings-section1 h1.standard-settings-section1-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #444444;
  margin: 0;
  padding-bottom: 0;
}
.standard-settings .standard-settings-infozone h1.standard-settings-section1-title .keyadd-btn,
.standard-settings .standard-settings-section1 h1.standard-settings-section1-title .keyadd-btn {
  margin-right: 10px;
  width: 220px;
  text-align: left;
}
.standard-settings .standard-settings-infozone h1.standard-settings-section1-title > span,
.standard-settings .standard-settings-section1 h1.standard-settings-section1-title > span {
  font-size: 12px;
  padding-left: 20px;
}
.standard-settings .standard-settings-infozone h1.standard-settings-section1-title .greenbtn,
.standard-settings .standard-settings-section1 h1.standard-settings-section1-title .greenbtn {
  user-select: none;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 1px;
  background-color: #4caf50;
  color: #ffffff;
}
.standard-settings .standard-settings-infozone h2.standard-settings-section2-title,
.standard-settings .standard-settings-section1 h2.standard-settings-section2-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #444444;
  margin: 10px 0;
}
.standard-settings .standard-settings-infozone h3.standard-settings-section3-title,
.standard-settings .standard-settings-section1 h3.standard-settings-section3-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
}
/* Copied from bootstrap 3 */
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.dku-add-new {
  color: #bbbbbb;
  text-transform: uppercase;
}
.dku-add-new:before {
  content: '\e61f';
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 7px;
  line-height: 16px;
  font-size: 15px;
}
.dku-add-new:hover {
  color: #666666;
  text-decoration: none;
}
.code-mirror.dynamic-height .CodeMirror,
.code-mirror.dynamic-height .CodeMirror-scroll {
  height: auto;
  min-height: 100px;
}
.code-mirror.h200px .CodeMirror,
.code-mirror.h200px .CodeMirror-scroll {
  height: 200px;
}
.tiles-select-one-of .tile-select-one-of {
  border: none;
  box-shadow: none;
  cursor: pointer;
  opacity: 0.76;
  border: 1px solid transparent;
}
.tiles-select-one-of .tile-select-one-of.preselected,
.tiles-select-one-of .tile-select-one-of:hover {
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-shadow: 0px 2px 5px rgba(34, 34, 34, 0.08);
  opacity: 1;
}
label.chameleon-text-input {
  /* Color invalid dataset uniqueness issues, even when non dirty */
  font-weight: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}
label.chameleon-text-input input[type=text],
label.chameleon-text-input input[type=url],
label.chameleon-text-input input[type=number],
label.chameleon-text-input input[type=date],
label.chameleon-text-input input[type=time],
label.chameleon-text-input input[type=password],
label.chameleon-text-input textarea,
label.chameleon-text-input select,
label.chameleon-text-input button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
label.chameleon-text-input input[type=text]:focus,
label.chameleon-text-input input[type=url]:focus,
label.chameleon-text-input input[type=number]:focus,
label.chameleon-text-input input[type=date]:focus,
label.chameleon-text-input input[type=time]:focus,
label.chameleon-text-input input[type=password]:focus,
label.chameleon-text-input textarea:focus,
label.chameleon-text-input select:focus,
label.chameleon-text-input button.btn.selectpicker:focus,
label.chameleon-text-input input[type=text]:hover,
label.chameleon-text-input input[type=url]:hover,
label.chameleon-text-input input[type=number]:hover,
label.chameleon-text-input input[type=date]:hover,
label.chameleon-text-input input[type=time]:hover,
label.chameleon-text-input input[type=password]:hover,
label.chameleon-text-input textarea:hover,
label.chameleon-text-input select:hover,
label.chameleon-text-input button.btn.selectpicker:hover {
  color: #333333;
}
label.chameleon-text-input input[type=text]:focus,
label.chameleon-text-input input[type=url]:focus,
label.chameleon-text-input input[type=number]:focus,
label.chameleon-text-input input[type=date]:focus,
label.chameleon-text-input input[type=time]:focus,
label.chameleon-text-input input[type=password]:focus,
label.chameleon-text-input textarea:focus,
label.chameleon-text-input select:focus,
label.chameleon-text-input button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
label.chameleon-text-input input[type=text].ng-dirty.ng-invalid,
label.chameleon-text-input input[type=url].ng-dirty.ng-invalid,
label.chameleon-text-input input[type=number].ng-dirty.ng-invalid,
label.chameleon-text-input input[type=date].ng-dirty.ng-invalid,
label.chameleon-text-input input[type=time].ng-dirty.ng-invalid,
label.chameleon-text-input input[type=password].ng-dirty.ng-invalid,
label.chameleon-text-input textarea.ng-dirty.ng-invalid,
label.chameleon-text-input select.ng-dirty.ng-invalid,
label.chameleon-text-input button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
label.chameleon-text-input button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
label.chameleon-text-input button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
label.chameleon-text-input input[type=checkbox],
label.chameleon-text-input input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
label.chameleon-text-input input[type=radio] {
  position: relative;
  top: -1px;
}
label.chameleon-text-input input:focus {
  border: 1px #31708f solid;
}
label.chameleon-text-input input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
label.chameleon-text-input textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
label.chameleon-text-input a:hover {
  text-decoration: none;
}
label.chameleon-text-input a:focus {
  outline: none;
}
label.chameleon-text-input .alert {
  border-radius: 0;
}
label.chameleon-text-input input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
label.chameleon-text-input input[type=text]:not(:focus) {
  border-color: transparent;
  background: none;
  box-shadow: none;
  outline: none;
  font-weight: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}
.dku-error-fade-in {
  -webkit-animation-name: tooltip-fade-in;
  animation-name: tooltip-fade-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes tooltip-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltip-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
button.button--git-action {
  width: auto;
  max-width: 180px;
  text-align: left;
  border: none;
  border-radius: 3px;
  outline: none !important;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  text-overflow: ellipsis;
  color: #222222;
  font-size: 14px;
  display: inline-block;
  background: none;
  padding: 4px;
  font-family: 'SourceSansPro';
}
button.button--git-action:hover,
button.button--git-action.popover-shown {
  background-color: #f2f2f2;
}
button.button--git-action .icon-dku-git {
  font-size: 22px;
  vertical-align: middle;
}
button.button--git-action .button__branch-name {
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
}
.button--git-action.has-caret {
  padding-right: 20px;
}
.button--git-action.disabled {
  cursor: default;
}
.button--git-action.disabled:hover {
  background: none;
}
.popover_style_no_border {
  box-shadow: none;
  border: 0;
  padding: 0;
}
.popover__elt_no_bg_hover:hover {
  background-image: none !important;
  background-color: transparent !important;
}
.popover__elt_no_bg_hover:hover > * {
  background-image: none !important;
  background-color: transparent !important;
}
.webhook-url {
  width: calc(100% - 16px) !important;
}
.webhook-url.ng-invalid {
  border: 1px solid #ce1228;
}
.webhook-url-error {
  width: calc(100% - 20px) !important;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-family: 'SourceSansPro';
  border-radius: 0;
}
.insight-fullview-page iframe {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 10px auto 0px auto;
  border: 1px solid #dddddd;
  overflow-y: scroll;
}
.insight-summary-form-group {
  margin-bottom: 12px;
}
.insight-summary-form-group label {
  display: inline-block;
  width: 130px;
}
.insight-summary-form-group select {
  width: 150px;
}
div.preview {
  margin: 10px;
}
.insight-feed-popover {
  position: absolute;
  width: 430px;
  left: 50%;
  top: 30px;
  padding: 0;
  z-index: 2000;
  background-color: #ffffff;
  box-shadow: 3px 3px 3px 3px rgba(34, 34, 34, 0.3);
  border-radius: 0 0 3px 3px;
}
.insight-feed-popover .topwell {
  padding: 5px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.insight-feed-popover .topwell:after {
  clear: both;
}
.insight-feed-popover .content {
  clear: both;
  max-height: 300px;
  overflow: auto;
  padding: 5px;
}
.pinlet-container {
  width: 326px;
  height: 162px;
  border: 1px solid #bbbbbb;
  padding: 0px;
  position: relative;
}
.pinlet-container div.buttons i {
  cursor: pointer;
}
.pinlet-container i.miniature-icon {
  margin-top: 10px;
  font-size: 50px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.pinlet-container div.miniature-title i.miniature-icon {
  margin-top: 10px;
  font-size: 50px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.pinlet-container div.miniature-description,
.pinlet-container div.miniature-description_and_picture {
  margin-top: 10px;
  text-align: justify;
  text-overflow: ellipsis;
  line-height: 20px;
  font-size: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
.pinlet-container div.miniature-description i.miniature-icon,
.pinlet-container div.miniature-description_and_picture i.miniature-icon {
  margin-top: 10px;
  font-size: 30px;
  text-align: center;
  display: block;
  float: right;
  margin: 10px;
}
.miniature.miniature-chart > div,
.miniature.miniature-chart_full > div {
  height: 100%;
}
.miniature.miniature-chart > div svg,
.miniature.miniature-chart_full > div svg {
  height: 100%;
}
.miniature.miniature-ipython {
  margin-top: 10px;
}
.miniature.miniature-description {
  overflow: hidden;
}
.miniature.miniature-description:after {
  width: calc(100% - 10px);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #f6f6f6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f6f6f6', GradientType=0);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  height: 30px;
  left: 0;
  content: '';
}
.miniature.miniature-picture .image-sizer-centered {
  position: absolute;
  top: 22px;
  bottom: 0;
  left: 0;
  right: 0;
}
.miniature.miniature-picture .image-sizer-centered .image {
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
}
.miniature.miniature-picture .image-sizer-full {
  position: relative;
  height: 100%;
}
.miniature.miniature-picture .image-sizer-full .image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.miniature .legend {
  display: none;
}
.miniature .hlines {
  display: none;
}
.miniature .meta {
  display: block;
  margin-top: 10px;
  margin-left: 50px;
}
.miniature .notebook,
.miniature .datasetName {
  display: block;
  font-size: 20px;
  color: #444444;
}
.miniature .createdOn,
.miniature .createdBy {
  display: block;
  font-size: 15px;
  color: #666666;
}
.insight-page {
  width: auto;
  margin: 0 30px;
}
.insight-fullview-DATASET-page {
  width: auto !important;
  padding: 0px;
}
.fullview-dataset .container-fluid {
  padding: 0px !important;
}
.fullview-dataset .container-fluid .mainPane {
  padding-right: 10px;
}
div.insight-description {
  max-height: 150px;
  position: relative;
  z-index: 10;
}
div.insight-description div.content {
  max-width: 900px;
}
div.insight-right-description {
  padding: 0 15px;
}
.tile-params__json-input {
  width: 100%;
  box-sizing: border-box;
  min-height: 150px;
  resize: none;
}
div.insight-details .modal-header {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
div.insight-details .modal-header .count {
  position: absolute;
  top: -8px;
  left: -10px;
  background: #ce1228;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  color: #ffffff;
}
div.insight-details div.modal-body-nomagic > .container-fluid {
  padding-left: 0;
}
div.show-more-ok {
  border-bottom: 1px solid #dddddd;
}
div.show-more-more {
  overflow: visible !important;
}
div.show-more-more div.wrapper {
  box-shadow: #bbbbbb 1px 3px 3px;
}
div.show-more-more div.wrapper div.overflowable {
  max-height: 500px;
  overflow-y: auto;
}
div.show-more-more button.show-more-btn {
  display: none;
}
div.show-more-more button.show-less-btn {
  display: block;
  position: relative;
  margin-top: 10px;
}
div.show-more-less {
  border-bottom: 1px solid #dddddd;
}
div.show-more-less button.show-more-btn {
  display: block;
}
div.show-more-less button.show-less-btn {
  display: none;
}
div.show-more {
  overflow: hidden;
  position: relative;
  max-height: 150px;
}
div.show-more div.wrapper {
  padding: 5px;
  box-sizing: border-box;
  background-color: #ffffff;
  padding-left: 15px;
}
div.show-more button {
  display: none;
  position: absolute;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  background-color: #f9e3e5;
  height: 30px;
  opacity: 0.8;
  border: 0;
}
.chart-insight-settings-modal {
  min-width: 850px;
  width: 850px;
}
.chart-insight-settings-modal .modal-body {
  padding: 16px;
}
.chart-insight-settings-modal .pannel {
  display: inline-block;
}
.chart-insight-settings-modal .pannel.left {
  width: 49%;
}
.chart-insight-settings-modal .pannel.right {
  width: 50%;
}
.chart-insight-settings-modal .pannel.pinboards-page {
  vertical-align: top;
  text-align: center;
  background-color: transparent;
}
.chart-insight-settings-modal .pannel.pinboards-page .pinboard-container {
  display: inline-block;
  position: relative;
  left: 10px;
}
.chart-insight-settings-modal .pannel .summary {
  margin-bottom: 30px;
}
.chart-insight-settings-modal .pannel .summary .description {
  margin-top: 10px;
}
.chart-insight-settings-modal .pannel .summary .description p {
  padding-left: 15px;
  max-height: 130px;
  overflow-y: auto;
}
.chart-insight-settings-modal .pannel .summary form {
  padding-left: 15px;
}
.chart-insight-settings-modal .pannel .summary form .controls select {
  width: auto;
}
.chart-insight-settings-modal .pannel .summary form textarea {
  max-height: 130px;
  resize: none;
  margin-top: 5px;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  box-shadow: none;
  overflow-y: scroll;
  font-family: 'SourceSansPro';
}
.chart-insight-settings-modal .pannel .summary.description form {
  padding: 0;
  margin-bottom: -15px;
}
.chart-insight-settings-modal .summary th {
  text-align: left;
}
.chart-insight-settings-modal .summary .mx-greylink {
  color: #bbbbbb;
}
.chart-insight-settings-modal .summary .mx-greylink:hover {
  color: #666666;
}
.chart-insight-settings-modal .summary .mx-greylink:hover {
  text-decoration: none;
}
.chart-insight-settings-modal .summary .mx-greylink:focus {
  outline: none;
}
.chart-insight-settings-modal .summary .cancel-edit {
  color: #bbbbbb;
  font-size: 16px;
}
.chart-insight-settings-modal .summary .cancel-edit:hover {
  color: #666666;
}
.chart-insight-settings-modal .summary .cancel-edit:hover {
  text-decoration: none;
}
.chart-insight-settings-modal .summary .cancel-edit:focus {
  outline: none;
}
.chart-insight-settings-modal .summary .shortDesc-well {
  margin-top: 20px;
  background: #dddddd;
  padding: 6px;
  border: 1px solid #dddddd;
}
.chart-insight-settings-modal .summary .shortDesc-well h4 {
  margin-top: 0;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.chart-insight-settings-modal .summary textarea {
  margin-bottom: 0;
}
.chart-insight-settings-modal .summary h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.chart-insight-settings-modal .summary .description {
  margin-top: 0;
}
.chart-insight-settings-modal .summary .description .empty {
  color: #bbbbbb;
}
.chart-insight-settings-modal .summary .filigran {
  cursor: pointer;
  opacity: 0.2;
}
.chart-insight-settings-modal .summary .filigran:hover,
.chart-insight-settings-modal .summary .filigran.active {
  opacity: 1;
}
.chart-insight-settings-modal .summary form {
  margin: 0;
  text-align: right;
}
.chart-insight-settings-modal .summary form * {
  text-align: left;
}
.chart-insight-settings-modal .summary form h3 {
  margin: 0;
}
.chart-insight-settings-modal .summary form h3 input {
  height: 28px;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  width: 90%;
  width: calc(100% - 3rem);
}
.chart-insight-settings-modal .summary form textarea {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chart-insight-settings-modal .summary form input[type="file"] {
  height: 24px;
  line-height: 15px;
}
.chart-insight-settings-modal .summary form .ng-invalid {
  background-color: #faa;
}
.chart-insight-settings-modal .summary .editable form {
  display: none;
  margin: 0;
  padding: 0;
  line-height: 10px;
}
.chart-insight-settings-modal .summary .editable form input[type="text"] {
  margin-left: -2px;
  margin-top: -2px;
  font-size: 23px;
  width: 100%;
  padding: 4px 2px;
  min-height: 100%;
  line-height: 14px;
}
.chart-insight-settings-modal .summary .editable.editing span,
.chart-insight-settings-modal .summary .editable.editing .filigran {
  display: none;
  height: 0px;
}
.chart-insight-settings-modal .summary .editable.editing form {
  display: inline-block;
}
.insight-params-export-delay {
  width: 4em;
}
.eda-edit-insight {
  height: calc(100% + -40px);
}
.dropdown-menu {
  max-width: 500px;
}
.dropdown-menu.detailed-dropdown-menu {
  margin-top: 8px;
  min-width: 400px;
  text-align: left;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item {
  cursor: pointer;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item:hover:not(.disabled) {
  background-color: #f2f2f2;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item.disabled {
  cursor: default;
  opacity: 0.5;
  color: #bbbbbb;
}
.dropdown-menu.detailed-dropdown-menu.detailed-dropdown-menu--with-icon .detailed-dropdown-menu__item {
  display: grid;
  grid-template-columns: 0.15fr 0.85fr;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__link {
  padding: 8px 16px;
  width: 100%;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__header {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 16px 16px 4px 16px;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__divider {
  margin: 0;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-icon {
  font-size: 24px;
  margin: auto;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-info {
  display: flex;
  flex-direction: column;
  padding: 8px 16px 8px 0px;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-info:first-child {
  padding: 12px;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-title {
  font-size: 13px;
  color: #222222;
}
.dropdown-menu.detailed-dropdown-menu .detailed-dropdown-menu__item-description {
  font-size: 12px;
  color: #666666;
  white-space: pre-line;
}
/****************************
 * Future spinner
 ****************************/
.futureWaiting {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000000;
  margin: -35px 0 0 -35px;
  color: #ffffff;
  display: inline-block;
  width: 70px;
  height: 70px;
}
.futureWaiting .future {
  width: 70px;
  height: 70px;
  background: #bbbbbb;
  border-radius: 35px;
}
.futureWaiting .future .arc {
  stroke: none;
  fill: #ffffff;
}
.futureWaiting .percentage {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 70px;
  font-size: 1.5em;
}
.futureWaiting .message {
  width: 1000px;
  left: -465px;
  top: 100%;
  position: absolute;
  text-align: center;
  vertical-align: top;
}
.futureWaiting .message span.content {
  display: inline-block;
  color: #ffffff;
  background: #bbbbbb;
  padding: 0.25em 1em;
  border-radius: 2px;
}
.futureWaiting .message span.content span {
  line-height: 1.8;
}
.waiting {
  position: fixed;
  z-index: 1000000;
  color: #ffffff;
  background: #666666;
  display: inline-block;
  box-sizing: border-box;
  width: 140px;
  min-height: 185px;
  padding: 20px 10px;
  border-radius: 4px;
  opacity: 0.85;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.waiting__progress {
  position: relative;
}
.waiting__svg {
  margin-left: auto;
  margin-right: auto;
  width: 55px;
  height: 55px;
  animation: rotate 2s linear infinite;
}
.waiting__spinner-base {
  fill: transparent;
  stroke: #bbbbbb;
}
.waiting__spinner {
  fill: transparent;
  stroke: #ffffff;
  stroke-dasharray: 250;
  stroke-dashoffset: 166;
}
.waiting__percentage {
  position: absolute;
  top: 18px;
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.waiting__message {
  line-height: 58px;
  min-height: 58px;
  margin: 5px 0;
}
.waiting__message-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}
.waiting .future-box__abort.future-box__abort.future-box__abort.future-box__abort {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  background-color: #ce1228;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
/****************************
 * Future modal
 ****************************/
.future-progress-modal .running-time {
  font-size: 13px;
  padding-left: 20px;
  color: #bbbbbb;
}
.future-progress-modal .modal-body {
  padding-top: 0;
}
.future-progress-modal .progress-striped {
  position: relative;
}
.future-progress-modal p {
  margin: 0;
}
/****************************
 * DSS object selector
 ****************************/
.std-size-selector .dss-object-selector-mainzone {
  height: 26px;
  font-size: 13px;
  line-height: 22px;
}
.std-size-selector .dss-object-selector-mainzone.has-dataset {
  height: 26px;
  white-space: nowrap;
}
.std-size-selector .dss-object-selector-mainzone.has-dataset small {
  display: none;
}
.dss-object-selector-mainzone {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  padding: 1px 4px;
  width: 206px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #dddddd;
  height: 20px;
  line-height: 16px;
}
.dss-object-selector-mainzone.has-dataset {
  height: 38px;
}
.dss-object-selector-mainzone a.trigger {
  color: #333333;
}
.dss-object-selector-mainzone a.trigger:hover {
  text-decoration: none;
}
.dss-object-selector-mainzone small span {
  color: #bbbbbb;
}
.dss-object-selector-popover {
  z-index: 3003;
  position: absolute;
  width: 400px;
  height: 300px;
  border-radius: 0 !important;
}
.dss-object-selector-popover .search-wrapper {
  width: 100%;
  padding: 10px;
  padding-bottom: 0;
  box-sizing: border-box;
}
.dss-object-selector-popover .search-wrapper input {
  width: 100%;
  box-sizing: border-box;
  height: 2em;
  padding: 5px;
}
.dss-object-selector-popover .search-wrapper input:focus {
  border: 1px solid #3b99fc;
  box-shadow: none;
}
.dss-object-selector-popover .list-zone {
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
}
.dss-object-selector-popover .list-zone h4 {
  font-size: 15px;
  margin-left: 5px;
}
.dss-object-selector-popover .list-zone hr {
  display: none;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items {
  width: 100%;
  display: inline-table;
  font-size: 12px;
  margin: 0;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item {
  margin: 0;
  margin-bottom: -1px;
  padding: 2px;
  padding-left: 10px;
  background: #ffffff;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item:hover,
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item.hovered {
  background-color: #f2f2f2;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item.selected:not(.hovered) {
  background-color: #e7f3ff;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .action {
  float: right;
  margin: 0 0 10px 10px;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .action:hover {
  text-decoration: none;
  line-height: 2;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item.disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #bbbbbb;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .dss-object-selector__item-name {
  color: #222222;
  display: block;
  font-size: 12px;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .dss-object-selector__item-name:hover {
  text-decoration: none;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .dss-object-selector__item-type {
  color: #666666;
  display: block;
  font-size: 10px;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .dss-object-selector__item-icon {
  font-size: 21px;
  width: 32px;
}
.dss-object-selector-popover .list-zone .dss-object-selector__items .dss-object-selector__item .dss-object-selector__item-selection {
  font-size: 12px;
  width: 24px;
}
.object-picker .currently-selected {
  padding: 1px 4px;
  padding-right: 20px;
}
.object-picker .currently-selected .dibvam {
  line-height: 22px;
}
.dss-object-selector-popover .insight-icon,
.object-picker .insight-icon {
  text-align: center;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 20%;
  font-size: .9em;
}
/****************************
 * Scrollable tabs
 ****************************/
.tabbable .scroller {
  text-align: center;
  cursor: pointer;
  display: none;
  padding: 7px;
  vertical-align: middle;
}
.tabbable .scroller-left {
  float: left;
}
.tabbable .scroller-right {
  float: right;
}
.tabbable .tabs-scroll-wrapper {
  position: relative;
  overflow: hidden;
  height: 35px;
}
.tabbable .tabs-scroll-wrapper .tabs-scroll-zone {
  position: absolute;
  min-width: 1000px;
}
/****************************
 * Data table (preview & co)
 ****************************/
.mx-data-table-common {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
}
.mx-data-table-common tr th {
  padding: 0;
  margin: 0;
  background: #ffffff;
}
.mx-data-table-common tr td {
  padding: 0;
  line-height: 15px;
}
.mx-data-table-common tr td .cell {
  min-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.mx-data-table-common .column-header {
  padding: 5px;
  line-height: 1.6;
  position: relative;
}
/****************************
 * Weekdays picker
 ****************************/
.weekdays-picker span {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  width: 32px;
  text-align: center;
  margin: 0 4px;
  border: 1px solid #222222;
  border-radius: 50%;
  cursor: pointer;
}
.weekdays-picker span.selected {
  border: 1px solid #3b99fc;
  background: #3b99fc;
  color: #ffffff;
}
/****************************
 * OVerride tables (variables expansion)
 ****************************/
.override-table-link {
  color: inherit;
  margin-left: 5px;
  margin-right: 5px;
}
.override-table-link:hover {
  text-decoration: none;
}
.override-table-link.overriden {
  font-size: 1.2em;
  color: #ce1228;
}
.override-table-link > * {
  vertical-align: middle;
}
.override-table-link pre {
  display: inline-block;
  width: 200px;
  height: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}
.override-table-link button {
  margin-left: 20px;
}
.override-table-modal {
  min-width: 700px;
}
.override-table-modal pre {
  font-size: 11px;
  max-height: 150px;
  overflow: auto;
}
.override-table-modal ul {
  margin: 0;
}
.override-table-modal ul li {
  list-style: none;
}
.override-table-modal ul li:not(first-child) {
  margin-top: 10px;
}
.override-table-modal ul li input {
  font-size: 12px;
  width: 240px;
}
.override-table-modal ul li pre {
  font-size: 11px;
}
/****************************
 * Images upload, avatars, totems
 ****************************/
div.image-upload-modal {
  width: 580px;
}
div.image-upload-modal .modal-body {
  padding: 0px;
  max-height: 450px;
}
div.image-upload-modal.wide {
  width: 730px;
  min-width: 730px;
}
.totem[editable=true] {
  cursor: pointer;
}
div.image-uploader {
  position: relative;
  margin: 0px;
  height: 420px;
}
div.image-uploader--no-height {
  height: auto;
}
div.image-uploader div.expand-h {
  flex-grow: 1;
}
div.image-uploader div.fixed-h {
  flex-grow: 0;
}
div.image-uploader div.flex-column {
  display: flex;
  flex-direction: column;
}
div.image-uploader div.split-pane {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 40%;
  box-sizing: border-box;
  float: left;
}
div.image-uploader div.settings-pane {
  padding: 25px 15px 15px 30px;
}
div.image-uploader div.split-pane:first-child {
  border-right: 1px solid #dddddd;
  width: 60%;
}
div.image-uploader.no-color-picker div.split-pane:first-child {
  padding: 30px 30px 30px 30px;
}
div.image-uploader div.preview-pane {
  justify-content: center;
  padding: 15px 0 30px 30px;
  background-color: #f2f2f2;
}
div.image-uploader div.original .placeholder {
  display: none;
}
div.image-uploader.empty div.original {
  display: block;
  border: dashed 5px rgba(204, 204, 204, 0.3);
  background-color: rgba(34, 34, 34, 0.05);
  cursor: pointer;
  box-shadow: inset 0px 0px 60px 10px #f2f2f2;
  position: relative;
}
div.image-uploader.empty canvas.preview {
  display: block;
  border: dashed 2px rgba(204, 204, 204, 0.46);
  background-color: rgba(34, 34, 34, 0.05);
  border-radius: 4px;
}
div.image-uploader.empty div.original .placeholder {
  width: 100%;
  text-align: center;
  color: #bbbbbb;
  position: absolute;
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto;
  display: block;
}
div.image-uploader.empty div.original .placeholder small {
  font-size: 18px;
}
div.image-uploader.empty div.selection {
  display: none !important;
}
div.image-uploader input.option {
  margin: 0 5px 0 0;
  vertical-align: baseline;
}
div.image-uploader div.option-image {
  display: flex;
  padding-bottom: 5px;
  justify-content: space-between;
}
div.image-uploader div.option-image label {
  margin: 0;
  display: block;
}
div.image-uploader div.selection {
  display: block;
  cursor: move;
  background-color: rgba(255, 255, 255, 0.3);
  width: 50px;
  height: 50px;
  position: absolute;
  box-shadow: 1px 1px 5px #222222;
  left: 10px;
  right: 10px;
}
div.image-uploader div.selection-wrapper {
  margin-left: 20px;
}
div.image-uploader div.color-options {
  margin-left: 20px;
  margin-bottom: 20px;
}
div.image-uploader div.color-options--no-margin {
  margin: 0px;
}
div.image-uploader.no-preview div.original {
  max-width: 100%;
}
div.image-uploader div.original {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
div.image-uploader.no-color-picker div.selection-wrapper {
  margin-left: 0px;
}
div.image-uploader.no-preview div.split-pane {
  border-right: none;
  width: 100%;
}
div.image-uploader.no-preview div.settings-pane {
  padding: 30px 30px 30px 30px;
}
div.image-uploader span.color-sample {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin: 0 2px 0 0;
  border: 3px solid #ffffff;
  border-radius: 50%;
  margin-right: 5px;
}
div.image-uploader span.color-sample.selected {
  border-color: #dddddd;
}
div.image-uploader span.color-sample:hover {
  border: 3px solid #f2f2f2;
  cursor: pointer;
}
div.image-uploader span.color-code {
  display: inline-block;
  vertical-align: top;
}
div.image-uploader a.shuffle {
  text-transform: uppercase;
  line-height: 25px;
}
div.image-uploader a.clear-link {
  text-transform: uppercase;
  text-decoration: none ;
}
div.image-uploader .pattern-1 {
  background: url('/static/dataiku/images/patterns/1.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-2 {
  background: url('/static/dataiku/images/patterns/2.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-3 {
  background: url('/static/dataiku/images/patterns/3.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-4 {
  background: url('/static/dataiku/images/patterns/4.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-5 {
  background: url('/static/dataiku/images/patterns/5.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-6 {
  background: url('/static/dataiku/images/patterns/6.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-7 {
  background: url('/static/dataiku/images/patterns/7.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .pattern-8 {
  background: url('/static/dataiku/images/patterns/8.png') no-repeat;
  background-size: 100%;
}
div.image-uploader .hide-pattern {
  background: none;
}
div.image-uploader div.image-options {
  position: relative;
  height: 30px;
}
div.image-uploader div.image-options .space {
  padding-top: 5px;
}
div.image-uploader div.preview-frame {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 13px 3px #bbbbbb;
}
div.image-uploader div.preview-frame .preview-image {
  position: relative;
}
div.image-uploader div.preview-frame .preview-image-color {
  opacity: .75;
  width: 100%;
  height: 100%;
  position: absolute;
}
div.image-uploader div.preview-frame .preview-image-text {
  width: 100%;
  height: 100%;
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  color: #ffffff;
  font-size: 39px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 2px;
}
div.image-uploader div.preview-frame img {
  height: 100%;
  width: 100%;
  cursor: default;
}
.avatar16 {
  background-size: cover;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 16px;
}
.avatar20 {
  background-size: cover;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
}
.avatar24 {
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
}
.avatar32 {
  background-size: cover;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 16px;
}
.avatar40 {
  background-size: cover;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
}
.object-image100 {
  background-repeat: no-repeat;
  background-position: center center;
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
}
.object-image50 {
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}
/**************************
 * Resize / Select
 **************************/
div.resizeHandle:before {
  background: url('/static/dataiku/images/resize-corner.png') no-repeat;
  content: "";
  z-index: 10;
  position: absolute;
  width: 14px;
  height: 14px;
}
div.resizeHandle {
  width: 14px;
  height: 14px;
}
div.resizeHandle.tl:before {
  top: 0;
  left: 0;
  transform: rotate(180deg);
  cursor: nw-resize;
}
div.resizeHandle.tr:before {
  top: 0;
  right: 0;
  transform: rotate(-90deg);
  cursor: ne-resize;
}
div.resizeHandle.br:before {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
div.resizeHandle.bl:before {
  bottom: 0;
  left: 0;
  transform: rotate(90deg);
  cursor: sw-resize;
}
div.selection-border {
  position: absolute;
  background: url('/static/dataiku/images/selection.gif');
}
div.selection-border-left {
  width: 1px;
  left: 0;
  height: 100%;
  cursor: ew-resize;
}
div.selection-border-right {
  width: 1px;
  right: 0;
  height: 100%;
  cursor: ew-resize;
}
div.selection-border-top {
  height: 1px;
  top: 0px;
  width: 100%;
  cursor: ns-resize;
}
div.selection-border-bottom {
  height: 1px;
  bottom: 0px;
  width: 100%;
  cursor: ns-resize;
}
.editable-text {
  position: relative;
  width: auto;
  margin-bottom: 10px;
}
.editable-text textarea {
  display: none;
}
.editable-text * {
  margin: 0;
}
.editable-text textarea,
.editable-text div {
  box-sizing: border-box;
  width: auto;
  font-size: 12px;
  height: 50px;
  width: 95%;
}
.editable-text div {
  overflow-y: auto;
}
.editable-text textarea {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #dddddd;
  padding-bottom: 2px;
  outline: 0;
  border-top: none;
  border-right: none;
  border-left: none;
}
.editable-text:before {
  top: 0px;
  display: block;
  position: absolute;
  right: 0;
  width: 13px;
  height: 13px;
  font-family: 'FontAwesome';
  color: #dddddd;
  content: "\f040";
}
.editable-text:hover:before {
  color: #bbbbbb;
}
.editable-text.edit div {
  display: none;
}
.editable-text.edit textarea {
  display: block;
}
.editable-label {
  position: relative;
  width: 200px;
}
.editable-label input {
  display: none;
}
.editable-label label {
  display: inline-block;
}
.editable-label.edit label {
  display: none;
}
.editable-label.edit input {
  display: block;
}
.editable-label input,
.editable-label label {
  box-sizing: border-box;
  font-size: 12px;
  height: 25px;
}
.editable-label input {
  width: 200px;
}
.editable-label input {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #dddddd;
  padding-bottom: 2px;
  outline: 0;
  border-top: none;
  border-right: none;
  border-left: none;
}
.editable-label:before {
  top: 0px;
  display: block;
  position: absolute;
  left: 3px;
  width: 13px;
  height: 13px;
  font-family: 'FontAwesome';
  color: #dddddd;
  content: "\f040";
}
.editable-label:hover:before {
  color: #bbbbbb;
}
/******************************
 * Widgets for clustering only atm
 ******************************/
div.bz-color-picker {
  width: 32px;
  height: 14px;
  display: inline-block;
  position: relative;
}
div.bz-color-picker.showPalette .bz-color-picker-palette {
  display: block;
}
div.bz-color-picker div.bz-color-picker-palette {
  display: none;
  line-height: 12px;
  height: 72px;
  width: 32px;
  padding: 1px;
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  position: absolute;
  left: 15px;
  z-index: 10;
  top: 12px;
  border: 1px solid #dddddd;
}
div.bz-color-picker div.bz-color-picker-palette input.color {
  -webkit-appearance: button;
  -moz-appearance: button;
  -ms-appearance: button;
  -o-appearance: button;
  width: 12px;
  height: 12px;
  float: left;
  margin: 1px;
  padding: 0;
  border: none;
  cursor: pointer;
}
div.bz-color-picker * {
  box-sizing: border-box;
}
div.bz-color-picker div.iris {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border: solid 2px #ffffff;
  border-radius: 7px;
}
div.bz-color-picker.showPalette i.icon-caret-down,
div.bz-color-picker:hover i.icon-caret-down {
  visibility: visible;
  position: absolute;
  left: 18px;
  color: #bbbbbb;
}
div.bz-color-picker.showPalette:after,
div.bz-color-picker:hover:after {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #dddddd;
  border-radius: 7px;
}
div.bz-color-picker i.icon-caret-down {
  visibility: hidden;
  position: absolute;
  left: 18px;
  color: #bbbbbb;
}
bz-histogram {
  display: block;
}
.bz-gauge {
  display: block;
  width: auto;
  height: 8px;
  background-color: #ffffff;
  border: 1px solid #222222;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.bz-gauge div.mercury {
  background-color: #3b99fc;
  height: 8px;
  position: relative;
}
.bz-gauge div.mercury div.arrow {
  border-width: 9px;
  width: 2px;
  height: 2px;
  top: -10px;
  border-style: solid;
  border-color: transparent;
  content: "";
  position: absolute;
  right: -16px;
}
/******************************
 * Fat-Repeat
 ******************************/
.fat-repeat {
  position: relative;
}
.fat-repeat .fattable-h-scrollbar {
  visibility: hidden;
}
.fat-repeat .fattable-body-container {
  margin-bottom: -10px;
}
.fat-repeat .fattable-viewport > div {
  padding: 0px;
}
.fat-repeat .fattable-v-scrollbar {
  width: 11px;
  overflow-y: auto;
}
[fat-table] {
  position: relative;
}
[fat-table] .fattable-viewport > div {
  padding: 0px;
}
/******************************
 * Date range picker
 ******************************/
.daterangepicker:before,
.daterangepicker:after {
  display: none !important;
}
.daterangepicker.dropdown-menu {
  border-radius: 0 !important;
  z-index: 3003 !important;
}
.daterangepicker .calendar.calendar {
  display: block;
}
.daterangepicker .ranges li {
  margin-bottom: 6px !important;
}
.daterangepicker .daterangepicker_start_input,
.daterangepicker .daterangepicker_end_input {
  display: none;
}
.daterangepicker .range_inputs {
  text-align: center;
  margin-top: 5px;
}
.daterangepicker .range_inputs > button {
  display: none;
}
.daterangepicker .ranges li.active,
.daterangepicker td.available.active.start-date,
.daterangepicker td.available.active.end-date {
  background: #3b99fc !important;
}
.daterangepicker td.available:hover {
  background: #f2f2f2 !important;
}
.daterangepicker td.in-range {
  background: #c4e0fe !important;
}
.input-append .active,
.input-prepend .active {
  background-color: inherit !important;
  border-color: inherit !important;
}
/******************************
 * Selects with popups
 ******************************/
.select-with-descriptions div.dropdown-menu {
  border-radius: 0;
  padding: 0;
  white-space: normal;
  overflow: hidden;
}
.select-with-descriptions div.dropdown-menu ul.dropdown-menu {
  display: none;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout {
  width: 500px;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout tr {
  cursor: pointer;
  border-top: 1px solid #dddddd;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout tr:first-child {
  border-top: 0;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout tr.selected {
  background-color: #dddddd;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout tr.disabled {
  background: repeating-linear-gradient(45deg, #dddddd, #dddddd 5px, #cccccc 5px, #cccccc 10px);
  color: #666666;
  cursor: not-allowed;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout .main-label {
  width: 155px;
  height: 50px;
  border-right: 1px solid #dddddd;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout .main-label > div {
  margin-left: 10px;
  margin-right: 20px;
}
.select-with-descriptions div.dropdown-menu table.dku-bs-select-options-descriptions-tablelayout .description {
  height: 50px;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 150px);
  color: #666666;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout {
  list-style: none;
  margin-left: 0;
  width: 500px;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout li {
  cursor: pointer;
  border-top: 1px solid #dddddd;
  padding: 10px;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout li:first-child {
  border-top: 0;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout li:hover {
  background-color: #f2f2f2;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout li.selected {
  background-color: #e7f3ff;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout li.disabled {
  color: #666666;
  pointer-events: none;
  opacity: 0.5;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout .main-label {
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
}
.select-with-descriptions div.dropdown-menu ul.dku-bs-select-options-descriptions-listlayout .description {
  font-size: 12px;
  color: #666666;
  line-height: 17px;
}
.select-with-annotations ul.dropdown-menu li a {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}
.select-with-annotations ul.dropdown-menu .text,
.select-with-annotations button.selectpicker .filter-option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.select-with-annotations ul.dropdown-menu .annotation,
.select-with-annotations button.selectpicker .annotation {
  margin-left: 3px;
  color: #bbbbbb;
  font-size: 11px;
}
/******************************
 * Code Snippet Editor
 ******************************/
.snippet-selector-switch {
  font-size: 13px;
}
.code-snippet-editor-wrapper {
  height: 100%;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.code-snippet-editor-wrapper .code-snippet-editor-header-zone {
  display: flex;
  flex-direction: row-reverse;
  flex: 0 0 25px;
  align-items: center;
  background-color: #f2f2f2;
  padding: 5px;
  margin-bottom: 0px;
  border: 1px solid #dddddd;
  border-bottom: 0;
}
.code-snippet-editor-wrapper .error-block {
  flex: 0 0 auto;
}
.code-snippet-editor-wrapper .editor-wrapper {
  position: relative;
  overflow: hidden;
  flex: 1 1 100%;
  display: flex;
  min-height: 1px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: 33%;
  max-height: 90%;
  border: 1px solid #dddddd;
  padding: 0;
  display: flex;
  flex-direction: column;
  box-shadow: -5px 5px 10px 0px rgba(34, 34, 34, 0.2);
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search {
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  flex-shrink: 0;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .query-bar {
  width: 100%;
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .query-bar .add-on {
  display: inline-block;
  border-right: 1px solid #dddddd;
  padding: 2px 7px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .query-bar input {
  flex-grow: 1;
  margin: 0;
  border-radius: 0;
  border: none;
  padding: 2px;
  padding-left: 5px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .query-bar input:focus {
  box-shadow: none;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter {
  margin-top: 5px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-toggler {
  width: 100%;
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-toggler .add-on {
  display: inline-block;
  border-right: 1px solid #dddddd;
  padding: 2px 7px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-toggler button {
  flex-grow: 1;
  background: none;
  border: none;
  margin: 0px;
  text-align: left;
  white-space: nowrap;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-toggler button.toggled {
  box-shadow: 0px 2px 4px rgba(34, 34, 34, 0.15) inset, 0px 1px 2px rgba(34, 34, 34, 0.05);
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-toggler button .detail {
  color: #bbbbbb;
  max-width: 50%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-wrapper {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  width: 100%;
  overflow-x: hidden;
  max-height: 150px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-wrapper ul {
  list-style: outside none none;
  margin: 0px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-wrapper ul li .tag {
  padding: 2px;
  padding-right: 0px;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-wrapper ul li .tag .bullet {
  margin-right: 17px;
  margin-left: 7px;
  vertical-align: middle;
  top: 0px;
  bottom: 1px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-wrapper ul li .tag.not-selected:hover {
  background-color: #f2f2f2 !important;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search .tag-filter .tag-list-wrapper ul li .tag.selected {
  color: #ffffff;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-creation-button {
  border-top: 1px solid #dddddd;
  flex-shrink: 0;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-creation-button button {
  background: none;
  text-align: center;
  padding: 8px;
  font-size: 100%;
  border: none;
  width: 100%;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-creation-button button:hover {
  background-color: #f2f2f2;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list {
  overflow-x: visible;
  overflow-y: auto;
  width: 100%;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul {
  margin: 0px;
  padding: 0px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .name {
  margin: 0px;
  padding: 0px;
  border-bottom: none;
  background-color: #ffffff;
  list-style: outside none none;
  position: relative;
  padding: 5px;
  padding-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .name.displayed {
  color: #ffffff;
  background-color: #3b99fc;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .name.displayed:hover {
  color: #ffffff;
  background-color: #3b99fc;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .name:hover {
  background-color: #f2f2f2;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details {
  position: absolute;
  right: 100%;
  background: #f2f2f2 none repeat scroll 0% 0%;
  border: 1px solid #dddddd;
  top: -1px;
  width: 150%;
  max-height: 570px;
  min-height: 333px;
  overflow: auto;
  box-shadow: -5px 5px 10px 0px rgba(34, 34, 34, 0.2);
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description {
  min-height: 110px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation {
  background: #ffffff;
  padding: 20px;
  flex-shrink: 0;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description h4,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation h4 {
  margin-top: 0px;
  max-width: 70%;
  margin-bottom: 10px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description p,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation p {
  max-width: 75%;
  margin-bottom: 10px;
  font-size: 14px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description .tool-bar,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation .tool-bar {
  position: absolute;
  top: 20px;
  right: 10px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description .tool-bar button,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation .tool-bar button {
  font-size: 17px;
  background: none;
  color: #666666;
  margin-left: 5px;
  border: none;
  display: inline-block;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description .tool-bar button:hover,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation .tool-bar button:hover {
  color: #333333;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description .tag-list,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation .tag-list {
  max-width: 75%;
  margin-bottom: 8px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-description .tag-list .tag,
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-template .sample-documentation .tag-list .tag {
  color: #ffffff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 5px;
  margin-right: 2px;
  margin-top: 2px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-documentation {
  flex-grow: 1;
  flex-shrink: 0;
  border-top: 1px solid #dddddd;
  font-size: 14px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-code {
  flex-shrink: 0;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-code .editor {
  position: relative;
  border: none;
  border-top: 1px solid #dddddd;
  padding: 5px 30px;
  min-height: 0px;
  margin-bottom: 20px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-code .editor .insertable-marker {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-code .editor .content h5 {
  font-size: 14px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details .sample-code .editor .content .CodeMirror {
  background: none;
  position: relative;
  overflow: hidden;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list-empty {
  padding: 10px;
}
.code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list-empty p {
  margin: 0;
}
.code-snippet-editor-wrapper .editor-wrapper .editor {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 150px;
  width: 100%;
  box-sizing: border-box;
}
.code-snippet-editor-wrapper .editor-wrapper .editor .CodeMirror:not(.CodeMirror-fullscreen) {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  height: inherit;
}
.code-snippet-editor-wrapper .editor-wrapper .editor .CodeMirror:not(.CodeMirror-fullscreen) .CodeMirror-scroll {
  height: inherit;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}
.modal.create-sample-modal {
  left: 35%;
  width: 1000px;
}
.modal.create-sample-modal h4 {
  padding-left: 30px;
}
.modal.create-sample-modal .modal-body {
  position: static;
  max-height: none;
}
.modal.create-sample-modal .create-sample-form {
  color: #444444;
  padding: 30px;
  padding-top: 15px;
  padding-bottom: 0px;
  font-size: 11px;
}
.modal.create-sample-modal .create-sample-form label,
.modal.create-sample-modal .create-sample-form input,
.modal.create-sample-modal .create-sample-form button,
.modal.create-sample-modal .create-sample-form select,
.modal.create-sample-modal .create-sample-form textarea {
  font-size: 11px;
}
.modal.create-sample-modal .create-sample-form input,
.modal.create-sample-modal .create-sample-form button,
.modal.create-sample-modal .create-sample-form select,
.modal.create-sample-modal .create-sample-form textarea {
  border-radius: 0;
  padding: 2px;
}
.modal.create-sample-modal .create-sample-form input,
.modal.create-sample-modal .create-sample-form textarea,
.modal.create-sample-modal .create-sample-form button {
  padding-left: 5px;
}
.modal.create-sample-modal .create-sample-form textarea {
  resize: none;
}
.modal.create-sample-modal .create-sample-form .pane {
  display: inline-block;
  vertical-align: top;
}
.modal.create-sample-modal .create-sample-form .pane.meta-pane {
  width: 30%;
}
.modal.create-sample-modal .create-sample-form .pane.code-pane {
  width: 69%;
}
.modal.create-sample-modal .create-sample-form .pane:last-child {
  border-left: 1px solid #dddddd;
}
.modal.create-sample-modal .create-sample-form .pane .controls {
  margin-right: 20px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .control-label {
  vertical-align: top;
}
.modal.create-sample-modal .create-sample-form .pane .controls .control-label.checkbox-label {
  vertical-align: baseline;
  width: 100%;
  margin-bottom: 10px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .control-label.checkbox-label input {
  width: auto;
  vertical-align: baseline;
  margin-right: 10px;
}
.modal.create-sample-modal .create-sample-form .pane .controls textarea,
.modal.create-sample-modal .create-sample-form .pane .controls input {
  display: inline-block;
  width: 92%;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 95%;
  max-height: 57px;
  margin-top: 10px;
  margin-bottom: 7px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .sample-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
  padding: 0px 5px 2px;
  margin-top: 2px;
  margin-right: 2px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .sample-tag .tag-name {
  color: #ffffff;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
  margin-right: 5px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .sample-tag .delete-tag-btn {
  border: none;
  background: none;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  padding: 0px;
  opacity: 0.5;
  vertical-align: middle;
  cursor: pointer;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .create-sample-zone {
  width: 60px;
  display: inline-block;
  margin-top: 2px;
  font-size: 10.5px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .create-sample-zone .sample-input-switch {
  color: #3b99fc;
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;
  line-height: 25px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .create-sample-zone .sample-input-switch:hover {
  text-decoration: underline;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .create-sample-zone input {
  width: 100%;
  margin-bottom: 0px;
  margin-left: 0px;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .create-sample-zone input:focus {
  box-shadow: none;
}
.modal.create-sample-modal .create-sample-form .pane .controls .tag-list .create-sample-zone input.duplicated-tag {
  border: 1px #f9e3e5 solid;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel {
  margin-left: 10px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper {
  min-height: 435px;
  max-height: 512px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list {
  margin-top: 10px;
  margin-left: 10px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li {
  list-style: none;
  font-size: 20px;
  color: #bbbbbb;
  margin-top: 5px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation {
  position: relative;
  top: 5px;
  left: 10px;
  margin-bottom: 20px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation input {
  width: 75%;
  margin-bottom: 5px;
  box-shadow: none;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation input.webapp-variation-title {
  background: none;
  border: none;
  box-shadow: none;
  font-size: 11px;
  text-decoration: underline;
  cursor: default;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation textarea {
  width: 90%;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation .code-mirror-wrapper {
  font-size: 11px;
  border: 1px solid #dddddd;
  width: 97%;
  overflow: auto;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation .code-mirror-wrapper .CodeMirror {
  height: 200px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation button {
  background: none;
  border: none;
  float: right;
  margin-right: 10px;
  width: 30px;
  font-size: 20px;
  color: #cccccc;
  cursor: pointer;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li div.sample-variation button:hover {
  color: #bbbbbb;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li button.add-variation {
  border: none;
  background: none;
  position: relative;
  left: 10px;
  text-align: left;
  color: #3b99fc;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list li button.add-variation:hover {
  text-decoration: underline;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list.webapp {
  margin-top: 0px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list.webapp li:first-child {
  margin-top: 0px;
}
.modal.create-sample-modal .create-sample-form .pane .variations-pannel .variations-list-wrapper ul.variations-list.webapp li div.sample-variation {
  top: 0px;
}
.modal.create-sample-modal .error-block {
  padding: 0px 10px;
}
/********************
 * Datasets explorer
 ********************/
.datasets-explorer {
  overflow-x: hidden;
  margin: 0 10px 0 10px;
}
.datasets-explorer h4 {
  display: inline-block;
  position: relative;
  letter-spacing: 0.2px;
  color: #bbbbbb;
}
.datasets-explorer h4:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #dddddd;
  top: 11px;
  margin-left: 8px;
  width: 500px;
}
.datasets-explorer .nodatasets {
  margin-left: 10px;
}
.datasets-explorer .noschema {
  color: #666666;
  margin-left: 30px;
}
.datasets-explorer .actions {
  margin-right: 5px;
}
.datasets-explorer .actions a:not(.insert) {
  width: 20px;
  display: inline-block;
  text-align: right;
  color: #666666;
}
.datasets-explorer .actions a:not(.insert):hover {
  color: #333333;
}
.datasets-explorer .actions a:not(.insert):hover:hover {
  text-decoration: none;
}
.datasets-explorer .actions a:not(.insert):hover:focus {
  outline: none;
}
.datasets-explorer ul {
  margin: 0;
}
.datasets-explorer ul.schema {
  margin-left: 30px;
}
.datasets-explorer ul.schema li a {
  color: #333333;
}
.datasets-explorer ul.schema li a:hover {
  text-decoration: none;
}
.datasets-explorer ul.schema li a:focus {
  outline: none;
}
.datasets-explorer ul.schema li a:hover {
  color: #267cfb;
}
.datasets-explorer ul.schema li .type {
  margin-right: 10px;
  color: #bbbbbb;
  font-size: 11px;
}
.datasets-explorer ul.schema li:hover {
  background: #ffffff;
}
.datasets-explorer li {
  list-style: none;
}
.datasets-explorer li h5 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-weight: 400;
  line-height: 17px;
}
.datasets-explorer li .insert {
  margin-left: 5px;
}
.datasets-explorer li .insert:hover {
  text-decoration: none;
}
.datasets-explorer li .insert:focus {
  outline: none;
}
.datasets-explorer li:not(:hover) .insert {
  display: none;
}
/********************
 * scroll preventers
 ********************/
.watch-scroll.scrolling .secondary-scroll {
  pointer-events: none;
}
/******************************
 * Filter boxes on lists
 ******************************/
.list-control-widget {
  display: inline-block;
  margin-left: 15px;
}
.std-list-search-box {
  font-size: 0;
  vertical-align: middle;
}
.std-list-search-box input {
  margin: 0;
  height: 24px;
  line-height: 24px;
  width: 95px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.std-list-search-box input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.std-list-search-box .add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.std-list-search-box .add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.std-list-search-box.with-icon {
  position: relative;
}
.std-list-search-box.with-icon .search-icon {
  line-height: 21px;
  font-size: 11px;
  color: #bbbbbb;
  position: absolute;
  right: 5px;
  top: 3px;
}
.std-list-search-box.with-icon input {
  width: 190px;
  padding-right: 20px;
}
.std-list-search-box-120 {
  font-size: 0;
  vertical-align: middle;
}
.std-list-search-box-120 input {
  margin: 0;
  height: 24px;
  line-height: 24px;
  width: 120px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.std-list-search-box-120 input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.std-list-search-box-120 .add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.std-list-search-box-120 .add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.std-list-search-box-120.with-icon {
  position: relative;
}
.std-list-search-box-120.with-icon .search-icon {
  line-height: 21px;
  font-size: 11px;
  color: #bbbbbb;
  position: absolute;
  right: 5px;
  top: 3px;
}
.std-list-search-box-120.with-icon input {
  width: 190px;
  padding-right: 20px;
}
.std-list-search-box--inline-block {
  display: inline-block;
}
.std-list-sort-box {
  font-size: 0;
  vertical-align: middle;
}
.std-list-sort-box .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 100px;
}
.std-list-sort-box .bootstrap-select button {
  display: inline;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  line-height: 24px;
  padding: 0 4px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.std-list-sort-box .order button {
  border: none;
  padding: 0;
  line-height: 14px;
  border-radius: 0;
  display: inline-block;
  color: #ffffff;
  height: 26px;
  width: 26px;
  text-align: center;
  background-color: #f2f2f2;
  margin-left: -1px;
}
.std-list-sort-box .order button i {
  font-size: 10px;
  color: #666666;
  line-height: 24px;
}
.std-list-sort-box-large {
  font-size: 0;
  vertical-align: middle;
}
.std-list-sort-box-large .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 220px;
}
.std-list-sort-box-large .bootstrap-select button {
  display: inline;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  line-height: 24px;
  padding: 0 4px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.std-list-sort-box-large .order button {
  border: none;
  padding: 0;
  line-height: 14px;
  border-radius: 0;
  display: inline-block;
  color: #ffffff;
  height: 26px;
  width: 26px;
  text-align: center;
  background-color: #f2f2f2;
  margin-left: -1px;
}
.std-list-sort-box-large .order button i {
  font-size: 10px;
  color: #666666;
  line-height: 24px;
}
.list-customfilter-box {
  font-size: 0;
  vertical-align: middle;
}
.list-customfilter-box .add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.list-customfilter-box .add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.list-customfilter-box .right-add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-left: 0;
  border-right: 1px solid #dddddd;
}
.list-customfilter-box .right-add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.list-customfilter-box .bootstrap-select {
  width: 130px;
}
.list-customfilter-box .dku-select-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  box-sizing: border-box;
  line-height: 24px;
  padding: 0 4px;
}
.list-customfilter-box .dku-select-button.popover-shown {
  box-shadow: inset 0 3px 4px 0 rgba(34, 34, 34, 0.25);
  border: solid 1px #3b99fc;
}
.list-daterange-box {
  font-size: 0;
  vertical-align: middle;
}
.list-daterange-box .add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.list-daterange-box .add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.list-daterange-box .right-add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-left: 0;
  border-right: 1px solid #dddddd;
}
.list-daterange-box .right-add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.list-daterange-box .picker input[type=text] {
  padding: 2px;
}
.list-daterange-box-yyyymmddhhmm {
  font-size: 0;
  vertical-align: middle;
}
.list-daterange-box-yyyymmddhhmm .add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.list-daterange-box-yyyymmddhhmm .add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.list-daterange-box-yyyymmddhhmm .right-add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-left: 0;
  border-right: 1px solid #dddddd;
}
.list-daterange-box-yyyymmddhhmm .right-add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.list-daterange-box-yyyymmddhhmm .picker input[type=text] {
  padding: 2px;
}
.list-daterange-box-yyyymmddhhmm .picker input[type=text] {
  width: 240px;
}
/******************************
 * Item list (in popup in lists)
 ******************************/
.manage-items-widget button {
  width: 130px;
  text-align: left;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  height: 26px;
  line-height: 24px;
  border: 1px solid #dddddd;
}
.manage-items-widget .nb-selected-elements,
.manage-items-widget .clear-filters-btn {
  color: #3b99fc;
}
/******************************
 * Project Status List
 ******************************/
.project-status-list-popover {
  background-color: #ffffff;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.project-status-list-popover ul {
  flex: 1 1 auto;
  overflow: auto;
}
.project-status-list-popover ul li .status-title {
  font-weight: 400;
  color: #666666;
}
.project-status-list-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.project-status-list-popover ul li {
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
}
.project-status-list-popover ul li:hover {
  background: #f2f2f2;
}
.project-status-list-popover button {
  flex: 0 0 auto;
  width: 100%;
  background: transparent;
  border-top: 1px solid #dddddd;
  font-size: 13px;
  height: auto;
}
/******************************
 * Contributors List
 ******************************/
.contributors-list-popover {
  padding: 0;
  max-height: 300px;
  overflow: auto;
}
.contributors-list-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contributors-list-popover ul li {
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
}
.contributors-list-popover ul li:hover {
  background: #f2f2f2;
}
.contributors-list-popover .avatar {
  margin-right: 10px;
  border-radius: 10px;
}
.contributors-list-popover .avatar20 {
  margin: 0 8px 0 4px;
}
.contributors-list-popover .contributor-name {
  text-transform: capitalize;
}
.contributors-list-popover .search-wrapper {
  width: 100%;
  padding: 10px;
  padding-bottom: 0;
  box-sizing: border-box;
}
.contributors-list-popover .search-wrapper input {
  width: 100%;
  box-sizing: border-box;
  height: 2em;
  padding: 5px;
}
.contributors-list-popover ul.filtered-list:not(.selectpicker) {
  overflow-y: auto;
}
.contributors-list-popover ul.filtered-list:not(.selectpicker) li:not(.divider):not(.dropdown-submenu):not(.nav-header) {
  padding: 8px 32px;
  display: flex;
}
.contributors-list-popover ul.filtered-list:not(.selectpicker) li:not(.divider):not(.dropdown-submenu):not(.nav-header).selected::before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 16px;
  height: 100%;
  display: flex;
  align-items: center;
}
/******************************
 * Insight Type List
 ******************************/
.insights-type-list-popover {
  padding: 0;
  max-height: 300px;
  overflow: auto;
}
.insights-type-list-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.insights-type-list-popover ul li {
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
}
.insights-type-list-popover ul li:hover {
  background: #f2f2f2;
}
.insights-type-list-popover .insight-icon {
  margin-right: 10px;
  border-radius: 10px;
}
.insights-type-list-popover .type-name {
  text-transform: capitalize;
}
/******************************
 * Debugging
 ******************************/
pre.debug {
  max-width: 500px;
  max-height: 300px;
  overflow: auto;
  font-size: 10px;
  line-height: 1.1;
  position: relative;
}
pre.debug:before {
  content: attr(title);
  box-shadow: 0 0 10px #bbbbbb;
  display: block;
  padding: 0.5em;
  font-size: 10px;
  background: #ffffff;
  color: #333333;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: capitalize;
  border-radius: 0 3px 0 5px;
}
/******************************
 * Message blocks
 ******************************/
.fatalAPIErrorContainer {
  position: absolute;
  top: 0px;
  width: 100%;
  border-radius: 0;
  z-index: 3000;
}
.placeholder-block {
  margin: 10px 0;
  padding: 10px 20px;
  text-align: center;
  background-color: #f2f2f2;
  color: #666666;
}
/******************************
 * DKU Slider
 ******************************/
.dku-slider {
  width: 100%;
  height: 21px;
  margin-bottom: 25px;
  position: relative;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}
.dku-slider .slider-line {
  width: 100%;
  height: 1px;
  background-color: #333333;
  position: relative;
  top: 10px;
}
.dku-slider .cursor {
  height: 100%;
  width: 10px;
  border-radius: 2px;
  background-color: #666666;
  position: absolute;
  top: 0;
}
.dku-slider .cursor .cursor-value-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.dku-slider .cursor .cursor-value-wrapper .cursor-value {
  position: absolute;
  bottom: -19px;
  width: 30px;
  left: -9px;
  text-align: center;
  font-size: 12px;
}
.dku-slider .range {
  font-size: 12px;
  color: #333333;
  position: absolute;
  top: 20px;
}
.dku-slider .range.range-min {
  left: 0px;
}
.dku-slider .range.range-max {
  right: 0px;
}
/******************************
 * Validity progress bar
******************************/
.progress-validity .progress {
  border-radius: 0;
  height: 11px;
}
.progress-validity .progress .bar {
  box-shadow: none;
  transition: none !important;
}
.progress-validity .progress .bar.bar-success {
  background: #81c784;
}
.progress-validity .progress .bar.bar-danger {
  background: #e78994;
}
.progress-validity .progress .bar.bar-warning {
  background: #dddddd;
}
.grey-neutral .bar-info {
  background-color: #666666;
  background-image: linear-gradient(to bottom, #bbbbbb, #666666);
}
/******************************
 * Partial progress bar animation
 ******************************/
progress-bar {
  display: block;
}
.progress .bar-active {
  background-color: #3b99fc;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress .bar-active.bar-success {
  background-color: #4caf50;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/******************************
 * Achievements
 ******************************/
.achievement {
  opacity: 0;
  position: fixed;
  bottom: 0;
  height: 80px;
  margin-bottom: -200px;
  background: #ffffff;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  padding: 0.5em;
  background: #333333;
  z-index: 42;
  color: #bbbbbb;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.achievement.active {
  opacity: 1;
  bottom: 60%;
}
.achievement.gone {
  opacity: 0;
  bottom: 100%;
  z-index: -1;
}
.achievement h3 {
  margin-bottom: 0;
}
.achievement h4 {
  margin-top: 0;
}
/******************************
 * CodeMirror quirks
 ******************************/
/* Code mirror quirks */
ul.CodeMirror-hints {
  z-index: 3004;
}
/* Change positioning of the codemirror search dialog */
.CodeMirror-dialog-top {
  border-top: 1px solid #dddddd !important;
  border-bottom: none;
  bottom: 0 !important;
  top: auto !important;
}
.CodeMirror-dialog-bottom {
  border-bottom: 1px solid #dddddd !important;
  border-top: none;
  top: 0 !important;
  bottom: auto !important;
}
/******************************
 * Generated tooltip for SVG titles
 ******************************/
.svg-title-tooltip {
  position: fixed;
  display: none;
  padding: 5px 10px;
  box-sizing: border-box;
  max-width: 25vw;
  max-height: 25vh;
  overflow: hidden;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 5px rgba(34, 34, 34, 0.1);
  background-color: #ffffff;
  pointer-events: none;
}
svg[svg-titles] .nv-axis {
  pointer-events: auto;
}
/******************************
 * Misc, to be checked / dispatched
 ******************************/
.vertical-flex-container {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.flex-expand {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}
.selectpicker > span[title-prefix]:before {
  content: attr(title-prefix) ": ";
  color: #666666;
}
.alphanum-facet .facet-list label {
  height: 20px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.alphanum-facet .facet-list .more {
  color: #bbbbbb;
  font-weight: 600;
  margin-top: 2px;
  margin-left: 3px;
}
.alphanum-facet .facet-search {
  margin-bottom: 3px;
  height: 20px;
  position: relative;
}
.alphanum-facet .facet-search input[type=checkbox] {
  top: 2px;
  position: absolute;
}
.alphanum-facet .facet-search .input {
  position: absolute;
  right: 2px;
  top: 0px;
  left: 15px;
  display: block;
}
.alphanum-facet .facet-search .input input[type=text] {
  padding: 0px;
  border-radius: 0px;
  height: 20px;
  margin-bottom: 0px;
  line-height: 16px;
  font-size: 13px;
  width: 100%;
}
.alphanum-facet .facet-search .icon-search {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #cccccc;
  right: 7px;
}
.dku-inline-popup {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 5px;
}
.dku-inline-popup ul li {
  list-style: none;
}
.mass-popup ul {
  margin-left: 0;
}
.mass-popup ul span.disabled {
  color: #cccccc;
  font-weight: 400;
  text-decoration: line-through;
}
.text-sizer {
  position: absolute;
  left: 0;
  top: 0;
}
.mx-vfluid-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.mx-vfluid {
  -webkit-flex: 1;
  flex: 1;
}
div.bootstrap-select.btn-group {
  margin-bottom: 0px !important;
}
select[dku-bs-select],
textarea[ui-codemirror] {
  display: none !important;
}
body.disable-dku-fancy select[dku-bs-select] {
  display: inline-block !important;
}
.dropdown-menu li > a:focus {
  outline: none;
}
.controls.controls--with-dku-bs-select-and-help-inline .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: inherit;
}
.dropdown-menu.spaced li {
  line-height: 28px;
  padding: 0 10px;
  cursor: pointer;
}
.dropdown-menu.spaced li:hover {
  background: #f2f2f2;
}
.dbt-tooltip {
  position: absolute;
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px;
  box-shadow: 2px 2px 6px rgba(34, 34, 34, 0.1);
}
.new-dataset-menu {
  width: 200px;
}
.new-dataset-menu .divider {
  margin: 4px 1px;
}
.new-dataset-menu .dataset-notlicensed-ce {
  opacity: 0.7;
}
.new-streaming-endpoint-menu {
  width: 180px;
}
.dropdown .dropdown-menu.new-dataset-menu {
  min-width: 220px;
}
.chkbox-btn-normal {
  height: 17px;
  width: 17px;
  line-height: 15px;
  padding: 0;
}
.checklist .mx-greylink {
  color: #bbbbbb;
}
.checklist .mx-greylink:hover {
  color: #666666;
}
.checklist .mx-greylink:hover {
  text-decoration: none;
}
.checklist .mx-greylink:focus {
  outline: none;
}
.checklist .cancel-edit {
  color: #bbbbbb;
  font-size: 16px;
}
.checklist .cancel-edit:hover {
  color: #666666;
}
.checklist .cancel-edit:hover {
  text-decoration: none;
}
.checklist .cancel-edit:focus {
  outline: none;
}
.checklist .checklist-title {
  margin: 0;
  padding-top: 10px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 17px;
  color: #333333;
}
.checklist .item-done-checkbox {
  margin-right: 10px;
}
.checklist .new-item-trigger a {
  color: #bbbbbb;
}
.checklist .new-item-trigger a:hover {
  color: #666666;
}
.checklist .new-item-trigger a:hover {
  text-decoration: none;
}
.checklist .new-item-trigger a:focus {
  outline: none;
}
.checklist .new-item-zone input {
  width: 100%;
}
.checklist .checklist-items {
  margin-bottom: 12px;
  margin-left: 25px;
}
.checklist .checklist-items ul {
  margin-bottom: 6px;
  margin-left: 0;
}
.checklist .checklist-item {
  line-height: 24px;
  list-style: none;
}
.checklist .checklist-item .edit-zone .toolbar {
  margin-top: 5px;
  margin-bottom: 10px;
}
.checklist .checklist-item .checklist-text {
  display: inline-block;
}
.checklist .checklist-item .checklist-text .done {
  text-decoration: line-through;
  color: #666666;
}
.checklist .checklist-item .checklist-text p:last-child {
  margin-bottom: 0;
}
.checklist .checklist-item .checklist-text input {
  width: 100%;
}
.column-label-box {
  min-width: 200px;
  max-width: 400px;
  height: 26px;
  padding: 0px 10px;
  border-radius: 2px;
  background-color: #f2f2f2;
  justify-content: space-between;
  line-height: 26px;
  margin: 0 10px 10px 0;
}
.column-label-box.active {
  background-color: #f9bd38;
}
.column-label-box .type {
  font-size: 12px;
  color: #666666;
  font-family: 'SourceSansPro';
}
.column-label-box .name {
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column-label-box i,
.column-label-box a {
  color: #666666;
  margin-right: 2px;
}
.column-label-box .icon {
  text-decoration: none !important;
}
/********************
* warning text displayed below an input field
********************/
.sub-field-warning {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #bbbbbb;
}
.sub-form-field-warning {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #bbbbbb;
}
/******************
* Link to metadata object
******************/
.metadata-object-link {
  color: inherit;
  margin-left: 5px;
  margin-right: 5px;
}
.metadata-object-link:hover {
  text-decoration: none;
}
.metadata-object-link.overriden {
  font-size: 1.2em;
  color: #ce1228;
}
.metadata-object-link > * {
  vertical-align: middle;
}
.metadata-object-link pre {
  display: inline-block;
  width: 200px;
  height: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}
.metadata-object-link button {
  margin-left: 20px;
}
.metadata-object-modal {
  min-width: 700px;
}
.smart-log-tail-content {
  overflow: auto;
  padding: 0 6px;
  border-radius: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 10px;
  line-height: 17px;
}
.smart-log-tail-content span {
  display: block;
}
/********************
* Info messages list
********************/
ul.info-messages-list {
  margin: 0 0 0 15px;
  overflow-wrap: break-word;
}
ul.info-messages-list li {
  list-style: none;
  margin-bottom: 7px;
}
ul.info-messages-list li h4 {
  margin: 0 0 4px 0;
  font-weight: 400;
}
ul.info-messages-list li .message-info {
  color: #31708f;
}
ul.info-messages-list li .message-warning {
  color: #f28c37;
}
ul.info-messages-list li .message-error {
  color: #ce1228;
}
/********************
* Range Slider
********************/
.ngrs-range-slider.ngrs-range-slider {
  border: none;
  box-shadow: none;
  background-color: transparent;
  line-height: initial;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-runner {
  position: relative;
  height: 10px;
  padding: 0;
  margin: 0;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-runner:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #cccccc;
  top: 50%;
  transform: translate(0, -50%);
}
.ngrs-range-slider.ngrs-range-slider .ngrs-runner .ngrs-handle {
  width: 10px;
  border-radius: 5px !important;
  background-color: #3b99fc;
  border: none;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-runner .ngrs-join {
  height: 3px;
  transform: translate(0, -50%);
  margin: 0;
  background-color: #3b99fc;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value a {
  cursor: text;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value a:hover {
  background-color: unset;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value input {
  width: 70px;
  line-height: 15px;
  padding: 0 6px;
  border: none;
  font-size: 12px;
  color: #bbbbbb;
  font-family: SourceSansPro;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value input:focus {
  outline: none;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value.ngrs-value-max input {
  text-align: right;
}
.ngrs-range-slider.ngrs-range-slider .ngrs-value.ngrs-value-min input {
  text-align: left;
}
.ngrs-range-slider.ngrs-range-slider.ngrs-disabled {
  opacity: 0.5;
}
.ngrs-range-slider.ngrs-range-slider.ngrs-focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.dku-file-diff pre {
  padding: 0;
  font-size: 11px;
  border-radius: 0;
}
.dku-file-diff .diff-file-change .n:before {
  content: attr(value);
  color: #bbbbbb;
  display: inline-block;
  padding-left: 3px;
  width: 22px;
}
.dku-file-diff .diff-file-change .l .c:before {
  content: attr(value);
}
.dku-file-diff .diff-file-change .l.A {
  background-color: #d7f0d6;
}
.dku-file-diff .diff-file-change .l.R {
  background-color: #f9e3e5;
}
.dku-file-diff .diff-file-change .l.H {
  background-color: #d9e6ed;
}
.dku-colored-list-line {
  padding: 0 10px;
}
.dku-colored-list-line input[type=checkbox]:first-child {
  margin: 0 10px 0 0;
}
.dku-colored-list-line i {
  margin-right: 5px;
}
.dku-colored-list-line.selected {
  background-color: #dddddd;
}
.dku-colored-list-line label.inline-checkbox {
  background: #f2f2f2;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 3px;
  margin-left: 5px;
  text-align: center;
  display: inline-block;
}
.dku-colored-list-line label.inline-checkbox.checked {
  background: #3b99fc;
  color: #ffffff;
}
.dku-colored-list-line label.inline-checkbox input,
.dku-colored-list-line label.inline-checkbox input:first-child {
  height: 10px;
  margin: 0;
}
ul.dku-colored-list,
.dku-colored-list-ul {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
}
ul.dku-colored-list.spaced li,
.dku-colored-list-ul.spaced li {
  line-height: 35px;
}
ul.dku-colored-list li,
.dku-colored-list-ul li {
  line-height: 28px;
  flex: 0 0 auto;
  padding: 0 10px;
}
ul.dku-colored-list li input[type=checkbox]:first-child,
.dku-colored-list-ul li input[type=checkbox]:first-child {
  margin: 0 10px 0 0;
}
ul.dku-colored-list li i,
.dku-colored-list-ul li i {
  margin-right: 5px;
}
ul.dku-colored-list li.selected,
.dku-colored-list-ul li.selected {
  background-color: #dddddd;
}
ul.dku-colored-list li label.inline-checkbox,
.dku-colored-list-ul li label.inline-checkbox {
  background: #f2f2f2;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 3px;
  margin-left: 5px;
  text-align: center;
  display: inline-block;
}
ul.dku-colored-list li label.inline-checkbox.checked,
.dku-colored-list-ul li label.inline-checkbox.checked {
  background: #3b99fc;
  color: #ffffff;
}
ul.dku-colored-list li label.inline-checkbox input,
.dku-colored-list-ul li label.inline-checkbox input,
ul.dku-colored-list li label.inline-checkbox input:first-child,
.dku-colored-list-ul li label.inline-checkbox input:first-child {
  height: 10px;
  margin: 0;
}
ul.dku-colored-list.odd li:nth-child(odd),
.dku-colored-list-ul.odd li:nth-child(odd) {
  background-color: #ffffff;
}
ul.dku-colored-list.odd li:nth-child(even),
.dku-colored-list-ul.odd li:nth-child(even) {
  background-color: #ffffff;
}
ul.dku-colored-list li .sort-handle:before,
.dku-colored-list-ul li .sort-handle:before {
  content: '⋮⋮';
  font-style: normal;
  padding-right: 5px;
  cursor: move;
}
ul.dku-colored-list li:not(:hover) .sort-handle:before,
.dku-colored-list-ul li:not(:hover) .sort-handle:before {
  opacity: 0.4;
}
ul.dku-colored-list.clickable li,
.dku-colored-list-ul.clickable li {
  cursor: pointer;
}
ul.dku-colored-list.clickable li:hover,
.dku-colored-list-ul.clickable li:hover {
  background-color: #dddddd;
}
ul.dku-colored-list.clickable li.bold,
.dku-colored-list-ul.clickable li.bold {
  font-weight: 600;
}
ul.dku-colored-list.disabled,
.dku-colored-list-ul.disabled {
  pointer-events: none;
  opacity: 0.3;
}
table.dku-colored-list {
  width: 100%;
  white-space: nowrap;
}
table.dku-colored-list th {
  font-weight: 500;
}
table.dku-colored-list.spaced tr {
  line-height: 35px;
}
table.dku-colored-list tr {
  line-height: 28px;
  padding: 0 10px;
}
table.dku-colored-list tr:nth-child(even) {
  background-color: #ffffff;
}
table.dku-colored-list tr:nth-child(odd) {
  background-color: #ffffff;
}
table.dku-colored-list tr input[type=checkbox]:first-child {
  margin: 0 10px 0 0;
}
table.dku-colored-list tr i {
  margin-right: 5px;
}
table.dku-colored-list tr.selected {
  background-color: #dddddd;
}
table.dku-colored-list tr label.inline-checkbox {
  background: #f2f2f2;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 3px;
  margin-left: 5px;
  text-align: center;
  display: inline-block;
}
table.dku-colored-list tr label.inline-checkbox.checked {
  background: #3b99fc;
  color: #ffffff;
}
table.dku-colored-list tr label.inline-checkbox input,
table.dku-colored-list tr label.inline-checkbox input:first-child {
  height: 10px;
  margin: 0;
}
table.dku-colored-list tr > :first-child {
  padding-left: 10px;
}
table.dku-colored-list tr > :last-child {
  padding-right: 10px;
}
table.dku-colored-list.odd tr:nth-child(odd) {
  background-color: #ffffff;
}
table.dku-colored-list.odd tr:nth-child(even) {
  background-color: #ffffff;
}
.svg-tooltip {
  position: absolute;
  z-index: 4000;
  opacity: 0;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 5px rgba(34, 34, 34, 0.1);
  padding: 10px;
}
.svg-tooltip table.tooltip-table {
  margin-bottom: 0;
}
.svg-tooltip table.tooltip-table tbody.axes {
  border-bottom: 5px solid #ffffff;
}
.svg-tooltip table.tooltip-table td:first-child {
  padding: 0 5px;
  font-size: 10px;
}
.svg-tooltip table.tooltip-table td:nth-child(2) {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
}
.svg-tooltip table.tooltip-table td:nth-child(2) i {
  padding: 0 2px;
  font-size: 10px;
}
.svg-tooltip table.tooltip-table td:nth-child(3) {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #333333;
  padding-right: 10px;
  padding-left: 15px;
}
.svg-tooltip table.tooltip-table tr:first-child td {
  border-top: 0;
}
/******************************
 * Small Custom Carousel
 ******************************/
.dku-carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.dku-carousel .controller {
  flex: 0 0 30px;
  height: 100%;
  position: relative;
  display: block;
  cursor: pointer;
}
.dku-carousel .controller.controller-left i {
  left: 0;
}
.dku-carousel .controller.controller-right i {
  right: 0;
}
.dku-carousel .controller i {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: #bbbbbb;
}
.dku-carousel .controller:hover i {
  color: #cccccc;
  text-decoration: none;
}
.dku-carousel .controller:active i {
  color: #bbbbbb;
}
.dku-carousel .slides-frame {
  flex: 1 1 0;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.dku-carousel .slider {
  height: 100%;
  width: 100%;
}
.dku-carousel .slider.transition {
  transition: transform 200ms ease;
}
.dku-carousel .slider .slide {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: top;
  position: relative;
}
.dku-carousel .slider:not(.animating) .slide:not(.current) {
  display: none;
}
.dku-carousel .slider.animating {
  font-size: 0;
}
.gsField,
.multiselect-field {
  background: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.1);
  padding: 0 0.25em;
  position: relative;
}
.gsField .tag,
.multiselect-field .tag {
  display: inline-block;
  background: rgba(34, 34, 34, 0.25);
  color: #ffffff;
  padding: 3px 12px;
  border-radius: 25px;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-size: 11px;
  line-height: 14px;
}
.gsField[disabled],
.multiselect-field[disabled] {
  background: #f2f2f2;
  cursor: not-allowed;
  color: #bbbbbb;
  height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
}
.gsField.focus:not(.multiselect-field),
.multiselect-field.focus:not(.multiselect-field) {
  border-color: #3b99fc;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(34, 34, 34, 0.075), 0 0 8px #3b99fc;
}
.gsField input,
.multiselect-field input {
  display: inline-block !important;
  margin: 0;
  width: auto;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.gsField .tag,
.multiselect-field .tag {
  margin-bottom: 0;
}
.gsField .tag i,
.multiselect-field .tag i {
  margin-left: 0.5em;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.gsField .tag.active,
.multiselect-field .tag.active,
.gsField .tag:hover,
.multiselect-field .tag:hover {
  background: rgba(34, 34, 34, 0.5);
}
.gsField .tag.active i,
.multiselect-field .tag.active i,
.gsField .tag:hover i,
.multiselect-field .tag:hover i {
  color: inherit;
}
.gsField .suggestions,
.multiselect-field .suggestions {
  position: relative;
  display: inline-block;
}
.gsField .suggestions input,
.multiselect-field .suggestions input,
.gsField .suggestions .itemPlaceholder,
.multiselect-field .suggestions .itemPlaceholder {
  padding: 4px 6px;
  display: inline-block;
  margin: 0;
  box-sizing: border-box;
  height: 2em;
}
.suggestions-list--fixed .selected::after {
  position: absolute;
  right: 12px;
  content: "\f00c";
  text-decoration: inherit;
  display: inline-block;
  line-height: normal;
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
}
.multiselect-field {
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.multiselect-field.focus {
  border-color: #3b99fc;
}
.multiselect-field .tag {
  background-color: #4385ac;
}
.multiselect-field .tag .icon-remove {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
}
.multiselect-field .tag.active,
.multiselect-field .tag:hover {
  background-color: #4385ac;
}
.multiselect-field .tag.active .icon-remove,
.multiselect-field .tag:hover .icon-remove {
  color: #ffffff;
}
.help-text {
  color: #bbbbbb;
  cursor: pointer;
}
.help-text:hover {
  color: #666666;
}
.message-details {
  overflow-wrap: break-word;
}
.suggestions-list {
  display: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  position: absolute;
  top: 100%;
  left: 2px;
  max-height: 200px;
  overflow: auto;
  box-shadow: 0 2px 2px rgba(34, 34, 34, 0.25);
  border-radius: 0 0 3px 3px;
  z-index: 3003;
}
.suggestions-list > li {
  margin: 0;
  padding: 5px 10px;
  cursor: pointer;
  list-style: none;
  display: block;
  white-space: nowrap;
}
.suggestions-list > li.active {
  background-color: #3b99fc;
  color: #ffffff;
}
.suggestions-list > li em {
  font-style: normal;
  color: #3b99fc;
}
.suggestions-list.focus.visible {
  display: block;
}
[tree-view] {
  width: 100%;
}
[tree-view] .tree-view-drag-handle {
  padding-left: 5px;
  color: #bbbbbb;
}
[tree-view] .tree-view-drag-handle:hover {
  color: #666666;
}
[tree-view] .tree-view-link {
  position: relative;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
[tree-view] li {
  line-height: 24px;
}
[tree-view] li .tree-view-node {
  position: relative;
  padding-right: 5px;
  padding-left: 8px;
  color: #666666;
}
[tree-view] li .tree-view-node .tree-view-link {
  cursor: pointer;
}
[tree-view] li .tree-view-node:hover,
[tree-view] li .tree-view-node:hover:not(.tree-view-active-node) .tree-view-link {
  color: #333333;
}
[tree-view] li .tree-view-node.tree-view-node--right-clicked,
[tree-view] li .tree-view-node.tree-view-node--right-clicked:not(.tree-view-active-node) .tree-view-link {
  color: #333333;
}
[tree-view] li .tree-view-node.tree-view-active-node,
[tree-view] li .tree-view-node.tree-view-active-node .tree-view-link {
  color: #ffffff;
  background-color: #3b99fc;
}
[tree-view] li .tree-view-node.tree-view-active-node .tree-view-drag-handle,
[tree-view] li .tree-view-node.tree-view-active-node .tree-view-link .tree-view-drag-handle {
  color: #ffffff;
}
[tree-view] li .tree-view-node .tree-view-caret {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  z-index: 1;
  padding: 3px;
  padding-left: 0px;
}
/******************************
 * jQuery Resizable
 ******************************/
ul.suggest-items {
  list-style-type: none;
  margin: 0px;
}
ul.suggest-items .add,
ul.suggest-items .remove {
  margin-top: 1px;
  margin-right: 4px;
  cursor: pointer;
}
ul.suggest-items .add {
  color: #3b99fc;
  margin-right: 5px;
  margin-top: 3px;
}
ul.suggest-items .add:hover {
  color: #58a8fc;
}
ul.suggest-items .remove:hover {
  color: #222222;
}
ul.suggest-items input[type=text],
ul.suggest-items input[type=datetime-local] {
  display: inline-block;
  margin: 0px;
  vertical-align: middle;
  font-weight: 400;
  padding: 0px;
  color: #444444 !important;
}
ul.suggest-items li.newItem input[type=text] {
  text-indent: 5px;
}
ul.suggest-items li.item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  color: #444444;
  padding: 0px;
  width: 99%;
  line-height: 16px;
  position: relative;
}
ul.suggest-items li.item > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
ul.suggest-items li.item > .flex .override-min-width {
  min-width: 0px;
}
ul.suggest-items li.item > .flex-no-basis,
ul.suggest-items li.item .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
ul.suggest-items li.item > .flex-no-basis .override-min-width,
ul.suggest-items li.item .flex-no-basis .override-min-width {
  min-width: 0px;
}
ul.suggest-items li.item > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
ul.suggest-items li.item > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
ul.suggest-items li.item > .noflex,
ul.suggest-items li.item .top-level-tabs,
ul.suggest-items li.item > .alert,
ul.suggest-items li.item > .bottom-bar,
ul.suggest-items li.item > .input-append,
ul.suggest-items li.item > div[block-api-error],
ul.suggest-items li.item > h1,
ul.suggest-items li.item > h2,
ul.suggest-items li.item > h3,
ul.suggest-items li.item > h4,
ul.suggest-items li.item > h5,
ul.suggest-items li.item > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
ul.suggest-items li.item.params-list {
  height: 27px;
}
ul.suggest-items li.item.params-list i {
  line-height: 24px;
}
ul.suggest-items li.item:not(.params-list) {
  height: 20px;
}
ul.suggest-items li.item span {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.9em;
  display: inline-block;
}
ul.suggest-items li.item span .override-min-width {
  min-width: 0px;
}
ul.suggest-items li.item input[type=text] {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  padding: 0 5px;
  display: inline-block;
  border: solid 1px transparent;
}
ul.suggest-items li.item input[type=text] .override-min-width {
  min-width: 0px;
}
ul.suggest-items li.item input[type=text]:focus,
ul.suggest-items li.item input[type=text]:focus:hover {
  border: solid 1px #cccccc;
}
ul.suggest-items li.item input[type=text]:hover {
  border: solid 1px transparent;
}
ul.suggest-items li.item i.icon-remove,
ul.suggest-items li.item i.icon-trash {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  font-size: 12px;
  color: #bbbbbb;
  cursor: pointer;
}
ul.suggest-items li.item i.icon-remove:hover,
ul.suggest-items li.item i.icon-trash:hover {
  color: #666666;
}
ul.suggest-items li.newItem:before {
  content: none;
}
ul.suggest-items li.newItem input[type=text],
ul.suggest-items li.newItem input[type=text]:hover {
  border: solid 1px #cccccc;
}
.dku-ellipsis-vertical {
  line-height: 14px;
  vertical-align: sub;
}
.dku-ellipsis-vertical:before {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #333333;
  content: "\e620";
}
.dku-ellipsis-vertical--circle-on-hover {
  border-radius: 50%;
  padding: 3px 6px;
  color: #666666;
  line-height: inherit;
  vertical-align: baseline;
}
.dku-ellipsis-vertical--circle-on-hover:hover {
  background-color: #f2f2f2;
  color: #222222;
}
.dku-ellipsis-vertical--circle-on-hover:before {
  line-height: inherit;
  font-size: inherit;
  vertical-align: middle;
}
.colorpicker {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.colorpicker input[type=text],
.colorpicker input[type=url],
.colorpicker input[type=number],
.colorpicker input[type=date],
.colorpicker input[type=time],
.colorpicker input[type=password],
.colorpicker textarea,
.colorpicker select,
.colorpicker button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.colorpicker input[type=text]:focus,
.colorpicker input[type=url]:focus,
.colorpicker input[type=number]:focus,
.colorpicker input[type=date]:focus,
.colorpicker input[type=time]:focus,
.colorpicker input[type=password]:focus,
.colorpicker textarea:focus,
.colorpicker select:focus,
.colorpicker button.btn.selectpicker:focus,
.colorpicker input[type=text]:hover,
.colorpicker input[type=url]:hover,
.colorpicker input[type=number]:hover,
.colorpicker input[type=date]:hover,
.colorpicker input[type=time]:hover,
.colorpicker input[type=password]:hover,
.colorpicker textarea:hover,
.colorpicker select:hover,
.colorpicker button.btn.selectpicker:hover {
  color: #333333;
}
.colorpicker input[type=text]:focus,
.colorpicker input[type=url]:focus,
.colorpicker input[type=number]:focus,
.colorpicker input[type=date]:focus,
.colorpicker input[type=time]:focus,
.colorpicker input[type=password]:focus,
.colorpicker textarea:focus,
.colorpicker select:focus,
.colorpicker button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.colorpicker input[type=text].ng-dirty.ng-invalid,
.colorpicker input[type=url].ng-dirty.ng-invalid,
.colorpicker input[type=number].ng-dirty.ng-invalid,
.colorpicker input[type=date].ng-dirty.ng-invalid,
.colorpicker input[type=time].ng-dirty.ng-invalid,
.colorpicker input[type=password].ng-dirty.ng-invalid,
.colorpicker textarea.ng-dirty.ng-invalid,
.colorpicker select.ng-dirty.ng-invalid,
.colorpicker button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.colorpicker button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.colorpicker button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.colorpicker input[type=checkbox],
.colorpicker input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.colorpicker input[type=radio] {
  position: relative;
  top: -1px;
}
.colorpicker input:focus {
  border: 1px #31708f solid;
}
.colorpicker input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.colorpicker textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.colorpicker a:hover {
  text-decoration: none;
}
.colorpicker a:focus {
  outline: none;
}
.colorpicker .alert {
  border-radius: 0;
}
.colorpicker input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.colorpicker input[name="colorpicker-input"] {
  height: 22px;
  outline: none;
  box-shadow: none;
}
.colorpicker .dropdown-menu.dropdown-menu {
  min-width: 119px;
}
.colorpicker .close {
  margin-right: 2px;
}
/******************************
 * dku tooltips
 ******************************/
.dku-html-tooltip {
  display: block;
  position: absolute;
  z-index: 3100;
  /* Slightly higher than modal's 3003 */
  background-color: rgba(34, 34, 34, 0.8);
  color: #ffffff;
  padding: 7px 15px;
  text-align: left;
  max-width: 220px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 16px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-left: -4px;
}
.dku-html-tooltip h5 {
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 13px;
}
.dku-html-tooltip h5:not(:first-child) {
  margin-top: 5px;
}
.dku-html-tooltip p {
  margin: 0;
}
.dku-html-tooltip:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
.dku-html-tooltip.top-left:after {
  bottom: -5px;
  right: 5px;
  border-width: 5px 5px 0 5px;
  border-color: rgba(34, 34, 34, 0.8) transparent transparent transparent;
}
.dku-html-tooltip.top-right:after {
  bottom: -5px;
  left: 5px;
  border-width: 5px 5px 0 5px;
  border-color: rgba(34, 34, 34, 0.8) transparent transparent transparent;
}
.dku-html-tooltip.bottom-left:after {
  top: -5px;
  right: 5px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(34, 34, 34, 0.8) transparent;
}
.dku-html-tooltip.bottom-right:after {
  top: -5px;
  left: 5px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(34, 34, 34, 0.8) transparent;
}
.dku-html-tooltip.left:after {
  top: 50%;
  right: -5px;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent rgba(34, 34, 34, 0.8);
}
.dku-html-tooltip.right:after {
  top: 50%;
  left: -5px;
  border-width: 5px 5px 5px 0;
  border-color: transparent rgba(34, 34, 34, 0.8) transparent transparent;
}
.dku-html-tooltip.top:after {
  bottom: -5px;
  left: 50%;
  border-width: 5px 5px 0 5px;
  border-color: rgba(34, 34, 34, 0.8) transparent transparent transparent;
}
.dku-html-tooltip.bottom:after {
  top: -5px;
  left: 50%;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(34, 34, 34, 0.8) transparent;
}
.dku-html-tooltip.from-modal {
  z-index: 9999;
}
.dku-html-tooltip-activation-zone {
  display: inline-block;
}
.summary-of-error .err-type {
  opacity: 0.8;
}
.summary-of-error .err-msg {
  font-weight: 600;
}
/* Special case for custom fields tooltip */
.dku-html-tooltip.custom-fields-tooltip {
  max-width: initial;
  width: 350px;
  background: #ffffff;
  color: #222222;
  overflow: hidden;
}
.dku-html-tooltip.custom-fields-tooltip::after {
  border-color: transparent;
}
/******************************
 * Code Mirror
 ******************************/
.cm-matchhighlight:not(.CodeMirror-selectedtext) {
  border-bottom: 1px solid #dddddd;
}
.CodeMirror-fullscreen.CodeMirror-fullscreen {
  top: 40px;
}
.CodeMirror-dialog {
  height: 30px;
  display: flex;
  align-items: center;
}
.CodeMirror-dialog > * {
  margin-right: 5px;
}
.CodeMirror-dialog button {
  text-transform: uppercase;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
}
.CodeMirror-dialog input[type="text"] {
  margin-bottom: 0;
  padding: 2px 6px;
}
/******************************
 * Sort by column icon
 ******************************/
.sort-by-column-icon__wrapper {
  display: inline-block;
  width: 8px;
  font-size: 11px;
}
.sort-by-column-icon__wrapper.icon-on-right {
  margin-left: 2px;
}
.sort-by-column-icon__wrapper.icon-on-left {
  margin-right: 2px;
}
.sort-by-column-icon--display-on-hover {
  opacity: 0;
}
.contains-sort-by-column-icon:hover .sort-by-column-icon--display-on-hover {
  opacity: 0.5;
}
.contains-sort-by-column-icon {
  cursor: pointer;
}
/******************************
 * ML Column Select with type
 * For Subpopulation & PDP
 ******************************/
.ml-col-select__icon-wrapper {
  display: inline-block;
  width: 15px;
  text-align: center;
}
.ml-col-select__icon-wrapper .icon {
  font-size: 12px;
}
.ml-col-select__item {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*****************************
 * Ordering rules form
 *****************************/
.ordering-rules-form ul {
  list-style: none;
  max-width: 270px;
  margin: 0;
}
.ordering-rules-form ul li > div {
  margin: 5px;
}
.ordering-rules-form ul li > div a {
  line-height: 26px;
}
.ordering-rules-form ul li input[type=text] {
  margin: 0;
}
.mapping-editor {
  display: flex;
  flex-direction: column;
}
.mapping-editor__bulk-textarea {
  flex: 1;
  border-radius: 0;
  font-size: 13px;
  min-height: 100px;
}
.mapping-editor__actions {
  margin-top: 8px;
  margin-left: 16px;
  color: #666666;
}
.mapping-editor__actions-button {
  margin-bottom: 4px;
  cursor: pointer;
}
.mapping-editor__actions-button:hover {
  text-decoration: underline;
}
.mapping-editor__raw-text {
  display: flex;
}
/* See-through modal dialog styles, when hovering on the '-' sign inthe header */
div.modal-backdrop.see-through {
  transition: opacity 1s;
  transition-delay: 0.25s;
  opacity: 0.02;
}
div.modal-backdrop.non-see-through {
  transition: opacity 1s;
  opacity: 0.31;
}
div.popover.see-through {
  transition: visibility 0s;
  transition-delay: 0.25s;
  visibility: hidden;
}
div.modal-container.see-through ul.modal-tabs,
div.modal-container.see-through div.project-tiles {
  transition: visibility 0s;
  transition-delay: 0.25s;
  visibility: hidden;
}
div.modal-container.see-through div.modal {
  transition: background-color 0.2s;
  transition-delay: 0.25s;
  background-color: transparent;
}
div.modal-container.see-through div.modal-body,
div.modal-container.see-through div.modal-footer {
  transition: visibility 0s;
  transition-delay: 0.25s;
  visibility: hidden;
}
div.modal-container.see-through div.modal-header {
  transition: opacity 0.2s;
  transition-delay: 0.25s;
  opacity: 0.5;
}
div.modal-container.see-through button.see-through {
  color: #222222;
  opacity: 1;
}
.fat-draggable__placeholder {
  background-color: #dddddd;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  cursor: move;
}
.fat-draggable__bar,
.fat-resizable__bar {
  background-color: #3b99fc;
  position: absolute;
}
.fat-draggable .fat-draggable__item.fat-draggable__item--dragged {
  background-color: #f2f2f2;
}
.fat-resizable__handler {
  position: absolute;
  right: 0;
  width: 4px;
  height: 100%;
  cursor: col-resize;
}
.fat-resizable__handler:hover {
  background-color: #3b99fc;
}
.gpu-bar-metrics {
  height: 28px;
}
.gpu-bar-metrics .gpu-bar-metrics__stop-left {
  stop-color: #3b99fc;
}
.gpu-bar-metrics .gpu-bar-metrics__stop-right {
  stop-color: #267cfb;
}
.gpu-bar-metrics .gpu-bar-metrics__filled {
  fill: url(#mainGradient);
}
.pre-train-status-modal .gpu-online-stats-wrapper {
  justify-content: space-between;
}
[gpu-online-stats].training-screen .gpu-online-stats-wrapper {
  margin: 0;
  padding: 10px 0 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-top: 0;
}
[gpu-online-stats].training-screen .gpu-online-stats-wrapper .gpu-online-stats__gpu-block {
  margin-right: 10px;
}
[gpu-online-stats] .gpu-online-stats-wrapper {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  flex-wrap: wrap;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 10px 0 5px;
  border-radius: 4px;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block.gpu-online-stats__gpu-block--selectable {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block.gpu-online-stats__gpu-block--selectable:hover {
  border-color: #3b99fc;
  cursor: pointer;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block .icon-dku-gpu-card {
  color: #dddddd;
  font-size: 40px;
  padding-right: 10px;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block.selected {
  border-radius: 4px;
  border: 1px solid #3b99fc;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-block.selected .icon-dku-gpu-card {
  color: #3b99fc;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__title {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__secondary-title {
  font-weight: 400;
}
[gpu-online-stats] .gpu-online-stats-wrapper .gpu-online-stats__gpu-graph {
  width: 180px;
}
/*****************************
 * Browse Path
 *****************************/
.browse-path {
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
}
.browse-path .breadcrumbs {
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.browse-path .breadcrumbs i:first-child {
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.browse-path .breadcrumbs .path-element {
  cursor: not-allowed;
}
.browse-path .breadcrumbs .path-element.browsable {
  cursor: pointer;
}
.browse-path .breadcrumbs .path-element.browsable:hover {
  color: #333333;
}
.browse-path .search {
  line-height: 26px;
  padding-left: 15px;
  vertical-align: middle;
}
.browse-path .search i {
  color: #bbbbbb;
}
.browse-path .search .search-input {
  width: calc(100% - 30px) !important;
  outline: none !important;
  border: none !important;
  margin: 0 !important;
}
.browse-path .search .search-input:focus {
  box-shadow: none !important;
}
.browse-path .alert {
  margin-bottom: 0;
  border-radius: 0;
}
.browse-path .no-files-cta {
  line-height: 40px;
  text-align: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  color: #999999;
}
.browse-path .contents-file-list-line {
  display: flex;
  color: #bbbbbb;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #dddddd;
  align-items: center;
  cursor: pointer;
}
.browse-path .contents-file-list-line .name {
  flex: 0 0 100%;
  padding-left: 15px;
  padding-right: 0px;
  color: #666666;
  box-sizing: border-box;
}
.browse-path .contents-file-list-line .name i {
  display: inline-block;
  width: 20px;
}
.browse-path .contents-file-list-line:hover:not(.header),
.browse-path .contents-file-list-line.hovered {
  background-color: #f2f2f2;
}
.browse-path .contents-file-list-line:hover:not(.header).selected,
.browse-path .contents-file-list-line.hovered.selected {
  background-color: #e7f3ff;
}
.browse-path .contents-file-list-line.selected {
  background-color: #e7f3ff;
}
.browse-path .spinner {
  text-align: center;
}
.browse-path-input .input-wrapper input {
  width: 100%;
}
.browse-path-input .input-wrapper {
  border-top: 1px solid #dddddd;
}
.browse-path-input .input-wrapper input {
  width: calc(100% - 20px);
  margin: 0;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
}
.nps-survey {
  background-color: #ffffff;
  border: 1px solid #2ab1ac;
  border-bottom: 0 none;
  border-top-width: 5px;
  font-size: 14px;
  width: 57%;
  margin: 0 auto;
  padding: 20px 35px 15px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3001;
  transform: translateY(0);
  transition: transform 0.25s ease-in 0.1s;
}
.nps-survey-loading {
  transform: translateY(100%);
}
.nps-survey__close {
  position: absolute;
  right: 20px;
}
.nps-survey__title {
  font-size: 18px;
}
.nps-survey__question {
  font-weight: 600;
  margin-bottom: 5px;
}
.nps-survey__question p {
  margin-bottom: 8px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}
.nps-survey__scale {
  margin: 14px 0;
}
.nps-survey__scale-label {
  font-size: 13px;
  color: #666666;
}
.nps-survey__scores {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  margin: 0 6px;
  padding: 0;
  list-style-type: none;
}
.nps-survey__scores-item {
  display: inline-block;
  margin: 0 3px;
  padding: 10px;
  width: 11px;
  height: 11px;
  line-height: 11px;
  border: 1px solid #dddddd;
  border-radius: 20px;
  cursor: pointer;
}
.nps-survey__scores-item:hover:nth-child(1) {
  background-color: #ffb3b3;
}
.nps-survey__scores-item:hover:nth-child(2) {
  background-color: #ffc0b3;
}
.nps-survey__scores-item:hover:nth-child(3) {
  background-color: #ffcfb3;
}
.nps-survey__scores-item:hover:nth-child(4) {
  background-color: #ffddb3;
}
.nps-survey__scores-item:hover:nth-child(5) {
  background-color: #ffebb3;
}
.nps-survey__scores-item:hover:nth-child(6) {
  background-color: #fff9b3;
}
.nps-survey__scores-item:hover:nth-child(7) {
  background-color: #ffffb6;
}
.nps-survey__scores-item:hover:nth-child(8) {
  background-color: #eaffb3;
}
.nps-survey__scores-item:hover:nth-child(9) {
  background-color: #d7ffc7;
}
.nps-survey__scores-item:hover:nth-child(10) {
  background-color: #c8ffce;
}
.nps-survey__scores-item--selected,
.nps-survey__scores-item--selected.nps-survey__scores-item--selected:hover {
  background-color: #2ab1ac;
  border: 1px solid #2ab1ac;
  color: #ffffff;
}
.nps-survey__comment-box {
  width: 98%;
  border-radius: 0;
}
.nps-survey__label {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  top: 4px;
}
input.nps-survey__input {
  margin: 0 10px;
  flex: 1;
  height: 17px;
  border-radius: 0;
}
.nps-survey__input-info {
  display: inline-block;
  margin-right: 2em;
  position: relative;
  top: 4px;
}
.nps-survey__input-info,
.nps-survey__optout {
  font-size: 11px;
  font-weight: 400;
  color: #bbbbbb;
}
.nps-survey__button {
  background-color: #2ab1ac;
  color: #ffffff;
  width: 96px;
}
.nps-survey__button:not([disabled]):hover,
.nps-survey__button:active,
.nps-survey__button:focus,
.nps-survey__button[disabled] {
  background-color: #25aaa5;
}
a.nps-survey__optout-link {
  color: #bbbbbb;
  margin: 0 5px;
}
a.nps-survey__optout-link:last-child {
  margin-right: 0;
}
/*****************************
 * Brush
 *****************************/
.range-brush {
  height: 30px;
}
.range-brush .extent {
  fill: #3b99fc;
  stroke: none;
}
.range-brush .resize {
  fill: #3b99fc;
  stroke: none;
}
.range-brush:not(.range-brush--in-chart) .line {
  fill: #bbbbbb;
  stroke: none;
}
.range-brush .handles {
  fill: #3b99fc;
  stroke: none;
  pointer-events: none;
}
.range-brush .ticks circle {
  fill: #267cfb;
  stroke: none;
}
.range-brush .axis .domain {
  stroke: #bbbbbb;
}
.range-brush .axis .tick text {
  fill: #bbbbbb;
}
.range-brush {
  height: 60px;
  margin: 5px 0px 10px 0px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.range-brush .extent {
  fill: none;
  stroke: none;
}
.range-brush .brush-inversion {
  pointer-events: none;
  fill: #222222;
  stroke: none;
  opacity: 0.1;
}
.range-brush .brush-handles {
  pointer-events: none;
  fill: none;
  stroke: none;
}
.range-brush .resize {
  shape-rendering: crispedges;
}
.range-brush .resize .separator,
.range-brush .resize .handle {
  fill: #3b99fc;
  stroke: #ffffff;
  stroke-width: 1px;
}
.range-brush:not(.range-brush--in-chart) .line {
  fill: #bbbbbb;
  stroke: none;
}
.range-brush .handles {
  fill: #3b99fc;
  stroke: none;
  pointer-events: none;
}
.range-brush .axis .domain {
  stroke: #bbbbbb;
}
.range-brush .axis .tick {
  shape-rendering: crispedges;
}
.range-brush .axis .tick text {
  fill: #bbbbbb;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
}
.range-brush .axis .tick line {
  stroke: #dddddd;
}
.range-brush .triggers {
  cursor: pointer;
}
.range-brush .triggers .success {
  fill: #4caf50;
}
.range-brush .triggers .warning {
  fill: #f28c37;
}
.range-brush .triggers .failed {
  fill: #ce1228;
}
.range-brush .triggers .aborted {
  fill: #bbbbbb;
}
.dss-mathjax-block {
  display: block;
  height: auto;
  width: auto;
}
.dss-mathjax-inline {
  display: inline-block;
  height: auto;
  width: auto;
}
.responsive-tags-list.tags .responsive-tags-list__tag.tag {
  border-radius: 25px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0.5em 0.35em 0;
  overflow: hidden;
  padding: 3px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.responsive-tags-list.tags .responsive-tags-list__tag.tag:hover {
  opacity: 0.8;
}
.responsive-tags-list.tags .responsive-tags-list__tag.tag.responsive-tags-list__tag-button {
  background: none;
  border: 1px solid #999999;
  color: #999999 !important;
  padding: 0 4px;
  height: 18px;
}
.responsive-tags-list.tags .responsive-tags-list__tag.tag.responsive-tags-list__tag-button .icon-dku-more {
  color: inherit;
  margin: 0;
  font-size: 18px;
  pointer-events: none;
}
.responsive-tags-list__popover-title {
  color: #222222;
  font-size: 13px;
  font-weight: 600;
}
.responsive-tags-list__popover-help {
  color: #666666;
  float: right;
  font-size: 10px;
  font-weight: 400;
  margin-left: 8px;
}
.responsive-tags-list__popover-list.tags {
  max-width: 300px;
  overflow: auto;
}
.responsive-tags-list__popover-list.tags .responsive-tags-list__tag.tag {
  border-radius: 25px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0.5em 0.35em 0;
  overflow: hidden;
  padding: 3px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.responsive-tags-list__popover-list.tags .responsive-tags-list__tag.tag:hover {
  opacity: 0.8;
}
.responsive-tags-list__popover-list.tags .responsive-tags-list__tag.tag.help-text {
  color: #999999 !important;
  background-color: #ffffff;
  border: 1px solid #999999;
}
/* standard container */
.mx-elevated-box {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.standard-container__wrap {
  flex: 1;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
/* keep flex item from matching height of its flex siblings */
.standard-container__wrap--content-height {
  align-self: flex-start;
}
.standard-container__wrap + .standard-container__wrap {
  margin-left: 32px;
}
.standard-container {
  margin: 32px auto;
  max-width: 1009px;
}
.standard-container .w800 {
  width: 800px;
}
.standard-container--full {
  max-width: none;
}
.standard-container__header {
  border-bottom: 1px solid #dddddd;
  padding: 24px;
}
.standard-container__header--with-totem {
  padding: 0;
}
.standard-container__header--with-totem .standard-container__titles,
.standard-container__header--with-totem .standard-container__actions {
  padding: 24px;
}
.standard-container__totem {
  width: 30px;
  height: 100%;
}
.standard-container__titles {
  flex: 1 0 auto;
}
.standard-container__title {
  font-weight: normal;
  margin: 0;
  font-size: 22px;
  line-height: 26px;
}
.standard-container__section {
  padding: 24px;
  border-bottom: 1px solid #dddddd;
}
.standard-container__section--end {
  border-bottom: 0 none;
}
.standard-container__section-header {
  font-weight: 500;
  margin-top: 0;
}
.standard-container__actions {
  padding: 0 8px;
  display: inline-block;
}
.standard-container__action {
  margin-right: 10px;
}
.standard-container__action:last-child {
  margin-right: none;
}
.standard-container__side {
  flex: 0 280px;
}
.standard-container__list {
  margin: 0;
  padding: 4px;
  list-style-type: none;
}
.standard-container__list-item--single-row {
  display: flex;
  justify-content: space-between;
}
.standard-container__list-item--single-row .standard-container__list-item-body {
  justify-content: flex-end;
}
.standard-container__list-item + .standard-container__list-item {
  margin-top: 8px;
}
.standard-container__list-item-title {
  font-weight: 500;
}
.standard-container__title-with-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.standard-container__list-item-body {
  display: flex;
  align-items: center;
}
.standard-list {
  margin: 32px;
  max-width: none;
}
.standard-list a {
  color: initial;
}
.standard-list__title {
  font-size: 19px;
  margin-right: 12px;
}
.standard-list__title-icon {
  margin-right: 4px;
}
.standard-list__external-link.standard-list__external-link {
  color: #2d86fb;
}
.standard-list__external-link--embedded > div::after {
  content: "\f08e";
  font-family: FontAwesome;
  font-size: .8em;
}
.standard-list__header {
  padding: 16px 24px 8px;
}
.standard-list__actions {
  margin-left: auto;
}
.standard-list__row-icon {
  font-size: 16px;
  margin-right: 4px;
}
.standard-list__table {
  border-collapse: initial;
}
.standard-list__table-row:hover .standard-list__row-title {
  text-decoration: underline;
}
.standard-list__table-row--has-image .standard-list__table-cell {
  vertical-align: middle;
}
.standard-list__table-row--has-image .standard-list__table-cell:first-child {
  padding: 0;
}
.standard-list__table-image {
  width: 16px;
  height: 100%;
  padding: 0;
}
.standard-list__row-title,
.standard-list__row-title:hover {
  color: initial;
}
.standard-list__table-cell:first-child {
  padding-left: 24px;
}
.standard-list__table .status-icon i {
  font-size: 20px;
}
.standard-widget .standard-container__totem {
  width: 30px;
}
.standard-widget .standard-container__totem--small {
  width: 20px;
}
.standard-widget .standard-container__titles {
  align-self: center;
  margin-left: 16px;
  padding: 0;
}
.standard-widget .standard-container__title {
  font-size: 16px;
  line-height: 20px;
}
.standard-widget .standard-container__section {
  padding: 16px;
}
.standard-widget--disabled {
  border: 1px solid #dddddd;
  background: #f2f2f2;
  box-shadow: unset;
}
.standard-widget--warning {
  background: #fdf1e7;
}
.standard-widget--error {
  background: #f9e3e5;
}
.vertical-flex > .standard-container__wrap {
  flex-grow: 0;
}
.vertical-flex > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
/* stepper */
.stepper {
  width: 930px;
  margin: 0 auto;
  padding: 72px 0 36px;
}
.stepper__title {
  font-weight: 400;
  margin-top: 0;
}
.stepper__steps {
  width: 289px;
  margin-right: 32px;
}
.stepper__content {
  display: flex;
  flex-direction: column;
  width: 609px;
  min-height: 360px;
  padding: 24px;
  justify-content: space-between;
}
.stepper__content-header {
  font-weight: 400;
  margin: 0 0 16px;
}
.stepper__content-footer {
  display: flex;
  justify-content: space-between;
}
.stepper-step {
  display: flex;
  margin-bottom: 4px;
  cursor: pointer;
}
.stepper-step__number {
  background-color: #ffffff;
  color: #666666;
  border: 1px dotted #999999;
  text-align: center;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  line-height: 25px;
  flex: 0;
  margin-bottom: 4px;
}
.stepper-step__divider-line {
  border-right: 1px dotted #999999;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  height: 100%;
}
.stepper-step--current {
  cursor: default;
}
.stepper-step--completed .stepper-step__number,
.stepper-step--current .stepper-step__number {
  background-color: #3b99fc;
  color: #ffffff;
  border: 1px dotted transparent;
}
.stepper-step--completed .stepper-step__divider-line {
  border-right: 1px solid #3b99fc;
}
.stepper-step--warning.stepper-step--completed .stepper-step__number {
  background-color: #f28c37;
}
.stepper-step--error.stepper-step--completed .stepper-step__number {
  background-color: #ce1228;
}
.stepper-step--disabled {
  cursor: default;
}
.stepper-step__valid::after {
  content: "\f00c";
  font-family: FontAwesome;
}
.stepper-step__warning::after {
  content: "\f071";
  font-family: FontAwesome;
}
.stepper-step__error::after {
  content: "\f00d";
  font-family: FontAwesome;
}
.stepper-step__number-wrap {
  display: flex;
  flex-direction: column;
}
.stepper-step__divider {
  position: relative;
  flex-grow: 1;
}
.stepper-step__content {
  margin-left: 8px;
}
.stepper-step__content-header {
  font-weight: 400;
  margin: 0 0 8px;
}
.stepper-step__content-description {
  color: #666666;
  line-height: 24px;
}
.stepper__form {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.stepper__form input[type=text],
.stepper__form input[type=url],
.stepper__form input[type=number],
.stepper__form input[type=date],
.stepper__form input[type=time],
.stepper__form input[type=password],
.stepper__form textarea,
.stepper__form select,
.stepper__form button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.stepper__form input[type=text]:focus,
.stepper__form input[type=url]:focus,
.stepper__form input[type=number]:focus,
.stepper__form input[type=date]:focus,
.stepper__form input[type=time]:focus,
.stepper__form input[type=password]:focus,
.stepper__form textarea:focus,
.stepper__form select:focus,
.stepper__form button.btn.selectpicker:focus,
.stepper__form input[type=text]:hover,
.stepper__form input[type=url]:hover,
.stepper__form input[type=number]:hover,
.stepper__form input[type=date]:hover,
.stepper__form input[type=time]:hover,
.stepper__form input[type=password]:hover,
.stepper__form textarea:hover,
.stepper__form select:hover,
.stepper__form button.btn.selectpicker:hover {
  color: #333333;
}
.stepper__form input[type=text]:focus,
.stepper__form input[type=url]:focus,
.stepper__form input[type=number]:focus,
.stepper__form input[type=date]:focus,
.stepper__form input[type=time]:focus,
.stepper__form input[type=password]:focus,
.stepper__form textarea:focus,
.stepper__form select:focus,
.stepper__form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.stepper__form input[type=text].ng-dirty.ng-invalid,
.stepper__form input[type=url].ng-dirty.ng-invalid,
.stepper__form input[type=number].ng-dirty.ng-invalid,
.stepper__form input[type=date].ng-dirty.ng-invalid,
.stepper__form input[type=time].ng-dirty.ng-invalid,
.stepper__form input[type=password].ng-dirty.ng-invalid,
.stepper__form textarea.ng-dirty.ng-invalid,
.stepper__form select.ng-dirty.ng-invalid,
.stepper__form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.stepper__form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.stepper__form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.stepper__form input[type=checkbox],
.stepper__form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.stepper__form input[type=radio] {
  position: relative;
  top: -1px;
}
.stepper__form input:focus {
  border: 1px #31708f solid;
}
.stepper__form input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.stepper__form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.stepper__form a:hover {
  text-decoration: none;
}
.stepper__form a:focus {
  outline: none;
}
.stepper__form .alert {
  border-radius: 0;
}
.stepper__form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.stepper__form .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 206px;
}
.stepper__form input {
  margin-bottom: 0;
}
.stepper__form .help-inline {
  color: #666666;
  font-size: 12px;
  width: 200px;
  display: block;
}
.stepper__form input.ng-dirty.ng-invalid-required {
  border: 1px solid #ce1228;
}
.stepper__form select.ng-dirty.ng-invalid-required + .bootstrap-select .selectpicker,
.stepper__form select.ng-dirty.ng-invalid-required + .bootstrap-select .selectpicker:focus {
  border: 1px solid #ce1228;
}
.stepper__form-control,
.stepper__form .control-group {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
}
.stepper__form-label,
.stepper__form .control-label {
  cursor: default;
}
.stepper__list-icon {
  font-size: 13px;
}
/*
    Editable text field directive
*/
.editable-text-field__view.editable-text-field__view {
  height: 26px;
  align-items: center;
}
.editable-text-field__text {
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
}
.editable-text-field__text--default {
  color: #666666;
}
.editable-text-field__input.editable-text-field__input.editable-text-field__input {
  margin-bottom: 0;
  box-sizing: border-box;
  height: 26px;
}
.editable-text-field--custom .editable-text-field__view {
  line-height: normal;
  height: auto;
}
.editable-text-field--custom .editable-text-field__input.editable-text-field__input {
  height: auto;
}
i.inline-taggable-object-icon {
  display: inline-block;
  width: 10px;
  text-align: right;
  padding-right: 4px;
  font-size: 0.9em;
}
/*  --Tags list (in list pages)  -- */
.tags-list-popover {
  padding: 0;
}
.tags-widget button {
  width: 130px;
  text-align: left;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  height: 26px;
  line-height: 24px;
  border: 1px solid #dddddd;
}
.tags-widget .nb-selected-elements,
.tags-widget .clear-filters-btn {
  color: #3b99fc;
}
.edit-tags-modal,
.apply-tags-modal {
  width: 600px;
}
.edit-tags-modal .edit-tags-modal__footer-info,
.apply-tags-modal .edit-tags-modal__footer-info,
.edit-tags-modal .apply-tags-modal__footer-info,
.apply-tags-modal .apply-tags-modal__footer-info {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 34px;
  color: #666666;
}
.tags-settings.tags-settings,
.apply-tags.apply-tags {
  box-sizing: border-box;
  height: 380px;
}
.tags-settings.tags-settings .tags,
.apply-tags.apply-tags .tags {
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}
.tags-settings.tags-settings .tags .tag-row,
.apply-tags.apply-tags .tags .tag-row {
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  height: 30px;
  border-bottom: none;
  padding: 4px 0 4px 0;
  box-sizing: border-box;
}
.tags-settings.tags-settings .tags .tag-row.tags-settings__create,
.apply-tags.apply-tags .tags .tag-row.tags-settings__create {
  cursor: pointer;
}
.tags-settings.tags-settings .tags .tag-row.tags-settings__create:hover,
.apply-tags.apply-tags .tags .tag-row.tags-settings__create:hover,
.tags-settings.tags-settings .tags .tag-row.tags-settings__create:focus,
.apply-tags.apply-tags .tags .tag-row.tags-settings__create:focus {
  outline: none;
  background-color: rgba(34, 34, 34, 0.1);
}
.tags-settings.tags-settings .tags .tag-row.tags-settings__create .icon-plus,
.apply-tags.apply-tags .tags .tag-row.tags-settings__create .icon-plus {
  margin: 0 12px 0 0;
}
.tags-settings.tags-settings .tags .tag-row.tags-settings__create:not(:focus) .tags-settings__create-shortcut,
.apply-tags.apply-tags .tags .tag-row.tags-settings__create:not(:focus) .tags-settings__create-shortcut {
  display: none;
}
.tags-settings.tags-settings .tags .tag-row .tag-color,
.apply-tags.apply-tags .tags .tag-row .tag-color {
  border-radius: 50%;
  cursor: pointer;
  margin-left: 4px;
}
.tags-settings.tags-settings .tags .tag-row .tag-title,
.apply-tags.apply-tags .tags .tag-row .tag-title {
  font-weight: 400;
  line-height: 24px;
}
.tags-settings.tags-settings .tags .tag-row .tag-row-item,
.apply-tags.apply-tags .tags .tag-row .tag-row-item {
  align-items: baseline;
  width: 100%;
  text-decoration: none;
  color: inherit;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  cursor: default;
  margin-right: 0;
  max-width: 295px;
}
.tags-settings.tags-settings .tags .tag-row .icon-info-sign,
.apply-tags.apply-tags .tags .tag-row .icon-info-sign {
  color: #666666;
  padding: 8px;
}
.tags-settings.tags-settings .tags .tag-row .return,
.apply-tags.apply-tags .tags .tag-row .return {
  padding: 0 16px;
  color: #222222;
}
.tags-settings.tags-settings .tag-form,
.apply-tags.apply-tags .tag-form {
  margin: 0;
  padding: 10px 0 0 0;
  box-sizing: border-box;
}
.tags-settings.tags-settings .tag-form input[type=text],
.apply-tags.apply-tags .tag-form input[type=text] {
  height: 27px;
}
.tags-settings.tags-settings .tag-form input[type=text].has-error:focus,
.apply-tags.apply-tags .tag-form input[type=text].has-error:focus {
  border-color: #ce1228;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
}
.tags-settings.tags-settings .tag-form button,
.apply-tags.apply-tags .tag-form button {
  margin-right: 10px;
}
.tags-settings.tags-settings .tag-form > *,
.apply-tags.apply-tags .tag-form > * {
  margin: 0 10px 0 0;
}
.tags-settings.tags-settings {
  max-width: 600px;
}
.tags-settings.tags-settings .tags .tag-row .tag-color {
  height: 16px;
  width: 16px;
  display: inline-flex;
  margin: 4px 8px auto 4px;
}
.tags-settings.tags-settings .tags .tag-row .tag-edit {
  align-items: center;
}
.tags-settings.tags-settings .tags .tag-row .tag-input {
  margin-right: 5px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.tags-settings.tags-settings .tags .tag-row .tag-row-item {
  max-width: calc(100% - 40px);
}
.tags-settings.tags-settings .tags .tag-row .tag-row-item .tag-usage {
  width: 20px;
  margin-right: 8px;
  text-align: right;
}
.tags-settings.tags-settings .tags .tag-row .tags-settings-btn.tag-edit {
  display: none;
}
.tags-settings.tags-settings .tags .tag-row.tags-settings__create .icon-plus {
  margin-left: 6px;
}
.tags-settings.tags-settings .tags .tag-row .icon-tint {
  padding-left: 4px;
  line-height: 18px;
  color: transparent;
  display: inline-block;
}
.tags-settings.tags-settings .tags .tag-row a:hover .tags-settings-btn.tag-edit {
  display: inline-block;
}
.tags-settings.tags-settings .tags .tag-row .tag-color:hover .icon-tint {
  color: #f2f2f2;
}
.tags-settings.tags-settings .tags .tag-row.deleted .tag-title {
  text-decoration: line-through;
  cursor: default;
  padding-left: 1px;
}
.tags-settings.tags-settings .tags .tag-row.deleted .tag-color {
  cursor: default;
}
.tags-settings.tags-settings .tags .tag-row .highlight {
  color: #222222;
}
.tags-settings.tags-settings .tags .tag-row input[type=text].has-error:focus {
  border-color: #ce1228;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
}
.tags-settings.tags-settings .tags .tag-row.tag-row--editable-list {
  height: 100%;
  min-height: 28px;
  padding: 0;
  align-items: baseline;
}
.tag-help-text {
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #222222;
  padding-top: 4px;
  height: 20px;
}
.tag-help-text .tag-help-text__name {
  float: left;
  margin-left: 32px;
}
.tag-help-text .tag-help-text__usage {
  float: right;
  margin-right: 48px;
}
.tagsList {
  max-height: 300px;
  display: flex;
  flex-direction: column;
}
.tagsList ul {
  flex: 110;
  overflow-y: auto;
  margin: 0;
  padding: 4px 0 4px 0;
}
.tagsList ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  line-height: 1.0;
  text-overflow: ellipsis;
  overflow: visible;
  white-space: nowrap;
}
.tagsList ul li .tag {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 1;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0px;
  padding: 4px 10px;
  border-radius: 0;
  font-size: 12px;
  cursor: pointer;
  color: #333333;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
  background: transparent;
}
.tagsList ul li .tag:not(.disabled) {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 2px 6px;
}
.tagsList ul li .tag.disabled {
  cursor: default;
}
.tagsList ul li:hover:not( :has(.disabled)) {
  background: rgba(0, 0, 0, 0.05);
}
.tagsList ul li.selected {
  background: #f2f2f2;
  opacity: 1;
}
.btn--tag-list {
  flex: 0 0 auto;
  width: 100%;
  background: transparent;
  border-top: 1px solid #dddddd;
  font-size: 13px;
  height: auto;
}
/** Mass apply tagging modal */
.apply-tags.apply-tags {
  position: relative;
}
.apply-tags.apply-tags .tags {
  box-sizing: border-box;
}
.apply-tags.apply-tags .tags ul {
  margin: 0 0 3px 0;
}
.apply-tags.apply-tags .tags .tag-color {
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  width: 12px;
}
.apply-tags.apply-tags .tags .tag-value {
  display: inline-block;
  height: 1em;
}
.apply-tags.apply-tags .tags .tag-coverage {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  cursor: pointer;
}
.apply-tags.apply-tags .tags .tag-usage {
  display: inline-block;
  text-align: right;
  padding: 8px;
  width: 16px;
  margin-right: 5px;
  cursor: default;
}
.apply-tags.apply-tags .tags .tag-usage.highlight {
  color: #3b99fc;
}
.apply-tags.apply-tags .tags .tag-title {
  cursor: pointer;
}
.apply-tags.apply-tags .tags ul {
  box-sizing: border-box;
}
.apply-tags.apply-tags .tags li > span,
.apply-tags.apply-tags .tags li input {
  margin: 0 10px 0 0;
}
.apply-tags.apply-tags .tag-help-text__usage {
  margin-right: 16px;
}
.tags .tag,
.tags tag-rows {
  display: inline-block;
  background: rgba(34, 34, 34, 0.25);
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 25px;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
}
.tags-list-editor .tags .tag,
.tag-edit-popover__editor .tags .tag {
  padding: 1px 10px 1px 10px;
  line-height: 18px;
  margin: 2px 4px 2px 0;
}
.tags-list-editor .tags .tag.help-text,
.tag-edit-popover__editor .tags .tag.help-text {
  border: 1px solid #999999;
  color: #999999 !important;
  background-color: #ffffff;
  white-space: nowrap;
}
.tags-list-editor .tags .tag.help-text:hover,
.tag-edit-popover__editor .tags .tag.help-text:hover {
  opacity: 0.8;
}
.tags-list-editor .tags .tag.responsive-tags-list__tag,
.tag-edit-popover__editor .tags .tag.responsive-tags-list__tag {
  margin: 2px 4px 2px 0;
}
.tags-list-editor .tags .tag.tag.responsive-tags-list__tag-button,
.tag-edit-popover__editor .tags .tag.tag.responsive-tags-list__tag-button {
  height: 16px;
}
:not(.tagsList) > .tags .tag .global-tag-category-label {
  color: #ffffff;
  margin-left: -10px;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 6px 6px 6px 9px;
  margin-right: 4px;
  opacity: 0.9;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-list .global-tag-category-label,
.tag-edit-popover .tag-edit-popover__list .global-tag-category-label,
.tags-settings .tag-row .tag-title .global-tag-category-label,
.apply-tags.apply-tags .tag-row .global-tag-category-label,
.tagsList .global-tag-category-label,
.flow-tool-mainzone .global-tag-category-label,
.svg-tooltip .global-tag-category-label,
.mx-tool-facet .global-tag-category-label,
.global-finder-modal .global-finder-modal__left-sidebar .global-tag-category-label {
  background-color: #f2f2f2;
  color: #666666;
  border-radius: 2px;
  line-height: 18px;
  font-size: 11px;
  padding: 0 4px;
}
.catalog-page .main-list-zone .facet .global-tag-category-label {
  background-color: #dddddd;
  color: #444444;
  border-radius: 2px;
  font-size: 11px;
  padding: 0 4px;
}
.tag-edit-field,
.tag-edit-popover {
  position: relative;
  line-height: 22px;
  box-sizing: border-box;
}
.tag-edit-field a,
.tag-edit-popover a {
  text-decoration: none;
  display: inline-block;
}
.tag-edit-field .tag-helper-info,
.tag-edit-popover .tag-helper-info {
  color: #bbbbbb;
}
.tag-edit-field .tags-list-editor,
.tag-edit-popover .tags-list-editor,
.tag-edit-field .tag-edit-popover__editor,
.tag-edit-popover .tag-edit-popover__editor {
  margin-left: 30px;
  border: 0;
  overflow-y: auto;
}
.tag-edit-field .tags-list-editor .tags-list-editor .tags,
.tag-edit-popover .tags-list-editor .tags-list-editor .tags,
.tag-edit-field .tag-edit-popover__editor .tags-list-editor .tags,
.tag-edit-popover .tag-edit-popover__editor .tags-list-editor .tags {
  padding-left: 5px;
}
.tag-edit-field .tags-editor .tags-list-editor,
.tag-edit-popover .tags-editor .tags-list-editor {
  display: flex;
  flex-direction: row;
  align-items: unset;
}
.tag-edit-field .tags-editor .tags-list-editor .tags,
.tag-edit-popover .tags-editor .tags-list-editor .tags {
  flex-grow: 1;
  min-height: 24px;
  max-height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 2px 0px 5px;
  border: 1px solid #dddddd;
}
.tag-edit-field .tags-editor .tags-list-editor .tags .tag,
.tag-edit-popover .tags-editor .tags-list-editor .tags .tag {
  flex: none;
}
.tag-edit-field .tags-editor .tags-list-editor button,
.tag-edit-popover .tags-editor .tags-list-editor button {
  margin-left: 10px;
  flex: none;
}
.tag-edit-field .tags-editor .tags-list-editor input,
.tag-edit-popover .tags-editor .tags-list-editor input {
  padding: 0;
  min-width: 100px;
  flex-grow: 1;
  padding-left: 0;
}
.tag-edit-field .tags-editor .tag-select-dropdown,
.tag-edit-popover .tags-editor .tag-select-dropdown,
.tag-edit-field .tag-edit-popover__popover,
.tag-edit-popover .tag-edit-popover__popover {
  width: 250px;
  margin-top: 5px;
  padding: 0px;
  float: left;
  position: relative;
  left: 30px;
  top: 0px;
  background-color: #ffffff;
  box-shadow: 2px 2px 8px 1px rgba(34, 34, 34, 0.2);
  z-index: 100;
}
.tag-edit-field .tags-editor .tag-select-dropdown span,
.tag-edit-popover .tags-editor .tag-select-dropdown span,
.tag-edit-field .tag-edit-popover__popover span,
.tag-edit-popover .tag-edit-popover__popover span {
  line-height: 24px;
  display: inline-block;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-options,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-pick-options,
.tag-edit-field .tag-edit-popover__popover .tag-pick-options,
.tag-edit-popover .tag-edit-popover__popover .tag-pick-options,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__picker,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__picker,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__picker,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__picker {
  min-height: 100px;
  max-height: 200px;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-options ul,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-pick-options ul,
.tag-edit-field .tag-edit-popover__popover .tag-pick-options ul,
.tag-edit-popover .tag-edit-popover__popover .tag-pick-options ul,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__picker ul,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__picker ul,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__picker ul,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__picker ul {
  max-height: 170px;
  overflow-y: auto;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-list,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-pick-list,
.tag-edit-field .tag-edit-popover__popover .tag-pick-list,
.tag-edit-popover .tag-edit-popover__popover .tag-pick-list,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__list,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__list,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__list,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list {
  list-style: none;
  margin: 0;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-list a,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-pick-list a,
.tag-edit-field .tag-edit-popover__popover .tag-pick-list a,
.tag-edit-popover .tag-edit-popover__popover .tag-pick-list a,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__list a,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__list a,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__list a,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list a {
  width: 100%;
  color: #333333;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-list a div,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-pick-list a div,
.tag-edit-field .tag-edit-popover__popover .tag-pick-list a div,
.tag-edit-popover .tag-edit-popover__popover .tag-pick-list a div,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__list a div,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__list a div,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__list a div,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list a div {
  padding: 2px 3px 2px 6px;
  align-items: center;
}
.tag-edit-field .tags-editor .tag-select-dropdown .tag-pick-list a .tag-color,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-pick-list a .tag-color,
.tag-edit-field .tag-edit-popover__popover .tag-pick-list a .tag-color,
.tag-edit-popover .tag-edit-popover__popover .tag-pick-list a .tag-color,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__list a .tag-color,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__list a .tag-color,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__list a .tag-color,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list a .tag-color {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  position: relative;
  margin: 0 6px 0 2px;
}
.tag-edit-field .tags-editor .tag-select-dropdown .create-item,
.tag-edit-popover .tags-editor .tag-select-dropdown .create-item,
.tag-edit-field .tag-edit-popover__popover .create-item,
.tag-edit-popover .tag-edit-popover__popover .create-item,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__create,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__create,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__create,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create {
  height: 24px;
}
.tag-edit-field .tags-editor .tag-select-dropdown .create-item a,
.tag-edit-popover .tags-editor .tag-select-dropdown .create-item a,
.tag-edit-field .tag-edit-popover__popover .create-item a,
.tag-edit-popover .tag-edit-popover__popover .create-item a,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__create a,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__create a,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__create a,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create a {
  width: 100%;
  height: 24px;
  color: #333333;
}
.tag-edit-field .tags-editor .tag-select-dropdown .create-item div,
.tag-edit-popover .tags-editor .tag-select-dropdown .create-item div,
.tag-edit-field .tag-edit-popover__popover .create-item div,
.tag-edit-popover .tag-edit-popover__popover .create-item div,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__create div,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__create div,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__create div,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create div {
  align-items: center;
}
.tag-edit-field .tags-editor .tag-select-dropdown .create-item i,
.tag-edit-popover .tags-editor .tag-select-dropdown .create-item i,
.tag-edit-field .tag-edit-popover__popover .create-item i,
.tag-edit-popover .tag-edit-popover__popover .create-item i,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__create i,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__create i,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__create i,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create i {
  padding: 3px 5px 2px 8px;
}
.tag-edit-field .tags-editor .tag-select-dropdown .create-item span,
.tag-edit-popover .tags-editor .tag-select-dropdown .create-item span,
.tag-edit-field .tag-edit-popover__popover .create-item span,
.tag-edit-popover .tag-edit-popover__popover .create-item span,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__create span,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__create span,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__create span,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create span {
  height: 24px;
  overflow: hidden;
}
.tag-edit-field .tags-editor .tag-select-dropdown .create-item .return,
.tag-edit-popover .tags-editor .tag-select-dropdown .create-item .return,
.tag-edit-field .tag-edit-popover__popover .create-item .return,
.tag-edit-popover .tag-edit-popover__popover .create-item .return,
.tag-edit-field .tags-editor .tag-select-dropdown .tag-edit-popover__create .return,
.tag-edit-popover .tags-editor .tag-select-dropdown .tag-edit-popover__create .return,
.tag-edit-field .tag-edit-popover__popover .tag-edit-popover__create .return,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create .return {
  padding: 0px 8px;
}
.tag-edit-field .tags-editor .tag-select-dropdown .manage-option,
.tag-edit-popover .tags-editor .tag-select-dropdown .manage-option,
.tag-edit-field .tag-edit-popover__popover .manage-option,
.tag-edit-popover .tag-edit-popover__popover .manage-option {
  flex: 0 0 auto;
  width: 100%;
  background: transparent;
  border-top: 1px solid #dddddd;
  font-size: 13px;
  height: auto;
}
.tag-edit-field .tags-editor .tag-select-dropdown .manage-option:hover,
.tag-edit-popover .tags-editor .tag-select-dropdown .manage-option:hover,
.tag-edit-field .tag-edit-popover__popover .manage-option:hover,
.tag-edit-popover .tag-edit-popover__popover .manage-option:hover,
.tag-edit-field .tags-editor .tag-select-dropdown .manage-option:focus,
.tag-edit-popover .tags-editor .tag-select-dropdown .manage-option:focus,
.tag-edit-field .tag-edit-popover__popover .manage-option:focus,
.tag-edit-popover .tag-edit-popover__popover .manage-option:focus {
  color: #333333;
  background-color: #f2f2f2;
}
.tag-edit-field .tags-editor .tag-select-dropdown p,
.tag-edit-popover .tags-editor .tag-select-dropdown p,
.tag-edit-field .tag-edit-popover__popover p,
.tag-edit-popover .tag-edit-popover__popover p {
  text-align: center;
  padding: 6px;
  color: #bbbbbb;
}
.tag-edit-field ::-webkit-scrollbar,
.tag-edit-popover ::-webkit-scrollbar {
  height: 5px;
}
.tag-edit-field[disabled],
.tag-edit-popover[disabled] {
  background: #f2f2f2;
  cursor: not-allowed;
  color: #bbbbbb;
  height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
}
.tag-edit-field:not(.no-tag-icon):before,
.tag-edit-popover:not(.no-tag-icon):before {
  content: "\f02b";
  font-family: 'FontAwesome';
  position: absolute;
  left: 5px;
  margin-right: 20px;
  top: 2px;
  color: rgba(34, 34, 34, 0.25);
  height: 100%;
}
.tag-edit-field.focus,
.tag-edit-popover.focus {
  border-color: #3b99fc;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(34, 34, 34, 0.075), 0 0 8px #76b8fd;
}
.tag-edit-field input,
.tag-edit-popover input {
  display: inline-block !important;
  margin: 0;
  width: auto;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.tag-edit-field .tag,
.tag-edit-popover .tag {
  margin-bottom: 0;
}
.tag-edit-field .tag i,
.tag-edit-popover .tag i {
  margin-left: 0.25em;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}
.tag-edit-field .tag.active,
.tag-edit-popover .tag.active,
.tag-edit-field .tag:hover,
.tag-edit-popover .tag:hover {
  background: rgba(34, 34, 34, 0.5);
}
.tag-edit-field .tag.active i,
.tag-edit-popover .tag.active i,
.tag-edit-field .tag:hover i,
.tag-edit-popover .tag:hover i {
  color: inherit;
}
.tag-edit-field .tag-select-dropdown a:hover,
.tag-edit-popover .tag-select-dropdown a:hover {
  background-color: rgba(34, 34, 34, 0.05);
}
.tag-edit-field .tag-select-dropdown .active,
.tag-edit-popover .tag-select-dropdown .active {
  background-color: rgba(34, 34, 34, 0.1);
}
.tag-edit-popover.tag-edit-popover--editable {
  cursor: pointer;
}
.tag-edit-popover .tag-edit-popover__popover {
  margin-top: 0;
  position: absolute;
  width: 100%;
  left: 0;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-filter {
  margin: 8px 0 0 8px;
  width: calc(100% - 16px);
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list {
  max-height: 180px;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list .tag-edit-popover__list-row {
  width: 100%;
  color: #333333;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list .tag-edit-popover__list-row .tag-edit-popover__list-item {
  margin-left: 24px;
  padding: 4px 4px 4px 8px;
  align-items: center;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list .tag-edit-popover__list-row .tag-edit-popover__list-item .tag-color {
  position: relative;
  margin: 0 6px 0 2px;
  width: 14px;
  height: 14px;
  border-radius: 8px;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list .tag-edit-popover__list-row .tag-edit-popover__list-item.selected::before {
  content: "\f00c";
  font-family: 'FontAwesome';
  position: relative;
  right: 16px;
  width: 0;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__picker .tag-edit-popover__create {
  width: 100%;
  height: 28px;
  color: #333333;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__picker .tag-edit-popover__create .icon-plus {
  margin: 0;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__picker .tag-edit-popover__create .tag-edit-popover__create-row {
  margin-left: 24px;
  padding-left: 4px;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__manage {
  border-top: 1px solid #dddddd;
  padding: 8px;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__manage .tag-edit-popover__manage-button {
  border: none;
  width: auto;
}
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__list-row:hover,
.tag-edit-popover .tag-edit-popover__popover .tag-edit-popover__create:hover {
  background-color: rgba(34, 34, 34, 0.05);
}
.tag-edit-popover .tag-edit-popover__popover .active {
  background-color: rgba(34, 34, 34, 0.1);
}
.tag-edit-popover.no-tag-icon .tag-edit-popover__editor {
  margin-left: 0px;
}
.tag-edit-popover .hit-content__tags {
  height: 26px;
}
.tag-edit-popover .hit-content__tags .responsive-tags-list {
  margin: 0;
  max-height: none;
  overflow-y: auto;
}
.tag-edit-filter.tag-edit-filter {
  line-height: 24px;
  border: 1px solid #dddddd;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 24px;
  display: inline-block;
  width: calc(100% - 8px);
}
.tag-edit-filter.tag-edit-filter .icon-dku-search {
  margin: 0;
  padding: 4px;
  color: #666666;
  font-size: 14px;
  vertical-align: middle;
}
.tag-edit-filter.tag-edit-filter .tag-edit-filter__input {
  width: calc(100% - 40px);
  padding: 0;
  font-size: 13px;
  margin: 0;
  border: none;
  outline: none;
  box-shadow: none;
}
.tag-edit-filter.tag-edit-filter.tag-edit-filter--focus {
  border-color: #3b99fc;
  outline: none;
}
ul.timeline {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}
ul.timeline .timeline-divider {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  margin: 5px;
  list-style: none;
  color: #666666;
  text-transform: uppercase;
}
ul.timeline .timeline-item {
  background: #ffffff;
  margin: 0 5px 0 0;
  padding: 15px;
  list-style: none;
  display: block;
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  clear: both;
}
ul.timeline .timeline-item.unread {
  border-left: 2px solid #fdf1e7 !important;
}
ul.timeline .timeline-item .timeline-item-picture {
  float: left;
}
ul.timeline .timeline-item .timeline-item-content {
  min-height: 46px;
  margin-left: 32px;
  font-weight: 400;
}
ul.timeline .timeline-item .timeline-item-content date {
  float: right;
  color: #cccccc;
  display: block;
}
ul.timeline .timeline-item .avatar {
  position: relative;
}
ul.timeline .timeline-item .avatar .avatar20 {
  box-shadow: none;
  border-radius: 20px;
}
ul.timeline .timeline-item .description .who {
  font-weight: 600;
  color: #666666;
}
ul.timeline .timeline-item .description .who a {
  color: inherit;
}
ul.timeline .timeline-item .description .who a:hover {
  text-decoration: none;
}
ul.timeline .timeline-item .description .who a:focus {
  outline: none;
}
ul.timeline .timeline-item .description a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: inherit;
}
ul.timeline .timeline-item .target {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  margin-left: 0px;
}
ul.timeline .timeline-item .target a {
  color: inherit;
}
ul.timeline .timeline-item .target a:hover {
  text-decoration: none;
}
ul.timeline .timeline-item .target a:focus {
  outline: none;
}
ul.timeline .timeline-item .target i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
ul.timeline .timeline-item .target i.insight-icon {
  background-color: #ce1228 !important;
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 2px;
  border-radius: 3px;
  box-sizing: initial;
}
ul.timeline .timeline-item .details {
  margin-top: 10px;
  color: #666666;
}
ul.timeline .timeline-item .deleted-item {
  cursor: not-allowed;
}
ul.timeline li:last-child .timeline-item {
  border-bottom: 1px solid #dddddd;
}
form.desc-edit-zone,
.checklist-items,
.discussions-widget {
  margin-bottom: 0;
}
form.desc-edit-zone input,
.checklist-items input,
.discussions-widget input {
  margin: auto;
}
form.desc-edit-zone .CodeMirror,
.checklist-items .CodeMirror,
.discussions-widget .CodeMirror {
  border: 1px solid #dddddd;
  transition: border-color 0.5s ease;
}
form.desc-edit-zone .CodeMirror.CodeMirror-focused,
.checklist-items .CodeMirror.CodeMirror-focused,
.discussions-widget .CodeMirror.CodeMirror-focused {
  border: 1px solid #3b99fc;
}
form.desc-edit-zone .CodeMirror pre,
.checklist-items .CodeMirror pre,
.discussions-widget .CodeMirror pre {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
form.desc-edit-zone .ui-resizable,
.checklist-items .ui-resizable,
.discussions-widget .ui-resizable {
  position: relative;
}
form.desc-edit-zone .ui-resizable-handle,
.checklist-items .ui-resizable-handle,
.discussions-widget .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
form.desc-edit-zone .ui-resizable-disabled .ui-resizable-handle,
.checklist-items .ui-resizable-disabled .ui-resizable-handle,
.discussions-widget .ui-resizable-disabled .ui-resizable-handle,
form.desc-edit-zone .ui-resizable-autohide .ui-resizable-handle,
.checklist-items .ui-resizable-autohide .ui-resizable-handle,
.discussions-widget .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
form.desc-edit-zone .ui-resizable-n,
.checklist-items .ui-resizable-n,
.discussions-widget .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
form.desc-edit-zone .ui-resizable-s,
.checklist-items .ui-resizable-s,
.discussions-widget .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
form.desc-edit-zone .ui-resizable-e,
.checklist-items .ui-resizable-e,
.discussions-widget .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
form.desc-edit-zone .ui-resizable-w,
.checklist-items .ui-resizable-w,
.discussions-widget .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
form.desc-edit-zone .ui-resizable-se,
.checklist-items .ui-resizable-se,
.discussions-widget .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
form.desc-edit-zone .ui-resizable-sw,
.checklist-items .ui-resizable-sw,
.discussions-widget .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
form.desc-edit-zone .ui-resizable-nw,
.checklist-items .ui-resizable-nw,
.discussions-widget .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
form.desc-edit-zone .ui-resizable-ne,
.checklist-items .ui-resizable-ne,
.discussions-widget .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
form.desc-edit-zone .ui-icon,
.checklist-items .ui-icon,
.discussions-widget .ui-icon {
  width: 10px;
  height: 10px;
}
form.desc-edit-zone .ui-icon,
.checklist-items .ui-icon,
.discussions-widget .ui-icon,
form.desc-edit-zone .ui-widget-content .ui-icon,
.checklist-items .ui-widget-content .ui-icon,
.discussions-widget .ui-widget-content .ui-icon {
  background: url('/static/dataiku/images/resize-corner.png');
  background-size: 100%;
}
form.desc-edit-zone .CodeMirror {
  height: 150px;
}
.checklist-items .CodeMirror {
  min-height: 24px;
  max-height: 200px;
  height: inherit;
}
.hitContent ul.tags {
  overflow-y: auto;
  max-height: none;
}
.object-nav .otherLinks .btn.discussions-widget-button {
  text-decoration: none;
  min-width: 34px;
}
.object-nav .otherLinks .btn.discussions-widget-button:before {
  content: ' ';
  display: inline-block;
}
.object-nav .otherLinks .btn.discussions-widget-button:focus,
.object-nav .otherLinks .btn.discussions-widget-button:active {
  text-decoration: none;
}
.object-nav .otherLinks .btn.discussions-widget-button:hover {
  text-decoration: none;
}
.object-nav .otherLinks .btn.discussions-widget-button.show-plus span {
  position: absolute;
  color: #ffffff;
  left: 0;
  top: 5px;
  width: 27px;
  height: 22px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
}
.object-nav .otherLinks .btn.discussions-widget-button.show-plus i.icon-comments {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 23px;
}
.object-nav .otherLinks .btn.discussions-widget-button:not(.show-plus) span {
  font-size: 14px;
}
.object-nav .otherLinks .btn.discussions-widget-button:not(.show-plus) i.icon-comments {
  font-size: 16px;
}
.object-nav .otherLinks .btn.discussions-widget-button.unread span,
.object-nav .otherLinks .btn.discussions-widget-button.unread i.icon-comments {
  color: #3b99fc;
}
.discussions-widget.discussions-widget-popover {
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 400px;
  z-index: 1000;
  box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.18);
  height: 32px;
  max-height: 800px;
}
.discussions-widget.discussions-widget-popover.maximized {
  height: calc(100% - 56px);
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header {
  height: 32px;
  background-color: #434a54;
  padding: 6px 10px;
  cursor: pointer;
  color: #f2f2f2;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header.unread {
  background-color: #3b99fc;
  color: #ffffff;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header.unread .discussions-widget-popover-header-close a,
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header.unread .discussions-widget-popover-header-minmax a {
  color: #c4e0fe;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header i.icon-comments {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-close,
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-minmax {
  text-align: center;
  height: 20px;
  width: 20px;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-close a,
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-minmax a {
  color: #cccccc;
  font-size: 16px;
}
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-close a:hover,
.discussions-widget.discussions-widget-popover .discussions-widget-popover-header .discussions-widget-popover-header-minmax a:hover {
  text-decoration: none;
  color: #ffffff;
}
.discussions-widget.discussions-widget-popover .discussions-widget {
  border: 0;
}
.discussions-widget.discussions-widget-popover .discussions-widget .discussions-widget-header:not(.white-header) {
  background-color: #4e5662;
  color: #cccccc;
}
.discussions-widget.discussions-widget-popover .discussions-widget .discussions-widget-header:not(.white-header) a {
  color: #cccccc;
}
.discussions-widget.discussions-widget-popover .discussions-widget .discussions-widget-header:not(.white-header) a:hover {
  color: #ffffff;
}
.discussions-widget.discussions-widget-popover .discussions-widget .discussions-widget-header:not(.white-header) a.discussions-widget-closebtn {
  background-color: #4e5662;
}
.discussions-widget.discussions-widget-popover .discussions-widget .discussions-widget-header:not(.white-header) .discussions-widget-participants {
  color: #cccccc;
}
.discussions-widget {
  overflow: hidden;
  background-color: #ffffff;
  font-family: 'SourceSansPro';
  font-size: 14px;
}
.discussions-widget .discussions-widget-header {
  border-bottom: solid 1px #dddddd;
}
.discussions-widget .discussions-widget-header .discussions-widget-line:not(:first-child) {
  padding-top: 0;
}
.discussions-widget .discussions-widget-header .discussions-widget-line-left a,
.discussions-widget .discussions-widget-header .discussions-widget-line-right a {
  display: inline-block;
  width: 20px;
  color: #bbbbbb;
}
.discussions-widget .discussions-widget-header .discussions-widget-line-left a:hover,
.discussions-widget .discussions-widget-header .discussions-widget-line-right a:hover {
  text-decoration: none;
  color: #222222;
}
.discussions-widget .discussions-widget-header .discussions-widget-line-left a.discussions-widget-closebtn,
.discussions-widget .discussions-widget-header .discussions-widget-line-right a.discussions-widget-closebtn {
  width: auto;
  margin-top: -2px;
  background-color: #ffffff;
}
.discussions-widget .discussions-widget-line {
  position: relative;
  padding: 6px 10px;
}
.discussions-widget .discussions-widget-line .discussions-widget-line-left {
  text-align: center;
  width: 32px;
  margin-right: 10px;
  font-size: 16px;
}
.discussions-widget .discussions-widget-line .discussions-widget-line-right {
  text-align: center;
  margin-left: 10px;
  font-size: 16px;
}
.discussions-widget .discussions-widget-line .discussions-widget-line-main {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.discussions-widget .discussions-widget-line .discussions-widget-line-main .discussions-widget-line-item.single-line {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.discussions-widget .discussions-widget-line .discussions-widget-line-main .discussions-widget-line-item.single-line.discussions-widget-participants {
  color: #222222;
  font-size: 12px;
  font-weight: 400;
  margin-top: -4px;
}
.discussions-widget .discussions-widget-topic {
  color: #222222;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.discussions-widget .discussions-widget-date {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
}
.discussions-widget .discussions-widget-preview {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.discussions-widget .discussions-widget-preview p {
  margin: 0;
}
.discussions-widget .discussions-widget-preview.markdown-preview:not(mjx-c) code {
  font-size: 11px;
  color: #666666;
}
.discussions-widget input[type=text].discussions-widget-newconv-topic {
  border-radius: 0;
  height: 26px;
  line-height: 24px;
  font-size: 13px;
  margin: 0;
  padding: 0 4px;
  width: 100%;
}
.discussions-widget input[type=text].discussions-widget-newconv-topic.ng-invalid-maxlength {
  border-color: #ce1228;
}
.discussions-widget .discussions-widget-line-editingtopic {
  margin-bottom: 2px;
}
.discussions-widget .discussions-widget-line-editingtopic button {
  margin-left: 6px;
}
.discussions-widget .discussions-widget-edition {
  margin-left: 10px;
  text-align: right;
  color: #bbbbbb;
}
.discussions-widget .discussions-widget-edition .counter {
  font-weight: 400;
  font-size: 10px;
}
.discussions-widget .discussions-widget-edition .counter.msg-error {
  color: #ce1228;
}
.discussions-widget .discussions-widget-edition .edit-link {
  color: #cccccc;
}
.discussions-widget .discussions-widget-edition .edit-link:hover {
  color: #222222;
  text-decoration: none;
}
.discussions-widget .discussions-widget-edition button:not([disabled]) {
  color: #3b99fc;
}
.discussions-widget .discussions-widget-edition button:hover,
.discussions-widget .discussions-widget-edition button:active,
.discussions-widget .discussions-widget-edition button:focus {
  text-decoration: none;
}
.discussions-widget .discussions-widget-replyzone {
  white-space: initial;
}
.discussions-widget .discussions-widget-reply:not(:first-child) {
  border-top: solid 1px #dddddd;
}
.discussions-widget .discussions-widget-reply .discussions-widget-line-left {
  padding-top: 4px;
}
.discussions-widget .discussions-widget-reply:not(:hover) .edit-link {
  visibility: hidden;
}
.discussions-widget .discussions-widget-reply-action-area {
  padding: 6px 10px;
}
.discussions-widget .discussions-widget-reply-action-area .msg {
  color: #bbbbbb;
  font-weight: 400;
}
.discussions-widget .discussions-widget-reply-action-area .msg .msg-error {
  color: #ce1228;
}
.discussions-widget .discussions-widget-reply-action-area button {
  font-size: 14px;
}
.discussions-widget .discussions-widget-reply-action-area button:not([disabled]) {
  color: #3b99fc;
}
.discussions-widget .discussions-widget-reply-action-area button:hover {
  text-decoration: none;
}
.discussions-widget .discussions-widget-unread {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 4px;
  background-color: #9dccfe;
}
.discussions-widget .discussions-widget-unread-tag {
  background-color: #3b99fc;
  border-radius: 20px;
  color: #ffffff;
  display: none;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-right: 4px;
  text-align: center;
  width: 20px;
}
.discussions-widget .unread-discussion .discussions-widget-unread-tag {
  display: block;
}
.discussions-widget .closed-discussion {
  opacity: 0.5;
}
.discussions-widget .discussions-widget-searchbar {
  height: 32px;
  padding: 0;
}
.discussions-widget .discussions-widget-searchbar input {
  height: 32px;
  padding: 5px 25px 5px 32px;
  padding-right: 80%;
  box-sizing: border-box;
  background-color: transparent;
  width: 20%;
  transition: width 150ms ease;
  border-width: 0;
}
.discussions-widget .discussions-widget-searchbar input::placeholder {
  color: transparent;
}
.discussions-widget .discussions-widget-searchbar input:focus,
.discussions-widget .discussions-widget-searchbar input.filled {
  width: 100%;
  padding-right: 25px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.discussions-widget .discussions-widget-searchbar input:focus::placeholder,
.discussions-widget .discussions-widget-searchbar input.filled::placeholder {
  color: #bbbbbb;
}
.discussions-widget .discussions-widget-searchbar i.clear-filter {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 6px;
  left: auto;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  transition: opacity 200ms ease;
  pointer-events: auto;
  display: none;
}
.discussions-widget .discussions-widget-searchbar i.clear-filter.filled {
  display: block;
}
.discussions-widget .discussions-widget-searchbar i.icon-dku-search {
  position: absolute;
  pointer-events: none;
  top: 9px;
  left: 10px;
  color: #bbbbbb;
}
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a {
  margin-top: 6px;
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  color: #cccccc;
}
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a:hover,
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a:active,
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a:focus {
  color: #222222;
  text-decoration: none;
}
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a.checked,
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a.checked:hover,
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a.checked:active,
.discussions-widget .discussions-widget-searchbar .discussions-widget-line-right a.checked:focus {
  color: #3b99fc;
}
.discussions-widget .discussions-widget-list-discussions {
  overflow-y: auto;
  max-height: calc(100% - 33px - 54px);
}
.discussions-widget .discussions-widget-list-discussions .discussions-widget-line.discussions-widget-discussion {
  border-bottom: solid 1px #dddddd;
  cursor: pointer;
  height: inherit;
  max-height: 84px;
  padding: 12px;
  position: relative;
}
.discussions-widget .discussions-widget-list-discussions .discussions-widget-line.discussions-widget-discussion.unread-discussion {
  background-color: #e7f3ff;
}
.discussions-widget .discussions-widget-list-discussions .discussions-widget-line.discussions-widget-discussion.unread-discussion .discussions-widget-preview {
  color: #333333;
}
.discussions-widget .discussions-widget-list-discussions .discussions-widget-line.discussions-widget-discussion.unread-discussion .discussions-widget-preview code {
  color: #333333;
}
.discussions-widget .discussions-widget-list-discussions .discussions-widget-line.discussions-widget-discussion:hover {
  background-color: #ffffff;
}
.discussions-widget .discussions-widget-list-replies {
  overflow-y: auto;
  max-height: 100%;
}
.discussions-widget .discussions-widget-list-replies.closed {
  opacity: 0.5;
}
.discussions-widget .discussions-widget-readiness > div {
  margin: 2px;
  display: inline-block;
}
.discussions-widget .discussions-widget-readiness > div div[user-picture] {
  margin-left: 2px;
  opacity: 0.5;
}
.discussions-widget .discussions-widget-newreplies-toast {
  position: absolute;
  width: 150px;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #3b99fc;
  z-index: 2;
  cursor: pointer;
  opacity: 0.8;
  padding: 6px;
  color: #ffffff;
  text-align: center;
  height: 13px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
}
.discussions-widget .discussions-widget-newreplies-toast:hover {
  opacity: 1;
}
.discussions-widget .discussions-widget-newconvbtn,
.discussions-widget .discussions-widget-reopenform,
.discussions-widget .discussions-widget-noconvplaceholder {
  text-align: center;
  padding: 6px 10px;
}
.discussions-widget .discussions-widget-newconvbtn {
  padding: 10px;
}
.discussions-widget .discussions-widget-nodiscuplaceholder {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #666666;
}
.discussions-widget .discussions-widget-newreplies {
  text-align: center;
  font-size: 13px;
  color: #3b99fc;
  position: relative;
  z-index: 1;
  position: absolute;
  width: 100%;
  transform: translate(0, -50%);
}
.discussions-widget .discussions-widget-newreplies:before {
  border-top: 1px solid #3b99fc;
  content: '';
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.discussions-widget .discussions-widget-newreplies span {
  background-color: #ffffff;
  padding: 0 4px;
}
.discussions-widget .discussions-widget-replyform,
.discussions-widget .discussions-widget-reopenform {
  border-top: 1px solid #dddddd;
}
.discussions-widget .discussions-widget-participants a {
  color: #333333;
}
.discussions-widget .discussions-widget-participants a:hover {
  color: #222222;
}
.discussions-widget .discussions-widget-participants small {
  color: #666666;
  font-size: 12px;
}
.discussions-widget div[autocompletable-textarea] textarea.ng-invalid-maxlength + .CodeMirror {
  border-color: #ce1228;
}
.discussions-widget div[autocompletable-textarea] .CodeMirror {
  height: auto;
}
.discussions-widget div[autocompletable-textarea] .CodeMirror .CodeMirror-scroll {
  min-height: 54px;
  max-height: 150px;
}
.discussions-widget div[autocompletable-textarea] .CodeMirror .CodeMirror-placeholder {
  color: #bbbbbb;
}
.discussions-widget .api-error-alert {
  margin: 0;
}
/* Editable lists style shared between Angular component and AngularJS directive */
.editable-list.editable-list.editable-list {
  display: block;
}
.editable-list__items {
  list-style: none;
  margin: 0;
}
.editable-list__template:not(.editable-list__template--editing) .editable-list__input:not(.editable-list__input-error) {
  transition: border linear 0.2s, box-shadow linear 0.2s;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
}
.editable-list__template:not(.editable-list__template--editing) .editable-list__input:not(.editable-list__input-error):not(:hover):not(:focus) {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.editable-list__template:not(.editable-list__template--editing) .editable-list__input:not(.editable-list__input-error):not(:hover):not(:focus).ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.editable-list__template:not(.editable-list__template--editing) .editable-list__input:not(.editable-list__input-error)--underline:not(:hover):not(:focus):not([type=checkbox]):not([type=radio]) {
  border-color: transparent;
  border-bottom-color: #dddddd;
}
.editable-list__input-error-message {
  background-color: #f9e3e5;
  color: #ce1228;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 4px;
  width: inherit;
}
.editable-list__item {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  width: fit-content;
  width: -moz-fit-content;
  margin-bottom: 4px;
  padding-bottom: 2px;
}
.editable-list__item--divider {
  border-bottom: 1px solid #dddddd;
}
.editable-list__template {
  align-items: baseline;
  display: flex;
  flex-direction: row;
}
.editable-list--full-width {
  width: 100%;
}
.editable-list--full-width .editable-list__template,
.editable-list--full-width .editable-list__items,
.editable-list--full-width .editable-list__item,
.editable-list--full-width editable-list-input,
.editable-list--full-width .editable-list__input-group,
.editable-list--full-width .mat-form-field {
  width: 100%;
}
.dkuform-horizontal .control-group .controls .editable-list--full-width .editable-list__input {
  width: 100%;
}
.editable-list__arrow-icon {
  margin: 0 8px;
  vertical-align: middle;
}
.editable-list__delete {
  margin-left: 8px;
}
.editable-list__delete.btn i {
  margin: 0;
}
.editable-list__delete .icon-trash:hover {
  color: #dd5969;
}
.editable-list__drag-icon {
  color: #666666;
  cursor: move;
  font-weight: 400;
  margin: 8px 8px auto 0px;
}
.editable-list--ng1 .editable-list__template {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
}
.editable-list--ng1 .editable-list__template > span {
  display: inline-block;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 4px;
}
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex) {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 4px;
}
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex):first-child {
  padding-left: 0;
}
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex):last-child {
  padding-right: 0;
}
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex) > div.editable-list-input__input-group > input:not([type=checkbox]):not([type=radio]),
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex) > input:not([type=checkbox]):not([type=radio]),
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex) > select,
.editable-list--ng1 .editable-list__template > div:not(.editable-list__noflex) > textarea {
  width: 100% !important;
  min-width: auto;
}
.editable-list--ng1 .editable-list__template .editable-list__input.editable-list__input-error {
  border: 1px solid #ce1228;
}
.editable-list--ng1 .editable-list__items.dragging .editable-list__item.drag-above {
  padding-top: 1em;
}
.editable-list--ng1 .editable-list__items.dragging .editable-list__item.drag-below {
  padding-bottom: 1em;
}
.editable-list--ng1 .editable-list__items.dragging .editable-list__item > * {
  pointer-events: none;
}
.editable-list__template:not(.editable-list__template--editing) input:not([type=checkbox]):not([type=radio]):not(.editable-list__input-error),
.editable-list__template:not(.editable-list__template--editing) select,
.editable-list__template:not(.editable-list__template--editing) textarea,
.editable-list__template:not(.editable-list__template--editing) button.btn.selectpicker {
  transition: border linear 0.2s, box-shadow linear 0.2s;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
}
.editable-list__template:not(.editable-list__template--editing) input:not([type=checkbox]):not([type=radio]):not(.editable-list__input-error):not(:hover):not(:focus),
.editable-list__template:not(.editable-list__template--editing) select:not(:hover):not(:focus),
.editable-list__template:not(.editable-list__template--editing) textarea:not(:hover):not(:focus),
.editable-list__template:not(.editable-list__template--editing) button.btn.selectpicker:not(:hover):not(:focus) {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.editable-list__template:not(.editable-list__template--editing) input:not([type=checkbox]):not([type=radio]):not(.editable-list__input-error):not(:hover):not(:focus).ng-dirty.ng-invalid,
.editable-list__template:not(.editable-list__template--editing) select:not(:hover):not(:focus).ng-dirty.ng-invalid,
.editable-list__template:not(.editable-list__template--editing) textarea:not(:hover):not(:focus).ng-dirty.ng-invalid,
.editable-list__template:not(.editable-list__template--editing) button.btn.selectpicker:not(:hover):not(:focus).ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.editable-list__template:not(.editable-list__template--editing) button.btn.selectpicker {
  box-shadow: none;
}
.editable-list__template:not(.editable-list__template--editing) .editable-list__input--child-underline button.btn.selectpicker:not(:hover):not(:focus) {
  border-color: transparent;
  border-bottom-color: #dddddd;
}
/* Body styles */
/* ****************************
 * Generic classes, fairly unsorted
 * ****************************/
body > div[include-no-scope="/main.html"] {
  min-height: 100%;
}
.fh {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.fl {
  float: left;
}
.font0 {
  font-size: 0;
}
.font15 {
  font-size: 15px;
}
.border-box {
  box-sizing: border-box;
}
.h100 {
  height: 100%;
  box-sizing: border-box;
}
.h-auto.h-auto {
  height: auto;
}
.minh100 {
  min-height: 100%;
}
.w100 {
  width: 100%;
  box-sizing: border-box;
}
.oya {
  overflow-y: auto;
  overflow-x: hidden;
}
.oa {
  overflow: auto;
}
.oys {
  overflow-y: scroll;
}
.oh {
  overflow: hidden;
}
.oxh {
  overflow-x: hidden;
}
.oxa {
  overflow-x: auto;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.dibvam {
  display: inline-block;
  vertical-align: middle;
}
.dibvat {
  display: inline-block;
  vertical-align: top;
}
.ellipsed {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nowrap {
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar.tar {
  text-align: right;
}
.m0a {
  margin: 0 auto;
}
.break-hyphens {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.break-word {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.object-fit {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.shade {
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.pointer-events-none {
  pointer-events: none;
}
.square {
  position: relative;
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.square > * {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pad0.pad0.pad0.pad0 {
  padding: 0;
}
.padbot0.padbot0.padbot0 {
  padding-bottom: 0;
}
.pad8 {
  padding: 8px;
}
.padtop0.padtop0.padtop0.padtop0 {
  padding-top: 0;
}
.padtop4 {
  padding-top: 4px;
}
.padtop8 {
  padding-top: 8px;
}
.padbot8 {
  padding-bottom: 8px;
}
.padtop16.padtop16.padtop16.padtop16 {
  padding-top: 16px;
}
.pad16.pad16.pad16.pad16 {
  padding: 16px;
}
.padleftright4 {
  padding: 0 4px;
}
.padleftright16 {
  padding: 0 16px;
}
.padleft4.padleft4 {
  padding-left: 4px;
}
.padleft16.padleft16 {
  padding-left: 16px;
}
.padright0.padright0 {
  padding-right: 0;
}
.padright16 {
  padding-right: 16px;
}
.padleftright24 {
  padding: 0 24px;
}
.padbot16.padbot16.padbot16.padbot16 {
  padding-bottom: 16px;
}
.padleft24.padleft24.padleft24 {
  padding-left: 24px;
}
.padtopbot8.padtopbot8.padtopbot8 {
  padding: 8px 0px;
}
.pad24 {
  padding: 24px;
}
.padleftright24 {
  padding: 0 24px;
}
.m0 {
  margin: 0;
}
.m8 {
  margin: 8px;
}
.m16.m16 {
  margin: 16px;
}
.mtop0.mtop0.mtop0.mtop0 {
  margin-top: 0;
}
.mtop4.mtop4.mtop4 {
  margin-top: 4px;
}
.mtop8.mtop8.mtop8.mtop8 {
  margin-top: 8px;
}
.mtop10.mtop10.mtop10 {
  margin-top: 10px;
}
.mtop16.mtop16.mtop16.mtop16 {
  margin-top: 16px;
}
.mtop24 {
  margin-top: 24px;
}
.mleft0.mleft0.mleft0 {
  margin-left: 0;
}
.mleft4.mleft4.mleft4 {
  margin-left: 4px;
}
.mleft8 {
  margin-left: 8px;
}
.mright4.mright4.mright4 {
  margin-right: 4px;
}
.mright8.mright8.mright8.mright8.mright8.mright8 {
  margin-right: 8px;
}
.mleft16.mleft16 {
  margin-left: 16px;
}
.mleft32 {
  margin-left: 32px;
}
.mleftauto {
  margin-left: auto;
}
.mright16 {
  margin-right: 16px;
}
.mright10.mright10.mright10 {
  margin-right: 10px;
}
.mrightauto {
  margin-right: auto;
}
.mtop20.mtop20.mtop20 {
  margin-top: 20px;
}
.mbot20.mbot20.mbot20 {
  margin-bottom: 20px;
}
.mbot0.mbot0.mbot0.mbot0 {
  margin-bottom: 0;
}
.mbot4 {
  margin-bottom: 4px;
}
.mbot8.mbot8.mbot8.mbot8.mbot8 {
  margin-bottom: 8px;
}
.mbot16.mbot16.mbot16.mbot16 {
  margin-bottom: 16px;
}
.mbot24 {
  margin-bottom: 24px;
}
.mleftright4 {
  margin: 0 4px;
}
.mleftright8 {
  margin: 0 8px;
}
.mleftright16 {
  margin: 0 16px;
}
.minw0 {
  min-width: 0;
}
.h20 {
  height: 20px;
}
.w20 {
  width: 20px;
}
.h24 {
  height: 24px;
}
.w24 {
  width: 24px;
}
.lhn {
  line-height: normal;
}
pre.small-pre {
  font-size: 13px;
  line-height: 13px;
  border-radius: 0;
}
pre {
  word-break: normal !important;
}
.no-underline,
.no-underline:hover,
.no-underline:focus {
  text-decoration: none;
}
.no-border-radius {
  border-radius: 0;
}
.aic {
  align-items: center;
}
hr.splitter {
  border: 0;
  height: 1px;
  background: #f2f2f2;
}
.raw-unstyled-ul {
  margin: 0;
}
.raw-unstyled-ul li {
  list-style: none;
}
.disabled-nopointer {
  pointer-events: none;
}
.disabled-nopointer a {
  pointer-events: none;
}
.disabled-block {
  pointer-events: none;
  opacity: 0.4;
}
.link-darken-hover {
  color: #bbbbbb;
}
.link-darken-hover:hover {
  text-decoration: none;
}
.link-darken-hover:focus {
  outline: none;
}
.link-darken-hover:hover {
  color: #333333;
}
.link-std {
  color: #666666;
}
.link-std:hover {
  text-decoration: none;
}
.link-std:focus {
  outline: none;
}
.link-std:hover {
  color: #333333;
}
.link-plain.link-plain.link-plain.link-plain {
  color: #2d86fb;
  text-decoration: underline;
}
.link-plain.link-plain.link-plain.link-plain:hover {
  color: #267cfb;
  text-decoration: underline;
}
.link-object {
  color: #222222;
}
.link-object:hover {
  color: #222222;
  text-decoration: underline;
}
ul.list-std {
  list-style: none;
  margin: 0;
}
.vertical-flex,
.data-drift .univariate-drift,
.data-drift .feature-drift-importance {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.vertical-flex > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.vertical-flex > .flex .override-min-height {
  min-height: 0px;
}
.vertical-flex > .flex-no-basis,
.vertical-flex .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.vertical-flex > .flex-no-basis .override-min-height,
.vertical-flex .flex-no-basis .override-min-height {
  min-height: 0px;
}
.vertical-flex > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.vertical-flex > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.vertical-flex > .noflex,
.vertical-flex .top-level-tabs,
.vertical-flex > .alert,
.vertical-flex > .bottom-bar,
.vertical-flex > .input-append,
.vertical-flex > div[block-api-error],
.vertical-flex > h1,
.vertical-flex > h2,
.vertical-flex > h3,
.vertical-flex > h4,
.vertical-flex > h5,
.vertical-flex > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.vertical-flex.auto-width {
  width: auto;
}
.horizontal-flex,
.univariate-drift .univariate-drift-header,
.feature-drift-importance .feature-drift-importance-header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.horizontal-flex > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.horizontal-flex > .flex .override-min-width {
  min-width: 0px;
}
.horizontal-flex > .flex-no-basis,
.horizontal-flex .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.horizontal-flex > .flex-no-basis .override-min-width,
.horizontal-flex .flex-no-basis .override-min-width {
  min-width: 0px;
}
.horizontal-flex > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.horizontal-flex > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.horizontal-flex > .noflex,
.horizontal-flex .top-level-tabs,
.horizontal-flex > .alert,
.horizontal-flex > .bottom-bar,
.horizontal-flex > .input-append,
.horizontal-flex > div[block-api-error],
.horizontal-flex > h1,
.horizontal-flex > h2,
.horizontal-flex > h3,
.horizontal-flex > h4,
.horizontal-flex > h5,
.horizontal-flex > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.mx-center-children {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mx-center-children > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.mx-center-children-vertically {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.mx-center-children-vertically > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.center-children.center-children.center-children {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.center-children.center-children.center-children > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.simple-columns {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.simple-columns--no-spacing {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.simple-columns__item {
  flex: 0 0 auto;
}
.simple-columns__item--half {
  flex: 0 0 calc(50% - 12px);
}
.simple-columns__item--text {
  flex: 0 0 160px;
}
.simple-columns--gutter .simple-columns__item--half:nth-child(2n+1):not(:last-child) {
  box-shadow: 12px 0 0 #ffffff, 13px 0 0 #f2f2f2;
}
.main-view {
  position: absolute !important;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}
body.full-screen {
  overflow: visible;
  background: #ffffff;
}
body.full-screen {
  overflow: visible;
  background: #ffffff;
}
.main-view-not-in-home {
  background: #f2f2f2;
}
.dss-page,
.dss-home-page {
  background: #f2f2f2;
}
.dss-page {
  position: absolute !important;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
}
.dss-home-page {
  position: absolute !important;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
}
.nav-header {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.page-top-padding {
  padding-top: 10px;
}
/* Like container-fluid but 10px instead of 20px for small containers */
.small-lr-padding {
  padding-left: 10px;
  padding-right: 10px;
}
.ce-unavail {
  color: #ce1228;
}
.actions {
  text-align: right;
  margin: 0 0 0.5em;
}
a.about-trigger:hover {
  text-decoration: none;
}
.mh300 {
  max-height: 300px;
}
.mh400 {
  max-height: 400px;
}
.items-3l {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.2;
  white-space: normal;
}
th.sortable {
  cursor: pointer;
}
th.sortable--overflow .sortable-content {
  max-width: calc(82%);
  display: inline-block;
  vertical-align: middle;
}
th.sort-descending:after {
  font-family: FontAwesome;
  content: ' \f0d7 ';
}
th.sort-ascending:after {
  font-family: FontAwesome;
  content: ' \f0d8 ';
}
.scroll {
  width: 100%;
  overflow: auto;
  min-height: 300px;
  box-sizing: border-box;
}
.input-with-icon-wrapper {
  display: inline-block;
  position: relative;
}
.input-with-icon-wrapper .input-with-icon-icon {
  font-size: 14px;
  display: inline-block;
  position: absolute;
  right: 5px;
}
[full-click],
[data-toggle=popover] {
  cursor: pointer;
}
.tooltip {
  pointer-events: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
a.std-greylink,
span.std-greylink a {
  color: #bbbbbb;
}
a.std-greylink:hover,
span.std-greylink a:hover {
  color: #666666;
}
a.std-greylink:hover,
span.std-greylink a:hover {
  text-decoration: none;
}
a.std-greylink:focus,
span.std-greylink a:focus {
  outline: none;
}
a.disabled-link {
  cursor: not-allowed;
}
td.nostretch,
th.nostretch {
  width: 1px;
  white-space: nowrap;
}
table.table-small {
  font-size: 12px;
}
table.table-fixed {
  table-layout: fixed;
}
table.table-bordered {
  border: 1px solid #dddddd;
  border-radius: 0;
}
table.table-bordered th,
table.table-bordered td {
  border-radius: 0px !important;
}
table.table-bordered th:first-of-type,
table.table-bordered td:first-of-type {
  border-left: none;
}
.table--simple thead tr {
  border-bottom: 1px solid #dddddd;
}
.table--simple th,
.table--simple td {
  padding: 4px;
}
.table--simple th {
  color: #999999;
  font-weight: normal;
}
.table--simple td {
  border-top: 0 none;
}
/* For the few pages that have a title, like "edit connection" */
h1.page-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
  color: #444444;
  margin: 0 0 15px 0;
  padding-bottom: 0;
}
h2.page-subtitle {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
}
.larger-grey-text {
  font-size: 15px;
  color: #666666;
}
.smallgrey {
  font-size: 0.9em;
  color: #bbbbbb;
}
tr.active {
  background: #f9f9f9;
}
.force-full-width {
  width: 100% !important;
}
.editor {
  width: 100%;
}
.link-danger.link-danger.link-danger.link-danger.link-danger {
  color: #ce1228;
}
.link-danger.link-danger.link-danger.link-danger.link-danger:hover {
  text-decoration: none;
}
.link-danger.link-danger.link-danger.link-danger.link-danger:focus {
  outline: none;
}
/**
 * Workaround around the unexplained
 * Chrome bug where some elements weirdly disappear until the
 * mouse is moved or clicked or something else
 * The will-change: transform forces the browser to delegate
 * the rendering of this element to the GPU, and empirically, it works
 * Note: it does the same by adding transform: translate(0,0,0)
 */
.workaround-chrome-disappear {
  will-change: transform;
}
/* ****************************
 * Bootstrap grid system with no margin
 * ****************************/
.row-fluid .offset0 {
  margin-left: 0;
}
.row-fluid .span12.offset0 {
  width: 99.99999999999999%;
  *width: 99.93055555555554%;
}
.row-fluid .span11.offset0 {
  width: 91.66666666666666%;
  *width: 91.59722222222221%;
}
.row-fluid .span10.offset0 {
  width: 83.33333333333331%;
  *width: 83.26388888888887%;
}
.row-fluid .span9.offset0 {
  width: 74.99999999999999%;
  *width: 74.93055555555554%;
}
.row-fluid .span8.offset0 {
  width: 66.66666666666666%;
  *width: 66.59722222222221%;
}
.row-fluid .span7.offset0 {
  width: 58.33333333333333%;
  *width: 58.263888888888886%;
}
.row-fluid .span6.offset0 {
  width: 49.99999999999999%;
  *width: 49.93055555555555%;
}
.row-fluid .span5.offset0 {
  width: 41.66666666666666%;
  *width: 41.597222222222214%;
}
.row-fluid .span4.offset0 {
  width: 33.33333333333333%;
  *width: 33.263888888888886%;
}
.row-fluid .span3.offset0 {
  width: 24.999999999999996%;
  *width: 24.930555555555554%;
}
.row-fluid .span2.offset0 {
  width: 16.666666666666664%;
  *width: 16.59722222222222%;
}
.row-fluid .span1.offset0 {
  width: 8.333333333333332%;
  *width: 8.263888888888888%;
}
/* ****************************
 * Disconnection
 * ****************************/
.ws-disconnected #disconnected-overlay {
  z-index: 9999;
  opacity: 0.9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAIUlEQVQIW2N0cnL6z4AFMIIk9u3bxwCkUaTBEjh1UEcCAOSYDaWj4yAHAAAAAElFTkSuQmCC) repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #f28c37;
  text-shadow: #222222 1px 1px 10px;
  font-size: 60px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ws-disconnected #disconnected-overlay span {
  padding-left: 8px;
}
.ws-disconnected #disconnected-overlay:before {
  content: "\f071";
  font-family: FontAwesome;
}
#disconnected-overlay {
  display: none;
}
body.ws-disconnected .navbar-inner {
  background-color: #ce1228;
  background-image: linear-gradient(to bottom, #bc0a18, #b0050f);
}
.falling-bird {
  font-size: 20px;
  color: #666666;
  transition: 1s ease-in;
  -moz-animation: spin 2s infinite ease-in;
  -o-animation: spin 2s infinite ease-in;
  -webkit-animation: spin 2s infinite ease-in;
  animation: spin 2s infinite ease-in;
  position: fixed;
  top: 10px;
  left: 15px;
}
/********************************************************************************************
 * Global layout & styling
 ********************************************************************************************/
body {
  overflow: hidden;
  height: 100%;
  background: #f2f2f2;
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
}
a {
  cursor: pointer;
}
a:focus {
  text-decoration: none;
}
a:focus {
  outline: none;
}
h3 {
  margin: 0 0 1em;
  line-height: 1;
}
table {
  background: #ffffff;
}
table *:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  body {
    padding: 0;
  }
}
body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
body > .container-fluid {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
body > .container-fluid > ui-view {
  display: block;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
body > .container-fluid > ui-view > [ui-view] {
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}
html {
  height: 100%;
}
html.windows,
html.linux {
  /* Track */
  /* Handle */
}
html.windows ::-webkit-scrollbar,
html.linux ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
html.windows ::-webkit-scrollbar-track,
html.linux ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 4px rgba(34, 34, 34, 0.25);
}
html.windows ::-webkit-scrollbar-thumb,
html.linux ::-webkit-scrollbar-thumb {
  background: rgba(34, 34, 34, 0.5);
  border-radius: 3px;
}
html.windows ::-webkit-scrollbar-corner,
html.linux ::-webkit-scrollbar-corner {
  background: rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(34, 34, 34, 0.4);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
/* Hide the scrollbar on chrome and firefox */
.hide-scrollbars {
  scrollbar-width: none;
}
.hide-scrollbars::-webkit-scrollbar {
  width: 0 !important;
}
tabs,
ng-include {
  display: block;
}
/* enough of this damn "GET http://localhost:8082/static/dataiku/img/glyphicons-halflings-white.png 404 (Not Found)" ! */
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: none;
}
.sidekick-alert {
  background-color: #e6f6f5;
  color: #0f8781;
  font-weight: normal;
  padding: 5px;
  overflow: hidden;
}
.sidekick-alert .popover-content {
  padding: 0px;
}
.sidekick-alert .arrow {
  display: none;
}
.sidekick-alert .sidekick-alert__icon {
  vertical-align: top;
  padding: 5px 8px 8px 8px;
  max-width: none;
  float: left;
}
.sidekick-alert .sidekick-alert__content {
  margin-left: 48px;
}
.sidekick-background-light {
  background-color: #e6f6f5;
}
.sidekick-background-strong {
  background-color: #0f8781;
}
.diagnostic-icon-wrapper-large {
  height: 24px;
  width: 24px;
  display: inline-block;
  top: 7px;
  margin-top: -7px;
  position: relative;
}
.diagnostic-icon-wrapper-small {
  height: 16px;
  width: 16px;
  display: inline-block;
  top: 3px;
  position: relative;
}
.diagnostic-icon-stethoscope-large {
  fill: #0f8781;
  stroke: #e6f6f5;
  stroke-width: 4px;
}
.diagnostic-icon-stethoscope-small {
  fill: #0f8781;
}
.diagnostic-icon {
  text-anchor: middle;
  fill: white;
  font-family: FontAwesome;
}
.diagnostic-text__disabled {
  font-weight: normal;
  color: #999999;
  font-size: 14px;
}
.sidekick-pulsar {
  height: 8px;
  width: 8px;
  background-color: #0f8781;
  border-radius: 50%;
  display: inline-block;
}
.coachmark-pulsar-wrapper {
  position: relative;
}
.coachmark-wrapper {
  position: absolute;
  z-index: 1001;
  width: 300px;
  max-height: 60vh;
  display: flex;
  flex-direction: column;
}
.coachmark-wrapper .coachmark-sub-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.coachmark-pulsar {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 10;
  height: 10px;
  width: 10px;
  background: #2ab1ac;
  border: none;
  border-radius: 100%;
  outline: none;
  transition: all 300ms ease;
  color: #ffffff;
  font-size: 2em;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 0.45;
}
.coachmark-pulsar::-moz-focus-inner {
  border: 0;
}
.coachmark-pulsar:hover,
.coachmark-pulsar:focus {
  outline: none;
}
.coachmark-pulsar:after,
.coachmark-pulsar:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: translate(-5px, -5px);
  transform-origin: center;
  border-radius: 10px;
  background-color: #2ab1ac;
  height: 10px;
  width: 10px;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  will-change: transform, opacity, filter;
  z-index: 1;
}
.coachmark-pulsar:before {
  animation-name: pulse_shadow1;
}
.coachmark-pulsar:after {
  animation-name: pulse_shadow2;
  animation-delay: 1.2s;
}
@keyframes pulse_shadow1 {
  0% {
    animation-timing-function: ease-in;
    opacity: 0.4;
    transform: translate(-5px, -5px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(5);
  }
}
@keyframes pulse_shadow2 {
  0% {
    animation-timing-function: ease-out;
    opacity: 0.3;
    transform: translate(-5px, -5px) scale(1);
  }
  100% {
    transform: translate(-5px, -5px) scale(5);
    opacity: 0;
  }
}
.dku-toggle.coachmark-toggle {
  vertical-align: top;
}
.dku-toggle.coachmark-toggle span {
  height: 18px;
  line-height: 18px;
  width: 45px;
}
.dku-toggle.coachmark-toggle span:before {
  height: 18px;
  line-height: 18px;
  width: 45px;
  text-indent: 20px;
}
.dku-toggle.coachmark-toggle span:after {
  height: 16px;
  width: 16px;
}
.dku-toggle.coachmark-toggle input:checked + *:after {
  left: 28px;
}
.coachmark-serie-switch {
  position: absolute;
  z-index: 100;
  margin-top: 2px;
  margin-right: 10px;
  padding: 0 5px;
  background-color: #2ab1ac;
  cursor: pointer;
  height: 20px;
}
.coachmark-serie-switch:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #2ab1ac;
}
.coachmark-serie-switch span.label {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  color: #ffffff;
}
.coachmark-serie-switch .dku-toggle.coachmark-toggle {
  top: 50%;
  transform: translate(0, -50%);
}
.master-status__icon--help .help.white-background {
  position: relative;
}
.master-status__icon--help .help.white-background:after {
  content: '';
  display: block;
  height: 14px;
  width: 14px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
@keyframes turn_transparent {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: transparent;
  }
}
.master-status__icon--help .help.white-background.white-background-disappearing:after {
  animation: turn_transparent 2s ease;
  animation-delay: 1s;
}
.coachmark {
  background: #ffffff;
  box-shadow: 2px 2px 10px 1px rgba(34, 34, 34, 0.2);
  border: 1px solid #dddddd;
  color: #333333;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  padding: 0;
  margin: 0;
  z-index: 3;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.coachmark > .standard-container__wrap {
  flex-grow: 0;
}
.coachmark > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.coachmark > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.coachmark > .flex .override-min-height {
  min-height: 0px;
}
.coachmark > .flex-no-basis,
.coachmark .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.coachmark > .flex-no-basis .override-min-height,
.coachmark .flex-no-basis .override-min-height {
  min-height: 0px;
}
.coachmark > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.coachmark > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.coachmark > .noflex,
.coachmark .top-level-tabs,
.coachmark > .alert,
.coachmark > .bottom-bar,
.coachmark > .input-append,
.coachmark > div[block-api-error],
.coachmark > h1,
.coachmark > h2,
.coachmark > h3,
.coachmark > h4,
.coachmark > h5,
.coachmark > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.coachmark .title {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 17px;
  background: #2ab1ac;
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  color: #ffffff;
}
.coachmark .title .series-progress {
  float: right;
  font-size: 13px;
}
.coachmark .content {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  padding: 15px;
  overflow-y: auto;
}
.coachmark .content .override-min-height {
  min-height: 0px;
}
.coachmark .content p img {
  text-align: center;
}
.coachmark .footer {
  color: #bbbbbb;
  padding: 5px 15px;
  font-size: 0.8em;
}
.coachmark .modal-footer-std-buttons {
  text-align: right;
}
.coachmark .modal-footer-std-buttons .disable {
  color: #bbbbbb;
  font-size: 11px;
  float: left;
  vertical-align: middle;
  line-height: 27px;
  margin-left: 15px;
}
.coachmark .arrow {
  display: block;
  position: absolute;
  border: inset 7px;
}
.coachmark .arrow.arrow-left-title {
  top: 10px;
  left: -10px;
  border-style: solid;
  border-width: 10px 14px 10px 0;
  border-color: transparent #2ab1ac transparent transparent;
}
.coachmark .arrow.arrow-left-middle {
  top: calc(50%);
  left: -14px;
  border-style: solid;
  border-width: 10px 14px 10px 0;
  border-color: transparent rgba(34, 34, 34, 0.25) transparent transparent;
}
.coachmark .arrow.arrow-left-middle:after {
  content: ' ';
  position: absolute;
  top: -10px;
  left: 2px;
  border-style: solid;
  border-width: 10px 14px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}
.coachmark .arrow.arrow-top-middle {
  left: calc(43%);
  top: -13px;
  border-width: 0 10px 14px 10px;
  border-color: transparent transparent #2ab1ac transparent;
}
.coachmark .arrow.arrow-top-right {
  right: 14px;
  top: -13px;
  border-style: solid;
  border-width: 0 10px 14px 10px;
  border-color: transparent transparent #2ab1ac transparent;
}
.automation-edit-overlay:before {
  content: '';
  z-index: 2;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.28;
  pointer-events: none;
  background: repeating-linear-gradient(-25deg, #f2f2f2, #f2f2f2 20px, #f2f2f2 20px, #f2f2f2 30px);
  display: block;
}
.automation-edit-overlay .text {
  text-align: center;
  opacity: 0.17;
  display: block;
  z-index: 3;
  pointer-events: none;
  font-family: FontAwesome;
  color: #ce1228;
  position: absolute;
  transform: rotate(-25deg);
  top: calc(50% - 60px);
  left: calc(50% - 350px);
}
.automation-edit-overlay .text .line1 {
  line-height: 80px;
  font-size: 60px;
  font-weight: 600;
}
.automation-edit-overlay .text .line2 {
  line-height: 50px;
  font-size: 40px;
  font-weight: 400;
}
.dku-codemirror-tooltip-toolbar {
  z-index: 2;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.dku-codemirror-tooltip-toolbar a {
  margin-right: -4px;
}
.markdown-preview.markdown-preview.markdown-preview :not(mjx-c) {
  font-size: 12px;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 14px;
}
.markdown-preview.markdown-preview.markdown-preview li {
  margin-left: 22px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile {
  font-size: 12px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile.markdown-bigger-text {
  font-size: 13px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile li {
  line-height: 16px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h1 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 15px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h2 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 14px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h3 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h4 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 12px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h5 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h6 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile p {
  margin: 0 0 5px 0;
  line-height: normal;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #444444;
  margin: 10px 0 8px 0;
  border-bottom: none;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #444444;
  margin: 9px 0 7px 0;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  margin: 9px 0 7px 0;
  color: #666666;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  color: #666666;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h5 {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  color: #666666;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile h6 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  color: #666666;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile blockquote p {
  font-size: 14px;
  font-weight: 400;
  color: #bbbbbb;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile table tr > th {
  border-bottom: 2px solid #dddddd;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile table tr > td {
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  padding: 5px;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile table tr > th,
.markdown-in-tile.markdown-in-tile.markdown-in-tile table tr > td {
  text-align: left;
}
.markdown-in-tile.markdown-in-tile.markdown-in-tile img,
.markdown-in-tile.markdown-in-tile.markdown-in-tile picture {
  display: none;
}
.markdown-std.markdown-std.markdown-std {
  font-size: 14px;
}
.markdown-std.markdown-std.markdown-std.markdown-bigger-text {
  font-size: 15px;
}
.markdown-std.markdown-std.markdown-std li {
  line-height: 23px;
}
.markdown-std.markdown-std.markdown-std h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
  color: #444444;
  margin: 15px 0 12px 0;
  border-bottom: 1px solid #dddddd;
}
.markdown-std.markdown-std.markdown-std h2 {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #444444;
  margin: 20px 0 10px 0;
}
.markdown-std.markdown-std.markdown-std h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 21px;
  line-height: 28px;
  margin: 15px 0 7px 0;
  color: #666666;
}
.markdown-std.markdown-std.markdown-std h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  line-height: 22px;
  margin: 0;
  color: #666666;
}
.markdown-std.markdown-std.markdown-std h5 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  color: #666666;
}
.markdown-std.markdown-std.markdown-std h6 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  color: #666666;
}
.markdown-std.markdown-std.markdown-std blockquote,
.markdown-std.markdown-std.markdown-std blockquote p {
  font-size: 14px;
  font-weight: 400;
  color: #bbbbbb;
}
.markdown-std.markdown-std.markdown-std table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.markdown-std.markdown-std.markdown-std table tr > th {
  border-bottom: 2px solid #dddddd;
}
.markdown-std.markdown-std.markdown-std table tr > td {
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  padding: 5px;
}
.markdown-std.markdown-std.markdown-std table tr > th,
.markdown-std.markdown-std.markdown-std table tr > td {
  text-align: left;
}
.markdown-std.markdown-std.markdown-std .dku-header-anchor > a > i.icon-link,
.markdown-std.markdown-std.markdown-std .dku-normal-anchor > a > i.icon-link {
  opacity: 0;
  text-decoration: none;
  font-size: 0.7em;
  margin-left: 6px;
}
.markdown-std.markdown-std.markdown-std .dku-header-anchor:hover > a > i.icon-link,
.markdown-std.markdown-std.markdown-std .dku-normal-anchor:hover > a > i.icon-link {
  opacity: 1;
}
.reader-friendly-article {
  max-width: 700px;
  margin: 0 auto;
  font-size: 16px !important;
  line-height: 1.5em;
  color: #333333;
  overflow-wrap: break-word;
  width: 100%;
}
.reader-friendly-article h1,
.reader-friendly-article h2,
.reader-friendly-article h3,
.reader-friendly-article h4,
.reader-friendly-article h5,
.reader-friendly-article h6 {
  margin-top: 24px !important;
  margin-bottom: 16px !important;
}
.reader-friendly-article h1 {
  font-weight: 400 !important;
  font-size: 2em !important;
}
.reader-friendly-article h2 {
  font-size: 1.5em !important;
}
.reader-friendly-article h3,
.reader-friendly-article h4,
.reader-friendly-article h5,
.reader-friendly-article h6 {
  font-size: 1.25em !important;
}
.reader-friendly-article blockquote,
.reader-friendly-article dl,
.reader-friendly-article ol,
.reader-friendly-article p,
.reader-friendly-article pre,
.reader-friendly-article table,
.reader-friendly-article ul {
  margin-bottom: 16px;
}
.reader-friendly-article li {
  line-height: 1.6em !important;
}
.reader-friendly-article li + li {
  margin-top: 4px;
}
.CodeMirror.cm-s-elegant span.cm-error {
  background-color: rgba(255, 200, 200, 0.5);
}
.CodeMirror .cm-tab {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  background-position: right;
  background-repeat: no-repeat;
}
.CodeMirror pre.CodeMirror-placeholder {
  color: #bbbbbb;
}
.centered-grey-lg-text {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #666666;
}
.margin-td-10 {
  margin: 10px 0;
}
.with-codemirror-h200-borders .CodeMirror {
  height: 200px;
  border: 1px solid #dddddd;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-initial {
  cursor: initial;
}
.alternating-backgrounds > *:nth-child(odd) {
  background: #ffffff;
}
.alternating-backgrounds > *:nth-child(even) {
  background: #f2f2f2;
}
.v-centered {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.v-centered-fit {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-height: 80vh;
  overflow-y: auto;
}
.hv-centered {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered-info {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 30px;
  color: #666666;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-bottom: 15px;
}
.centered-info p.small {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.centered-info-horizontal-only {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 30px;
  color: #666666;
  text-align: center;
  padding-bottom: 15px;
}
.centered-info-horizontal-only p.small {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.doc-encart {
  background: #ffffff;
  padding: 10px;
  border: 1px solid #dddddd;
}
.doc-encart p:last-child {
  margin-bottom: 0;
}
.doc-encart-floating {
  max-width: 400px;
  float: right;
}
/** Alerts overrides **/
.alert.alert.alert {
  border-color: transparent;
  border-radius: 0;
  padding: 8px 16px 8px 16px;
  text-shadow: none;
}
.alert.alert.alert h4 {
  font-weight: 500;
  font-size: 17.5px;
}
.alert.alert.alert .alert-link {
  font-weight: 600;
}
.alert.alert.alert .alert-link:hover {
  text-decoration: underline;
}
.alert-success.alert-success.alert-success {
  background-color: #d7f0d6;
  color: #0b590b;
}
.alert-success.alert-success.alert-success h4 {
  color: #0b590b;
}
.alert-success.alert-success.alert-success .alert-link {
  color: #0b590b;
}
.alert-info.alert-info.alert-info {
  background-color: #d9e6ed;
  color: #144c71;
}
.alert-info.alert-info.alert-info h4 {
  color: #144c71;
}
.alert-info.alert-info.alert-info .alert-link {
  color: #144c71;
}
.alert-warning.alert-warning.alert-warning {
  background-color: #fde5ca;
  color: #c05b0a;
}
.alert-warning.alert-warning.alert-warning h4 {
  color: #c05b0a;
}
.alert-warning.alert-warning.alert-warning .alert-link {
  color: #c05b0a;
}
.alert-error.alert-error.alert-error,
.alert-danger.alert-danger.alert-danger {
  background-color: #f9e3e5;
  color: #ce1228;
}
.alert-error.alert-error.alert-error h4,
.alert-danger.alert-danger.alert-danger h4 {
  color: #ce1228;
}
.alert-error.alert-error.alert-error .alert-link,
.alert-danger.alert-danger.alert-danger .alert-link {
  color: #ce1228;
}
.no-margin-alert-error .alert {
  margin-bottom: 0;
}
.alert__list {
  margin-bottom: 0;
}
/** Messenger warnings **/
.messenger-theme-dss .messenger-message.alert-warning .messenger-message-inner:before {
  background-color: #f28c37;
}
.messenger-theme-dss hr {
  margin: 5px 0 15px 0;
}
.messenger-theme-dss div.messenger-message.message {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.9) !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 1px 3px 8px rgba(34, 34, 34, 0.4);
  -moz-box-shadow: 1px 3px 8px rgba(34, 34, 34, 0.4);
  box-shadow: 1px 3px 8px rgba(34, 34, 34, 0.4);
  color: #333333;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
}
.messenger-theme-dss div.messenger-message.message.other-user {
  background: repeating-linear-gradient(70deg, #ffffff, #ffffff 7px, #f2f2f2 7px, #f2f2f2 14px);
}
.messenger-theme-dss div.messenger-message.message .user-avatar {
  margin-right: 5px;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.messenger-theme-dss div.messenger-message.message .link-std {
  color: #2d86fb;
}
.messenger-theme-dss div.messenger-message.message > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.messenger-theme-dss div.messenger-message.message > .flex .override-min-width {
  min-width: 0px;
}
.messenger-theme-dss div.messenger-message.message > .flex-no-basis,
.messenger-theme-dss div.messenger-message.message .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.messenger-theme-dss div.messenger-message.message > .flex-no-basis .override-min-width,
.messenger-theme-dss div.messenger-message.message .flex-no-basis .override-min-width {
  min-width: 0px;
}
.messenger-theme-dss div.messenger-message.message > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.messenger-theme-dss div.messenger-message.message > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.messenger-theme-dss div.messenger-message.message > .noflex,
.messenger-theme-dss div.messenger-message.message .top-level-tabs,
.messenger-theme-dss div.messenger-message.message > .alert,
.messenger-theme-dss div.messenger-message.message > .bottom-bar,
.messenger-theme-dss div.messenger-message.message > .input-append,
.messenger-theme-dss div.messenger-message.message > div[block-api-error],
.messenger-theme-dss div.messenger-message.message > h1,
.messenger-theme-dss div.messenger-message.message > h2,
.messenger-theme-dss div.messenger-message.message > h3,
.messenger-theme-dss div.messenger-message.message > h4,
.messenger-theme-dss div.messenger-message.message > h5,
.messenger-theme-dss div.messenger-message.message > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.messenger-theme-dss div.messenger-message.message .messenger-message-inner {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  padding: 10px 10px 10px 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.messenger-theme-dss div.messenger-message.message .messenger-message-inner .override-min-width {
  min-width: 0px;
}
.messenger-theme-dss div.messenger-message.message .messenger-message-inner > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.messenger-theme-dss div.messenger-message.message .messenger-message-inner .messenger-comment {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
}
.messenger-theme-dss div.messenger-message.message .messenger-message-inner .messenger-initiator {
  color: initial;
  font-weight: 600;
}
.messenger-theme-dss div.messenger-message.message.message-success .messenger-message-inner:before {
  border-radius: 50%;
  position: absolute;
  left: 40px;
  display: block;
  content: " ";
  top: 50%;
  margin-top: 8px;
  height: 10px;
  width: 10px;
  z-index: 20;
  background: #4caf50;
}
.messenger-theme-dss div.messenger-message.message.message-error .messenger-message-inner:before {
  border-radius: 50%;
  position: absolute;
  left: 40px;
  display: block;
  content: " ";
  top: 50%;
  margin-top: 8px;
  height: 10px;
  width: 10px;
  z-index: 20;
  background: #ce1228;
}
.messenger-theme-dss div.messenger-message.message.message-warning .messenger-message-inner:before {
  border-radius: 50%;
  position: absolute;
  left: 40px;
  display: block;
  content: " ";
  top: 50%;
  margin-top: 8px;
  height: 10px;
  width: 10px;
  z-index: 20;
  background: #f28c37;
}
.messenger-theme-dss div.messenger-message.message .messenger-icon {
  position: absolute;
  left: 20px;
  display: block;
  top: 50%;
  margin-top: -11px;
  height: 22px;
  width: 22px;
  font-size: 22px;
  z-index: 19;
  color: #bbbbbb;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  float: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #dddddd;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions > span {
  display: block;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions > span .messenger-phrase {
  display: none;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions > span a {
  display: inline-block;
  text-decoration: none;
  box-shadow: none;
  color: #2d86fb;
  font-size: 13px;
  text-transform: uppercase;
  padding: 5px 20px;
  margin: 0;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions > span a:hover {
  color: #267cfb;
  text-decoration: none;
}
.messenger-theme-dss div.messenger-message.message .messenger-actions > span:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.tooltip {
  z-index: 4000;
}
.under-modal .tooltip {
  z-index: 1000;
}
.no-z-index {
  z-index: 0;
}
.remove-cross {
  font-style: initial;
  font-size: 17px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
:not(.btn) > .icon-trash:hover,
:not(.btn) > .icon-button.icon-trash:hover,
:not(.btn) > .remove-cross:hover {
  color: #ce1228;
}
.error-text-color {
  color: #ce1228;
}
.dku-border-bottom {
  border-bottom: 1px solid #dddddd;
}
.dku-border-top {
  border-top: 1px solid #dddddd;
}
.dku-border-left {
  border-left: 1px solid #dddddd;
}
.dku-border-right {
  border-right: 1px solid #dddddd;
}
.dku-border {
  border: 1px solid #dddddd;
}
.dku-fw500-width {
  display: inline-block;
  text-align: center;
}
.dku-fw500-width::after {
  display: block;
  content: attr(text-content);
  font-weight: 500;
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  margin-bottom: -1px;
}
body.dku-intercom-hidden .intercom-lightweight-app {
  display: none;
}
.visibility-hidden {
  visibility: hidden;
}
.display-none {
  display: none;
}
.no-transitions-on-load {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
select[dku-bs-select].w100 + .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group {
  font-size: inherit;
  vertical-align: baseline;
  width: auto;
}
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn.dku-select-button {
  background: transparent;
  border: none;
  color: #3b99fc;
  font-size: inherit;
  padding: 0;
  vertical-align: baseline;
  width: auto;
}
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn.dku-select-button:hover,
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn.dku-select-button:focus {
  background: none;
}
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn.dku-select-button .filter-option {
  width: auto;
  text-overflow: ellipsis;
}
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn.dku-select-button.btn.btn.btn.btn > .caret {
  border-top: 4px solid #3b99fc;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  right: auto;
  margin-left: 0;
}
.dku-bs-select--flat.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group.open .btn.dku-select-button {
  background: none;
  box-shadow: none;
}
.dku-fade-in,
.dku-fade-in-start {
  transition: opacity 0.5s ease-in-out;
}
.dku-fade-in,
.dku-fade-in-start.dku-fade-all-in-start {
  transition: all 0.5s ease-in-out;
}
.dku-fade-in {
  opacity: 0;
}
.dku-fade-in.dku-fade-in-start {
  opacity: 1;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.shaky:hover .shaky-content {
  animation: shake 0.75s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-delay: 0.2s;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.CodeMirror-hint.mention-dropdown-option {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.CodeMirror-hint.mention-dropdown-option > div {
  margin: 5px;
}
.CodeMirror-hint.mention-dropdown-option .display-name {
  color: #333333;
  margin-left: 5px;
}
.CodeMirror-hint.mention-dropdown-option.CodeMirror-hint-active .display-name {
  color: #ffffff;
}
.CodeMirror-hint.mention-dropdown-option .mention {
  color: #bbbbbb;
  margin-left: 5px;
}
.CodeMirror-hint.mention-dropdown-option.CodeMirror-hint-active .mention {
  color: #dddddd;
}
.CodeMirror-hint.emoji-dropdown-option {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.CodeMirror-hint.emoji-dropdown-option > div {
  margin: 5px;
}
.CodeMirror-hint.emoji-dropdown-option .display-name {
  color: #bbbbbb;
  margin-left: 5px;
}
.CodeMirror-hint.emoji-dropdown-option .emoji {
  color: #333333;
}
.iframe-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.iframe-wrapper iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.generic-white-box {
  border: 1px solid #dddddd;
  padding: 15px;
  background: #ffffff;
}
.generic-shadow-box {
  padding: 15px;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0px 1px 5px rgba(34, 34, 34, 0.2);
  transition: box-shadow 0.25s ease;
}
.inherit-text-properties {
  font-weight: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}
.colored-folder-icon {
  color: #2ab1ac;
}
i.icon-ok-color {
  color: #4caf50;
}
i.icon-warning-color {
  color: #f28c37;
}
i.icon-error-color {
  color: #ce1228;
}
i.icon-grey-color {
  color: #cccccc;
}
.api-error-alert .fixability {
  color: #333333;
}
.api-error-alert .tech-details {
  color: #666666;
  font-size: 10px;
}
.api-error-alert div.api-error-alert__contents h4.api-error-alert__title {
  color: #ce1228;
  font-size: 17.5px;
  font-weight: 500;
}
.api-error-alert div.api-error-alert__contents h5.api-error-alert__subtitle {
  margin-bottom: 0;
  font-weight: 400;
  word-break: break-word;
  color: #ce1228;
}
.api-error-alert div.api-error-alert__contents p.api-error-alert__description {
  margin-bottom: 0;
  word-break: break-word;
}
.error-w800 {
  margin: 0 auto;
  width: 800px;
}
.icon-button {
  color: #bbbbbb;
}
.icon-button:hover {
  color: #666666;
}
.progress-bar-with-threshold__threshold {
  position: absolute;
  width: 16px;
  top: 4px;
  border: 1px solid #3b99fc;
  transform: rotate(90deg);
}
.paned-settings-page-pane {
  padding-bottom: 15px;
}
.paned-settings-page-pane h1 {
  padding: 0 25px;
  font-size: 22px;
  font-weight: 400;
  line-height: 54px;
  border-bottom: 1px solid #dddddd;
  color: #333333;
  margin: 0;
}
.paned-settings-page-pane div.section {
  padding: 15px 25px 15px 25px;
  border-bottom: 1px solid #dddddd;
}
.paned-settings-page-pane div.section h2 {
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
  color: #333333;
  margin-top: 0;
}
.paned-settings-page-pane div.section h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 20px;
  color: #333333;
}
.paned-settings-page-pane div.section h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #333333;
}
.repeatable-config-block {
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.paned-settings-page-pane--fixed-width {
  max-width: 1400px;
}
.height-fit-content {
  height: fit-content;
  height: -moz-fit-content;
}
.width-fit-content {
  width: fit-content;
  width: -moz-fit-content;
}
.dku-loader {
  display: block;
  background-image: url("/static/dataiku/svg/DKU_spinner.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dku-loader--inlined {
  display: inline-block;
  vertical-align: middle;
}
.plus-icon {
  display: inline-block;
  transform: scale(1.2, 1.2);
  margin-right: 2px;
}
.dku-back-link {
  align-items: center;
  border-radius: 50%;
  color: #222222;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  height: 32px;
  justify-content: center;
  text-align: center;
  width: 32px;
}
.dku-back-link:hover {
  background-color: #f2f2f2;
  color: #222222;
  text-decoration: none;
}
svg {
  display: block;
  width: 100%;
  height: 100%;
}
.no-margin {
  margin: 0;
}
.dku-card-commons {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.dku-section-box {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 16px;
}
.dku-linear-loader {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 0.25em;
  color: #3b99fc;
  background-color: #c4e0fe;
  font-size: 16px;
}
.dku-linear-loader::-webkit-progress-bar {
  background-color: transparent;
}
/* Determinate */
.dku-linear-loader::-webkit-progress-value {
  background-color: currentColor;
  transition: all 0.2s;
}
.dku-linear-loader::-moz-progress-bar {
  background-color: currentColor;
  transition: all 0.2s;
}
.dku-linear-loader::-ms-fill {
  border: none;
  background-color: currentColor;
  transition: all 0.2s;
}
/* Indeterminate */
.dku-linear-loader:indeterminate {
  background-size: 200% 100%;
  background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
  animation: dku-linear-loader 2s infinite linear;
}
.dku-linear-loader:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.dku-linear-loader:indeterminate::-ms-fill {
  animation-name: none;
}
@keyframes dku-linear-loader {
  0% {
    background-size: 200% 100%;
    background-position: left -31.25% top 0%;
  }
  50% {
    background-size: 800% 100%;
    background-position: left -49% top 0%;
  }
  100% {
    background-size: 400% 100%;
    background-position: left -102% top 0%;
  }
}
.toggle-show-more {
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
}
.toggle-show-more:hover {
  color: #222222;
}
.bullet {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
  top: 1px;
  margin: 0 4px 0 2px;
}
.bullet--disabled {
  background-color: #666666;
}
.bullet--error {
  background-color: #ce1228;
}
.bullet--success {
  background-color: #4caf50;
}
.bullet--warning {
  background-color: #f28c37;
}
/* Chips */
.chip {
  padding: 0 4px;
  border-radius: 2px;
  mix-blend-mode: multiply;
}
.chip--primary {
  background-color: #e7f3ff;
  color: #3b99fc;
}
.status-icon {
  display: flex;
  height: inherit;
  align-items: center;
  justify-content: center;
  width: 24px;
  margin-right: 24px;
}
.status-icon .icon-dku-out-of-sync {
  font-size: 20px;
}
.status-icon i {
  font-size: 24px;
  color: #666666;
}
.status-icon i.text-error {
  color: #ce1228;
}
.status-icon i.text-success {
  color: #4caf50;
}
.status-icon i.text-warning {
  color: #f28c37;
}
.status-icon .dku-loader {
  width: 24px;
  height: 24px;
}
.icon-number:after {
  content: '#';
  width: 13px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
}
.icon-empty:after {
  content: '\0000D8';
  width: 13px;
  font-size: 13px;
  margin-top: 1px;
  font-family: sans-serif;
  display: inline-block;
  text-align: center;
  position: relative;
  top: 1px;
  left: 1px;
}
.smaller-font {
  font-size: .8em;
}
/* Page-specific styles */
.list-page--flat-design .summary-row {
  height: auto;
  padding: 16px;
  padding-bottom: 8px;
}
.list-page--flat-design .summary-row > div:first-child {
  margin-left: 0;
}
.list-page--flat-design .summary-row > div:not(:first-child) {
  margin-left: 8px;
}
.list-page--flat-design .summary-row .std-list-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.list-page--flat-design .summary-row .std-list-search-box input {
  width: 100%;
}
.list-page--flat-design .summary-row .separator {
  color: #bbbbbb;
  position: relative;
  top: 2px;
  margin: 0px 8px;
  display: inline-block;
}
.list-page--flat-design .sort-boxes {
  display: block;
  width: 100%;
  margin-top: 8px;
}
.list-page--flat-design .sort-box {
  margin-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.list-page--flat-design .sort-box .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: auto;
}
.list-page--flat-design .sort-box .bootstrap-select button {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}
.list-page--flat-design .sort-box .bootstrap-select button:hover {
  background-color: #dddddd;
}
.list-page--flat-design .sort-box .bootstrap-select button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #dddddd;
}
.list-page--flat-design .sort-box .btn-group.open .btn.dropdown-toggle {
  background-color: #dddddd;
}
.list-page--flat-design .sort-box button {
  background: none;
  border: none;
  height: 26px;
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}
.list-page--flat-design .sort-box button:hover,
.list-page--flat-design .sort-box button.popover-shown,
.list-page--flat-design .sort-box button.active {
  background-color: #dddddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sort-box-menu .dropdown-menu {
  background-color: #ffffff;
  max-width: 600px;
  min-width: 200px;
  width: auto;
  z-index: 3000;
  padding: 1px;
}
.sort-box-menu.checkable-items:not(.selectpicker) ul:not(.selectpicker) li:not(.divider):not(.nav-header):not(.separator) {
  padding: 4px 32px;
}
.sort-box-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}
.sort-box-menu ul li.selected::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  position: absolute;
  top: 0;
  left: 16px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sort-box-menu ul li.selected.target::before {
  content: "\f140";
}
.sort-box-menu ul .separator {
  padding: 0;
}
.sort-box-menu ul .avatar20 {
  margin: 0 6px;
}
.sort-box-menu ul:not(.selectpicker) li:not(.divider):not(.dropdown-submenu):not(.nav-header):not(.separator) {
  cursor: pointer;
  padding: 4px 8px;
  position: relative;
  font-size: 13px;
}
.sort-box-menu ul:not(.selectpicker) li:not(.divider):not(.dropdown-submenu):not(.nav-header):not(.separator):hover {
  background: rgba(0, 0, 0, 0.05);
}
.sort-box-menu ul:not(.selectpicker) .dropdown-submenu {
  padding: 4px 8px;
}
.sort-box-menu ul:not(.selectpicker) .dropdown-submenu:hover {
  background: rgba(0, 0, 0, 0.05);
}
.sort-box-menu ul:not(.selectpicker) .divider {
  margin: 0;
}
.sort-box-menu ul.selectpicker li.selected::before {
  z-index: 2;
}
.sort-box-menu ul.selectpicker li.selected:hover {
  background: none;
}
.sort-box-menu ul.selectpicker a {
  cursor: pointer;
  padding: 4px 32px;
  position: relative;
  font-size: 13px;
}
.sort-box-menu ul.selectpicker a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.sort-box-menu ul.selectpicker a:focus {
  background: none;
}
.sort-box-menu input {
  border-radius: 0;
  font-family: 'SourceSansPro';
}
.sort-box-menu input:focus {
  box-shadow: none;
  border-color: #3b99fc;
}
.sort-box-menu .dku-loader {
  height: 20px;
}
.sort-box-menu__icon {
  width: 32px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.job-status-breadcrumb-state-container {
  display: flex;
  align-items: center;
  float: left;
  width: 20px;
  height: 48px;
}
.job-status-breadcrumb-state-container .job-status-breadcrumb-state-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 20px;
  font-size: 20px;
}
.object-breadcrumb .dku-loader {
  height: 100%;
  width: 20px;
}
.sort-box-menu__users-list {
  max-height: 400px;
  overflow-y: auto;
}
.sort-box-menu--users {
  min-width: 200px;
}
.jobs-grid {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: 100%;
}
.jobs__left-column {
  grid-column-start: 0;
}
.jobs__preview-column {
  grid-column-start: span 1;
}
.matching-jobs {
  background: #ffffff;
}
.matching-job-fat-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  position: relative;
  cursor: pointer;
}
.matching-job-fat-item:hover {
  background-color: #f2f2f2;
}
.matching-job {
  height: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.matching-job > .matching-job__info {
  margin-left: 0;
}
.matching-job > .matching-job__info .job-item__date {
  font-size: 11px;
  font-weight: 400;
  color: #666666;
}
.matching-job__initiator-avatar {
  margin-right: 24px;
}
.matching-job__info {
  font-family: 'SourceSansPro';
}
.matching-job__title {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matching-job__dataset-name,
.matching-job__partition-name {
  color: #666666;
}
.matching-job__date {
  font-size: 11px;
  color: #666666;
}
.matching-job__tags {
  margin-top: 4px;
}
.matching-job__tag {
  font-family: 'SourceSansPro';
  border-radius: 3px;
  background-color: #f2f2f2;
  font-size: 11px;
  line-height: 20px;
  color: #666666;
  margin: 0;
  padding: 0 8px;
  display: inline-block;
}
.matching-job__tag a {
  text-decoration: none;
  font-size: 11px;
  color: #666666;
}
.matching-job__tag-link:hover {
  text-decoration: underline;
}
.matching-job__link {
  font-family: 'SourceSansPro';
  margin-left: auto;
  display: none;
  padding-right: 8px;
}
.matching-job__link a {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  color: #2d86fb;
  margin-top: 8px;
}
.matching-job-fat-item--focused {
  background-color: #f2f2f2;
}
.matching-job-fat-item--focused .matching-job__link {
  display: block;
  text-align: center;
}
.matching-job-fat-item--focused .matching-job__tag,
.list-item:hover .matching-job__tag {
  background-color: #f2f2f2;
}
.job-preview__flow {
  height: 65%;
}
.job-preview__no-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.job-preview__no-flow h3,
.job-preview__no-flow h4 {
  color: #bbbbbb;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
.job-preview__no-flow i {
  font-size: 88px;
  color: #f2f2f2;
}
.job-preview__activities-header {
  background-color: #f2f2f2;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.job-preview__activities-header h2 {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  padding: 0 24px;
  text-transform: initial;
  margin: 0;
  float: left;
}
.job-preview__activities-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: 1 1 auto;
  background: #ffffff;
}
.job-preview__activity {
  font-family: 'SourceSansPro';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  table-layout: initial;
  border-bottom: 1px solid #f2f2f2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: initial;
  padding: 8px 24px 8px 16px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
}
.job-preview__activity:hover {
  background-color: #f2f2f2;
}
.job-preview__activity.selected {
  background-color: #B3E5FC;
}
.job-preview__activity.highlighted {
  background-color: #E1F5FF;
}
.job-preview__activity.disabled {
  opacity: 0.4;
}
.job-preview__activity-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 8px;
  margin-right: auto;
}
.job-preview__activity-title--toggler:hover {
  text-decoration: underline;
}
.job-preview__activity-error-message .alert {
  margin-bottom: 0;
}
.job-preview__activity-partition {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.job-preview__activity-date {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.job-preview__activity-icon {
  width: 30px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-preview__activity-icon i {
  font-size: 24px;
  display: inline-block;
}
.job-preview__activity-icon .dku-loader {
  height: 24px;
  width: 100%;
}
.progress-success .bar,
.progress .bar-success {
  background-color: #4caf50;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#81c784), to(#4caf50));
  background-image: linear-gradient(to bottom, #81c784, #4caf50);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #ce1228;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd5969), to(#ce1228));
  background-image: linear-gradient(to bottom, #dd5969, #ce1228);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.job-grid {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: 40% 60%;
}
.job-status .job-flow {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  overflow: hidden;
}
.job-status .job-flow.job-flow--hidden {
  visibility: hidden;
}
.job-status__error-title {
  margin: 0 auto;
  padding: 32px 0;
}
.job-activities {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  border-right: solid 1px #dddddd;
}
.activity-logs {
  grid-column-start: 2;
  grid-row-start: 2;
  background-color: #ffffff;
}
.activity-logs #logTailPre {
  background: none;
  border: none;
}
.activity-logs__error-alert {
  padding: 0 16px 16px 16px;
}
.job-activities.job-flow--hidden,
.activity-logs.job-flow--hidden {
  grid-row-start: 1;
  grid-row-end: span 2;
}
.activity-logs__header,
.job-activities__header {
  border-top: 1px solid #dddddd;
}
.activity-logs__header h2,
.job-activities__header h2 {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  padding: 16px;
  line-height: 16px;
  text-transform: initial;
  margin: 0;
  float: left;
}
.activity-logs__header .pull-right,
.job-activities__header .pull-right {
  margin: 0;
}
.activity-logs__header .job-activities__header-right,
.job-activities__header .job-activities__header-right,
.activity-logs__header .activity-logs__header-right,
.job-activities__header .activity-logs__header-right {
  margin: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.activity-logs__header .job-activities__header-right .dku-loader,
.job-activities__header .job-activities__header-right .dku-loader,
.activity-logs__header .activity-logs__header-right .dku-loader,
.job-activities__header .activity-logs__header-right .dku-loader {
  height: 18px;
  width: 18px;
  margin: 0 4px;
}
.activity-logs__header .job-activities__header-right > i,
.job-activities__header .job-activities__header-right > i,
.activity-logs__header .activity-logs__header-right > i,
.job-activities__header .activity-logs__header-right > i {
  font-size: 16px;
  margin: 0 4px;
}
.activity-logs__no-logs {
  margin-top: 100px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-weight: 400;
}
.activity-logs__alert {
  margin: 0 16px 16px 16px;
}
.job-activities__sort-box {
  padding-bottom: 16px;
  border-bottom: 1px solid #dddddd;
}
.job-activities__sort-box .std-list-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.job-activities__sort-box .std-list-search-box input {
  width: 100%;
}
.job-activities__duration {
  font-size: 13px;
  color: #bbbbbb;
  font-weight: 400;
  margin-left: 4px;
}
.object-nav .otherLinks .btn-rerun a {
  color: #ffffff;
  border: none;
  background: #3b99fc;
}
.object-right-column-avatar {
  margin-left: 16px;
  margin-right: 8px;
  font-size: 16px;
}
.job-status-breadcrumb .object-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.job-status-breadcrumb .object-breadcrumb a.item .ellipsis {
  max-width: 500px;
}
.job-status-breadcrumb .object-breadcrumb .object-right-column-avatar {
  font-size: initial;
  vertical-align: middle;
}
.job-status-breadcrumb .object-breadcrumb .object-right-column-avatar:hover {
  text-decoration: none;
}
.job-status-breadcrumb-timestamp {
  line-height: initial;
}
.item-header h2.flex .job-status-breadcrumb-scenario i,
.job-status-breadcrumb-scenario i {
  margin-left: 8px;
  margin-right: 4px;
}
.item-header h2.flex .job-status-breadcrumb-scenario a,
.job-status-breadcrumb-scenario a {
  color: #333333;
}
.item-header h2.flex .job-status-breadcrumb-scenario a:hover,
.job-status-breadcrumb-scenario a:hover {
  text-decoration: underline;
}
.open-logs-icon {
  cursor: pointer;
  color: #2d86fb;
  margin-left: 8px;
  font-size: 14px;
}
.open-logs-icon:hover {
  color: #267cfb;
  text-decoration: none;
}
.node-totem__status-icon {
  font-size: 32px;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #ffffff;
}
.node-totem__status-icon .dku-loader {
  width: 32px;
  height: 32px;
}
.node-status {
  font-size: 20px;
  text-align: center;
  color: #444444;
}
.node-status__icon {
  margin-right: 4px;
}
.node-status__icon:not(:first-of-type) {
  margin-left: 8px;
}
.node-status__value {
  vertical-align: top;
}
.job-preview-not-started__message,
.job-preview-computing__message {
  margin-top: 100px;
  text-align: center;
  font-weight: 400;
  font-size: 30px;
}
.job-preview-computing__loader {
  margin: 0 auto;
  height: 48px;
  width: 48px;
}
.job-preview-computing__time {
  font-size: 20px;
  margin-top: 8px;
  color: #bbbbbb;
  text-align: center;
  font-weight: 400;
}
.job-preview-computing__buttons {
  margin: 0 auto;
  text-align: center;
}
.job-preparation-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 40% 60%;
}
.job-preparation-activities {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  border-right: solid 1px #dddddd;
}
.job-preparation-summary {
  grid-column-start: 2;
  grid-row-start: 2;
  background-color: #ffffff;
}
.job-preparation-activities.job-flow--hidden,
.job-preparation-summary.job-flow--hidden {
  grid-row-start: 1;
  grid-row-end: span 2;
}
.job-preparation__button {
  color: #333333;
  font-weight: 500;
}
.activity-preview__required-reason {
  margin: 0 16px 16px 16px;
}
.activity-preview-details {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-bottom: 16px;
}
.activity-preview-details i.universe-color {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}
.activity-preview-dependencies {
  grid-column-start: 1;
}
.activity-preview-dependencies__title {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin: 8px 16px 8px 0;
  border-bottom: 1px solid #dddddd;
  text-transform: uppercase;
}
.activity-preview-dependencies__list {
  list-style: none;
  margin: 0;
}
.alert h4.activity-preview-dependencies__list-title {
  margin-bottom: 8px;
}
.activity-preview-dependencies__list-item {
  padding: 4px;
}
.activity-preview-needs {
  grid-column-start: 2;
}
.activity-preview-inputs {
  grid-column-start: 1;
}
.activity-preview-outputs {
  grid-column-start: 2;
}
.job-preparation__button {
  background: #ffffff;
}
.job-preparation__button.btn.btn.dropdown-toggle:not(.manual-caret) {
  padding-right: 12px;
}
.continuous-run-details {
  border: 1px solid #dddddd;
  padding: 15px;
  margin: 15px;
  background: #ffffff;
  box-shadow: 1px 1px 4px -1px #dddddd;
}
.continuous-activity-state i {
  color: #666666;
}
.continuous-activity-state i.text-error {
  color: #ce1228;
}
.continuous-activity-state i.text-success {
  color: #4caf50;
}
.continuous-activity-state i.text-warning {
  color: #f28c37;
}
/* DSS Home page + Login + Project home page + Registration + User profile */
.renew-page {
  margin: auto;
  padding: 24px;
  max-width: 500px;
}
.login-page,
.register-page,
.renew-page {
  overflow-x: hidden;
  margin-top: -40px;
}
.login-page .login-page__link,
.register-page .login-page__link,
.renew-page .login-page__link {
  color: #2ab1ac;
}
.login-page .login-page__link:focus,
.register-page .login-page__link:focus,
.renew-page .login-page__link:focus {
  color: #2ab1ac;
  text-decoration: underline;
}
.login-page .login-page__logo,
.register-page .login-page__logo,
.renew-page .login-page__logo {
  position: absolute;
  top: 0;
  left: 0;
  margin: 16px;
}
.login-page .login-page__license-textarea,
.register-page .login-page__license-textarea,
.renew-page .login-page__license-textarea {
  background-color: #f2f2f2;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
  height: 200px;
  resize: none;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  margin-bottom: 48px;
}
.login-page .login-page__license-textarea:focus,
.register-page .login-page__license-textarea:focus,
.renew-page .login-page__license-textarea:focus {
  outline: none;
  border: 1px solid #2ab1ac;
  /* For Chrome */
  border-color: #2ab1ac;
  /* For FF */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.login-page .login-page__license-textarea:focus:invalid:focus,
.register-page .login-page__license-textarea:focus:invalid:focus,
.renew-page .login-page__license-textarea:focus:invalid:focus {
  border-color: #ce1228;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.login-page .login-page__right-column-container,
.register-page .login-page__right-column-container,
.renew-page .login-page__right-column-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  font-weight: 400;
  z-index: 1;
  padding: 16px;
  background: #ffffff;
}
.login-page .login-page__right-column-container select:required:invalid,
.register-page .login-page__right-column-container select:required:invalid,
.renew-page .login-page__right-column-container select:required:invalid {
  color: #bbbbbb;
}
.login-page .login-page__right-column-container select:required:invalid option,
.register-page .login-page__right-column-container select:required:invalid option,
.renew-page .login-page__right-column-container select:required:invalid option {
  color: #444444;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]),
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]),
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]) {
  display: block;
  background-color: #f2f2f2;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  border: 1px solid #f2f2f2;
  font-family: inherit;
  outline: none;
  color: #444444;
  margin-bottom: 24px;
  /* Reset browser defaults */
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
  /* Overriding Chrome / FF default forms autofill behavior */
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:valid,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:valid,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:valid {
  border-bottom: 1px solid #2ab1ac;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:invalid,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:invalid,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:invalid {
  border-bottom: 1px solid #ce1228;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:invalid:focus,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:invalid:focus,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input__visual-check:invalid:focus {
  border-bottom: 1px solid #2ab1ac;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width {
  flex: 1;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width + .login-page__input--half-width,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width + .login-page__input--half-width,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width + .login-page__input--half-width {
  margin-left: 32px;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"])::-webkit-input-placeholder,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"])::-webkit-input-placeholder,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"])::-webkit-input-placeholder,
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]) ::-moz-placeholder,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]) ::-moz-placeholder,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]) ::-moz-placeholder {
  color: #bbbbbb;
  font-weight: 400;
  font-size: 16px;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):focus,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):focus,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):focus,
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill,
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill:focus,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill:focus,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill:focus {
  -webkit-box-shadow: none;
  outline: none;
  border: 1px solid #2ab1ac;
  /* For Chrome */
  border-color: #2ab1ac;
  /* For FF */
  -moz-box-shadow: none;
  box-shadow: none;
  color: #444444;
}
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):focus.login-page__input__visual-check:valid,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):focus.login-page__input__visual-check:valid,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):focus.login-page__input__visual-check:valid,
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill.login-page__input__visual-check:valid,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill.login-page__input__visual-check:valid,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill.login-page__input__visual-check:valid,
.login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill:focus.login-page__input__visual-check:valid,
.register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill:focus.login-page__input__visual-check:valid,
.renew-page .login-page__right-column-container .login-page__input:not([type="checkbox"]):-webkit-autofill:focus.login-page__input__visual-check:valid {
  border-bottom: 1px solid #2ab1ac;
}
.login-page .login-page__right-column-container .login-page__checkbox,
.register-page .login-page__right-column-container .login-page__checkbox,
.renew-page .login-page__right-column-container .login-page__checkbox,
.login-page .login-page__right-column-container .login-page__buttons-group,
.register-page .login-page__right-column-container .login-page__buttons-group,
.renew-page .login-page__right-column-container .login-page__buttons-group {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"],
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"],
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] + label,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] + label,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 20px;
  color: #444444;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #2ab1ac;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:active + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:active + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:active + label:before,
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:focus + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:focus + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:focus + label:before {
  border-color: #2ab1ac;
}
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:invalid:not(:focus) + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:invalid:not(:focus) + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:invalid:not(:focus) + label:before {
  border-color: #ce1228;
}
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked + label:before,
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked:active + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked:active + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked:active + label:before,
.login-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked:focus + label:before,
.register-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked:focus + label:before,
.renew-page .login-page__right-column-container .login-page__checkbox [type="checkbox"]:checked:focus + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.login-page .login-page__right-column-container .login-page__trial-radio,
.register-page .login-page__right-column-container .login-page__trial-radio,
.renew-page .login-page__right-column-container .login-page__trial-radio {
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"],
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"],
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"] {
  position: absolute;
  opacity: 0;
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label,
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  color: #333333;
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:before,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:before,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:before,
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:before,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:before,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #dddddd;
  border-radius: 100%;
  background: #ffffff;
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:after,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:after,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:after,
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:after,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:after,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #2ab1ac;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:after,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:after,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:after,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:after,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:focus + label:after,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:focus + label:after,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:focus + label:after,
.login-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:active + label:after,
.register-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:active + label:after,
.renew-page .login-page__right-column-container .login-page__trial-radio [type="radio"]:active + label:after {
  background: #2ab1ac;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.login-page .login-page__right-column-container .login-page__trial-radio p,
.register-page .login-page__right-column-container .login-page__trial-radio p,
.renew-page .login-page__right-column-container .login-page__trial-radio p {
  font-size: 14px;
  color: #bbbbbb;
  margin-left: 28px;
  font-weight: 400;
  margin-bottom: 24px;
}
.login-page .login-page__right-column-container .login-page__terms,
.register-page .login-page__right-column-container .login-page__terms,
.renew-page .login-page__right-column-container .login-page__terms {
  margin-top: 24px;
  display: block;
}
.login-page .login-page__right-column-container .alert,
.register-page .login-page__right-column-container .alert,
.renew-page .login-page__right-column-container .alert {
  border-radius: 0;
  font-weight: 500;
  border-color: #f2f2f2;
}
.login-page .login-page__right-column-container .alert strong,
.register-page .login-page__right-column-container .alert strong,
.renew-page .login-page__right-column-container .alert strong {
  display: block;
  text-align: center;
}
.login-page .login-page__right-column-container .invalid,
.register-page .login-page__right-column-container .invalid,
.renew-page .login-page__right-column-container .invalid {
  display: block;
  color: #ce1228;
  line-height: 1;
  padding-bottom: 16px;
}
.login-page .login-page__license-banner,
.register-page .login-page__license-banner,
.renew-page .login-page__license-banner {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  background-color: rgba(191, 232, 230, 0.5);
  padding: 24px;
}
.login-page .login-page__license-banner h1,
.register-page .login-page__license-banner h1,
.renew-page .login-page__license-banner h1,
.login-page .login-page__license-banner h2,
.register-page .login-page__license-banner h2,
.renew-page .login-page__license-banner h2 {
  font-size: 16px;
  line-height: 16px;
  margin-top: 0;
}
.login-page .login-page__license-banner h1,
.register-page .login-page__license-banner h1,
.renew-page .login-page__license-banner h1 {
  font-weight: 500;
  margin-bottom: 8px;
}
.login-page .login-page__license-banner h2,
.register-page .login-page__license-banner h2,
.renew-page .login-page__license-banner h2 {
  font-weight: 400;
  margin-bottom: 0;
}
.login-page .login-page__right-column,
.register-page .login-page__right-column,
.renew-page .login-page__right-column {
  width: 600px;
  display: flex;
  flex-direction: column;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.login-page .login-page__right-column.login-page__right-column--with-stepper,
.register-page .login-page__right-column.login-page__right-column--with-stepper,
.renew-page .login-page__right-column.login-page__right-column--with-stepper {
  margin-left: 96px;
}
.login-page .login-page__right-column form.login-page__row-form,
.register-page .login-page__right-column form.login-page__row-form,
.renew-page .login-page__right-column form.login-page__row-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.login-page .login-page__right-column form select.login-page__input:not([type="checkbox"]),
.register-page .login-page__right-column form select.login-page__input:not([type="checkbox"]),
.renew-page .login-page__right-column form select.login-page__input:not([type="checkbox"]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 38px;
  width: 0;
  padding: 0 16px;
  margin-bottom: 0;
}
.login-page .login-page__right-column form select.login-page__input:not([type="checkbox"]) + .icon-caret-down,
.register-page .login-page__right-column form select.login-page__input:not([type="checkbox"]) + .icon-caret-down,
.renew-page .login-page__right-column form select.login-page__input:not([type="checkbox"]) + .icon-caret-down {
  margin-left: -24px;
  line-height: 38px;
  width: 24px;
  cursor: pointer;
  pointer-events: none;
}
.login-page .login-page__container,
.register-page .login-page__container,
.renew-page .login-page__container {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin: auto;
}
.login-page .login-page__credentials,
.register-page .login-page__credentials,
.renew-page .login-page__credentials {
  margin-bottom: 40px;
  font-size: 14px;
  list-style-type: none;
  border-left: 4px solid #2ab1ac;
  color: #2ab1ac;
  padding: 0 16px;
  margin: 16px 0 40px 0;
  font-size: 20px;
}
.login-page .login-page__credentials li,
.register-page .login-page__credentials li,
.renew-page .login-page__credentials li {
  line-height: 24px;
}
.login-page .login-page__landscape,
.register-page .login-page__landscape,
.renew-page .login-page__landscape {
  background-image: url('/static/dataiku/images/login_background.jpg');
  background-position: center;
  -webkit-animation: bg-left-right 90s linear infinite;
  animation: bg-left-right 90s linear infinite;
  animation-direction: alternate;
  position: absolute;
  width: 130%;
  top: 0;
  left: 0;
  height: 100%;
  background-size: cover;
}
.login-page .login-page__left-column-container,
.register-page .login-page__left-column-container,
.renew-page .login-page__left-column-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  margin: auto;
}
.login-page .login-page__left-column,
.register-page .login-page__left-column,
.renew-page .login-page__left-column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ffffff;
  padding: 24px 120px;
  text-align: center;
}
.login-page .login-page__left-column h1,
.register-page .login-page__left-column h1,
.renew-page .login-page__left-column h1 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  margin: 0;
}
.login-page .login-page__left-column h2,
.register-page .login-page__left-column h2,
.renew-page .login-page__left-column h2 {
  font-size: 21px;
  font-weight: 400;
  margin: 20px 0 30px 0;
  line-height: 32px;
}
.login-page .login-page__left-column .login-page__button,
.register-page .login-page__left-column .login-page__button,
.renew-page .login-page__left-column .login-page__button {
  border-color: #ffffff;
  color: #ffffff;
  background: none;
}
.login-page .login-page__left-column .login-page__button:hover:not(disabled),
.register-page .login-page__left-column .login-page__button:hover:not(disabled),
.renew-page .login-page__left-column .login-page__button:hover:not(disabled) {
  border: 1px solid #ffffff;
  color: #333333;
  background-color: #ffffff;
}
.login-page .login-page__left-column .login-page__button:focus:not(disabled),
.register-page .login-page__left-column .login-page__button:focus:not(disabled),
.renew-page .login-page__left-column .login-page__button:focus:not(disabled) {
  border: 1px solid transparent;
  color: #333333;
  background-color: #ffffff;
}
.login-page .login-page__forgotten-password,
.register-page .login-page__forgotten-password,
.renew-page .login-page__forgotten-password {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 32px;
  color: #bbbbbb;
  font-weight: 400;
}
.login-page .login-page__forgotten-password:focus,
.register-page .login-page__forgotten-password:focus,
.renew-page .login-page__forgotten-password:focus {
  text-decoration: underline;
}
.login-page .login-page__title.login-page__step-title,
.register-page .login-page__title.login-page__step-title,
.renew-page .login-page__title.login-page__step-title {
  padding-bottom: 0;
  font-weight: 400;
}
.login-page .login-page__title,
.register-page .login-page__title,
.renew-page .login-page__title {
  font-size: 38px;
  font-weight: 400;
  padding-bottom: 10px;
  padding-top: 0;
  color: #333333;
}
.login-page .login-page__subtitle,
.register-page .login-page__subtitle,
.renew-page .login-page__subtitle {
  font-size: 21px;
  line-height: 1.33;
  font-weight: 400;
  padding-bottom: 24px;
  padding-top: 0;
  color: #333333;
}
.login-page .login-page__buttons-group .login-page__button,
.register-page .login-page__buttons-group .login-page__button,
.renew-page .login-page__buttons-group .login-page__button {
  display: inline-block;
}
.login-page .login-page__buttons-group .login-page__button:not(:last-child),
.register-page .login-page__buttons-group .login-page__button:not(:last-child),
.renew-page .login-page__buttons-group .login-page__button:not(:last-child) {
  margin-right: 8px;
}
.login-page .login-page__button,
.register-page .login-page__button,
.renew-page .login-page__button {
  display: block;
  border-radius: 32px;
  background-color: #ffffff;
  border: 1px solid #2ab1ac;
  text-transform: uppercase;
  color: #2ab1ac;
  font-size: 12px;
  width: 128px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 15px 0;
  -webkit-transition: background 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out;
  transition: background 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out;
}
.login-page .login-page__button.login-page__button--link,
.register-page .login-page__button.login-page__button--link,
.renew-page .login-page__button.login-page__button--link {
  padding: 0;
}
.login-page .login-page__button.login-page__button--link a,
.register-page .login-page__button.login-page__button--link a,
.renew-page .login-page__button.login-page__button--link a {
  color: inherit;
  text-decoration: inherit;
  height: 42px;
  line-height: 42px;
  display: block;
}
.login-page .login-page__button:hover:not(:disabled),
.register-page .login-page__button:hover:not(:disabled),
.renew-page .login-page__button:hover:not(:disabled) {
  border: 1px solid #2ab1ac;
  color: #ffffff;
  background-color: #2ab1ac;
}
.login-page .login-page__button:focus:not(:disabled),
.register-page .login-page__button:focus:not(:disabled),
.renew-page .login-page__button:focus:not(:disabled) {
  outline: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #2ab1ac;
}
.login-page .login-page__button:disabled,
.register-page .login-page__button:disabled,
.renew-page .login-page__button:disabled {
  opacity: .5;
  cursor: initial;
}
.login-page .login-page__register-step,
.register-page .login-page__register-step,
.renew-page .login-page__register-step {
  margin-left: -96px;
  padding-right: 8px;
}
.login-page .login-page__register-step + .login-page__register-stepper,
.register-page .login-page__register-step + .login-page__register-stepper,
.renew-page .login-page__register-step + .login-page__register-stepper {
  padding-right: 40px;
}
.login-page .help-button-wrapper,
.register-page .help-button-wrapper,
.renew-page .help-button-wrapper {
  display: inline-block;
  position: absolute !important;
  top: 40px;
  right: 16px;
}
.login-page .help-button-wrapper a.dropdown-toggle,
.register-page .help-button-wrapper a.dropdown-toggle,
.renew-page .help-button-wrapper a.dropdown-toggle {
  color: inherit;
}
.login-page .help-button-wrapper a,
.register-page .help-button-wrapper a,
.renew-page .help-button-wrapper a {
  font-size: 20px;
}
.login-page .help-button-wrapper i,
.register-page .help-button-wrapper i,
.renew-page .help-button-wrapper i {
  color: #2ab1ac;
}
/* LOGIN PAGE - RESPONSIVENESS */
@media (max-width: 1000px) {
  .login-page .login-page__left-column-container,
  .register-page .login-page__left-column-container {
    height: 200px;
  }
  .login-page .login-page__left-column-container .login-page__left-column,
  .register-page .login-page__left-column-container .login-page__left-column {
    padding: 8px;
    margin: 0 auto;
  }
  .login-page .login-page__left-column-container .login-page__left-column h1,
  .register-page .login-page__left-column-container .login-page__left-column h1 {
    margin-top: 8px;
    line-height: 16px;
  }
  .login-page .login-page__left-column-container .login-page__left-column h2,
  .register-page .login-page__left-column-container .login-page__left-column h2 {
    font-size: 18px;
    line-height: 20px;
    margin: 8px;
  }
  .login-page .login-page__register-step,
  .register-page .login-page__register-step {
    margin-left: 0px;
    padding-right: 0px;
  }
  .login-page .login-page__register-step + .login-page__register-stepper,
  .register-page .login-page__register-step + .login-page__register-stepper {
    padding-right: 0px;
  }
  .login-page .login-page__right-column-container .login-page__license-banner,
  .register-page .login-page__right-column-container .login-page__license-banner {
    position: relative;
    width: auto;
    margin: 0 auto 24px auto;
  }
  .login-page .login-page__right-column.login-page__right-column--with-stepper,
  .register-page .login-page__right-column.login-page__right-column--with-stepper {
    margin-left: 0px;
  }
}
@media (max-width: 480px) {
  .login-page .login-page__logo,
  .register-page .login-page__logo {
    width: 60px;
  }
  .login-page .login-page__right-column-container,
  .register-page .login-page__right-column-container {
    text-align: center;
  }
  .login-page .login-page__right-column-container .login-page__right-column,
  .register-page .login-page__right-column-container .login-page__right-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .login-page .login-page__right-column-container form,
  .register-page .login-page__right-column-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .login-page .login-page__right-column-container form select.login-page__input:not([type="checkbox"]),
  .register-page .login-page__right-column-container form select.login-page__input:not([type="checkbox"]) {
    width: fill-available;
    width: -moz-available;
    width: -webkit-fill-available;
    margin-bottom: 24px;
  }
  .login-page .login-page__right-column-container form select.login-page__input:not([type="checkbox"]) + .icon-caret-down,
  .register-page .login-page__right-column-container form select.login-page__input:not([type="checkbox"]) + .icon-caret-down {
    margin-top: -24px;
  }
  .login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width,
  .register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width {
    flex: auto;
  }
  .login-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width + .login-page__input--half-width,
  .register-page .login-page__right-column-container .login-page__input:not([type="checkbox"]).login-page__input--half-width + .login-page__input--half-width {
    margin-left: 0;
  }
  .login-page .login-page__right-column-container .login-page__button,
  .register-page .login-page__right-column-container .login-page__button {
    margin: auto;
  }
  .login-page .login-page__right-column-container .login-page__title,
  .register-page .login-page__right-column-container .login-page__title {
    font-size: 30px;
  }
  .login-page .login-page__right-column-container .login-page__trial-radio p,
  .register-page .login-page__right-column-container .login-page__trial-radio p {
    margin-left: 0;
  }
}
.login-page.login--community,
.register-page.register-page {
  color: #666666;
}
.login-page.login--community:before,
.register-page.register-page:before {
  display: block;
  content: "";
  position: fixed;
  z-index: -10;
  top: -1000px;
  bottom: -1000px;
  left: -1000px;
  right: -1000px;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  background-image: linear-gradient(0deg, #f2f2f2 1px, transparent 1px), linear-gradient(90deg, #f2f2f2 1px, transparent 1px);
  background-size: 16px 16px, 16px 16px;
}
.login-page.login--community form label,
.register-page.register-page form label {
  border-bottom-color: rgba(102, 102, 102, 0.4);
}
@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(30deg);
  }
  100% {
    -webkit-filter: hue-rotate(0deg);
  }
}
@keyframes filter-animation {
  0% {
    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(30deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}
@-webkit-keyframes bg-left-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-20%);
  }
}
@-webkit-keyframes bg-left-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-20%);
  }
}
.register-page h3 {
  font-weight: inherit;
}
.register-page .login-page__logo {
  top: 40px;
}
.register-page form > p:last-child {
  margin-bottom: 0;
  margin-top: 1em;
}
.community-vs-enterprise {
  text-rendering: optimizeLegibility;
  max-width: 760px;
  margin: 16px auto 32px;
  position: relative;
  z-index: 0;
  -webkit-transform: translateX(0);
  background: transparent;
  line-height: 28px;
}
.community-vs-enterprise strong {
  font-weight: 400;
}
.community-vs-enterprise tr {
  margin-top: 1px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 35px;
}
.community-vs-enterprise th,
.community-vs-enterprise td {
  white-space: nowrap;
}
.community-vs-enterprise th {
  text-align: left;
}
.community-vs-enterprise td {
  text-align: center;
}
.community-vs-enterprise .belette {
  vertical-align: middle;
}
.community-vs-enterprise .belette:before {
  display: inline-block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #2ab1ac;
}
.community-vs-enterprise th {
  width: 350px;
}
.community-vs-enterprise td {
  width: 100px;
  min-width: 100px;
}
.community-vs-enterprise thead {
  font-size: 1.5em;
}
.community-vs-enterprise thead th {
  visibility: hidden;
}
.community-vs-enterprise thead td {
  font-weight: 400;
  color: #2ab1ac;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.community-vs-enterprise tbody td,
.community-vs-enterprise tbody th {
  border: 1px solid #dddddd;
}
.community-vs-enterprise tbody th {
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
}
.community-vs-enterprise tbody th {
  font-size: 1.1em;
  font-weight: inherit;
}
.community-vs-enterprise tbody td {
  font-size: 0.9em;
  position: relative;
  font-weight: 400;
}
.community-vs-enterprise tbody td:before,
.community-vs-enterprise tbody td:after {
  display: block;
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  height: 0;
  width: 0;
  border: 14px solid transparent;
}
.community-vs-enterprise tfoot {
  margin-top: 16px;
}
.community-vs-enterprise tfoot button {
  border: none;
  padding: 6px 16px;
  background-color: #2ab1ac;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: .8em;
  line-height: 2;
  letter-spacing: .1em;
  cursor: pointer;
}
.community-vs-enterprise tfoot a.features-list {
  display: block;
  color: #2ab1ac;
  margin-top: -29px;
  font-weight: 500;
  padding-left: 5px;
}
.community-vs-enterprise tfoot span {
  display: block;
  font-size: .9em;
}
.community-vs-enterprise-modal {
  width: 820px;
}
.community-vs-enterprise-modal .modal-totem {
  color: #666666;
}
.community-vs-enterprise-modal .community-vs-enterprise {
  margin-bottom: 0;
}
.community-vs-enterprise-modal .modal-footer button[type="submit"] {
  background-color: #2ab1ac;
  color: #ffffff;
}
.community-vs-enterprise-modal .modal-footer span {
  font-size: .9em;
}
.community-vs-enterprise-modal .modal-footer .features-list {
  font-size: 13px;
  margin-left: 20px;
  color: #2ab1ac;
  font-weight: 500;
}
.community-vs-enterprise-modal-forced.community-vs-enterprise-modal-forced.community-vs-enterprise-modal-forced {
  width: 820px;
}
.locked-feature {
  background-color: #ffffff;
}
.locked-feature .banner {
  line-height: 3;
  font-size: 14px;
  text-align: center;
  background-color: #666666;
  color: #ffffff;
}
.locked-feature .banner a {
  color: inherit;
}
.locked-feature .banner .edition {
  text-transform: uppercase;
  font-weight: 600;
}
.locked-feature-v3 {
  background-color: #ffffff;
  margin: 150px 50px;
  border: 1px solid #dddddd;
}
.locked-feature-v3 .banner {
  font-size: 16px;
  line-height: 3;
  text-align: center;
}
.ee-unavailable-feature-modal .locked-feature {
  font-size: 16px;
}
/* ********************************************
 * The  DSS projects page
 * ********************************************/
.projects .no-project {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 2;
  color: #bbbbbb;
  margin-top: 60px;
}
.projects .project:not(.inline-taggable-object-icon) {
  background: #ffffff;
  transition: box-shadow 0.25s ease;
  line-height: 20px;
  box-sizing: border-box;
}
.projects .project.selected {
  border: 2px solid #3b99fc;
}
.projects .project .project-image {
  position: relative;
  width: 80px;
  height: 100%;
}
.projects .project .project-image img {
  width: 100%;
  height: 100%;
}
.projects .project .project-image .app-template-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  text-align: left;
  padding-left: 6px;
  line-height: 40px;
  color: white;
  font-size: 20px;
  box-sizing: border-box;
  background: #3b99fc;
  border-radius: 0 35px 0 0;
}
.projects .project .project-people .hidden-contributors {
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
}
.projects .project .project-people .contributor div {
  background-color: #cccccc;
}
.projects .project .project-title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 24px;
  line-height: initial;
  padding-top: 5px;
  display: block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.projects .project .project-title h3 a {
  color: inherit;
}
.projects .project .project-title h3 a:hover {
  text-decoration: none;
}
.projects .project .project-title h3 a:focus {
  outline: none;
}
.apps .no-app {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 2;
  color: #bbbbbb;
  margin-top: 60px;
}
.apps .app {
  background: #ffffff;
  transition: box-shadow 0.25s ease;
  line-height: 20px;
  box-sizing: border-box;
}
.apps .app.selected {
  border: 2px solid #3b99fc;
}
.apps .app .app-image {
  width: 140px;
  height: 120px;
  margin: 10px;
}
.apps .app .app-image img {
  width: 100%;
  height: 100%;
}
.apps .app .app-title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 24px;
  line-height: initial;
  padding-top: 5px;
  display: block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.apps .app .app-title h3 a {
  color: inherit;
}
.apps .app .app-title h3 a:hover {
  text-decoration: none;
}
.apps .app .app-title h3 a:focus {
  outline: none;
}
.tile-common {
  width: 280px;
  height: 160px;
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
  user-select: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.tile-common:last-child {
  margin-right: 0;
}
.tile-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  background: #ffffff;
  transition: box-shadow 0.25s ease;
  box-shadow: 0 2px 10px 0 rgba(34, 34, 34, 0.16), 0 2px 5px 0 rgba(34, 34, 34, 0.26);
}
.tile-content .image {
  flex: 0 0 64px;
}
.tile-content .body {
  overflow: hidden;
  flex: 1 1 0;
  padding: 16px;
}
.tile-content .title {
  flex: 0 0 23px;
}
.tile-content .title h3 {
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tile-content .description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  flex: 1 1 0;
  width: 100%;
  line-height: 18px;
}
.tile-content:hover {
  box-shadow: 0 1px 5px 0 rgba(34, 34, 34, 0.2), 0 3px 4px 0 rgba(34, 34, 34, 0.12), 0 2px 4px 0 rgba(34, 34, 34, 0.14);
}
.tile-content.selected {
  border: 2px solid #3b99fc;
}
.project-rows .project:not(.inline-taggable-object-icon) {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 160px;
  margin-right: 20px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 1px 3px 0 rgba(34, 34, 34, 0.2), 0 2px 2px 0 rgba(34, 34, 34, 0.12), 0 0 2px 0 rgba(34, 34, 34, 0.14);
}
.project-rows .project:not(.inline-taggable-object-icon):hover {
  box-shadow: 0 1px 5px 0 rgba(34, 34, 34, 0.2), 0 3px 4px 0 rgba(34, 34, 34, 0.12), 0 2px 4px 0 rgba(34, 34, 34, 0.14);
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell {
  flex: 1 1 auto;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-image {
  flex: 0 0 80px;
  padding: 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body {
  position: relative;
  min-width: 0;
  padding-left: 15px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-title h3 {
  padding-top: 0;
  margin-right: 0;
  width: auto;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description p {
  color: #666666;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #444444;
  -webkit-font-smoothing: antialiased;
  max-height: 64px;
  width: 200px;
  line-height: 21px;
  position: relative;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 8px 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-description em {
  font-style: normal;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-status {
  width: calc(113%);
  position: absolute;
  left: -9px;
  bottom: 10px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-status .status-color {
  height: 16px;
  width: 16px;
  border: solid 2px #ffffff;
  border-radius: 8px;
  margin-right: 4px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-body .project-status .status-title {
  width: calc(77%);
  display: inline-block;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-tags {
  flex: 1 1 200px;
  border-right: 1px solid #dddddd;
  text-align: right;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-tags ul.tags {
  text-align: right;
  margin-top: 5px;
  max-height: 100%;
  overflow: hidden;
  display: inline-block;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-tags ul.tags li {
  padding: 0;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-metrics {
  flex: 0 0 200px;
  border-right: 1px solid #dddddd;
  color: #666666;
  text-transform: capitalize;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-metrics ul {
  list-style: none;
  margin: 0;
  padding-left: 20px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-metrics .count {
  display: inline-block;
  font-weight: 600;
  width: 30px;
  text-align: right;
  margin-right: 10px;
  color: #333333;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-metrics .uncompleted-todo {
  color: #bbbbbb;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-activity {
  height: auto;
  flex: 0 0 150px;
  align-self: center;
  padding-left: 20px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-activity svg text {
  font-weight: 600;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-people {
  flex: 0 0 100px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-people .contributor {
  display: inline-block;
  width: 38px;
  height: 38px;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 2px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-people .contributor div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-people .hidden-contributors {
  line-height: 28px;
}
.project-rows .project:not(.inline-taggable-object-icon) .row-cell.project-people .hidden-contributors .plus {
  font-size: 11px;
  position: relative;
  bottom: 1px;
  font-weight: 400;
}
.project-rows .folder {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  background: #ffffff;
  transition: box-shadow 0.25s ease;
  box-shadow: 0 2px 10px 0 rgba(34, 34, 34, 0.16), 0 2px 5px 0 rgba(34, 34, 34, 0.26);
}
.project-rows .folder .image {
  flex: 0 0 64px;
}
.project-rows .folder .body {
  overflow: hidden;
  flex: 1 1 0;
  padding: 16px;
}
.project-rows .folder .title {
  flex: 0 0 23px;
}
.project-rows .folder .title h3 {
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-rows .folder .description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  flex: 1 1 0;
  width: 100%;
  line-height: 18px;
}
.project-rows .folder:hover {
  box-shadow: 0 1px 5px 0 rgba(34, 34, 34, 0.2), 0 3px 4px 0 rgba(34, 34, 34, 0.12), 0 2px 4px 0 rgba(34, 34, 34, 0.14);
}
.project-rows .folder.selected {
  border: 2px solid #3b99fc;
}
.app-rows .app {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 160px;
  margin-left: 40px;
  margin-right: 20px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 1px 3px 0 rgba(34, 34, 34, 0.2), 0 2px 2px 0 rgba(34, 34, 34, 0.12), 0 0 2px 0 rgba(34, 34, 34, 0.14);
}
.app-rows .app:hover {
  box-shadow: 0 1px 5px 0 rgba(34, 34, 34, 0.2), 0 3px 4px 0 rgba(34, 34, 34, 0.12), 0 2px 4px 0 rgba(34, 34, 34, 0.14);
}
.app-rows .app .row-cell {
  flex: 1 1 auto;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.app-rows .app .row-cell.app-image {
  height: 120px;
  flex: 0 0 140px;
  padding: 0;
}
.app-rows .app .row-cell.app-body {
  position: relative;
  min-width: 0;
  padding-left: 15px;
}
.app-rows .app .row-cell.app-body .app-title h3 {
  padding-top: 0;
  margin-right: 0;
  width: auto;
}
.app-rows .app .row-cell.app-body .app-description p {
  color: #666666;
}
.app-rows .app .row-cell.app-body .app-description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #444444;
  -webkit-font-smoothing: antialiased;
  max-height: 64px;
  line-height: 21px;
  position: relative;
}
.app-rows .app .row-cell.app-body .app-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 8px 0;
}
.app-rows .app .row-cell.app-body .app-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
}
.app-rows .app .row-cell.app-body .app-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.app-rows .app .row-cell.app-body .app-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.app-rows .app .row-cell.app-body .app-description em {
  font-style: normal;
}
.app-rows .app .row-cell.app-activity {
  height: 100%;
  flex: 0 0 250px;
  align-self: center;
  padding-left: 20px;
  color: #444444;
}
.app-rows .app .row-cell.app-people {
  flex: 0 0 100px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.app-rows .app .row-cell.app-people .contributor {
  display: inline-block;
  width: 38px;
  height: 38px;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 2px;
}
.app-rows .app .row-cell.app-people .contributor div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.app-rows .app .row-cell.app-people .hidden-contributors {
  line-height: 28px;
}
.app-rows .app .row-cell.app-people .hidden-contributors .plus {
  font-size: 11px;
  position: relative;
  bottom: 1px;
  font-weight: 400;
}
.app-rows .app .row-cell.app-tags {
  flex: 0 0 100px;
  border-right: 1px solid #dddddd;
  text-align: right;
}
.app-rows .app .row-cell.app-tags ul.tags {
  text-align: right;
  margin-top: 5px;
  max-height: 100%;
  overflow: hidden;
  display: inline-block;
}
.app-rows .app .row-cell.app-tags ul.tags li {
  padding: 0;
}
.automation-node .project-rows .project .row-cell.project-body {
  flex: 0 0 275px;
}
.automation-node .project-rows .project .row-cell.automation {
  position: relative;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-left: 1px solid #dddddd;
}
.automation-node .project-rows .project .row-cell.automation h3 {
  padding-left: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 400;
}
.automation-node .project-rows .project .row-cell.automation h3 a {
  color: inherit;
}
.automation-node .project-rows .project .row-cell.automation h3 a:hover,
.automation-node .project-rows .project .row-cell.automation h3 a:focus,
.automation-node .project-rows .project .row-cell.automation h3 a:visited {
  text-decoration: none;
  outline: none;
}
.automation-node .project-rows .project .row-cell.automation h3 a:hover {
  color: #000000;
}
.automation-node .project-rows .project .row-cell.automation h3.no-bundle {
  color: #f28c37;
  margin-left: 5px;
}
.automation-node .project-rows .project .row-cell.automation h3.no-bundle a:hover,
.automation-node .project-rows .project .row-cell.automation h3.no-bundle a:focus {
  color: #f08431;
}
.automation-node .project-rows .project .row-cell.automation h3 i {
  margin-right: 10px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header {
  padding-left: 15px;
  height: 24px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names {
  white-space: nowrap;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names .nb-activated {
  margin-left: 5px;
  color: #3b99fc;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names .nb-activated:hover {
  text-decoration: none;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names .nb-activated:focus {
  outline: none;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names .nb-activated:hover {
  color: #0472e7;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .past-runs {
  line-height: initial;
  font-size: 14px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .cell-pane {
  height: 24px;
  overflow: visible;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .graph .tick-label .date-label,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .graph .tick-label .hovered-date-label {
  top: auto;
  bottom: 8px;
  width: 100%;
  text-align: center;
  transform: none;
  line-height: 13px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .scenario-names,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .past-runs,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .graph .cell-pane {
  border-bottom: none;
  border-left: none;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-header .past-runs {
  color: #666666;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body {
  padding-left: 15px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .scenario-names ul,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .past-runs ul,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .cell-pane {
  border-bottom: 0;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .scenario-names ul li .scenario-name a {
  font-size: 13px;
  color: #666666;
  font-weight: 400;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .scenario-names ul li.hovered-row .scenario-name a {
  color: #333333;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .past-runs ul li .run-count a {
  font-size: 13px;
  color: #bbbbbb;
  font-weight: 400;
  padding-right: 10px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .past-runs ul li .run-count a:hover {
  text-decoration: none;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .past-runs ul li .run-count a:focus {
  outline: none;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .past-runs ul li.hovered-row .run-count a {
  color: #666666;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .graph .cell-pane li {
  flex: 1 1 auto;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .graph .cell-pane li .cell .hover-active {
  background: #222222;
  opacity: 0.1;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .graph .cell-pane li .cell:not(.empty-row) .hover-active:hover {
  opacity: 0.2;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .graph-body .no-scenario-placeholder {
  position: absolute;
  left: 132px;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-weight: 600;
  color: #bbbbbb;
  text-align: center;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .past-runs {
  flex: 0 0 100px;
  text-align: center;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .past-runs i {
  margin-right: 5px;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .past-runs i.success {
  color: #4caf50;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .past-runs i.failed {
  color: #ce1228;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .past-runs i.warning {
  color: #f28c37;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes .past-runs i.aborted {
  color: #bbbbbb;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes.no-scenario {
  background-color: #666666;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes.no-scenario .graph-body .scenario-names ul,
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes.no-scenario .graph-body .past-runs {
  background-color: #666666;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes.no-scenario .graph-body .graph .cell {
  background-color: #666666;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes.no-scenario .graph-body .graph .cell:not(:first-child) {
  border-left: 1px solid #dddddd;
}
.automation-node .project-rows .project .row-cell.automation .scenario-outcomes.no-scenario .graph-body .graph .cell.weekend {
  background-color: #f2f2f2;
}
.automation-node .project-rows .project .row-cell.automation .no-bundle-placeholder {
  top: 70px;
  position: absolute;
  padding-left: 20px;
  font-size: 13px;
  color: #bbbbbb;
}
.projects-graph {
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.projects-graph .main-pane {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.projects-graph .main-pane #flow-graph {
  background: transparent;
}
.projects-graph .main-pane #flow-graph svg g.highlight {
  opacity: 0.75;
}
.projects-graph .main-pane #flow-graph svg g.highlight.selected,
.projects-graph .main-pane #flow-graph svg g:hover {
  opacity: 1;
}
.projects-graph .main-pane #flow-graph svg g.edge {
  stroke-width: 2px;
}
.projects-graph .main-pane #flow-graph svg g.edge path,
.projects-graph .main-pane #flow-graph svg g.edge polygon {
  stroke: #333333;
}
.projects-graph .main-pane #flow-graph svg g.edge polygon {
  fill: #333333;
  stroke: #333333;
}
.projects-graph .main-pane #flow-graph svg g.edge.highlight path {
  stroke-width: 2px;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT],
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] {
  fill: transparent;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .nodelabel-wrapper div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .nodelabel-wrapper div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .nodelabel-wrapper div .img-area,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .nodelabel-wrapper div .img-area {
  flex: 1 1 25%;
  height: 100%;
  background: #999999;
  border: none;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .nodelabel-wrapper div .img-area img,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .nodelabel-wrapper div .img-area img {
  height: 100%;
  width: 100%;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .nodelabel-wrapper div p,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .nodelabel-wrapper div p {
  flex: 1 1 75%;
  font-size: 15px;
  margin: 0;
  max-height: 90%;
  overflow: hidden;
  padding: 7px;
  text-align: left;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .nodelabel-wrapper div p.single-line,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .nodelabel-wrapper div p.single-line {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .nodelabel-wrapper div p i,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .nodelabel-wrapper div p i {
  color: #bbbbbb;
  padding-right: 10px;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] foreignObject,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] foreignObject {
  overflow: visible;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT].highlight.selected .nodelabel-wrapper div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER].highlight.selected .nodelabel-wrapper div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT]:hover .nodelabel-wrapper div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER]:hover .nodelabel-wrapper div {
  box-shadow: 0px 1px 7px rgba(34, 34, 34, 0.5);
  border: none;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .archived .nodelabel-wrapper div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .archived .nodelabel-wrapper div {
  background: #f2f2f2;
  color: #bbbbbb;
  border-color: #f2f2f2;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .forbidden .nodelabel-wrapper p,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .forbidden .nodelabel-wrapper p {
  color: #bbbbbb;
  max-height: 50%;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .forbidden .forbidden-icon div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .forbidden .forbidden-icon div {
  text-align: center;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .forbidden .forbidden-icon i,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .forbidden .forbidden-icon i {
  font-size: 23px;
  color: #666666;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .forbidden img,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .forbidden img {
  filter: grayscale(100%);
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .not-in-folder .nodelabel-wrapper p,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .not-in-folder .nodelabel-wrapper p {
  color: #999999;
  max-height: 50%;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .not-in-folder .not-in-folder-icon div,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .not-in-folder .not-in-folder-icon div {
  text-align: center;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .not-in-folder .not-in-folder-icon span.icon-stack,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .not-in-folder .not-in-folder-icon span.icon-stack {
  font-size: 13px;
  color: #666666;
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .not-in-folder .not-in-folder-icon span.icon-stack i.icon-ban-circle.icon-stack-base,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .not-in-folder .not-in-folder-icon span.icon-stack i.icon-ban-circle.icon-stack-base {
  color: rgba(0, 0, 0, 0.6);
}
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT] .not-in-folder img,
.projects-graph .main-pane #flow-graph svg g[data-type=PROJECT_FOLDER] .not-in-folder img {
  filter: grayscale(100%);
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .cls-1 {
  fill: #ffffff;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .cls-2 {
  fill: #f2f2f2;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 0.63px;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .eo_datasets,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .eo_folders {
  fill: #36abdb;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .eo_models .cls-3 {
  fill: #29af5d;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .eo_notebooks,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .eo_webapps,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .eo_reports {
  fill: #f28c38;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .count-circle {
  fill: #ffffff;
  stroke: #cccccc;
  stroke-width: 2;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .count-text {
  fill: #333333;
  font-size: 1.7em;
  dominant-baseline: central;
  text-anchor: middle;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .cls-2,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .cls-2 {
  display: none;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .eo_datasets .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .eo_datasets .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .eo_folders .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .eo_folders .cls-3 {
  fill: #165e7b;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .eo_models .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .eo_models .cls-3 {
  fill: #114826;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .eo_notebooks .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .eo_notebooks .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .eo_webapps .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .eo_webapps .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .eo_reports .cls-3,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .eo_reports .cls-3 {
  fill: #d0650e;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO].highlight.selected.current .count-circle,
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO]:hover .count-circle {
  stroke: #bbbbbb;
}
.projects-graph .main-pane #flow-graph svg g[data-type=BUNDLE_EO] .error > path {
  fill: #ce1228;
  transform: translate(50%, 50%) scale(0.6) translate(-50%, -50%);
}
.projects-graph .right-pane {
  height: 100%;
  width: 0;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.projects-graph .right-pane .content {
  background-color: #ffffff;
}
.projects-graph .right-pane .default h4,
.projects-graph .right-pane .forbidden h4 {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
  color: #ce1228;
  font-weight: 400;
}
.projects-graph .right-pane .right-column-summary .column-header {
  height: 43px;
  background: #f2f2f2;
}
.projects-graph .right-pane .right-column-summary .column-header > * {
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.projects-graph .right-pane .right-column-summary .column-header .column-header-image {
  width: 43px;
}
.projects-graph .right-pane .right-column-summary .column-header .column-header-title {
  width: calc(100% - 50px);
  padding-left: 15px;
  box-sizing: border-box;
  display: inline-block;
}
.projects-graph .right-pane .right-column-summary .column-header .column-header-title h3 {
  line-height: 43px;
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.projects-graph .right-pane .right-column-summary .column-header .column-header-title h3 a,
.projects-graph .right-pane .right-column-summary .column-header .column-header-title h3 a:hover,
.projects-graph .right-pane .right-column-summary .column-header .column-header-title h3 a:focus,
.projects-graph .right-pane .right-column-summary .column-header .column-header-title h3 a:visited {
  text-decoration: none;
  color: #333333;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel:first-child h4 {
  border-top: none;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 26px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li i.type {
  margin-right: 10px;
  font-size: 18px;
  flex: 0 0 auto;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li a {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li i.go-to-btn {
  font-size: 15px;
  flex: 0 0 auto;
  margin-left: 10px;
  color: #28a9dd;
  cursor: pointer;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li i.go-to-btn:hover {
  color: #1d89b5;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li i.go-to-btn.disabled,
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel ul li i.go-to-btn.disabled:hover {
  color: #bbbbbb;
  cursor: default;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.from-to-wrapper ul {
  margin: 15px 0;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.from-to-wrapper li:first-child {
  margin-bottom: 10px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.from-to-wrapper .field-name {
  flex: 0 0 35px;
  margin-right: 5px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.from-to-wrapper .croped-project-picture {
  flex: 0 0 30px;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  background-size: cover;
  background-position: center;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.from-to-wrapper .project-name {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-datasets-wrapper i.type {
  color: #28a9dd;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-folders-wrapper i.type {
  color: #28a9dd;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-folders-wrapper i.go-to-btn {
  margin-right: 25px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-models-wrapper i.type {
  color: #29af5d;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-models-wrapper i.go-to-btn {
  margin-right: 25px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-evaluation-stores-wrapper i.type {
  color: #29af5d;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-evaluation-stores-wrapper i.go-to-btn {
  margin-right: 25px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-notebooks-wrapper i.type {
  color: #f28c38;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-notebooks-wrapper i.go-to-btn {
  margin-right: 25px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-webapps-wrapper i.type {
  color: #f28c38;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-webapps-wrapper i.go-to-btn {
  margin-right: 25px;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-reports-wrapper i.type {
  color: #f28c38;
}
.projects-graph .right-pane .eo-bundle-right-column-summary .column-panel.exposed-reports-wrapper i.go-to-btn {
  margin-right: 25px;
}
.projects-graph .right-pane .project-folder-right-column-summary .project-folder-objects-wrapper > div:first-child .accordion-title {
  border-top: none;
}
.projects-graph .right-pane .project-folder-right-column-summary .project-folder-objects-wrapper .project-folder-projects-wrapper ul li {
  line-height: 30px;
}
.projects-graph .right-pane .project-folder-right-column-summary .project-folder-objects-wrapper .project-folder-projects-wrapper ul li:not(:last-child) {
  margin-bottom: 4px;
}
.projects-graph .right-pane .project-folder-right-column-summary .project-folder-objects-wrapper .project-folder-projects-wrapper ul li .croped-project-picture {
  flex: 0 0 30px;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  background-size: cover;
  background-position: center;
}
.projects-graph .right-pane .project-right-column-summary .croped-project-picture {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.projects-graph .right-pane .project-right-column-summary .column-panel {
  padding: 15px;
}
.projects-graph .right-pane .project-right-column-summary .column-panel:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.projects-graph .right-pane .project-right-column-summary .column-panel h4 {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}
.projects-graph .right-pane .project-right-column-summary .project-meta {
  padding: 15px;
}
.projects-graph .right-pane .project-right-column-summary .project-meta .project-status {
  margin-bottom: 15px;
}
.projects-graph .right-pane .project-right-column-summary .project-meta .project-description {
  margin-bottom: 15px;
  min-height: 40px;
}
.projects-graph .right-pane .project-right-column-summary .project-meta .project-tags {
  margin-bottom: 0;
}
.projects-graph .right-pane .project-right-column-summary .project-meta .project-tags ul.tags li {
  padding-left: 0;
  padding-right: 0;
}
.projects-graph .right-pane .project-right-column-summary .project-metrics ul {
  color: #666666;
  text-transform: capitalize;
  list-style: none;
  margin: 0 0 10px 25px;
}
.projects-graph .right-pane .project-right-column-summary .project-metrics .count {
  display: inline-block;
  font-weight: 600;
  width: 30px;
  text-align: right;
  margin-right: 10px;
  color: #333333;
}
.projects-graph .right-pane .project-right-column-summary .project-metrics .uncompleted-todo {
  color: #bbbbbb;
}
.projects-graph .right-pane .project-right-column-summary .project-activity svg {
  margin: 0 0 10px 25px;
}
.projects-graph .right-pane .project-right-column-summary .project-people .contributor {
  display: inline-block;
  width: 33px;
  height: 33px;
  padding: 5px;
  box-sizing: border-box;
}
.projects-graph .right-pane .project-right-column-summary .project-people .contributor div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.projects-graph .right-pane,
.projects-graph .main-pane {
  transition: width 300ms ease;
}
.projects-graph.display-right-pane .right-pane {
  width: 25%;
}
.projects-graph.display-right-pane .main-pane {
  width: 75%;
}
.subitems-row {
  background-color: #f2f2f2;
}
.tile-wrapper__link:hover {
  text-decoration: none;
}
.tile-wrapper__link:focus {
  outline: none;
}
.tile-wrapper__link,
.tile-wrapper__link:hover {
  color: #333333;
}
.project-tiles {
  padding-top: 0px;
}
.project-tiles .tile-wrapper {
  width: 280px;
  height: 160px;
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
  user-select: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.project-tiles .tile-wrapper:last-child {
  margin-right: 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  background: #ffffff;
  transition: box-shadow 0.25s ease;
  box-shadow: 0 2px 10px 0 rgba(34, 34, 34, 0.16), 0 2px 5px 0 rgba(34, 34, 34, 0.26);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  position: relative;
}
.project-tiles .project:not(.inline-taggable-object-icon) .image {
  flex: 0 0 64px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .body {
  overflow: hidden;
  flex: 1 1 0;
  padding: 16px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .title {
  flex: 0 0 23px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .title h3 {
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  flex: 1 1 0;
  width: 100%;
  line-height: 18px;
}
.project-tiles .project:not(.inline-taggable-object-icon):hover {
  box-shadow: 0 1px 5px 0 rgba(34, 34, 34, 0.2), 0 3px 4px 0 rgba(34, 34, 34, 0.12), 0 2px 4px 0 rgba(34, 34, 34, 0.14);
}
.project-tiles .project:not(.inline-taggable-object-icon).selected {
  border: 2px solid #3b99fc;
}
.project-tiles .project:not(.inline-taggable-object-icon):hover {
  box-shadow: 0 6px 10px 0 rgba(34, 34, 34, 0.1), 0 8px 7px 0 rgba(34, 34, 34, 0.2);
}
.project-tiles .project:not(.inline-taggable-object-icon) .image img {
  width: 100%;
  height: 100%;
}
.project-tiles .project:not(.inline-taggable-object-icon) .body {
  padding: 9px 15px 7px 15px;
  display: flex;
  flex-direction: column;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description {
  flex: 0 0 56px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 8px 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description em {
  font-style: normal;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description .description.description-on-home {
  overflow-y: hidden;
}
.project-tiles .project:not(.inline-taggable-object-icon) .description .description.description-on-home > p {
  margin: 0;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-people {
  flex: 0 0 auto;
  white-space: nowrap;
  height: 23px;
  margin-top: 6px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-people a {
  margin-right: 5px;
  display: inline-block;
  height: 23px;
  width: 23px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-people div {
  border: none;
  box-shadow: none;
  border-radius: 11.5px;
  vertical-align: initial;
  height: 100%;
  width: 100%;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-people .hidden-contributors {
  line-height: 23px;
  width: 23px;
  height: 23px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-people .hidden-contributors div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-people .hidden-contributors .plus {
  font-size: 11px;
  position: relative;
  bottom: 1px;
  font-weight: 400;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-status {
  flex: 0 0 auto;
  overflow: hidden;
  height: 20px;
  margin-top: 18px;
}
.project-tiles .project:not(.inline-taggable-object-icon) .project-status .status-title {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-tiles .project:not(.inline-taggable-object-icon) .status-color {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px white solid;
  position: absolute;
  left: 64px;
  bottom: 3px;
  transform: translate(-50%, -50%);
}
.project-tiles .haiku {
  width: 100%;
  height: 100%;
  background: transparent;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 22px;
  background-color: #f2f2f2;
  border: 1px dotted #dddddd;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
}
.project-tiles .haiku p {
  color: #666666;
  margin: 0;
  text-indent: -20px;
  margin-left: 20px;
  line-height: 30px;
}
.project-tiles .haiku .signature {
  position: absolute;
  bottom: 18px;
  right: 26px;
  text-align: right;
}
.project-tiles .haiku .signature a {
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.project-tiles .haiku .signature a:hover {
  text-decoration: none;
}
.project-tiles .haiku .signature a:focus {
  outline: none;
}
.project-tiles .tile-carousel {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f2f2f2;
  border: 1px dotted #dddddd;
  padding: 10px;
}
.project-tiles .tile-carousel .slides-frame .article {
  color: #666666;
  font-size: 13px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.project-tiles .tile-carousel .slides-frame .article:hover {
  text-decoration: none;
  color: #666666;
}
.project-tiles .tile-carousel .carousel-footer {
  flex: 0 0 auto;
  text-align: center;
  margin-top: 10px;
}
.project-tiles .tile-carousel .carousel-footer a {
  display: inline-block;
  width: 150px;
  padding: 5px;
  border: 1px solid #dddddd;
  color: #666666;
  font-size: 13px;
}
.project-tiles .tile-carousel .carousel-footer a:hover {
  text-decoration: none;
  color: #666666;
}
.project-tiles .tile-carousel .carousel-footer a:hover {
  background: #666666;
  color: #ffffff;
}
.project-tiles .tile-carousel.news {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.project-tiles .tile-carousel.news h1 {
  flex: 0 0 auto;
  display: block;
  text-align: center;
  line-height: 21px;
  margin: 0;
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-tiles .tile-carousel.news h1 i {
  color: #bbbbbb;
}
.project-tiles .tile-carousel.news .carousel-wrapper {
  flex: 1 1 0;
}
.project-tiles .tile-carousel.tips .slide-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.project-tiles .tile-carousel.tips .slide-wrapper h1 {
  flex: 0 0 auto;
  display: block;
  text-align: center;
  line-height: 21px;
  margin: 0;
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-tiles .tile-carousel.tips .slide-wrapper h1 i {
  color: #bbbbbb;
}
.project-tiles .tile-carousel.tips .slide-wrapper .article-wrapper {
  flex: 1 1 0;
  position: relative;
}
.project-tiles .tile-carousel.messages .slides-frame .article-wrapper {
  overflow-y: auto;
  margin-top: 5px;
}
.project-tiles .tile-carousel.messages .slides-frame .article {
  position: static;
  text-align: left;
  transform: none;
}
.project-tiles .tile-carousel.messages .slide-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.project-tiles .tile-carousel.messages .slide-wrapper .article-wrapper {
  flex: 1 1 0;
  position: relative;
}
.app-tiles {
  padding-top: 0px;
}
.app-tiles .tile-wrapper {
  width: 280px;
  height: 160px;
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
  user-select: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 200px;
}
.app-tiles .tile-wrapper:last-child {
  margin-right: 0;
}
.app-tiles .app {
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  position: relative;
  display: inline-block;
  width: 100%;
}
.app-tiles .app:hover {
  box-shadow: 0 6px 10px 0 rgba(34, 34, 34, 0.1), 0 8px 7px 0 rgba(34, 34, 34, 0.2);
}
.app-tiles .app .image {
  width: 140px;
  height: 120px;
  margin: 10px;
}
.app-tiles .app .image img {
  width: 100%;
  height: 100%;
}
.app-tiles .app .body {
  margin: 10px;
  height: 50px;
}
.app-tiles .app .description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  line-height: 18px;
  max-height: 30px;
}
.app-tiles .app .title h3 {
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-project-folder-modal form,
.move-to-new-project-folder-modal form {
  margin-bottom: 0;
}
.create-project-folder-modal .control-group.folder-name,
.move-to-new-project-folder-modal .control-group.folder-name {
  margin-bottom: 0;
}
.create-project-folder-modal .control-group.folder-name input,
.move-to-new-project-folder-modal .control-group.folder-name input {
  margin-bottom: 0;
  width: calc(100% - 14px);
  border-radius: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #dddddd;
  box-shadow: none;
}
.create-project-folder-modal .control-group.folder-name input.ng-invalid,
.move-to-new-project-folder-modal .control-group.folder-name input.ng-invalid {
  border-color: #f9e3e5;
}
.home-page {
  transition: all 0.5s ease 0s;
}
.home-page .left-icons {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 75px;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}
.home-page .left-icons i {
  display: block;
  font-size: 36px;
  margin-left: 20px;
  width: 36px;
  height: 52px;
  line-height: 52px;
  color: #666666;
}
.home-page .left-icons .top {
  position: absolute;
  top: 43px;
}
.home-page .left-icons .bottom {
  position: absolute;
  bottom: 20px;
}
.home-page .left-bar {
  position: absolute;
  top: 60px;
  left: 75px;
  bottom: 0;
  width: 260px;
  margin-left: -260px;
  transition: left 0.3s ease;
  z-index: 1;
}
.home-page .left-bar .top {
  position: absolute;
  top: 43px;
  width: 100%;
}
.home-page .left-bar .bottom {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.home-page .left-bar a {
  box-sizing: border-box;
  width: 100%;
  display: block;
  height: 52px;
  line-height: 52px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  padding-left: 78px;
  transition: all 0.25s ease;
}
.home-page .left-bar a:hover {
  text-decoration: none;
}
.home-page .left-bar a:focus {
  outline: none;
}
.home-page .left-bar a:hover,
.home-page .left-bar a.selected {
  background-color: rgba(34, 34, 34, 0.04);
}
.home-page .header-zone {
  margin-left: 40px;
}
.home-page .main-zone {
  transition: all 0.5s ease 0s;
}
.home-page .main-zone .top-bar {
  margin-left: 40px;
}
.home-page .main-zone .projects.project-rows {
  padding-top: 0;
  margin-left: 0;
}
.home-page .main-zone .projects.project-rows .items-row,
.home-page .main-zone .projects.project-rows .project:not(.inline-taggable-object-icon) {
  margin-left: 40px;
}
.home-page .main-zone .projects.project-tiles {
  padding-top: 0;
  margin-left: 0;
}
.home-page .main-zone .projects.project-tiles .items-row {
  padding-left: 40px;
}
.home-page .main-zone .apps.app-tiles {
  padding-top: 0;
  margin-left: 0;
}
.home-page .main-zone .apps.app-tiles .items-row {
  padding-left: 40px;
}
.home-page .main-zone .items-row a.title:hover {
  text-decoration: none;
}
.home-page .update.update.icon {
  animation: spin-vertical-3d 3 2s linear;
}
.home-page .home-nav-title {
  left: -30px;
}
.home-page .home-nav-title.noback {
  left: 0px;
}
.home-page .home-nav-title .folder-name {
  cursor: pointer;
}
.home-page .top-bar {
  padding-top: 0;
  margin-right: 20px;
}
.home-page .top-bar.flow-display-mode {
  height: 26px;
  padding-bottom: 22px;
}
.home-page .left-side-items {
  display: inline-block;
}
.home-page.hover-active .left-bar {
  left: 260px;
  top: 0;
  background-color: rgba(255, 255, 255, 0.82);
}
.home-page .projects-search {
  display: inline-block;
  padding-left: 2px;
}
.home-page .projects-search .add-on {
  height: 24px;
  line-height: 24px;
}
.home-page .projects-search input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  width: 200px;
  box-shadow: none;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  margin: 0 auto;
}
.home-page .projects-search input:focus,
.home-page .projects-search input:hover {
  color: #333333;
}
.home-page .projects-search input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.home-page .projects-search input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.project-tiles .project-folder,
.project-rows .project-folder {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  background: #ffffff;
  transition: box-shadow 0.25s ease;
  box-shadow: 0 2px 10px 0 rgba(34, 34, 34, 0.16), 0 2px 5px 0 rgba(34, 34, 34, 0.26);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  position: relative;
}
.project-tiles .project-folder .image,
.project-rows .project-folder .image {
  flex: 0 0 64px;
}
.project-tiles .project-folder .body,
.project-rows .project-folder .body {
  overflow: hidden;
  flex: 1 1 0;
  padding: 16px;
}
.project-tiles .project-folder .title,
.project-rows .project-folder .title {
  flex: 0 0 23px;
}
.project-tiles .project-folder .title h3,
.project-rows .project-folder .title h3 {
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-tiles .project-folder .description,
.project-rows .project-folder .description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  flex: 1 1 0;
  width: 100%;
  line-height: 18px;
}
.project-tiles .project-folder:hover,
.project-rows .project-folder:hover {
  box-shadow: 0 1px 5px 0 rgba(34, 34, 34, 0.2), 0 3px 4px 0 rgba(34, 34, 34, 0.12), 0 2px 4px 0 rgba(34, 34, 34, 0.14);
}
.project-tiles .project-folder.selected,
.project-rows .project-folder.selected {
  border: 2px solid #3b99fc;
}
.project-tiles .project-folder .body,
.project-rows .project-folder .body {
  padding: 9px 15px 7px 15px;
}
.project-tiles .project-folder:hover,
.project-rows .project-folder:hover {
  box-shadow: 0 6px 10px 0 rgba(34, 34, 34, 0.1), 0 8px 7px 0 rgba(34, 34, 34, 0.2);
}
.project-tiles .project-folder .project-folder-cells .empty-folder,
.project-rows .project-folder .project-folder-cells .empty-folder {
  line-height: 104px;
}
.project-tiles .project-folder .project-folder-cells .project-folder-cell,
.project-rows .project-folder .project-folder-cells .project-folder-cell {
  width: 33px;
}
.project-tiles .project-folder .project-folder-cells .project-folder-cell.overflowCount,
.project-rows .project-folder .project-folder-cells .project-folder-cell.overflowCount,
.project-tiles .project-folder .project-folder-cells .project-folder-cell .project-sub-folder,
.project-rows .project-folder .project-folder-cells .project-folder-cell .project-sub-folder {
  line-height: 84px;
}
.project-tiles .project-folder .project-folder-cells .project-folder-cell.overflowCount i.icon-folder-close,
.project-rows .project-folder .project-folder-cells .project-folder-cell.overflowCount i.icon-folder-close,
.project-tiles .project-folder .project-folder-cells .project-folder-cell .project-sub-folder i.icon-folder-close,
.project-rows .project-folder .project-folder-cells .project-folder-cell .project-sub-folder i.icon-folder-close {
  font-size: 20px;
}
.project-folder {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  background: #ffffff;
}
.project-folder.selected {
  border: 2px solid #3b99fc;
}
.project-folder .path {
  direction: rtl;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #999999;
}
.project-folder .body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex: 1 1 0;
  padding: 9px 15px 7px 15px;
}
.project-folder .body p {
  margin: 0;
}
.project-folder .icon-folder-link {
  border-radius: 50%;
  height: 25px;
  min-width: 25px;
  text-align: center;
  padding-left: 2px;
  padding-top: 1px;
}
.project-folder .icon-folder-link:hover {
  background-color: #f2f2f2;
}
.project-folder .title {
  flex: 0 0 23px;
}
.project-folder .title h3 {
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 3px;
}
.project-folder .title h3 i {
  color: #bbbbbb;
  padding-right: 10px;
}
.project-folder .title i {
  font-size: 20px;
  color: #bbbbbb;
}
.project-folder .description {
  overflow: hidden;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  flex: 1 1 0;
  width: 100%;
  line-height: 18px;
  min-height: 20px;
}
.project-folder .project-folder-cells {
  padding-top: 6px;
}
.project-folder .project-folder-cells .empty-folder {
  line-height: 62px;
  color: #999999;
}
.project-folder .project-folder-cells .project-folder-cell {
  display: inline-block;
  width: 17px;
  margin-right: 7px;
}
.project-folder .project-folder-cells .project-folder-cell img {
  width: 100%;
  height: 100%;
}
.project-folder .project-folder-cells .project-folder-cell.overflowCount,
.project-folder .project-folder-cells .project-folder-cell .project-sub-folder {
  text-align: center;
  vertical-align: middle;
  color: #666666;
  background-color: #f2f2f2;
  line-height: 42px;
}
.project-folder .project-folder-cells .project-folder-cell.overflowCount i.icon-folder-close,
.project-folder .project-folder-cells .project-folder-cell .project-sub-folder i.icon-folder-close {
  font-size: 12px;
  position: relative;
}
.move-project-modal .colored-folder-icon,
.delete-project-folder-modal .colored-folder-icon,
.create-project-folder-modal .colored-folder-icon {
  color: #bbbbbb;
}
.move-project-modal .browse-path .breadcrumbs,
.delete-project-folder-modal .browse-path .breadcrumbs,
.create-project-folder-modal .browse-path .breadcrumbs {
  padding-left: 15px;
}
.move-project-modal .browse-path .breadcrumbs i,
.delete-project-folder-modal .browse-path .breadcrumbs i,
.create-project-folder-modal .browse-path .breadcrumbs i {
  font-size: 15px;
}
.move-project-modal .browse-path .contents-file-list-line .name i,
.delete-project-folder-modal .browse-path .contents-file-list-line .name i,
.create-project-folder-modal .browse-path .contents-file-list-line .name i {
  font-size: 15px;
}
.move-project-modal .browse-path .search,
.delete-project-folder-modal .browse-path .search,
.create-project-folder-modal .browse-path .search {
  border-bottom: 1px solid #dddddd;
  padding-left: 20px;
}
.move-project-modal .browse-path .destination-label,
.delete-project-folder-modal .browse-path .destination-label,
.create-project-folder-modal .browse-path .destination-label {
  padding-left: 5px;
  padding-right: 10px;
}
.move-project-modal .browse-path .contents-file-list-line .name,
.delete-project-folder-modal .browse-path .contents-file-list-line .name,
.create-project-folder-modal .browse-path .contents-file-list-line .name {
  padding-left: 20px;
}
.create-project-folder-modal form,
.move-to-new-project-folder-modal form {
  padding-bottom: 0px;
}
.create-project-folder-modal .breadcrumbs,
.move-to-new-project-folder-modal .breadcrumbs {
  display: none;
}
.create-project-folder-modal .contents-file-list,
.move-to-new-project-folder-modal .contents-file-list {
  border-top: 1px solid #dddddd;
}
.create-project-folder-modal .warning-wrapper,
.move-to-new-project-folder-modal .warning-wrapper {
  padding: 20px;
  border-top: 1px solid #dddddd;
}
.create-project-folder-modal .warning-wrapper .alert,
.move-to-new-project-folder-modal .warning-wrapper .alert {
  margin-bottom: 0;
}
.create-project-folder-modal .browse-path .contents-file-list-line.selected,
.move-to-new-project-folder-modal .browse-path .contents-file-list-line.selected {
  background-color: #3b99fc;
}
.create-project-folder-modal .browse-path .contents-file-list-line.selected:hover,
.move-to-new-project-folder-modal .browse-path .contents-file-list-line.selected:hover {
  background-color: #3b99fc;
}
.create-project-folder-modal .browse-path .contents-file-list-line.selected .name,
.move-to-new-project-folder-modal .browse-path .contents-file-list-line.selected .name {
  color: #ffffff;
}
.create-project-folder-modal .browse-path .contents-file-list-line.selected .name i,
.move-to-new-project-folder-modal .browse-path .contents-file-list-line.selected .name i {
  color: #ffffff;
}
.delete-project-folder-modal.move-item-modal .modal-body {
  padding: 0;
}
.delete-project-folder-modal.move-item-modal .modal-body .instructions {
  border: none;
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid #dddddd;
}
.move-to-new-project-folder-modal.move-item-modal .modal-body {
  height: 90px !important;
}
/******************************
 * Global Tags List
 ******************************/
.global-tags-list-popover .btn:focus,
.project-status-list-popover .btn:focus {
  background-color: inherit;
}
.global-tags-list-popover .tagsList .tag {
  text-indent: 0;
  border-radius: 0;
  display: flex;
}
.global-tags-list-popover .tagsList .tag.selected {
  color: #ffffff;
}
.global-tags-list-popover .tagsList .tag .bullet {
  margin: 3px 6px 3px 2px;
  top: 2px;
}
.global-tags-list-popover .selected {
  background-color: #3b99fc;
}
.global-tags-list-popover .selected .tag,
.global-tags-list-popover .selected .tag:hover {
  color: #ffffff !important;
}
.global-tags-list-popover .count {
  display: inline-block;
  width: 15px;
  text-align: right;
  margin-right: 5px;
}
/******************************
 * Display Mode List
 ******************************/
.display-mode-list-popover {
  max-height: 300px;
}
.display-mode-list-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.display-mode-list-popover ul li {
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
}
.display-mode-list-popover ul li:hover {
  background: #f2f2f2;
}
.display-mode-list-popover .display-mode-icon {
  margin-right: 10px;
  border-radius: 10px;
}
.display-mode-list-popover .display-mode-title {
  text-transform: capitalize;
}
/* ***************** */
.clear-filters-btn {
  display: inline-block;
  margin-left: 15px;
  color: #3b99fc;
  cursor: pointer;
  line-height: 26px;
  vertical-align: middle;
}
.contributors {
  text-align: right;
  padding: 2px 5px;
}
.project-summary-page {
  padding: 20px 10px 0 20px;
}
.project-summary-page:hover {
  text-decoration: none;
}
.project-summary-page:focus {
  outline: none;
}
.project-summary-page .import-first-dataset {
  width: 100%;
}
.project-summary-page .import-first-dataset .btn-import {
  position: relative;
  left: calc(50% - 150px);
  margin: 10px 0;
  width: 300px;
}
.project-summary-page .project-interests {
  text-align: right;
  margin: 10px 10px 0 0;
}
.project-summary-page .recent-history {
  height: 160px;
  padding: 5px;
  box-sizing: border-box;
  background: #ffffff;
  overflow: hidden;
}
.project-summary-page .recent-history i {
  font-size: 16px;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
.project-summary-page .recent-history i.insight-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 2px;
  border-radius: 3px;
  box-sizing: initial;
  background-color: #f44336 !important;
}
.project-summary-page .recent-history ul {
  margin: 0;
}
.project-summary-page .recent-history li {
  line-height: 30px;
  list-style: none;
}
.project-summary-page .recent-history a {
  color: #bbbbbb;
}
.project-summary-page .recent-history a:hover {
  color: #333333;
}
.project-summary-page .recent-history a:hover {
  text-decoration: none;
}
.project-summary-page .recent-history a:focus {
  outline: none;
}
.project-summary-page .recent-history .title {
  padding-right: 10px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 170px;
}
.project-summary-page .recent-history .last-viewed {
  float: right;
  font-size: 10px;
  display: inline-block;
  color: #bbbbbb;
}
.project-summary-page .title-zone {
  height: 220px;
}
.project-summary-page .title-zone .object-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 220px;
}
.project-summary-page .title-zone .object-image img {
  width: 100%;
  height: 100%;
}
.project-summary-page .title-zone .object-image .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 220px;
  text-align: center;
  padding-top: 75px;
  color: #666666;
  font-size: 16px;
  box-sizing: border-box;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.1s linear;
}
.project-summary-page .title-zone .object-image:not(:hover) .overlay {
  opacity: 0;
}
.project-summary-page .title-zone .object-main {
  position: absolute;
  top: 0;
  left: 100px;
  right: 0;
  box-sizing: border-box;
  padding: 10px 15px 10px 0;
  height: 220px;
  display: flex;
  flex-direction: column;
}
.project-summary-page .title-zone .object-main > * {
  flex: 0 0 auto;
}
.project-summary-page .title-zone .object-main .shortDesc-well {
  flex: 1 0 auto;
}
.project-summary-page .title-zone .object-main .project-git-info {
  margin-left: 1px;
}
.project-summary-page .title-zone .object-main .project-git-info__icon {
  color: rgba(34, 34, 34, 0.25);
  padding-right: 13px;
  font-size: 18px;
}
.project-summary-page .title-zone .object-main .project-git-info__branch-name {
  color: #222222;
  vertical-align: text-bottom;
}
.project-summary-page .title-zone .object-main .project-git-info__branch-name:hover {
  color: #000000;
  text-decoration: none;
}
.project-summary-page .title-zone .object-main .project-meta-infos {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.project-summary-page .title-zone .object-main .project-meta-infos > * {
  flex: 0 0 auto;
}
.project-summary-page .title-zone .object-main .project-people {
  height: 24px;
  overflow: hidden;
  margin-bottom: 5px;
}
.project-summary-page .title-zone .object-main .project-tags {
  width: 100%;
  height: 26px;
}
.project-summary-page .title-zone .object-main .project-tags .tags-list-editor,
.project-summary-page .title-zone .object-main .project-tags .tag-edit-popover__editor,
.project-summary-page .title-zone .object-main .project-tags .tag-edit-field,
.project-summary-page .title-zone .object-main .project-tags .tag-edit-popover {
  height: 100%;
}
.project-summary-page .title-zone .object-main .project-status.mainzone {
  cursor: pointer;
  margin-top: 5px;
  margin-left: 4px;
}
.project-summary-page .title-zone .object-main .project-status .status-color {
  margin: 0 18px 0 0;
}
.project-summary-page .title-zone .object-main .status-title {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.owner-separator {
  display: inline-block;
  border-right: 2px solid #dddddd;
  margin: 0 5px;
}
.watch-modes {
  padding: 0;
  margin-top: 3px;
  margin-left: -8px;
  width: 280px;
}
.watch-modes .watch-mode {
  padding: 5px 10px 5px 35px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.watch-modes .watch-mode:not(.active) i {
  display: none;
}
.watch-modes .watch-mode:hover {
  background: #f2f2f2;
}
.watch-modes .watch-mode i {
  position: absolute;
  top: 8px;
  left: 10px;
}
.watch-modes .watch-mode .description {
  font-size: 11px;
  color: #666666;
}
.project-content-summary {
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 10px 0;
  margin-top: 20px;
}
.project-content-summary.automation {
  padding-bottom: 0;
  overflow: hidden;
}
.project-content-summary.automation .content-section {
  padding-right: 0;
}
.project-content-summary.automation .content-section .content-item {
  height: 50px;
  width: 140px;
}
.project-content-summary.automation .content-section .content-item .number {
  width: 140px;
}
.project-content-summary.automation .content-section .content-item.scenario-outcomes {
  margin-bottom: -1px;
}
.project-content-summary.automation .content-section .content-item.scenario-outcomes--in-project-homepage {
  width: calc(100% - 380px);
  height: 100%;
  vertical-align: top;
}
.project-content-summary .active-bundle-info {
  padding-left: 10px;
  margin: 12px 0;
  font-weight: 400;
  font-size: 22px;
  color: #666666;
}
.project-content-summary .active-bundle-info .details {
  font-size: 18px;
}
.project-content-summary .active-bundle-info strong {
  font-weight: 400;
}
.project-content-summary .content-section {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  vertical-align: top;
}
.project-content-summary .content-section h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #666666;
  border-bottom: 1px solid #dddddd;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
}
.project-content-summary .content-section .content-item {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 80px;
}
.project-content-summary .content-section .content-item .datasets {
  color: #28a9dd;
}
.project-content-summary .content-section .content-item .recipes {
  color: #f9bd38;
}
.project-content-summary .content-section .content-item .notebooks {
  color: #f28c38;
}
.project-content-summary .content-section .content-item .analysis {
  color: #29af5d;
}
.project-content-summary .content-section .content-item .dashboard {
  color: #f44336;
}
.project-content-summary .content-section .content-item .scenarios {
  color: #8541aa;
}
.project-content-summary .content-section .content-item .streaming-endpoints {
  color: #3b7879;
}
.project-content-summary .content-section .content-item .todo {
  color: #bbbbbb;
}
.project-content-summary .content-section .content-item a {
  color: inherit;
}
.project-content-summary .content-section .content-item a:hover {
  text-decoration: none;
}
.project-content-summary .content-section .content-item a:focus {
  outline: none;
}
.project-content-summary .content-section .content-item .icon {
  position: absolute;
  top: 20px;
  left: 0;
  display: inline-block;
  font-size: 26px;
}
.project-content-summary .content-section .content-item .number {
  color: #666666;
  position: absolute;
  top: 20px;
  left: 35px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 32px;
}
.project-content-summary .content-section .content-item .name {
  position: absolute;
  top: 45px;
  left: 35px;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
}
.project-content-summary .content-section .content-item:hover .number {
  color: #222222;
}
.project-content-summary .content-section .content-item:hover .datasets {
  color: #1d89b5;
}
.project-content-summary .content-section .content-item:hover .recipes {
  color: #f7ac07;
}
.project-content-summary .content-section .content-item:hover .notebooks {
  color: #e8710f;
}
.project-content-summary .content-section .content-item:hover .analysis {
  color: #1f8647;
}
.project-content-summary .content-section .content-item:hover .dashboard {
  color: #ea1c0d;
}
.new-project-modal {
  min-width: 515px;
  width: 515px;
}
.new-project-modal form {
  margin-bottom: 0;
}
.import-project-modal .add-value span {
  color: #666666;
  cursor: pointer;
}
.import-project-modal .add-value span i {
  margin-right: 6px;
}
.import-project-modal .add-value span:hover {
  color: #666666;
}
.new-tutorial-modal {
  min-width: 690px;
  width: 870px;
  height: 85%;
  max-height: 700px;
}
.new-tutorial-modal .modal-body {
  max-height: initial;
  min-height: 200px;
  overflow-y: initial;
}
.new-tutorial-modal ul.section-pills {
  margin: 0px 10px 0px 0px;
  list-style: none;
}
.new-tutorial-modal ul.section-pills li {
  width: 100%;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0px 0px 0px 15px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  margin-left: 3px;
}
.new-tutorial-modal ul.section-pills li a {
  color: #444444;
  border-radius: 0;
}
.new-tutorial-modal ul.section-pills li a:hover {
  text-decoration: none;
}
.new-tutorial-modal ul.section-pills li.active {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 14px;
  border-left: 3px solid #dddddd;
  margin-left: 0px;
}
.new-tutorial-modal ul.section-pills li.active a {
  color: #222222;
}
.new-tutorial-modal .project-tiles .tile-wrapper {
  top: 0;
  transform: translateY(0);
  margin-bottom: 32px;
  margin-left: 3px;
}
.new-tutorial-modal .project-tiles .tile-wrapper .project {
  background: #f2f2f2;
}
.new-tutorial-modal .project-tiles .tile-wrapper .project .title h3 {
  white-space: normal;
}
.userprofile .displayName {
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
  margin-left: 15px;
}
.userprofile .loginName {
  font-size: 18px;
  margin-left: 15px;
  margin-top: 5px;
  color: #666666;
}
.userprofile .leftPane {
  padding: 20px;
  background: none !important;
}
.userprofile .groupList {
  font-size: 15px;
  color: #666666;
}
.userprofile .mainPane {
  padding-left: 60px;
}
.userprofile .avatar-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 170px;
  box-sizing: border-box;
  padding-top: 75px;
  text-align: center;
  font-weight: 600;
  color: #666666;
  text-transform: uppercase;
  pointer-events: none;
}
.userprofile .avatar:not(:hover) .avatar-overlay {
  display: none;
}
.userprofile .stars-list .project {
  color: #bbbbbb;
  margin-right: 20px;
  max-width: 100px;
}
.userprofile .stars-list .interests {
  text-align: center;
  width: 60px;
  padding: 0 !important;
}
.userprofile .helper {
  margin-bottom: 20px;
}
.userprofile .achievement-list {
  margin-top: 20px;
}
.userprofile .achievement-list .achievement-item {
  width: 250px;
  height: 110px;
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 10px;
  opacity: 0.4;
  margin: 15px;
  display: inline-block;
  vertical-align: top;
}
.userprofile .achievement-list .achievement-item.won {
  opacity: 1;
  cursor: pointer;
}
.userprofile .achievement-list .achievement-item .achievement-time {
  color: #bbbbbb;
  display: block;
  text-align: center;
  font-size: 12px;
  margin-left: 3px;
}
.userprofile .achievement-list .achievement-item .achievement-title {
  display: block;
  text-align: center;
  color: #333333;
  font-weight: 600;
}
.userprofile .achievement-list .achievement-item .achievement-text {
  display: block;
  text-align: center;
}
.userprofile .CodeMirror {
  height: auto;
}
table.permissions {
  width: 100%;
  table-layout: fixed;
}
table.permissions thead th:not(:first-child) {
  text-align: center;
}
table.permissions tbody:not('.no-border') {
  border: 1px solid #dddddd;
}
table.permissions tbody td {
  word-wrap: break-word;
}
table.permissions tbody td label.checkbox {
  padding-left: calc(50% - 6px);
}
table.permissions tbody td label.checkbox input {
  margin-left: 0;
}
.permissions-table-page {
  padding: 0 20px 10px 20px;
}
.project-settings-page .api-key-settings-page .api-key-pre {
  min-height: 200px;
  max-height: 200px;
  overflow: scroll;
  margin-bottom: 0;
}
.project-settings-page .api-key-settings-page .api-key-pre.expanded {
  max-height: none;
}
.project-settings-page .exposed-objects-settings .object-list .object {
  padding: 20px;
}
.project-settings-page .exposed-objects-settings .object-list .object:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.project-settings-page .exposed-objects-settings .object-list .object .exposed-object-icon {
  font-size: 20px;
  margin: 0 10px;
}
.project-settings-page .exposed-objects-settings .object-list .object i[class^="icon-caret-"] {
  display: inline-block;
  width: 10px;
  font-size: 15px;
}
.project-settings-page .exposed-objects-settings .object-list .object ul.rule-list {
  margin: 0;
  margin: 0 40px;
}
.project-settings-page .exposed-objects-settings .object-list .object ul.rule-list li {
  list-style: none;
}
.project-settings-page .exposed-objects-settings .object-list .object ul.rule-list > li {
  height: 35px;
  line-height: 35px;
}
.project-settings-page .exposed-objects-settings .object-list .object ul.rule-list > li .icon-dkubird {
  font-size: 15px;
  margin-right: 5px;
}
.project-settings-page .global-tags-help-text {
  padding: 8px;
  color: #666666;
}
.project-settings-page .global-tags-help-text .global-tags-help-text--link {
  color: #666666;
  cursor: pointer;
  text-decoration: none;
}
.project-settings-page .global-tags-help-text .global-tags-help-text--link:hover {
  color: #222222;
}
/*************
 * view of the futures currently running on the backend
 *************/
.tasks-list .mx-ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.tasks-list .mx-ul li {
  list-style: none;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #dddddd;
}
.tasks-list .nothing {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  margin: 20px 0px;
}
.tasks-list .nav-tabs {
  border-bottom: none;
}
.tasks-list .tab-content {
  margin: 0px;
}
.tasks-list .item {
  position: relative;
  padding: 15px 15px 15px 60px;
  min-height: 35px;
}
.tasks-list .item:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.tasks-list .future-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  font-size: 24px;
}
.tasks-list .future-icon.grey {
  color: #bbbbbb;
}
.tasks-list .future-body .name {
  color: #333333;
  font-size: 14px;
}
.tasks-list .future-body .name a {
  color: inherit;
}
.tasks-list .future-body .name a:hover {
  text-decoration: none;
}
.tasks-list .future-body .name a:focus {
  outline: none;
}
.tasks-list .future-body .mx-status-control {
  position: absolute;
  right: 10px;
}
.tasks-list .future-body .mx-status-control > * {
  line-height: 20px;
  vertical-align: baseline;
}
.tasks-list .future-body .abort {
  color: #333333;
  cursor: pointer;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
}
.tasks-list .future-body .abort > * {
  line-height: 20px;
  vertical-align: baseline;
}
.tasks-list .future-body .abort del {
  font-size: 18px;
  text-decoration: none;
}
.tasks-list .future-body .abort span {
  display: none;
}
.tasks-list .future-body .abort.hovered {
  color: #ce1228;
}
.tasks-list .future-body .abort.hovered span {
  display: initial;
}
.tasks-list .future-body .abort.hovered del {
  opacity: 1;
}
.tasks-list .future-body .aborted {
  position: absolute;
  right: 10px;
  opacity: 0.3;
}
.tasks-list .future-body .aborted > * {
  line-height: 20px;
  vertical-align: baseline;
}
.tasks-list .future-body .details {
  color: #666666;
  font-size: 13px;
}
.tasks-list .future-body .details .target {
  margin-top: 5px;
}
.tasks-list .future-body .details .target a {
  color: #28aadd;
}
.tasks-list .future-body .details .target a:hover {
  text-decoration: none;
}
.tasks-list .future-body .details .target a:focus {
  outline: none;
}
.tasks-list .future-body .details .target i {
  font-size: 11px;
  vertical-align: middle;
  margin-right: 3px;
}
.tasks-list .future-body .state {
  margin-top: 5px;
}
.tasks-list .future-body .state .mx-bar {
  height: 5px;
  width: 100%;
  background: #B3D2F2;
  overflow: hidden;
}
.tasks-list .future-body .state .mx-bar .done {
  position: relative;
  left: 0;
  height: 100%;
  background: #3D89F4;
}
.tasks-list .future-body .state .perpetual-bar {
  height: 5px;
  width: 100%;
  background: #B3D2F2;
  overflow: hidden;
}
@keyframes slideBar {
  from {
    left: -30%;
  }
  to {
    left: 100%;
  }
}
.tasks-list .future-body .state .perpetual-bar .done {
  position: relative;
  left: 0;
  height: 100%;
  background: #3D89F4;
}
.tasks-list .future-body .state .perpetual-bar .done {
  width: 30%;
  animation: slideBar 4s linear infinite;
}
.tasks-list .future-body .state .usual-bar {
  height: 5px;
  width: 100%;
  background: #B3D2F2;
  overflow: hidden;
}
.tasks-list .future-body .state .usual-bar .done {
  position: relative;
  left: 0;
  height: 100%;
  background: #3D89F4;
}
.tasks-list .future-body .state .no-bar {
  height: 5px;
}
.tasks-list .abort-confirmation {
  display: none;
}
.tasks-list .abort-confirmation .glass {
  background: #ffffff;
  opacity: 0.8;
}
.tasks-list .abort-confirmation.confirming {
  display: block;
}
.tasks-list .abort-confirmation span {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.tasks-list .abort-confirmation button {
  margin-left: 10px;
}
.tasks-list .backends-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.tasks-list .backends-list li {
  list-style: none;
  padding: 5px 10px;
  margin: 5px;
}
.tasks-list .backends-list .backend h2 {
  width: 100%;
}
.tasks-list .backends-list .backend .settings-section-title {
  margin-top: 0;
}
.tasks-list .futures-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.tasks-list .futures-list li {
  list-style: none;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #dddddd;
}
.tasks-list .futures-list .future .name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.tasks-list .futures-list .future .metas {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.tasks-list .futures-list .future .metas .separator {
  margin: 0 10px;
}
.tasks-list .futures-list .future .states .state {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
  margin: 0px;
  border: none;
  border-top: 1px solid #dddddd;
}
.tasks-list .futures-list .future .states .state:first-child {
  border-top: none;
}
.tasks-list .notebooks-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.tasks-list .notebooks-list li {
  list-style: none;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #dddddd;
}
.tasks-list .notebooks-list .notebook .name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.tasks-list .notebooks-list .notebook .duration {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
}
.tasks-list .notebooks-list .notebook .project {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.tasks-list .jobs-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.tasks-list .jobs-list li {
  list-style: none;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #dddddd;
}
.tasks-list .jobs-list .job .name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.tasks-list .jobs-list .job .metas {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.tasks-list .jobs-list .job .metas .separator {
  margin: 0 10px;
}
.tasks-list .futures-list li,
.tasks-list .notebooks-list li,
.tasks-list .jobs-list li {
  position: relative;
}
.tasks-list .futures-list li.aborting .name,
.tasks-list .notebooks-list li.aborting .name,
.tasks-list .jobs-list li.aborting .name,
.tasks-list .futures-list li.aborting .metas,
.tasks-list .notebooks-list li.aborting .metas,
.tasks-list .jobs-list li.aborting .metas,
.tasks-list .futures-list li.aborting .duration,
.tasks-list .notebooks-list li.aborting .duration,
.tasks-list .jobs-list li.aborting .duration,
.tasks-list .futures-list li.aborting .states .state,
.tasks-list .notebooks-list li.aborting .states .state,
.tasks-list .jobs-list li.aborting .states .state,
.tasks-list .futures-list li.aborting .project,
.tasks-list .notebooks-list li.aborting .project,
.tasks-list .jobs-list li.aborting .project {
  color: #bbbbbb;
}
.tasks-list .futures-list .confirmation,
.tasks-list .notebooks-list .confirmation,
.tasks-list .jobs-list .confirmation {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
}
.tasks-list .futures-list .confirmation .form-wrapper,
.tasks-list .notebooks-list .confirmation .form-wrapper,
.tasks-list .jobs-list .confirmation .form-wrapper {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  color: #333333;
}
.tasks-list .futures-list .confirmation .overlay,
.tasks-list .notebooks-list .confirmation .overlay,
.tasks-list .jobs-list .confirmation .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #f2f2f2;
  opacity: 0.3;
}
@media (max-width: 1000px) {
  .home-page > div {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .home-page .quickgo {
    padding: 40px;
  }
}
.dragging {
  opacity: 0.5;
}
.droppable {
  background-color: #e7f3ff !important;
  border: 1px solid #28a9dd !important;
}
.forbidden {
  background-color: #f9e3e5 !important;
  border: 1px solid #ce1228 !important;
}
.drag-preview__mosaic {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-height: 160px;
  max-width: 280px;
  height: 160px;
  width: 280px;
}
.drag-preview__list {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-height: 160px;
  max-width: 280px;
  height: 160px;
  width: 280px;
}
.drag-preview__number {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: #3b99fc;
  color: #ffffff;
  text-align: center;
  position: absolute;
  right: -12px;
  top: -10px;
  z-index: 9999;
}
.browse-path__contents-line-icon-warning {
  display: table;
  float: right;
  height: 100%;
}
.browse-path__contents-line-icon-warning .icon-dku-warning {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.app-tiles__wrapper {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}
.app-tiles__wrapper-dev {
  position: relative;
  margin-bottom: 0;
}
.app-tiles__wrapper-dev input,
.app-tiles__wrapper-dev textarea,
.app-tiles__wrapper-dev select,
.app-tiles__wrapper-dev .help-inline,
.app-tiles__wrapper-dev .uneditable-input,
.app-tiles__wrapper-dev .input-prepend,
.app-tiles__wrapper-dev .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.app-tiles__wrapper-dev .hide {
  display: none;
}
.app-tiles__wrapper-dev .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.app-tiles__wrapper-dev .control-group:before,
.app-tiles__wrapper-dev .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.app-tiles__wrapper-dev .control-group:after {
  clear: both;
}
.app-tiles__wrapper-dev .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.app-tiles__wrapper-dev .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.app-tiles__wrapper-dev .controls:first-child {
  *padding-left: 180px;
}
.app-tiles__wrapper-dev .help-block {
  margin-bottom: 0;
}
.app-tiles__wrapper-dev input + .help-block,
.app-tiles__wrapper-dev select + .help-block,
.app-tiles__wrapper-dev textarea + .help-block,
.app-tiles__wrapper-dev .uneditable-input + .help-block,
.app-tiles__wrapper-dev .input-prepend + .help-block,
.app-tiles__wrapper-dev .input-append + .help-block {
  margin-top: 10px;
}
.app-tiles__wrapper-dev .form-actions {
  padding-left: 180px;
}
.app-tiles__wrapper-dev .control-group {
  margin-bottom: 6px;
  margin-top: 6px;
}
.app-tiles__wrapper-dev .control-group .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  /* Color invalid dataset uniqueness issues, even when non dirty */
  height: fit-content;
  height: -moz-fit-content;
  text-align: left;
  width: 190px;
}
.app-tiles__wrapper-dev .control-group .control-label.disabled {
  color: #999999;
}
.app-tiles__wrapper-dev .control-group .control-label input[type=text],
.app-tiles__wrapper-dev .control-group .control-label input[type=url],
.app-tiles__wrapper-dev .control-group .control-label input[type=number],
.app-tiles__wrapper-dev .control-group .control-label input[type=date],
.app-tiles__wrapper-dev .control-group .control-label input[type=time],
.app-tiles__wrapper-dev .control-group .control-label input[type=password],
.app-tiles__wrapper-dev .control-group .control-label textarea,
.app-tiles__wrapper-dev .control-group .control-label select,
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.app-tiles__wrapper-dev .control-group .control-label input[type=text]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=url]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=number]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=date]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=time]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=password]:focus,
.app-tiles__wrapper-dev .control-group .control-label textarea:focus,
.app-tiles__wrapper-dev .control-group .control-label select:focus,
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=text]:hover,
.app-tiles__wrapper-dev .control-group .control-label input[type=url]:hover,
.app-tiles__wrapper-dev .control-group .control-label input[type=number]:hover,
.app-tiles__wrapper-dev .control-group .control-label input[type=date]:hover,
.app-tiles__wrapper-dev .control-group .control-label input[type=time]:hover,
.app-tiles__wrapper-dev .control-group .control-label input[type=password]:hover,
.app-tiles__wrapper-dev .control-group .control-label textarea:hover,
.app-tiles__wrapper-dev .control-group .control-label select:hover,
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.app-tiles__wrapper-dev .control-group .control-label input[type=text]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=url]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=number]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=date]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=time]:focus,
.app-tiles__wrapper-dev .control-group .control-label input[type=password]:focus,
.app-tiles__wrapper-dev .control-group .control-label textarea:focus,
.app-tiles__wrapper-dev .control-group .control-label select:focus,
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.app-tiles__wrapper-dev .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label textarea.ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label select.ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.app-tiles__wrapper-dev .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.app-tiles__wrapper-dev .control-group .control-label input[type=checkbox],
.app-tiles__wrapper-dev .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.app-tiles__wrapper-dev .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.app-tiles__wrapper-dev .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.app-tiles__wrapper-dev .control-group .control-label input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.app-tiles__wrapper-dev .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.app-tiles__wrapper-dev .control-group .control-label a:hover {
  text-decoration: none;
}
.app-tiles__wrapper-dev .control-group .control-label a:focus {
  outline: none;
}
.app-tiles__wrapper-dev .control-group .control-label .alert {
  border-radius: 0;
}
.app-tiles__wrapper-dev .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.app-tiles__wrapper-dev .control-group .right-wall {
  width: 360px;
}
.app-tiles__wrapper-dev .control-group .controls {
  margin-left: 200px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.app-tiles__wrapper-dev .control-group .controls .help-inline,
.app-tiles__wrapper-dev .control-group .controls .help-block {
  font-size: 0.8em;
}
.app-tiles__wrapper-dev .control-group .controls label {
  font-size: 12px;
}
.app-tiles__wrapper-dev .control-group .controls .checkbox-label {
  width: 206px;
}
.app-tiles__wrapper-dev .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text],
.app-tiles__wrapper-dev .control-group .controls input[type=number],
.app-tiles__wrapper-dev .control-group .controls select {
  width: 206px;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text].input-xlarge,
.app-tiles__wrapper-dev .control-group .controls input[type=number].input-xlarge,
.app-tiles__wrapper-dev .control-group .controls select.input-xlarge {
  width: 270px;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text].input-xxlarge,
.app-tiles__wrapper-dev .control-group .controls input[type=number].input-xxlarge,
.app-tiles__wrapper-dev .control-group .controls select.input-xxlarge {
  width: 430px;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text].input-half-size,
.app-tiles__wrapper-dev .control-group .controls input[type=number].input-half-size,
.app-tiles__wrapper-dev .control-group .controls select.input-half-size {
  width: 102px;
}
.app-tiles__wrapper-dev .control-group .controls .bootstrap-select {
  width: 206px;
}
.app-tiles__wrapper-dev .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 206px;
}
.app-tiles__wrapper-dev .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.app-tiles__wrapper-dev .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text],
.app-tiles__wrapper-dev .control-group .controls input[type=url],
.app-tiles__wrapper-dev .control-group .controls input[type=number],
.app-tiles__wrapper-dev .control-group .controls input[type=date],
.app-tiles__wrapper-dev .control-group .controls input[type=time],
.app-tiles__wrapper-dev .control-group .controls input[type=password],
.app-tiles__wrapper-dev .control-group .controls textarea,
.app-tiles__wrapper-dev .control-group .controls select,
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=url]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=number]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=date]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=time]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=password]:focus,
.app-tiles__wrapper-dev .control-group .controls textarea:focus,
.app-tiles__wrapper-dev .control-group .controls select:focus,
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=text]:hover,
.app-tiles__wrapper-dev .control-group .controls input[type=url]:hover,
.app-tiles__wrapper-dev .control-group .controls input[type=number]:hover,
.app-tiles__wrapper-dev .control-group .controls input[type=date]:hover,
.app-tiles__wrapper-dev .control-group .controls input[type=time]:hover,
.app-tiles__wrapper-dev .control-group .controls input[type=password]:hover,
.app-tiles__wrapper-dev .control-group .controls textarea:hover,
.app-tiles__wrapper-dev .control-group .controls select:hover,
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=url]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=number]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=date]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=time]:focus,
.app-tiles__wrapper-dev .control-group .controls input[type=password]:focus,
.app-tiles__wrapper-dev .control-group .controls textarea:focus,
.app-tiles__wrapper-dev .control-group .controls select:focus,
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.app-tiles__wrapper-dev .control-group .controls input[type=text].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=url].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=number].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=date].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=time].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls input[type=password].ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls textarea.ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls select.ng-dirty.ng-invalid,
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.app-tiles__wrapper-dev .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.app-tiles__wrapper-dev .control-group .controls input[type=checkbox],
.app-tiles__wrapper-dev .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.app-tiles__wrapper-dev .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.app-tiles__wrapper-dev .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.app-tiles__wrapper-dev .control-group .controls input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.app-tiles__wrapper-dev .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.app-tiles__wrapper-dev .control-group .controls a:hover {
  text-decoration: none;
}
.app-tiles__wrapper-dev .control-group .controls a:focus {
  outline: none;
}
.app-tiles__wrapper-dev .control-group .controls .alert {
  border-radius: 0;
}
.app-tiles__wrapper-dev .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.app-tiles__wrapper-dev .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.app-tiles__wrapper-dev .control-group .controls .fit {
  width: auto;
}
.app-tiles__wrapper-dev .control-group .controls .bold {
  font-weight: bold;
}
.app-tiles__wrapper-dev .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.app-tiles__wrapper-dev .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.app-tiles__wrapper-dev .control-label {
  font-size: 13px;
  cursor: default;
}
.app-tiles__wrapper-dev .control-group textarea {
  resize: vertical;
}
.app-tiles__section {
  position: relative;
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 0px;
  margin: 24px 0;
}
.app-tiles__section-dev {
  position: relative;
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 0;
  margin: 20px 0;
}
.app-tiles__section-dev:not(:first-child) {
  margin: 40px 0 20px 0;
}
.app-tiles__section-dev--add {
  position: relative;
  padding: 10px;
  margin: 24px 0;
}
.app-tiles__section-dev-add-button {
  display: block;
  margin: 0 auto;
  width: 300px;
}
.app-tiles__section-trash-dev {
  position: absolute;
  right: 20px;
  top: 20px;
}
.app-tiles__section-trash-dev a {
  color: #666666;
}
.app-tiles__tile-trash-dev {
  position: absolute;
  right: 20px;
  top: 20px;
}
.app-tiles__tile-trash-dev a {
  color: #666666;
}
.app-tiles__tile-trash-dev p {
  display: inline-block;
}
.app-tiles__app-editable > div:not(.app-tiles__app-edit),
.app-tiles__app-editable > span:not(.app-tiles__app-edit) {
  display: inline-block;
  max-width: 85%;
  margin-right: 10px;
}
.app-tiles__app-editable > div.app-tiles__app-edit,
.app-tiles__app-editable > span.app-tiles__app-edit {
  display: inline-block;
  opacity: 0;
}
.app-tiles__app-editable:hover > div.app-tiles__app-edit,
.app-tiles__app-editable:hover > span.app-tiles__app-edit {
  opacity: 0.5;
}
.app-tiles__app-edit {
  font-size: 16px;
}
.app-tiles__section-editable > div:not(.app-tiles__section-edit),
.app-tiles__section-editable > span:not(.app-tiles__section-edit) {
  margin-left: 30px;
}
.app-tiles__section-edit {
  position: absolute;
}
.app-tiles__section:not(:last-child) .app-tiles__progress-line {
  position: absolute;
  width: 0;
  left: -16px;
  top: 29px;
  bottom: 0px;
  border: 1px solid #dddddd;
}
.app-tiles__section-mark {
  position: absolute;
  border: 1px solid #dddddd;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  left: -24px;
  top: 0;
}
.app-tiles__app-label {
  font-size: 26px;
  font-weight: 400;
  color: #333333;
  margin: 0 0 20px 0;
}
.app-tiles__app-label--editing {
  font-size: 26px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 20px;
}
.app-tiles__app-label--editing > input {
  margin-bottom: 0;
}
.app-tiles__app-shortDesc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 20px;
}
.app-tiles__app-shortDesc--editing {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 20px;
}
.app-tiles__app-shortDesc--editing > textarea {
  resize: vertical;
  width: 75%;
  min-height: 100px;
}
.app-tiles__section-header {
  background: #F8F8F8;
  padding: 16px 24px;
  border-bottom: 1px solid #dddddd;
}
.app-tiles__section-header-dev {
  background: #F8F8F8;
  padding: 16px 24px;
  border-bottom: 1px solid #dddddd;
}
.app-tiles__section-title {
  font-size: 22px;
  color: #333333;
  font-weight: normal;
}
.app-tiles__section-subtitle,
.app-designer__data h5 {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}
.app-tiles__wrapper-dev .app-tiles__section-title--editing.control-group {
  margin-bottom: 20px;
}
.app-tiles__wrapper-dev .app-tiles__section-title--editing.control-group .controls input[type=text] {
  width: 540px;
  font-size: 22px;
  height: 30px;
  color: #333333;
  font-weight: normal;
}
.app-tiles__section-text {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}
.app-tiles__wrapper-dev .app-tiles__section-text--editing.control-group {
  margin-bottom: 20px;
}
.app-tiles__wrapper-dev .app-tiles__section-text--editing.control-group .controls textarea {
  width: 540px;
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}
.app-tiles__section-type-dev {
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
}
.app-tiles__tile {
  position: relative;
  padding: 16px 24px;
  line-height: 20px;
}
.app-tiles__tile-dev {
  position: relative;
  padding: 16px 24px;
  line-height: 20px;
}
.app-tiles__tile-dev-sort-handle {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 20px;
  padding: 16px 0;
}
.app-tiles__tile-dev-sort-handle span {
  font-size: 20px;
  color: #cccccc;
}
.app-tiles__tile-separator:before {
  content: ' ';
  display: block;
  height: 0;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
}
.app-tiles__tile-prompt {
  word-wrap: break-word;
  font-size: 13px;
  color: #444444;
  display: block;
  width: 200px;
  vertical-align: baseline;
}
.app-tiles__tile-help-title-dev {
  font-size: 13px;
  color: #666666;
  margin-bottom: 20px;
}
.app-tiles__tile-help-title-dev--editing {
  font-size: 13px;
  color: #666666;
  margin-bottom: 20px;
}
.app-tiles__tile-help {
  font-size: 13px;
  color: #bbbbbb;
  margin-bottom: 20px;
  margin-left: 20px;
  vertical-align: middle;
}
.app-tiles__tile-help:hover {
  color: #999999;
}
.app-tiles__tile-help--multiline-neighbour {
  vertical-align: top;
}
.app-tiles__tile-help--in-list {
  display: block;
  margin-top: 10px;
}
.app-tiles__tile-help-dev-toggle {
  display: inline-block;
  margin-left: 40px;
}
.app-tiles__tile-help-dev {
  font-size: 13px;
  color: #666666;
  margin-bottom: 20px;
}
.app-tiles__tile-help-dev--editing {
  font-size: 13px;
  color: #666666;
  margin-bottom: 20px;
  display: block;
}
.app-tiles__tile-body {
  font-size: 13px;
  color: #999999;
  display: block;
  margin-left: 10px;
  vertical-align: baseline;
}
.app-tiles__tile-body--no-prompt {
  font-size: 13px;
  color: #999999;
  display: block;
  margin-left: 0;
  vertical-align: baseline;
}
.app-tiles__tile-body-dev {
  font-size: 13px;
  color: #999999;
  display: block;
  margin-left: 10px;
  vertical-align: baseline;
  margin-left: 200px;
  min-height: 30px;
}
.app-tiles__tile-add {
  margin: 10px;
  text-align: center;
}
.app-tiles__tile-add-button {
  width: 120px;
}
.app-tiles__run-scenario-state {
  display: inline-block;
  margin: 0 10px;
}
.app-tiles__run-scenario-state i.success {
  color: #4caf50;
}
.app-tiles__run-scenario-state i.warning {
  color: #f28c37;
}
.app-tiles__run-scenario-state i.failed {
  color: #ce1228;
}
.app-tiles__run-scenario-state i.aborted {
  color: #bbbbbb;
}
.app-designer__json-manifest {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__json-manifest form {
  padding: 10px;
}
.app-designer__json-manifest .CodeMirror {
  height: 100%;
}
.app-page__app {
  width: 400px;
  padding: 20px;
  border-right: 1px solid #dddddd;
  background: #ffffff;
}
.app-page__app-image {
  width: 100%;
  height: 200px;
  position: relative;
}
.app-page__app-totem {
  height: 100%;
  display: block;
  margin: 0 auto;
  cursor: default;
}
.app-page__app-label {
  font-size: 24px;
  color: #222222;
  display: block;
  margin-top: 20px;
}
.app-page__app-shortDesc {
  font-size: 13px;
  color: #666666;
  display: block;
  margin-top: 20px;
}
.app-page__instances {
  margin-left: 20px;
  margin-right: 20px;
}
.app-page__instances .items-row a.title:hover {
  text-decoration: none;
}
.app-page__app-instances-top-bar {
  margin-top: 10px;
}
.app-page__new-instance-button {
  margin: 10px 10px 10px 0;
}
.app-designer__remappings {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__remappings-row {
  margin: 5px 0;
}
.app-designer__remappings-add-button {
  color: #666666;
  cursor: pointer;
}
.app-designer__remappings-add-button i {
  margin-right: 6px;
}
.app-designer__remappings-add-button:hover {
  color: #444444;
}
.app-tiles__tile-upload-files-drop-zone {
  width: calc(100% - 40px);
  display: inline-block;
}
.app-tiles__tile-files-browse-zone {
  width: calc(100% - 40px);
  display: inline-block;
}
.app-tiles__tile-files-browse-zone input[type=text] {
  font-size: 13px;
  height: 26px;
  line-height: 24px;
  margin: 0;
  padding: 0px 4px;
}
.app-tiles__tile-files-browse-modal .modal-body {
  height: 400px;
}
.app-tiles__tile-files-browse-connection-error {
  margin-top: 10px;
}
.app-tiles__tile-files-browse-files-selection {
  margin-top: 10px;
}
.app-tiles__tile-files-browse-test-button {
  margin-top: 10px;
}
.app-tiles__tile-files-browse-empty-warning {
  margin-top: 10px;
}
.app-tiles__tile-files-browse-recap {
  margin-top: 10px;
}
.app-tiles__tile-sql-browse-zone {
  width: calc(100% - 40px);
  display: inline-block;
}
.app-tiles__tile-sql-browse-zone input[type=text] {
  font-size: 13px;
  height: 26px;
  line-height: 24px;
  margin: 0;
  padding: 0px 4px;
}
.app-tiles__tile-sql-browse-modal .modal-body {
  height: 200px;
}
.app-tiles__tile-sql-browse-modal .dkuform-modal-horizontal label.control-label {
  width: 100px;
}
.app-tiles__tile-sql-browse-modal .dkuform-modal-horizontal .controls {
  margin-left: 110px;
}
.app-tiles__tile-sql-browse-connection-error {
  margin-top: 10px;
}
.app-tiles__tile-sql-browse-test-button {
  margin-top: 10px;
}
.app-tiles__tile-sql-browse-recap {
  margin-top: 10px;
}
.app-list__top-bar {
  margin: 0 40px;
}
.mx-app-designer__settings-section {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__header {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
  min-height: 200px;
}
.app-designer__image {
  position: absolute;
  width: 140px;
  height: 120px;
  left: 24px;
  top: 16px;
  overflow: hidden;
}
.app-designer__image .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 120px;
  text-align: center;
  padding-top: 50px;
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.1s linear;
}
.app-designer__image:not(:hover) .overlay {
  opacity: 0;
}
.app-designer__header-contents .tag-edit-field .tags-editor .tag-select-dropdown {
  position: absolute;
  top: 20px;
}
.app-designer__header-contents--with-image {
  margin-left: 160px;
}
.app-designer__full-image {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__full-image-field {
  width: 300px;
  height: 200px;
  position: relative;
}
.app-designer__full-image-field .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  text-align: center;
  padding-top: 75px;
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.1s linear;
}
.app-designer__full-image-field:not(:hover) .overlay {
  opacity: 0;
}
.app-designer__full-image-field img {
  height: 200px;
}
.app-designer__instance-features {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__instance-features label.dku-toggle {
  display: inline-block;
}
.app-designer__data {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__data .recipe-modal-io ul.chosen {
  margin-top: 5px;
}
.app-designer__data .recipe-modal-io .chosen > li,
.app-designer__data .recipe-modal-io .chosen .item {
  margin: 0;
}
.app-designer__data .recipe-modal-io .chosen > li:not(:last-child),
.app-designer__data .recipe-modal-io .chosen .item:not(:last-child) {
  margin-bottom: 4px;
}
.app-designer__data .recipe-modal-io .chosen > li .information,
.app-designer__data .recipe-modal-io .chosen .item .information {
  color: #bbbbbb;
}
.app-designer__as-recipe {
  padding: 16px 24px;
  margin: 10px 40px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
}
.app-designer__tiles {
  position: relative;
  margin: 30px 40px 10px 40px;
}
.app-designer__side-bar {
  width: 200px;
  padding: 0px 10px 0 10px;
}
.app-designer__tiles-toc {
  position: relative;
}
.app-designer__tiles-toc-section {
  font-weight: 500;
}
.nav-list-sidebar .l1.app-designer__tiles-toc-tile {
  margin-left: 15px;
}
.nav-list-sidebar .l1.active.app-designer__tiles-toc-tile {
  margin-left: 12px;
}
.app-home__header {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.app-home__summary {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 20px 0;
}
.app-home__summary .title-zone {
  border: none;
  height: auto;
}
.app-home__image {
  width: 80px;
  height: 220px;
  position: relative;
}
.app-home__image img {
  width: 100%;
  height: 100%;
}
.app-home__image .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 220px;
  text-align: center;
  padding-top: 75px;
  color: #666666;
  font-size: 16px;
  box-sizing: border-box;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.1s linear;
}
.app-home__image:not(:hover) .overlay {
  opacity: 0;
}
.app-home__app-image {
  width: 140px;
  height: 120px;
  position: relative;
}
.app-home__app-image img {
  width: 100%;
  height: 100%;
}
.app-home__object-main {
  margin-left: 40px;
  width: calc(820px);
}
.app-designer__create-buttons {
  text-align: center;
}
.app-designer__create-button {
  position: relative;
  padding: 20px;
  margin: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  height: 180px;
  cursor: pointer;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.app-designer__create-button:hover {
  border: 1px solid #999999;
}
.app-designer__create-button:active {
  border: 1px solid #333333;
}
.app-designer__create-button-icon {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  color: #333333;
}
.app-designer__create-button-text {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 20px;
  color: #333333;
}
.app-designer__create-button-help {
  font-size: 13px;
  line-height: 16px;
  color: #999999;
}
.app-designer__create-button-doclink {
  font-size: 13px;
  line-height: 16px;
  color: #bbbbbb;
  margin-top: 10px;
}
.wiki-taxonomy {
  font-size: 14px;
  width: 16.66666666666667%;
  min-width: 270px;
}
.wiki-taxonomy ul.nav-tabs {
  padding-left: 0;
  height: 54px;
}
.wiki-taxonomy ul.nav-tabs a {
  padding-top: 11px;
  height: 54px;
  padding-bottom: 9px;
}
.wiki-taxonomy .wiki-taxonomy-list::-webkit-scrollbar-corner {
  background: transparent;
}
.wiki-taxonomy .wiki-taxonomy-list-add {
  text-align: center;
  padding: 20px;
}
.wiki-search-form {
  margin: 0 8px 10px 8px;
  align-items: center;
  height: 26px;
}
.wiki-taxonomy-folding {
  border-bottom: 1px solid #ccc;
  padding-left: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.wiki-taxonomy-folding__link {
  cursor: pointer;
  position: relative;
  bottom: 5px;
}
.wiki-taxonomy-folding__icon {
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.wiki-scroll-current {
  cursor: pointer;
  line-height: 15px;
  font-size: 15px;
  padding: 5px;
  color: #bbbbbb;
}
.wiki-scroll-current:hover {
  color: #666666;
}
.wiki-scroll-current i.icon {
  font-size: 15px;
  line-height: 15px;
}
.wiki-scroll-searched {
  cursor: pointer;
  position: relative;
  top: 2px;
  float: right;
  display: none;
}
.wiki-search-results-item {
  border-top: 1px solid #dddddd;
  padding: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.wiki-search-results-item:hover .wiki-scroll-searched {
  display: inline;
  font-size: 15px;
}
.wiki-search-results-item:hover .wiki-scroll-searched i.icon {
  font-size: 15px;
}
.wiki-search-results-item:not(.wiki-search-results-current-item).wiki-search-results-item--right-clicked .link-std--wiki {
  color: #333333;
}
.wiki-search-results-item:not(.wiki-search-results-current-item) .wiki-scroll-searched {
  color: #bbbbbb;
}
.wiki-search-results-item:not(.wiki-search-results-current-item) .wiki-scroll-searched:hover,
.wiki-search-results-item:not(.wiki-search-results-current-item) .wiki-scroll-searched.wiki-search-results-item--right-clicked {
  color: #666666;
}
.wiki-search-results-item .link-std--wiki {
  color: #666666;
}
.wiki-search-results-item:hover .link-std--wiki {
  color: #333333;
}
.wiki-search-results-current-item {
  background: #3b99fc;
  color: #ffffff;
}
.wiki-search-results-current-item:hover .link-std--wiki,
.wiki-search-results-current-item .link-std--wiki {
  color: #ffffff;
}
.wiki-catalog-link {
  text-align: center;
}
.wiki-article {
  background: #ffffff;
  border-left: 1px solid #dddddd;
  padding-bottom: 0;
  width: calc(83.3333333334% - 370px);
}
.wiki-article-nav {
  position: relative;
  height: 60px;
}
.wiki-article-nav .object-nav {
  height: 60px;
}
.wiki-article-nav .object-nav .tab:before {
  height: 53px;
}
.wiki-article-nav-header {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 32px;
  line-height: 54px;
  padding: 0 20px;
}
.wiki-article-nav-header.centered-title {
  text-align: center;
}
.wiki-article-nav-header .wiki-article-nav-header-title {
  margin-top: 4px;
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wiki-article-nav-header .wiki-article-nav-header-actions {
  line-height: 64px;
  font-size: 16px;
  margin-left: 16px;
}
.wiki-article-nav-header .wiki-article-nav-header-actions > * {
  margin-left: 4px;
  margin-right: 4px;
}
.wiki-article-page {
  overflow: hidden;
}
.wiki-article-body {
  height: calc(100% - 60px);
  /* Workaround for safari bug: switching article would not display article content in safari until user scrolls */
  -webkit-transform: scale(1);
}
.wiki-article-right-nav {
  width: 270px;
  padding-left: 20px;
  border-left: 1px solid #dddddd;
}
.wiki-article-details-section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  border-bottom: 1px solid #dddddd;
}
.wiki-article-details-section-content {
  margin-bottom: 20px;
}
.object-details .line .wiki-article-details-section-content__edition-event {
  overflow: visible;
}
.mh60 {
  min-height: 60px;
}
.wiki-article-details-section-content__anchor {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wiki-article-details-section-content__avatar-link {
  margin-left: 5px;
}
.wiki-article-details-section-content__timeline {
  margin: 10px 0;
  text-align: right;
}
.wiki-article-details-section-content__tags {
  margin-bottom: 10px;
}
.wiki-article-attachments-list {
  list-style: none;
  margin: 0;
}
.wiki-article-attachment {
  line-height: 28px;
}
.wiki-article-attachment:hover .wiki-article-attachment__link--action {
  display: inline-block;
}
.wiki-article-attachment__link:not(.wiki-article-attachment__link--action) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wiki-article-attachment__link--action {
  padding: 0 3px;
  display: none;
  text-transform: uppercase;
}
.wiki-article-attachments-addbtn {
  text-align: center;
}
.wiki-article-body-main {
  padding: 16px 24px;
}
.wiki-article-content-unsaved-notif {
  line-height: 27px;
  height: 27px;
  max-width: 668px;
  width: 100%;
  margin: 0 auto 20px auto;
}
.wiki-article-preview {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  position: relative;
}
.wiki-article-preview.expanded > .wiki-article-preview-content {
  overflow: auto;
  max-height: 300px;
  opacity: 1;
}
.wiki-article-preview.expanded .wiki-article-preview-overlay {
  display: none;
}
.wiki-article-preview > .wiki-article-preview-content {
  padding: 20px;
  max-height: 100px;
  overflow: hidden;
  opacity: 0.5;
}
.wiki-article-preview .wiki-article-preview-overlay {
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 0;
  right: 0;
  cursor: pointer;
}
.wiki-article-preview-btn {
  text-align: center;
}
.wiki-article-preview-btn a {
  color: #666666;
}
.wiki-article-preview-btn a:hover,
.wiki-article-preview-btn a:active,
.wiki-article-preview-btn a:focus {
  text-decoration: none;
}
.wiki-article-folder-header {
  position: relative;
  font-weight: 600;
  height: 36px;
  border-bottom: 2px solid #dddddd;
}
.wiki-article-folder-header > div {
  padding: 8px;
}
.wiki-article-folder-content {
  margin-bottom: 20px;
  max-height: calc(100% - 78px);
}
.wiki-article-folder-content > div {
  height: 36px;
}
.wiki-article-folder-content > div:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.wiki-article-folder-content > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 8px;
}
.wiki-article-body-editor {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 150px;
  width: 100%;
  box-sizing: border-box;
}
.wiki-article-body-editor .CodeMirror {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3em;
}
.wiki-article-body-editor .CodeMirror .CodeMirror-lines {
  padding: 8px 0;
}
.wiki-article-body-editor .CodeMirror pre {
  padding: 0 16px;
}
.wiki-article-body-editor .CodeMirror:not(.CodeMirror-fullscreen) {
  border: 1px solid #dddddd;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  height: inherit;
}
.wiki-article-body-editor .CodeMirror:not(.CodeMirror-fullscreen) .CodeMirror-scroll {
  height: inherit;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}
.wiki-article-edit-wrapper {
  max-width: 800px;
  margin: auto;
}
.wiki-article-edit-header {
  padding-bottom: 10px;
}
.wiki-article-edit-header .msg-error {
  font-weight: 400;
  color: #ce1228;
}
.wiki-article-edit-header > span:not(:first-child) {
  margin-left: 10px;
}
.wiki-article-edit-header .wiki-article-edit-toolbar span.spacer {
  margin-left: 10px;
}
.wiki-article-edit-body-main {
  flex: 1 1 0;
}
ul.wiki-article-layout-picker {
  width: 230px;
}
ul.wiki-article-layout-picker > li {
  position: relative;
}
ul.wiki-article-layout-picker > li:not(:first-child) {
  border-top: solid 1px #dddddd;
}
ul.wiki-article-layout-picker > li > a {
  padding-left: 26px;
}
ul.wiki-article-layout-picker > li > a > span {
  display: block;
}
ul.wiki-article-layout-picker > li > a > span:nth-child(2) {
  color: #bbbbbb;
  font-size: 85%;
}
ul.wiki-article-layout-picker > li > a > span:first-child > span:first-child {
  position: absolute;
  top: 0;
  left: 8px;
}
.text-diagnostics {
  color: #0f8781;
}
.text-diagnostics:hover,
.text-diagnostics:focus {
  text-decoration-color: #0f8781;
}
.diagnostics-popup-icon {
  color: #0f8781;
  cursor: pointer;
}
.set-color-train {
  color: #94a2d4;
}
.set-color-test {
  color: #4caf50;
}
.set-color-evaluation {
  color: #94a2d4;
}
.set-color-train-part {
  color: #06a9f4;
}
.set-color-validation {
  color: #cddc39;
}
.set-color-sampling {
  color: #3f51b5;
}
.deploy-clustering-modal {
  min-width: 640px;
  width: 640px;
}
.deploy-clustering-modal p.image {
  height: 75px;
}
.deploy-clustering-modal .selection.modal-body {
  justify-content: space-around;
}
.deploy-clustering-modal .selection.modal-body > div {
  margin: 0 16px;
}
.deploy-clustering-modal .explanation-block {
  text-align: center;
}
.deploy-clustering-modal .explanation {
  color: #666666;
  font-size: 12px;
  text-align: left;
}
.deploy-clustering-modal a.btn {
  text-align: center;
}
.deploy-clustering-modal .selectable {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.deploy-clustering-modal .selectable:not(.selectable) {
  color: #dddddd;
}
.deploy-clustering-modal .selectable.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.deploy-clustering-modal .selectable.selected,
.deploy-clustering-modal .selectable.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.deploy-clustering-modal .selectable i:not(.universe-color) {
  color: #666666;
}
.deploy-clustering-modal .selectable .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.deploy-clustering-modal .selectable .selection-indicator i {
  color: #3b99fc;
}
.deploy-clustering-modal .selectable .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.deploy-clustering-modal .selectable .selectable-item__description {
  font-weight: 400;
}
.deploy-clustering-modal .selectable a {
  font-weight: 600;
}
.deploy-clustering-modal .selectable a:hover {
  text-decoration: none;
}
.deploy-clustering-modal .selectable a:focus {
  outline: none;
}
.deploy-clustering-modal table {
  table-layout: fixed;
  width: 600px;
}
.deploy-clustering-modal .recipe-title {
  text-align: center;
}
.deploy-clustering-modal .image-row {
  text-align: center;
}
.deploy-clustering-modal .recipe-image {
  margin: 20px;
}
.deploy-clustering-modal .recipe-description {
  padding: 10px 10px 10px 20px;
}
.deploy-prediction-modal .selectable {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.deploy-prediction-modal .selectable:not(.selectable) {
  color: #dddddd;
}
.deploy-prediction-modal .selectable.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.deploy-prediction-modal .selectable.selected,
.deploy-prediction-modal .selectable.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.deploy-prediction-modal .selectable i:not(.universe-color) {
  color: #666666;
}
.deploy-prediction-modal .selectable .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.deploy-prediction-modal .selectable .selection-indicator i {
  color: #3b99fc;
}
.deploy-prediction-modal .selectable .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.deploy-prediction-modal .selectable .selectable-item__description {
  font-weight: 400;
}
.deploy-prediction-modal .selectable a {
  font-weight: 600;
}
.deploy-prediction-modal .selectable a:hover {
  text-decoration: none;
}
.deploy-prediction-modal .selectable a:focus {
  outline: none;
}
.new-ml-task-modal .selectable {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.new-ml-task-modal .selectable:not(.selectable) {
  color: #dddddd;
}
.new-ml-task-modal .selectable.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.new-ml-task-modal .selectable.selected,
.new-ml-task-modal .selectable.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.new-ml-task-modal .selectable i:not(.universe-color) {
  color: #666666;
}
.new-ml-task-modal .selectable .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.new-ml-task-modal .selectable .selection-indicator i {
  color: #3b99fc;
}
.new-ml-task-modal .selectable .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.new-ml-task-modal .selectable .selectable-item__description {
  font-weight: 400;
}
.no-model-yet {
  text-align: center;
}
.no-model-yet h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 34px;
  color: #666666;
}
.models-selector-popover {
  width: 400px;
  padding: 0;
  border-top: none;
}
.models-selector-popover ul {
  margin: 0;
}
.models-selector-popover ul li {
  list-style: none;
  line-height: 26px;
}
.models-selector-popover ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.models-selector-popover ul li a:hover {
  text-decoration: none;
}
.models-selector-popover ul li a:focus {
  outline: none;
}
.models-selector-popover ul li a i {
  font-size: 17px;
  vertical-align: middle;
}
.models-selector-popover ul li:nth-child(odd) {
  background: #f2f2f2;
}
.models-selector-popover ul li:hover {
  background: #f2f2f2;
}
.models-selector-popover ul li.divider {
  border-top: 1px solid #dddddd;
}
.models-selector-popover ul li a {
  padding-left: 0px;
}
.models-selector-popover span.metric {
  color: #bbbbbb;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}
.doctor-explanation {
  font-size: 1em;
  background: #d9e6ed;
  padding: 20px;
  border-radius: 5px;
  color: #144c71;
}
.doctor-explanation h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 15px;
  line-height: 33px;
  margin: 0;
}
.doctor-explanation .learnmore {
  text-align: right;
  font-size: 13px;
}
.doctor-explanation.doctor-explanation--sampling {
  max-width: 400px;
}
.doctor-explanation__paragraph {
  margin-bottom: 0;
}
.doctor-explanation__title {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  color: #31708f;
}
.doctor-explanation__title.doctor-explanation__title--foldable-toggler {
  cursor: pointer;
}
.doctor-explanation__sampling-summary,
.doctor-explanation__cross-validation-summary {
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.doctor-explanation__foldable-toggler-icon {
  font-size: 12px;
  display: inline-block;
  width: 16px;
}
.doctor-explanation__foldable-section {
  animation: fade-in 0.8s;
}
.doctor-explanation__schema {
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative;
}
.doctor-explanation__schema-row {
  margin-bottom: 8px;
}
.doctor-explanation__schema-legend {
  font-size: 11px;
  margin-left: 120px;
}
.doctor-explanation__label {
  display: inline-block;
  width: 120px;
}
.doctor-explanation__progress {
  background-image: unset;
  box-shadow: unset;
  border-radius: 0;
  display: inline-block;
  height: 16px;
  margin-bottom: 0;
  transition: background 400ms linear;
  vertical-align: middle;
  width: 250px;
}
.doctor-explanation__evaluation-progress {
  background: #4caf50;
}
.doctor-explanation__evaluation-progress--reversed {
  background: #94a2d4;
}
.doctor-explanation__hyperparameters-progress,
.doctor-explanation__hyperparameters-k-fold-progress {
  background-color: #bbbbbb;
}
.doctor-explanation__hyperparameters-progress--k-fold-split {
  background: #cddc39;
}
.doctor-explanation__schema-ellipsis {
  display: inline-block;
  transform: rotate(90deg);
}
.doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
  margin-left: 225px;
}
.doctor-explanation__sampling-progress {
  background: #3f51b5;
  overflow: unset;
}
.doctor-explanation__sampling-progress:not(.doctor-explanation__sampling-progress--whole-data):after {
  background-image: linear-gradient(to right, #c2c4c4, transparent);
  border-left: 1px solid #ffffff;
  content: '';
  display: inline-block;
  height: 100%;
  margin-left: 100%;
  width: 30px;
}
.progress .bar.doctor-explanation__bar {
  background-image: unset;
  box-shadow: unset;
  transition: background 400ms linear;
  border-right: 1px solid #ffffff;
  line-height: 16px;
}
.progress .bar.doctor-explanation__bar--right {
  border-left: 1px solid #ffffff;
  border-right: 1px solid transparent;
}
.progress .bar.doctor-explanation__bar--middle {
  border-left: 1px solid #ffffff;
}
.progress .bar.doctor-explanation__bar--train {
  background-color: #94a2d4;
}
.progress .bar.doctor-explanation__bar--test {
  background-color: #4caf50;
}
.progress .bar.doctor-explanation__bar--train-part {
  background-color: #06a9f4;
}
.progress .bar.doctor-explanation__bar--ignored-part {
  background-color: #cccccc;
}
.progress .bar.doctor-explanation__bar--validation {
  background-color: #cddc39;
}
.doctor-explanation__arrow-line {
  border-top: 1px solid #31708f;
  display: inline-block;
  width: 240px;
}
@media (max-width: 1600px) {
  .doctor-explanation__progress {
    width: 200px;
  }
  .doctor-explanation__arrow-line {
    width: 190px;
  }
  .doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
    margin-left: 200px;
  }
}
@media (max-width: 1280px) {
  .doctor-explanation__progress {
    width: 150px;
  }
  .doctor-explanation__arrow-line {
    width: 140px;
  }
  .doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
    margin-left: 175px;
  }
}
@media (max-width: 1180px) {
  .doctor-explanation__progress {
    width: 100px;
  }
  .doctor-explanation__arrow-line {
    width: 90px;
  }
  .doctor-explanation__schema-ellipsis + .doctor-explanation__schema-ellipsis {
    margin-left: 150px;
  }
}
.doctor-explanation__arrow-end {
  display: inline-block;
  border-color: transparent transparent transparent #31708f;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  height: 0;
  margin-bottom: -3px;
  width: 0;
}
.doctor-explanation__separation-line {
  margin: 20px -20px;
  border-bottom-color: transparent;
  border-top: 1px solid #c1d4dd;
}
.doctor-explanation__close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 10px;
}
.doctor-settings-hyperparameters {
  position: relative;
}
.doctor-settings-hyperparameters.disabled {
  pointer-events: none;
}
.doctor-settings-hyperparameters.disabled > form {
  opacity: 0.5;
}
.pre-train-status-modal {
  width: 560px;
}
.pre-train-status-modal label {
  font-size: 13px;
}
.pre-train-status-modal input[type=checkbox] {
  margin: 0;
}
.pre-train-status-modal ul {
  list-style-type: none;
  margin-left: 0;
}
.pre-train-status-modal li > .alert {
  margin: 10px 0 0 0;
}
.pre-train-status-modal .train-test-sets {
  text-align: center;
}
.pre-train-status-modal .train-test-sets .train-test-set {
  display: inline-block;
  margin: 0px 40px;
}
.pre-train-status-modal .train-test-sets .train-test-set h4 {
  color: #666666;
  margin: 0;
}
.pre-train-status-modal .pre-warning {
  white-space: pre-wrap;
}
.mlchart-tooltip__table {
  background: none;
}
.mlchart-tooltip__table .mlchart-tooltip__label {
  padding: 0 5px 0 0;
  font-weight: normal;
  font-size: 14px;
  font-family: 'SourceSansPro';
  line-height: 20px;
}
.mlchart-tooltip__table .mlchart-tooltip__value {
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  font-family: 'SourceSansPro';
  line-height: 20px;
}
.regression-scatter-plot-tooltip {
  position: absolute;
  text-align: left;
  padding: 10px;
  font: 12px;
  background: #ffffff;
  z-index: 4000;
  box-shadow: 3px 3px 3px 3px #dddddd;
  border-radius: 8px;
  border: 2px solid #ffffff;
}
.regression-scatter-plot-tooltip hr {
  margin: 5px 0;
}
.gridsearch-scores-graph-line path {
  stroke-width: 3px;
}
.gridsearch-scores-graph-line:not(.selected) circle,
.gridsearch-scores-graph-line:not(.selected) path {
  stroke-opacity: 0.75;
}
.gridsearch-scores-graph-line:not(.selected) path {
  stroke-width: 2px;
}
.gridsearch-scores-graph-line .diamond {
  fill: #cccccc;
}
.gridsearch-scores-graph-line.selected .diamond.DONE {
  fill: #d7f0d6;
}
.gridsearch-scores-graph-line.selected .diamond.FAILED {
  fill: #f9e3e5;
}
.gridsearch-scores-graph-line.selected .diamond.RUNNING,
.gridsearch-scores-graph-line.selected .diamond.PENDING {
  fill: #cccccc;
}
.gridsearch-scores-graph-line .end-circle:not(.DONE) {
  fill: #333333;
}
.gridsearch-scores-graph-line circle:not(.end-circle):not(:hover) {
  fill: #333333;
}
.gridsearch-curve .main text,
.gridsearch-curve .axis text {
  fill: #bbbbbb;
}
.gridsearch-curve .tick line,
.gridsearch-curve line.verticalGrid,
.gridsearch-curve line.horizontalGrid {
  stroke: #444444;
}
.gridsearch-curve .domain {
  stroke-width: 2px;
  stroke: #666666;
}
.gridsearch-results text {
  fill: #666666;
}
.gridsearch-results .tick line {
  stroke: #222222;
}
.gridsearch-results .domain {
  stroke-width: 2px;
  stroke: #666666;
}
.keras-epoch-curve text {
  fill: #afbec5;
}
.keras-epoch-curve .tick text {
  fill: #afbec5;
}
.keras-epoch-curve .tick line,
.keras-epoch-curve line.verticalGrid,
.keras-epoch-curve line.horizontalGrid {
  stroke: #6f8a97;
}
.keras-epoch-curve .domain {
  stroke-width: 2px;
  stroke: #8fa4ae;
}
.keras-epoch-scores-graph-line .end-circle:not(.DONE) {
  fill: #5F7D8C;
}
.keras-epoch-scores-graph-line circle:not(.end-circle):not(:hover) {
  fill: #5F7D8C;
}
.doctor-results-graph-line .diamond.DONE {
  fill: #d7f0d6;
}
.doctor-results-graph-line .diamond.FAILED {
  fill: #f9e3e5;
}
.doctor-results-graph-line.selected text {
  font-weight: 600;
}
.tooltip.gridsearch {
  background-color: #ffffff;
  box-shadow: 0 0 20px #cccccc;
  -webkit-box-shadow: 0 0 20px #cccccc;
  -moz-box-shadow: 0 0 20px #cccccc;
  padding: 2px 6px;
  font-weight: 600;
  color: #81c141;
  border-radius: 3px;
  font-size: 14px;
}
.tooltip.gridsearch:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffffff;
  top: 23px;
  left: 20px;
  position: absolute;
}
.feature-description {
  opacity: 1 !important;
  z-index: 100000;
}
.feature-description .tooltip-inner {
  background-color: #ffffff;
  color: #333333;
  border-radius: 0;
}
.feature-description .tooltip-arrow {
  border-right-color: #ffffff !important;
}
.sub-feature-content {
  font-size: 12px;
  list-style: none;
}
.session-features-popup i {
  width: 20px;
  display: inline-block;
  text-align: center;
}
.session-features-popup i.icon-bullseye {
  color: #333333;
}
.session-features-popup i.icon-eye-open {
  color: #3b99fc;
}
.session-features-popup i.icon-remove {
  color: #666666;
}
.session-features-popup i.icon-ok {
  color: #4caf50;
}
.session-features-popup li.reject {
  color: #cccccc;
}
.new-ml-task-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.new-ml-task-modal .modal__step-header {
  padding: 0 32px;
  margin-bottom: 0;
}
.new-ml-task-modal .ml-templates-container {
  display: flex;
}
.new-ml-task-modal .ml-templates-container .selectable-item {
  height: auto;
}
.new-ml-task-modal .template-data .template-name {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.new-ml-task-modal .template-data .template-description {
  font-size: 12px;
  color: #bbbbbb;
}
.new-ml-task-modal .ml-task-cards {
  display: flex;
  justify-content: center;
  padding: 16px 32px;
}
.new-ml-task-modal .ml-task-card {
  border: 1px solid #dddddd;
  cursor: pointer;
  padding: 26px;
  width: 300px;
}
.new-ml-task-modal .ml-task-card:hover {
  background: #f2f2f2;
}
.new-ml-task-modal .ml-task-card .ml-task-card__title {
  text-align: center;
}
.new-ml-task-modal .ml-task-card .ml-task-card__image {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
  padding: 10px;
}
.new-ml-task-modal .ml-task-card .ml-task-card__image > img {
  max-height: 100%;
}
.new-ml-task-modal .ml-task-card .ml-task-card__description {
  color: #666666;
  font-size: 14px;
  line-height: normal;
  text-align: center;
}
.new-ml-task-modal .ml-task-card + .ml-task-card {
  margin-left: 16px;
}
.features-handling {
  margin: 0;
}
.features-handling :focus {
  outline: none;
}
.features-handling .pagination.pagination li a {
  padding: 0px 7px;
  line-height: 25px;
  border-radius: 0;
}
.features-handling .item {
  padding: 7px;
  border-bottom: 1px solid #dddddd;
}
.features-handling .item.handle-reject {
  color: #bbbbbb;
}
.features-handling .item.handle-reject .name {
  text-decoration: line-through;
}
.features-handling .item.handle-profiling,
.features-handling .item .handle-target {
  font-weight: 600;
}
.features-handling .item .name,
.features-handling .item .role,
.features-handling .item .type,
.features-handling .item .summary {
  display: inline-block;
  vertical-align: top;
}
.features-handling .item .name {
  position: relative;
  padding-left: 1em;
  word-wrap: break-word;
}
.features-handling .item .name i {
  position: absolute;
  left: .2em;
  top: .3em;
}
.features-handling .item .name a {
  color: #333333;
}
.features-handling .item .name a:hover {
  text-decoration: none;
}
.features-handling .item .name a:focus {
  outline: none;
}
.features-handling .item:nth-child(odd) {
  background: #ffffff;
}
.features-handling .item .details {
  margin-left: 20px;
}
.features-handling .item .details h4 {
  font-weight: 400;
  font-size: 15px;
  color: #666666;
}
.features-handling .item .details table td {
  line-height: 18px;
  padding: 3px;
}
.features-handling .item .name {
  width: 250px;
}
.features-handling .item .type,
.features-handling .item .role {
  width: 100px;
}
.features-page {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.features-page .list-zone {
  background: #ffffff;
  border-right: 1px solid #dddddd;
}
.features-page .list-zone .feature-headers {
  padding: 4px 0;
  border-bottom: 1px solid #dddddd;
}
.features-page .list-zone .feature-headers td:first-child {
  width: 1px;
  white-space: nowrap;
}
.features-page .list-zone .feature-headers td:first-child input {
  margin: 0 5px 0 10px;
}
.features-page .list-zone .feature-headers td:last-child {
  max-width: 1px;
  text-align: right;
  padding: 0 7px;
}
.features-page .list-zone .feature-headers td:last-child small {
  margin-left: 2px;
}
.features-page .list-zone .feature-list {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  height: 100%;
  overflow: auto;
  margin-right: 3px;
}
.features-page .list-zone .feature-list .td {
  display: inline-block;
  max-width: calc(100% - 70px);
  vertical-align: middle;
  line-height: 38px;
  padding: 6px 1px;
}
.features-page .list-zone .feature-list .td span.mx-textellipsis {
  display: inline-block;
  max-width: 100%;
}
.features-page .list-zone .feature-list .td.content-text {
  line-height: 14px;
  height: 50px;
  padding: 10px 1px;
}
.features-page .list-zone .feature-list .td.icon {
  padding-left: 3px;
  text-align: center;
}
.features-page .list-zone .feature-list .td.role-icon {
  width: 1.3em;
  font-size: 16px;
  height: 100%;
  line-height: 40px;
}
.features-page .list-zone .feature-list .td.role-icon i.icon-bullseye {
  color: #333333;
}
.features-page .list-zone .feature-list .td.role-icon i.icon-eye-open {
  color: #3b99fc;
}
.features-page .list-zone .feature-list .td.role-icon i.icon-remove {
  color: #666666;
}
.features-page .list-zone .feature-list .td.role-icon i.icon-ok {
  color: #4caf50;
}
.features-page .list-zone .feature-list .td.role-icon i.icon-dku-weight:before {
  font-size: 19px;
}
.features-page .list-zone .feature-list .td .feature-handling {
  color: #666666;
}
.features-page .list-zone .feature-list .tr.rejected .td .feature-handling {
  color: #cccccc;
}
.features-page .list-zone .feature-list h4 {
  padding: 0 8px;
}
.features-page .list-zone .feature-list .tr {
  width: 100%;
  height: 50px;
  border-top: 1px solid #dddddd;
  background-color: #ffffff;
}
.features-page .list-zone .feature-list .tr input[type=checkbox] {
  margin: 0 5px 0 10px;
}
.features-page .list-zone .feature-list .tr.rejected {
  color: #bbbbbb;
}
.features-page .list-zone .feature-list .tr.rejected.selected {
  color: #bbbbbb;
}
.features-page .list-zone .feature-list .tr.selected {
  background-color: #e7f3ff;
}
.features-page .list-zone .feature-list .tr.focused {
  background-color: #f2f2f2;
}
.features-page .list-zone .feature-list .tr.selected.focused {
  background-color: #e7f3ff;
}
.features-page .list-zone .feature-list .feature-generation-tr {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
}
.features-page .list-zone .feature-list .feature-generation-tr label {
  margin: 0;
  display: inline;
}
.features-page .list-zone .feature-list .feature-generation-tr.focused {
  background-color: #f2f2f2;
}
.features-page .main-zone .main-zone-element {
  padding-left: 8px;
}
.features-page .main-zone legend {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 17px;
  border: none;
  line-height: 30px;
  margin-bottom: 5px;
}
.features-page .main-zone .control-group {
  padding-left: 8px;
}
.features-page .main-zone .feature-details {
  margin-bottom: 0;
}
.features-page .main-zone .feature-details .alert {
  box-sizing: border-box;
  width: 95%;
}
.features-page .main-zone .feature-details input,
.features-page .main-zone .feature-details textarea,
.features-page .main-zone .feature-details select,
.features-page .main-zone .feature-details .help-inline,
.features-page .main-zone .feature-details .uneditable-input,
.features-page .main-zone .feature-details .input-prepend,
.features-page .main-zone .feature-details .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.features-page .main-zone .feature-details .hide {
  display: none;
}
.features-page .main-zone .feature-details .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.features-page .main-zone .feature-details .control-group:before,
.features-page .main-zone .feature-details .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.features-page .main-zone .feature-details .control-group:after {
  clear: both;
}
.features-page .main-zone .feature-details .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.features-page .main-zone .feature-details .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.features-page .main-zone .feature-details .controls:first-child {
  *padding-left: 180px;
}
.features-page .main-zone .feature-details .help-block {
  margin-bottom: 0;
}
.features-page .main-zone .feature-details input + .help-block,
.features-page .main-zone .feature-details select + .help-block,
.features-page .main-zone .feature-details textarea + .help-block,
.features-page .main-zone .feature-details .uneditable-input + .help-block,
.features-page .main-zone .feature-details .input-prepend + .help-block,
.features-page .main-zone .feature-details .input-append + .help-block {
  margin-top: 10px;
}
.features-page .main-zone .feature-details .form-actions {
  padding-left: 180px;
}
.features-page .main-zone .feature-details .control-group {
  margin-bottom: 6px;
  margin-top: 6px;
}
.features-page .main-zone .feature-details .control-group .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  /* Color invalid dataset uniqueness issues, even when non dirty */
  height: fit-content;
  height: -moz-fit-content;
  text-align: left;
  width: 120px;
}
.features-page .main-zone .feature-details .control-group .control-label.disabled {
  color: #999999;
}
.features-page .main-zone .feature-details .control-group .control-label input[type=text],
.features-page .main-zone .feature-details .control-group .control-label input[type=url],
.features-page .main-zone .feature-details .control-group .control-label input[type=number],
.features-page .main-zone .feature-details .control-group .control-label input[type=date],
.features-page .main-zone .feature-details .control-group .control-label input[type=time],
.features-page .main-zone .feature-details .control-group .control-label input[type=password],
.features-page .main-zone .feature-details .control-group .control-label textarea,
.features-page .main-zone .feature-details .control-group .control-label select,
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.features-page .main-zone .feature-details .control-group .control-label input[type=text]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=url]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=number]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=date]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=time]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=password]:focus,
.features-page .main-zone .feature-details .control-group .control-label textarea:focus,
.features-page .main-zone .feature-details .control-group .control-label select:focus,
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=text]:hover,
.features-page .main-zone .feature-details .control-group .control-label input[type=url]:hover,
.features-page .main-zone .feature-details .control-group .control-label input[type=number]:hover,
.features-page .main-zone .feature-details .control-group .control-label input[type=date]:hover,
.features-page .main-zone .feature-details .control-group .control-label input[type=time]:hover,
.features-page .main-zone .feature-details .control-group .control-label input[type=password]:hover,
.features-page .main-zone .feature-details .control-group .control-label textarea:hover,
.features-page .main-zone .feature-details .control-group .control-label select:hover,
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker:hover {
  color: #333333;
}
.features-page .main-zone .feature-details .control-group .control-label input[type=text]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=url]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=number]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=date]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=time]:focus,
.features-page .main-zone .feature-details .control-group .control-label input[type=password]:focus,
.features-page .main-zone .feature-details .control-group .control-label textarea:focus,
.features-page .main-zone .feature-details .control-group .control-label select:focus,
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.features-page .main-zone .feature-details .control-group .control-label input[type=text].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=url].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=number].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=date].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=time].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label input[type=password].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label textarea.ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label select.ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.features-page .main-zone .feature-details .control-group .control-label button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.features-page .main-zone .feature-details .control-group .control-label input[type=checkbox],
.features-page .main-zone .feature-details .control-group .control-label input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.features-page .main-zone .feature-details .control-group .control-label input[type=radio] {
  position: relative;
  top: -1px;
}
.features-page .main-zone .feature-details .control-group .control-label input:focus {
  border: 1px #31708f solid;
}
.features-page .main-zone .feature-details .control-group .control-label input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.features-page .main-zone .feature-details .control-group .control-label textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.features-page .main-zone .feature-details .control-group .control-label a:hover {
  text-decoration: none;
}
.features-page .main-zone .feature-details .control-group .control-label a:focus {
  outline: none;
}
.features-page .main-zone .feature-details .control-group .control-label .alert {
  border-radius: 0;
}
.features-page .main-zone .feature-details .control-group .control-label input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.features-page .main-zone .feature-details .control-group .right-wall {
  width: 360px;
}
.features-page .main-zone .feature-details .control-group .controls {
  margin-left: 130px;
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.features-page .main-zone .feature-details .control-group .controls .help-inline,
.features-page .main-zone .feature-details .control-group .controls .help-block {
  font-size: 0.8em;
}
.features-page .main-zone .feature-details .control-group .controls label {
  font-size: 12px;
}
.features-page .main-zone .feature-details .control-group .controls .checkbox-label {
  width: 206px;
}
.features-page .main-zone .feature-details .control-group .controls .checkbox-label.checkbox-label--wide {
  width: 300px;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text],
.features-page .main-zone .feature-details .control-group .controls input[type=number],
.features-page .main-zone .feature-details .control-group .controls select {
  width: 190px;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text].input-xlarge,
.features-page .main-zone .feature-details .control-group .controls input[type=number].input-xlarge,
.features-page .main-zone .feature-details .control-group .controls select.input-xlarge {
  width: 270px;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text].input-xxlarge,
.features-page .main-zone .feature-details .control-group .controls input[type=number].input-xxlarge,
.features-page .main-zone .feature-details .control-group .controls select.input-xxlarge {
  width: 430px;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text].input-half-size,
.features-page .main-zone .feature-details .control-group .controls input[type=number].input-half-size,
.features-page .main-zone .feature-details .control-group .controls select.input-half-size {
  width: 102px;
}
.features-page .main-zone .feature-details .control-group .controls .bootstrap-select {
  width: 190px;
}
.features-page .main-zone .feature-details .control-group .controls .bootstrap-select button {
  border-radius: 0;
  width: 190px;
}
.features-page .main-zone .feature-details .control-group .controls .bootstrap-select button.input-half-size {
  width: 102px;
}
.features-page .main-zone .feature-details .control-group .controls .bootstrap-select button:focus {
  outline: #ce1228;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text],
.features-page .main-zone .feature-details .control-group .controls input[type=url],
.features-page .main-zone .feature-details .control-group .controls input[type=number],
.features-page .main-zone .feature-details .control-group .controls input[type=date],
.features-page .main-zone .feature-details .control-group .controls input[type=time],
.features-page .main-zone .feature-details .control-group .controls input[type=password],
.features-page .main-zone .feature-details .control-group .controls textarea,
.features-page .main-zone .feature-details .control-group .controls select,
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=url]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=number]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=date]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=time]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=password]:focus,
.features-page .main-zone .feature-details .control-group .controls textarea:focus,
.features-page .main-zone .feature-details .control-group .controls select:focus,
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=text]:hover,
.features-page .main-zone .feature-details .control-group .controls input[type=url]:hover,
.features-page .main-zone .feature-details .control-group .controls input[type=number]:hover,
.features-page .main-zone .feature-details .control-group .controls input[type=date]:hover,
.features-page .main-zone .feature-details .control-group .controls input[type=time]:hover,
.features-page .main-zone .feature-details .control-group .controls input[type=password]:hover,
.features-page .main-zone .feature-details .control-group .controls textarea:hover,
.features-page .main-zone .feature-details .control-group .controls select:hover,
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker:hover {
  color: #333333;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=url]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=number]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=date]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=time]:focus,
.features-page .main-zone .feature-details .control-group .controls input[type=password]:focus,
.features-page .main-zone .feature-details .control-group .controls textarea:focus,
.features-page .main-zone .feature-details .control-group .controls select:focus,
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.features-page .main-zone .feature-details .control-group .controls input[type=text].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=url].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=number].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=date].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=time].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls input[type=password].ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls textarea.ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls select.ng-dirty.ng-invalid,
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.features-page .main-zone .feature-details .control-group .controls button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.features-page .main-zone .feature-details .control-group .controls input[type=checkbox],
.features-page .main-zone .feature-details .control-group .controls input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.features-page .main-zone .feature-details .control-group .controls input[type=radio] {
  position: relative;
  top: -1px;
}
.features-page .main-zone .feature-details .control-group .controls input:focus {
  border: 1px #31708f solid;
}
.features-page .main-zone .feature-details .control-group .controls input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.features-page .main-zone .feature-details .control-group .controls textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.features-page .main-zone .feature-details .control-group .controls a:hover {
  text-decoration: none;
}
.features-page .main-zone .feature-details .control-group .controls a:focus {
  outline: none;
}
.features-page .main-zone .feature-details .control-group .controls .alert {
  border-radius: 0;
}
.features-page .main-zone .feature-details .control-group .controls input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.features-page .main-zone .feature-details .control-group .controls select {
  border-radius: 0;
  padding: 0 0.5em;
}
.features-page .main-zone .feature-details .control-group .controls .fit {
  width: auto;
}
.features-page .main-zone .feature-details .control-group .controls .bold {
  font-weight: bold;
}
.features-page .main-zone .feature-details .control-group .controls .codemirror {
  border: 1px solid #dddddd;
}
.features-page .main-zone .feature-details .control-group .controls .codemirror .CodeMirror {
  height: 100%;
}
.features-page .main-zone .feature-details .code-snippet-editor-parent {
  height: 450px;
  margin-right: 10px;
  border: 1px solid #dddddd;
}
.features-page .main-zone .feature-details .code-snippet-editor-parent .code-snippet-editor-header-zone {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.features-page .main-zone .feature-details .feature-section-title {
  font-weight: 600;
  font-size: 15px;
}
.features-page .main-zone .feature-section-with-title {
  border-top: 1px solid #dddddd;
  margin-top: 5px;
}
.features-page [column-analysis] .span3 {
  width: 48% !important;
  margin-bottom: 10px;
}
.features-page [column-analysis] .span3 br {
  display: none;
}
.features-page [column-analysis] .span6,
.features-page [column-analysis] .span7 {
  width: calc(100% - 20px) !important;
}
.features-page [column-analysis] .column-analysis .statistics-table {
  margin-bottom: 15px;
}
.features-page [column-analysis] .column-analysis .statistics-table tr th:nth-child(1) {
  width: 60px;
}
.features-page [column-analysis] .column-analysis .statistics-table tr th:nth-child(3) {
  width: 50px;
}
.features-page [column-analysis] .column-analysis .statistics-table tr th:nth-child(5) {
  width: 80px;
}
.features-page [column-analysis] .column-analysis .statistics-table tr th:nth-child(7) {
  width: 70px;
}
.features-page [column-analysis] .column-analysis .table {
  background: transparent;
  margin-bottom: 0;
}
.features-page [column-analysis] .column-analysis td,
.features-page [column-analysis] .column-analysis th {
  border-top-width: 0;
  padding: 0;
}
.features-page [column-analysis] .column-analysis th {
  text-align: left;
  font-weight: 400;
}
.features-page [column-analysis] .column-analysis td {
  opacity: 0.8;
  width: 90px;
}
.features-page [column-analysis] .column-analysis li {
  line-height: 16px;
}
.preparation-page .table {
  max-width: 550px;
}
.preparation-page td:first-child {
  text-align: right;
}
.preparation-page td > i {
  font-size: 1em;
}
div.heatmap-tooltip {
  padding: 7px 10px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  border: 2px solid #dddddd;
  pointer-events: none;
}
div.heatmap-tooltip h4 {
  font-size: 14px;
  margin: 5px 0;
}
div.heatmap-tooltip table {
  background-color: transparent;
}
div.heatmap-tooltip table tr td.label {
  background-color: inherit;
  color: #222222;
  text-shadow: none;
  padding-right: 10px;
}
div.heatmap-tooltip:before,
div.heatmap-tooltip:after {
  display: block;
  content: "";
  position: absolute;
  top: 49%;
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
div.heatmap-tooltip:before {
  border-width: 11px;
  top: calc(49% - 1px);
}
div.heatmap-tooltip:not(.lefty):before {
  left: -22px;
  border-right-color: #bbbbbb;
}
div.heatmap-tooltip:not(.lefty):after {
  left: -19px;
  border-right-color: rgba(255, 255, 255, 0.9);
}
div.heatmap-tooltip.lefty:before {
  right: -22px;
  border-left-color: #bbbbbb;
}
div.heatmap-tooltip.lefty:after {
  right: -19px;
  border-left-color: rgba(255, 255, 255, 0.9);
}
div.heatmap-tooltip .relvalue {
  font-size: 13px;
  padding-left: 5px;
}
div.heatmap-tooltip .relvalue.positive {
  color: #4caf50;
}
div.heatmap-tooltip .relvalue.negative {
  color: #ce1228;
}
.model-report-common .edit-name-desc h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.model-report-common .edit-name-desc .description {
  margin-top: 1em;
}
.model-report-common .edit-name-desc .description .empty {
  color: #bbbbbb;
}
.model-report-common .edit-name-desc .filigran {
  margin-left: 15px;
  cursor: pointer;
  opacity: 0.2;
}
.model-report-common .edit-name-desc .filigran:hover,
.model-report-common .edit-name-desc .filigran.active {
  opacity: 1;
}
.model-report-common .edit-name-desc form {
  margin: 0;
  text-align: right;
}
.model-report-common .edit-name-desc form * {
  text-align: left;
}
.model-report-common .edit-name-desc form h3 input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  font: inherit;
}
.model-report-common .edit-name-desc form textarea {
  display: block;
  width: 100%;
  min-height: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.assertion-definition-section .assertion-definition-block {
  padding-bottom: 32px;
}
.assertion-definition-section .assertion-definition-block .controls select.assertion-definition-box__class-selection {
  width: 300px;
}
.assertion-definition-section .assertion-definition-block .control-group .controls input.assertion-definition-box__min-value-selection {
  width: 64px;
  margin-right: 8px;
}
.assertion-definition-section .assertion-definition-block .control-group .controls input.assertion-definition-box__max-value-selection {
  width: 64px;
  margin-left: 8px;
  margin-right: 8px;
}
.assertion-definition-section .assertion-definition-block .assertion-definition-box {
  border: 1px solid #dddddd;
  padding: 18px 24px 18px 24px;
  margin-bottom: 16px;
}
.assertion-definition-section .assertion-definition-block .assertion-definition-box__trash-icon {
  font-size: 15px;
}
.assertion-definition-section .assertion-definition-block .assertion-definition-box__pass-ratio-percentage {
  padding: 4px;
  text-align: center;
  width: 32px;
  display: inline-block;
}
.assertion-definition-section .assertion-definition-block .assertion-definition-box__pass-ratio-setter {
  width: 225px;
}
.assertion-definition-section .assertion-definition-add-button {
  text-align: left;
}
.detailed-metrics-table th {
  font-size: 1em;
}
.detailed-metrics-table__metrics-details {
  color: #999999;
  margin-left: 4px;
}
.prediction-model-report .detailed-metrics-table.table {
  max-width: 100%;
}
.performance-metrics .performance-metrics-title {
  height: 44px;
}
.performance-metrics .performance-metrics-title__threshold-slider {
  text-align: right;
}
.performance-metrics .detailed-metrics {
  border-top: 1px solid #dddddd;
}
.performance-metrics .detailed-metrics .metrics-header {
  padding-top: 16px;
  padding-bottom: 8px;
}
.performance-metrics .assertion-result {
  border-top: 1px solid #dddddd;
}
.performance-metrics .assertion-result .assertion-header {
  padding-top: 24px;
  padding-bottom: 16px;
}
.performance-metrics .assertion-result .assertion-header__title {
  display: inline;
}
.performance-metrics .assertion-result .assertion-header__threshold-info {
  text-align: right;
}
.performance-metrics .assertion-result-table.table {
  max-width: 100%;
}
.performance-metrics .assertion-result-table {
  border: 1px solid #dddddd;
  padding-left: 24px;
  line-height: 16px;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
  width: 100%;
}
.performance-metrics .assertion-result-table td {
  line-height: 20px;
  padding: 16px 16px 0 16px;
  border-top: 1px solid #dddddd;
}
.performance-metrics .assertion-result-table__main-line td {
  height: 24px;
}
.performance-metrics .assertion-result-table__sub-line td {
  padding-top: 0;
  padding-bottom: 16px;
  border-top: none;
}
.performance-metrics .assertion-result-table__sub-line-criteria {
  color: #666666;
}
.performance-metrics .assertion-result-table--border-sides {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.performance-metrics .assertion-result-table--wide-title {
  min-width: 140px;
}
.performance-metrics .assertion-result-table--border-right {
  border-right: 1px solid #dddddd;
}
.performance-metrics .assertion-result-table__filter {
  max-width: 350px;
}
.performance-metrics .assertion-result-table__expected-valid-ratio-marker {
  position: relative;
  margin-top: 12px;
}
.performance-metrics .assertion-result-table__expected-valid-ratio-marker-background {
  width: 16px;
  height: 12px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, #ffffff 2.36%, #91c58a 22.9%, #91c58a 71.09%, rgba(145, 197, 138, 0) 90.63%);
}
.performance-metrics .assertion-result-table__expected-valid-ratio-marker-bar {
  position: absolute;
  width: 16px;
  left: -1px;
  bottom: 5px;
  border: 1px solid #3b99fc;
  transform: rotate(90deg);
}
.performance-metrics .assertion-result-table__outcomes-number--invalid {
  text-align: right;
  min-height: 16px;
}
.performance-metrics .assertion-result-table__outcomes-number--dropped {
  text-align: center;
  min-height: 16px;
}
.performance-metrics .assertion-result-table__outcomes-number--valid {
  min-height: 16px;
}
.performance-metrics .assertion-result-table__dropped-details {
  font-size: 11px;
  color: #999999;
  margin-left: 4px;
}
.performance-metrics .assertion-result-table__icon-valid-rows {
  font-size: 9px;
  color: #81c784;
  margin-right: 4px;
}
.performance-metrics .assertion-result-table__icon-invalid-rows {
  font-size: 9px;
  color: #e78994;
  margin-right: 4px;
}
.performance-metrics .assertion-result-table__valid-ratio {
  min-width: 150px;
  width: 30%;
}
.performance-metrics .assertion-result-table__result {
  font-size: 16px;
  padding-top: 8px;
  min-width: 50px;
}
.performance-metrics .assertion-result-table__result--pass {
  color: #4caf50;
}
.performance-metrics .assertion-result-table__result--fail {
  color: #ce1228;
}
.prediction-model-report .summary-page .model-score {
  display: inline-block;
  background: #dddddd;
  padding: 10px;
  border: 1px solid #dddddd;
}
.prediction-model-report .summary-page .metric-name {
  font-size: 1.6em;
  font-weight: 400;
  font-style: italic;
}
.prediction-model-report .summary-page .metric-name::after {
  content: ":";
}
.prediction-model-report .summary-page .metric-value {
  font-size: 1.6em;
  font-weight: 400;
  font-style: italic;
}
.prediction-model-report code {
  color: inherit;
}
.prediction-model-report h3,
.prediction-model-report h4 {
  margin-top: 1em;
  margin-bottom: .4em;
}
.prediction-model-report .threshold-form > *:not(:first-child) {
  display: inline-block;
  margin-left: 1em;
}
.prediction-model-report .threshold-form .threshold-range:before {
  content: "0";
}
.prediction-model-report .threshold-form .threshold-range:after {
  content: " 1";
}
.prediction-model-report .table {
  max-width: 550px;
}
.prediction-model-report th {
  font-size: 1.2em;
}
.prediction-model-report .variable-coefs-filters .bootstrap-select {
  max-width: 150px;
}
.prediction-model-report .variable-coefs-filters .list-control-widget {
  margin-left: 0;
}
.prediction-model-report .variable-coefs-filters > label,
.prediction-model-report .variable-coefs-filters > span:not(:first-child) {
  display: inline-block;
  margin-left: 2em;
}
.prediction-model-report .variable-coefs-filters .pages-wrapper {
  float: right;
}
.prediction-model-report .variable-coefs-filters .pages {
  margin-left: 1em;
}
.prediction-model-report .variable-coefs-filters .pages a {
  display: inline-block;
  padding: 0 3px;
  color: inherit;
  text-decoration: none;
}
.prediction-model-report .variable-coefs-filters .pages .active {
  font-weight: 600;
}
.prediction-model-report .variable-coefs {
  max-width: 100%;
  margin-top: 1em;
}
.prediction-model-report .variable-coefs td.coef-bar span {
  display: block;
  height: 1.5em;
}
.prediction-model-report .variable-coefs td.coef-bar span.negative {
  margin-right: 50px;
  background-color: #ce1228;
}
.prediction-model-report .variable-coefs td.coef-bar span.positive {
  margin-left: 50px;
  background-color: #4caf50;
}
.prediction-model-report .bc-results-cost-matrix {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.prediction-model-report .bc-results-cost-matrix h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.prediction-model-report .bc-results-cost-matrix input[type=text],
.prediction-model-report .bc-results-cost-matrix input[type=url],
.prediction-model-report .bc-results-cost-matrix input[type=number],
.prediction-model-report .bc-results-cost-matrix input[type=date],
.prediction-model-report .bc-results-cost-matrix input[type=time],
.prediction-model-report .bc-results-cost-matrix input[type=password],
.prediction-model-report .bc-results-cost-matrix textarea,
.prediction-model-report .bc-results-cost-matrix select,
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.prediction-model-report .bc-results-cost-matrix input[type=text]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=url]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=number]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=date]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=time]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=password]:focus,
.prediction-model-report .bc-results-cost-matrix textarea:focus,
.prediction-model-report .bc-results-cost-matrix select:focus,
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker:focus,
.prediction-model-report .bc-results-cost-matrix input[type=text]:hover,
.prediction-model-report .bc-results-cost-matrix input[type=url]:hover,
.prediction-model-report .bc-results-cost-matrix input[type=number]:hover,
.prediction-model-report .bc-results-cost-matrix input[type=date]:hover,
.prediction-model-report .bc-results-cost-matrix input[type=time]:hover,
.prediction-model-report .bc-results-cost-matrix input[type=password]:hover,
.prediction-model-report .bc-results-cost-matrix textarea:hover,
.prediction-model-report .bc-results-cost-matrix select:hover,
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker:hover {
  color: #333333;
}
.prediction-model-report .bc-results-cost-matrix input[type=text]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=url]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=number]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=date]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=time]:focus,
.prediction-model-report .bc-results-cost-matrix input[type=password]:focus,
.prediction-model-report .bc-results-cost-matrix textarea:focus,
.prediction-model-report .bc-results-cost-matrix select:focus,
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.prediction-model-report .bc-results-cost-matrix input[type=text].ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=url].ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=number].ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=date].ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=time].ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix input[type=password].ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix textarea.ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix select.ng-dirty.ng-invalid,
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.prediction-model-report .bc-results-cost-matrix button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.prediction-model-report .bc-results-cost-matrix input[type=checkbox],
.prediction-model-report .bc-results-cost-matrix input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.prediction-model-report .bc-results-cost-matrix input[type=radio] {
  position: relative;
  top: -1px;
}
.prediction-model-report .bc-results-cost-matrix input:focus {
  border: 1px #31708f solid;
}
.prediction-model-report .bc-results-cost-matrix input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.prediction-model-report .bc-results-cost-matrix textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.prediction-model-report .bc-results-cost-matrix a:hover {
  text-decoration: none;
}
.prediction-model-report .bc-results-cost-matrix a:focus {
  outline: none;
}
.prediction-model-report .bc-results-cost-matrix .alert {
  border-radius: 0;
}
.prediction-model-report .bc-results-cost-matrix input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.prediction-model-report .cost-matrix td,
.prediction-model-report .confusion-matrix td,
.prediction-model-report .cost-matrix th,
.prediction-model-report .confusion-matrix th {
  vertical-align: middle;
  text-align: center;
}
.prediction-model-report .cost-matrix td.success code {
  color: #4caf50;
}
.prediction-model-report .cost-matrix td.error code {
  color: #ce1228;
}
.prediction-model-report .cost-matrix *:nth-last-child(5) ~ td,
.prediction-model-report .cost-matrix tr:last-child th {
  text-align: right;
}
.prediction-model-report .cost-matrix.short tr > td:nth-last-child(5) ~ *,
.prediction-model-report .cost-matrix.short tr > th:nth-last-child(3) ~ * {
  display: none;
}
.prediction-model-report .cost-matrix input {
  width: 50px;
}
.prediction-model-report .cost-matrix .actual-gain {
  font-weight: 600;
  color: #666666;
  text-align: center !important;
}
.prediction-model-report .confusion-matrix:not(.multiclass) {
  max-width: 400px;
}
.prediction-model-report .confusion-matrix {
  table-layout: fixed;
}
.prediction-model-report .confusion-matrix td,
.prediction-model-report .confusion-matrix th {
  border: 1px solid #dddddd;
}
.prediction-model-report .confusion-matrix td:empty,
.prediction-model-report .confusion-matrix th:empty {
  border: none;
}
.prediction-model-report .confusion-matrix th {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.prediction-model-report .confusion-matrix th.current {
  border-top: 6px solid #1f77b4;
}
.prediction-model-report .confusion-matrix th.reference {
  position: relative;
  border-top: 6px solid #ff7f0e;
}
.prediction-model-report .confusion-matrix th.reference .change-ref-btn {
  right: 6px;
  top: 6px;
  position: absolute;
}
.prediction-model-report .confusion-matrix td {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.prediction-model-report .confusion-matrix td.success {
  color: #4caf50;
}
.prediction-model-report .confusion-matrix td.error {
  color: #ce1228;
}
.prediction-model-report .confusion-matrix.multiclass {
  width: inherit;
  max-width: none;
}
.prediction-model-report .error-distrib td {
  text-align: center;
}
.prediction-model-report .error-distrib th {
  font-size: 1em;
}
.prediction-model-report .error-distrib th[colspan] {
  text-align: right;
}
.prediction-model-report .metrics-table th {
  vertical-align: middle;
  font-size: 16px;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-align: right;
}
.prediction-model-report .metrics-table th .icon-info-sign {
  color: #999999;
  cursor: pointer;
}
.prediction-model-report .metrics-table td.category {
  font-style: italic;
  text-align: center;
}
.prediction-model-report .metrics-table td > strong {
  font-weight: 400;
  font-size: 14px;
  display: block;
}
.prediction-model-report .metrics-table td > span {
  opacity: .5;
}
.prediction-model-report .metrics-table .sigma {
  display: block;
  font-size: 0.9em;
  color: #666666;
}
.prediction-model-report [r-scatter-plot] .nv-scatter {
  stroke-width: 0;
}
.prediction-model-report [bc-gain-chart] .nv-groups .nv-group:last-child {
  stroke-dasharray: 3, 3;
}
.prediction-model-report [bc-gain-chart] .nv-groups .nv-group:last-child .nv-point.hover {
  stroke-dasharray: 0;
}
.prediction-model-report [bc-roc-curve] ~ .nvtooltip,
.prediction-model-report [bc-calibration-curve] ~ .nvtooltip {
  margin-left: 100px;
  margin-top: 60px;
}
.prediction-model-report .metrics-definition {
  margin: 0 0 10px;
}
.prediction-model-report .metrics-definition dd,
.prediction-model-report .metrics-definition dt {
  display: inline;
  margin-left: 0;
}
.density-chart__graph {
  padding-top: 15px;
}
.coef-path .graph-width {
  width: 700px;
}
.coef-path .graph-slider {
  margin-bottom: 15px;
}
.coef-path .coef-container {
  min-width: 200px;
  margin-left: 30px;
}
.coef-path .number-header {
  margin-bottom: 10px;
  text-align: center;
}
.coef-path table {
  table-layout: fixed;
  margin: auto;
  width: 100%;
}
.coef-path .feature {
  width: 33%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.coef-path .coef-bar {
  min-width: 70px;
  width: 70px;
}
.coef-path .coef-value {
  padding-left: 10px;
  min-width: 50px;
  width: 50px;
}
.coef-path td {
  height: 15px;
  border-bottom: 1px light-grey solid;
}
.coef-path .selected-feature {
  text-align: center;
  font-weight: 600;
  font-size: 8pt;
  height: 35px;
  max-height: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 15px;
  white-space: nowrap;
}
.coef-path input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
.coef-path input[type=range]:focus {
  outline: none;
}
.coef-path input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #222222;
  background: #bbbbbb;
  border-radius: 5px;
  border: 1px solid #666666;
}
.coef-path input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #666666;
  border: 1px solid #666666;
  height: 10px;
  width: 20px;
  border-radius: 6px;
  background: #dddddd;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3px;
}
.coef-path input[type=range]:focus::-webkit-slider-runnable-track {
  background: #bbbbbb;
}
.coef-path input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #222222;
  background: #bbbbbb;
  border-radius: 5px;
  border: 1px solid #666666;
}
.coef-path input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #666666;
  border: 1px solid #666666;
  height: 10px;
  width: 20px;
  border-radius: 6px;
  background: #dddddd;
  cursor: pointer;
}
.coef-path input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.coef-path input[type=range]::-ms-fill-lower {
  background: #bbbbbb;
  border: 1px solid #666666;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #222222;
}
.coef-path input[type=range]::-ms-fill-upper {
  background: #bbbbbb;
  border: 1px solid #666666;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #222222;
}
.coef-path input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #666666;
  border: 1px solid #666666;
  height: 10px;
  width: 20px;
  border-radius: 6px;
  background: #dddddd;
  cursor: pointer;
}
.coef-path input[type=range]:focus::-ms-fill-lower {
  background: #bbbbbb;
}
.coef-path input[type=range]:focus::-ms-fill-upper {
  background: #bbbbbb;
}
.clustering-results-page * {
  box-sizing: border-box;
}
.clustering-results-page div.anomalies .container {
  padding-top: 70px;
  width: 100%;
}
.clustering-results-page div.anomalies .scores-section {
  margin-right: 15px;
}
.clustering-results-page div.anomalies .cell {
  border: 1px solid #ffffff;
  padding-top: 7px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.clustering-results-page div.anomalies .cell-dimensions {
  width: 45px;
  height: 35px;
}
.clustering-results-page div.anomalies .feature-container {
  position: relative;
}
.clustering-results-page div.anomalies .feature-name {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
  height: 20px;
  max-height: 20px;
  max-width: 100px;
  transform: rotate(-45deg);
  position: absolute;
  top: -20px;
}
.clustering-results-page div.anomalies .score {
  width: 70px;
  height: 35px;
}
.clustering-results-page div.anomalies .data-header {
  height: 45px;
  max-height: 45px;
}
.clustering-results-page div.heat-gradient {
  width: 75px;
}
.clustering-results-page div.heat-gradient #text {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 600;
}
.clustering-results-page div.heat-gradient #gradient {
  width: 100%;
  height: 15px;
  background: linear-gradient(to right, #323dff, #f2f2f2, #e22828);
  background: -webkit-linear-gradient(left, #323dff, #f2f2f2, #e22828);
  background: -moz-linear-gradient(right, #323dff, #f2f2f2, #e22828);
}
.clustering-results-page .heatmap-page {
  position: relative;
}
.clustering-results-page .heatmap-page a {
  color: #333333;
}
.clustering-results-page .heatmap-page a:hover {
  text-decoration: none;
  color: #2d86fb;
}
.clustering-results-page .heatmap-page table {
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
  white-space: nowrap;
}
.clustering-results-page .heatmap-page .reset-sort-link {
  color: #2d86fb;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
}
.clustering-results-page .heatmap-page .table th,
.clustering-results-page .heatmap-page .table td {
  padding: 0px;
}
.clustering-results-page .heatmap-page .table td {
  border: none;
}
.clustering-results-page .heatmap-page .table tr.sort-active td {
  position: relative;
}
.clustering-results-page .heatmap-page .table tr.sort-active td:before,
.clustering-results-page .heatmap-page .table tr.sort-active td:after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #222222;
}
.clustering-results-page .heatmap-page .table tr.sort-active td:after {
  bottom: 0;
  padding-bottom: 0;
}
.clustering-results-page .heatmap-page .table td.sort-active {
  position: relative;
}
.clustering-results-page .heatmap-page .table td.sort-active:before,
.clustering-results-page .heatmap-page .table td.sort-active:after {
  content: ' ';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #222222;
}
.clustering-results-page .heatmap-page .table td.sort-active:after {
  right: 0;
  height: 0px;
}
.clustering-results-page .heatmap-page table td.square {
  width: 50px;
  max-width: 50px;
  height: 50px;
  margin: 1px;
  border: 1px solid #dddddd;
}
.clustering-results-page .heatmap-page .tile-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.clustering-results-page .heatmap-page .btn-reset {
  margin-left: 40px;
}
.clustering-results-page .heatmap-page .features-container {
  height: 50px;
  position: relative;
}
.clustering-results-page .heatmap-page .features-container .features {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  border-color: #222222;
  padding-top: 14px;
  text-align: right;
}
.clustering-results-page .heatmap-page .features-container .icon-caret-right {
  position: absolute;
  top: 18px;
  right: 5px;
}
.clustering-results-page .heatmap-page .features-container .icon-caret-left {
  position: absolute;
  top: 18px;
  right: 5px;
}
.clustering-results-page .heatmap-page .table-headers {
  height: 75px;
  line-height: 75px;
  text-align: center;
}
.clustering-results-page .heatmap-page .line {
  float: none;
}
.clustering-results-page .heatmap-page .features-box {
  background-color: #ffffff;
  padding: 5px;
  border-left: 1px solid #222222;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  border-right: 1px solid #ffffff;
}
.clustering-results-page .heatmap-page .cluster-header {
  transform-origin: left;
  transform: rotate(-45deg) skewX(45deg);
  position: absolute;
  left: 15px;
  bottom: 4px;
  padding: 0px 6px;
  max-width: 120px;
  z-index: 0;
}
.clustering-results-page .heatmap-page .cluster-box {
  background-color: #ffffff;
  transform-origin: left;
  transform: rotate(-45deg) skewX(45deg);
  position: absolute;
  left: 25px;
  bottom: 2px;
  border: 1px solid #222222;
  border-left-color: #ffffff;
  padding: 0px 6px;
  max-width: 120px;
  z-index: 0;
}
.clustering-results-page .heatmap-page .cluster-box:before {
  transform: skewX(-45deg);
  content: "";
  border: 1px solid #222222;
  border-left: none;
  width: 30px;
  display: block;
  position: absolute;
  right: -15px;
  bottom: -1px;
  top: -1px;
  background-color: #ffffff;
  z-index: 1;
}
.clustering-results-page .heatmap-page .cluster-content {
  transform-origin: left;
  transform: skewX(-45deg) !important;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  align-items: center;
}
.clustering-results-page .heatmap-page .cluster-container {
  display: inline-block;
  width: 50px;
  position: relative;
  z-index: 2;
}
.clustering-results-page .heatmap-page .cluster-name {
  max-width: 70px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  z-index: 3;
}
.clustering-results-page .heatmap-page .color-indicator {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  margin-right: 5px;
}
.clustering-results-page .heatmap-page .carets {
  margin-right: 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.clustering-results-page .heatmap-page .cluster-edit {
  float: right;
  transform: rotate(-45deg) scale(0.75);
  margin-right: -1em;
  z-index: 4;
  position: relative;
}
.clustering-results-page .heatmap-page .cluster-edit:not(:hover) {
  opacity: 0.5;
}
.clustering-results-page .heatmap-page .tile-tooltip {
  margin-right: -20px;
}
.clustering-results-page .heatmap-page .test {
  width: 200px;
  height: 50px;
  border: 1px solid #dddddd;
}
.clustering-results-page .cluster-hierarchy .cluster-container {
  margin: -15px -20px;
  height: auto;
}
.clustering-results-page .cluster-hierarchy .stats-area {
  width: 300px;
  border-left: 1px solid #dddddd;
}
.clustering-results-page .cluster-hierarchy .stats-header {
  height: 70px;
  background-color: #ffffff;
  padding-left: 20px;
  padding: 15px 15px 15px 20px;
  color: #333333;
}
.clustering-results-page .cluster-hierarchy .node-size-container {
  margin-top: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
.clustering-results-page .cluster-hierarchy .color-indicator {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin-right: 15px;
  margin-top: 4px;
}
.clustering-results-page .cluster-hierarchy .cluster-name {
  max-width: 200px;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.clustering-results-page .cluster-hierarchy .row-element {
  height: 30px;
  border-bottom: 1px solid #dddddd;
}
.clustering-results-page .cluster-hierarchy .title {
  font-size: 14px;
  text-align: center;
}
.clustering-results-page .cluster-hierarchy .feature-width {
  width: 130px;
  max-width: 130px;
}
.clustering-results-page .cluster-hierarchy .avg-width {
  width: 75px;
  max-width: 75px;
}
.clustering-results-page .cluster-hierarchy .parent-width {
  width: 95px;
  max-width: 95px;
}
.clustering-results-page .cluster-hierarchy .feature {
  font-size: 12px;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
  padding-left: 10px;
}
.clustering-results-page .cluster-hierarchy .avg {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
}
.clustering-results-page .cluster-hierarchy .parent {
  padding-top: 5px;
  margin-left: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clustering-results-page .cluster-hierarchy .std-list-sort-box {
  margin: 10px 20px;
}
.clustering-results-page .cluster-hierarchy .sort-select {
  width: 200;
}
.clustering-results-page .cluster-hierarchy .hover-indication {
  text-align: center;
  font-weight: 600;
}
.clustering-results-page .cluster-hierarchy .btn-action {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.clustering-results-page .cluster-hierarchy .btn-action i {
  margin-left: 5px;
}
.clustering-results-page .cluster-hierarchy .btn-action:hover {
  transition: all 0.2s ease;
  background: #444444;
  color: #ffffff;
}
.clustering-results-page .cluster-hierarchy .btn-action.popover-shown {
  color: #ffffff;
  background: #333333;
}
.clustering-results-page .cluster-hierarchy .btn-action:disabled {
  background: #f2f2f2;
  border: 0px;
}
.clustering-results-page .cluster-hierarchy .filigran {
  margin-left: 15px;
  cursor: pointer;
  opacity: 0.2;
}
.clustering-results-page .cluster-hierarchy .filigran:hover,
.clustering-results-page .cluster-hierarchy .filigran.active {
  opacity: 1;
}
.clustering-results-page div.cluster-summary {
  padding-top: 32px;
  padding: 30px;
  background-color: #ffffff;
}
.clustering-results-page div.cluster-summary * {
  box-sizing: border-box;
}
.clustering-results-page div.cluster-summary h3 {
  color: #bbbbbb;
  font-size: 14px;
}
.clustering-results-page div.cluster-summary .filigran {
  cursor: pointer;
  opacity: 0.2;
}
.clustering-results-page div.cluster-summary .filigran:hover,
.clustering-results-page div.cluster-summary .filigran.active {
  opacity: 1;
}
.clustering-results-page div.cluster-summary ul.observations li {
  font-size: 13px;
}
.clustering-results-page div.cluster-summary ul.observations li span.greater {
  color: #4caf50;
}
.clustering-results-page div.cluster-summary ul.observations li span.smaller {
  color: #ce1228;
}
.clustering-results-page div.cluster-summary table.clusters-tab {
  table-layout: fixed;
  line-height: 28px;
}
.clustering-results-page div.cluster-summary table.clusters-tab tr.cluster:hover {
  background-color: #ffffff;
}
.clustering-results-page div.cluster-summary table.clusters-tab tr.cluster.selected {
  font-weight: 600;
  background-color: #f2f2f2;
}
.clustering-results-page div.cluster-summary table.clusters-tab td.name {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  max-width: 80px;
}
.clustering-results-page div.cluster-summary table.clusters-tab td.gauge {
  width: 100px;
  max-width: 100px;
}
.clustering-results-page div.cluster-summary table.clusters-tab td.samples {
  padding-left: 15px;
  width: 150px;
  max-width: 150px;
}
.clustering-results-page div.cluster-summary div.summary-detail {
  padding-left: 50px;
  height: 100%;
  border-left: 2px solid #dddddd;
}
.clustering-results-page stacked-histograms {
  display: block;
  width: 100%;
}
.clustering-results-page .cluster-profiling-screen {
  background-color: #ffffff;
  position: relative;
}
.clustering-results-page .cluster-profiling-screen:before {
  content: "";
  position: absolute;
  left: 270px;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff), #ffffff url("/static/dataiku/images/models/clustering-profiling-background.png") repeat 3px 0px;
}
.clustering-results-page .cluster-profiling-screen:after {
  content: "";
  position: absolute;
  left: 270px;
  top: 20px;
  bottom: 20px;
  width: 1px;
  border-left: solid 1px #dddddd;
}
.clustering-results-page .cluster-profiling-screen h3 {
  font-size: 14px;
  margin-left: 54px;
  margin-bottom: 2px;
}
.clustering-results-page .cluster-profiling-screen .cluster-profiling-row {
  position: relative;
  margin: 0;
  width: 100%;
  height: 198px;
}
.clustering-results-page .cluster-profiling-screen .cluster-profiling-global-row {
  height: 260px !important;
}
.clustering-results-page .cluster-profiling-screen .cluster-profiling-global-row div {
  border-bottom: 1px solid #dddddd;
}
.clustering-results-page .cluster-profiling-screen text.histogram-label {
  font-size: 12px;
}
.clustering-results-page .cluster-profiling-screen g.xaxis.hide-labels text {
  visibility: hidden;
}
.clustering-results-page .cluster-profiling-screen g.whiskerPlot * {
  stroke: #bbbbbb;
}
.clustering-results-page .cluster-profiling-screen g.whiskerPlot rect {
  fill: #ffffff;
}
.clustering-results-page .cluster-profiling-screen g.whiskerPlot circle {
  fill: #bbbbbb;
}
.clustering-results-page .cluster-profiling-screen .filigran {
  margin-left: 5px;
  cursor: pointer;
  opacity: 0.2;
}
.clustering-results-page .cluster-profiling-screen .filigran:hover,
.clustering-results-page .cluster-profiling-screen .filigran.active {
  opacity: 1;
}
.clustering-results-page div.cluster-profiling-rows {
  overflow-y: scroll;
  position: relative;
}
.clustering-results-page .right-area {
  position: absolute;
  left: 277px;
  right: 5px;
}
.clustering-results-page .right-area svg {
  height: 200px;
}
.clustering-results-page .left-area,
.clustering-results-page .right-area {
  padding: 10px 10px;
  margin: 0px 10px;
  height: calc(100%);
  top: 0px;
}
.clustering-results-page .left-area {
  display: block;
  margin: 0px 10px;
  width: 240px;
}
.clustering-results-page .left-area .bz-gauge {
  width: 82px;
  margin-top: 23px;
}
.clustering-results-page .left-area h3 {
  font-size: 16px;
}
.clustering-results-page .left-area .feature-selector {
  width: 100% !important;
  position: relative;
  left: 0;
  right: 0;
}
.clustering-results-page .left-area table {
  color: #bbbbbb;
}
.clustering-results-page .left-area > div.bootstrap-select {
  display: block !important;
}
.model-info-page table {
  width: auto;
  max-width: auto;
}
.model-info-page table tbody {
  border: 0;
}
.model-info-page th,
.model-info-page td {
  padding: 3px;
  line-height: 20px;
}
.model-info-page th {
  font-size: 13px;
  font-weight: 400;
  padding-right: 30px;
  color: #666666;
}
.model-info-page td {
  font-size: 14px;
  font-weight: 600;
}
.model-info-page .small-gray {
  font-size: 13px;
  font-weight: 400;
  color: #999999;
}
.model-info-page .small {
  font-size: 13px;
  font-weight: 400;
}
.model-info-page .mh-0 {
  min-height: 0;
}
.model-info-page .ws-nowrap {
  white-space: nowrap;
}
.model-info-page .text-diagnostics {
  line-height: 20px;
}
.model-info-page__algorithm_parameters .text-error,
.model-info-page__algorithm_parameters .text-success {
  color: #333333;
}
.model-info-page__object-link a,
.model-info-page__object-link span {
  color: #333333;
}
.model-info-page__object-link a:hover,
.model-info-page__object-link span:hover {
  text-decoration: none;
}
.model-info-page__object-link a:focus,
.model-info-page__object-link span:focus {
  outline: none;
}
.gridsearch-page h3 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}
.gridsearch-page .data-table {
  table-layout: fixed;
  min-width: 100%;
}
.gridsearch-page .data-table th,
.gridsearch-page .data-table td {
  border: 1px solid #dddddd;
}
.gridsearch-page .data-table th {
  padding-right: 3px;
  word-wrap: break-word;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
  -webkit-hyphenate-character: "";
  -moz-hyphenate-character: "";
  hyphenate-character: "";
}
.gridsearch-page .gs-param__n-estimators--xgboost {
  font-style: italic;
}
.gridsearch-header {
  height: 44px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.gridsearch-header__title {
  width: 274px;
  height: 28px;
  color: #222222;
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 28px;
}
.gridsearch-header__button-group {
  margin-top: 4px;
  margin-left: auto;
}
.hyperparam-1d-plot {
  height: 300px;
  width: 100%;
}
.hyperparam-1d-plot__svg {
  height: 100%;
  width: 100%;
}
.hyperparam-search-table.hyperparam-search-table {
  width: 100%;
  max-width: none;
}
.hyperparam-search-table__export-button {
  margin-top: -20px;
}
.hyperparam-2d-dependency-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.hyperparam-2d-dependency-row:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.hyperparam-2d-dependency-row__title {
  align-self: stretch;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dddddd;
}
.hyperparam-2d-dependency-row__title--straight {
  text-align: center;
  font-size: 17.5px;
  font-weight: bold;
  height: 30px;
}
.hyperparam-2d-dependency-row__title--rotated {
  font-size: 17.5px;
  font-weight: bold;
  transform: rotate(-90deg);
  height: 30px;
}
.hyperparam-2d-dependency-plot__multiline .nv-axislabel {
  font-weight: bold;
}
.hyperparam-2d-dependency-plot__multiline .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0.2;
  stroke-opacity: 0;
}
.hyperparam-2d-dependency-plot__multiline .nv-line {
  stroke-width: 1.5px;
}
.partitioned-model__link {
  font-weight: 500;
  color: #333333;
}
.partitioned-model__link:hover,
.partitioned-model__link:focus {
  color: #333333;
}
.partitioned-model__link--error {
  color: #c91024;
}
.partitioned-model__link--error:hover,
.partitioned-model__link--error:focus {
  color: #c91024;
}
.partitioned-model--padding {
  padding: 20px 25px 10px 25px;
}
.model-starred {
  margin: 6px;
  cursor: pointer;
}
.model-starred .icon-star {
  color: #fabd38;
}
.model-starred .icon-star-empty {
  color: #666666;
}
.model-starred .icon-star-empty:hover {
  color: #fabd38;
}
.model-color-bullet {
  border-width: 6px;
  border-style: solid;
  vertical-align: middle;
  width: 0px;
  height: 0px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 5px;
  margin-bottom: 4px;
  border-radius: 6px;
  border-color: #dddddd;
}
.model-color-bullet.selectable {
  opacity: 0.75;
}
.model-color-bullet.selectable.selected {
  opacity: 1;
}
.models-session {
  overflow-y: auto;
}
.models-session.models-session--keras {
  overflow-y: unset;
}
.models-detailed-item {
  background-color: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  border-left: 4px solid #dddddd;
  list-style: none;
  overflow-y: visible;
  margin: 24px 0 24px 4px;
  position: relative;
  transition: background-color 0.5s ease;
  /* Width calculation: to make sure model box is aligned with graph even with scrollbars
    width = 0.75 * [ view-width - (   40px    ) ]  - (  16px + 4px + 4px   ) - (     14px - 16px      )
                                  (right panel)      (left paddings/margins)   (right paddings/margins)
    */
  width: calc(75vw - 84px);
  /* Using after and opacity to animate box-shadow for better performances. See http://tobiasahlin.com/blog/how-to-animate-box-shadow */
}
.models-detailed-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 8px 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.models-detailed-item.focused::after {
  opacity: 1;
}
.models-detailed-item .model-snippet-header {
  border-bottom: 1px solid #dddddd;
  display: grid;
  grid-template-columns: 0.95fr 1.1fr 0.95fr;
  padding: 8px 0;
}
.models-detailed-item .model-snippet-btn {
  width: 85px;
  display: inline-block;
  margin: 5px;
  height: 28px;
  line-height: 26px;
  font-weight: 600;
  font-size: 12px;
  border: 1px solid #dddddd;
  cursor: pointer;
  text-align: center;
}
.models-detailed-item .model-snippet-btn span,
.models-detailed-item .model-snippet-btn i {
  vertical-align: middle;
}
.models-detailed-item .model-snippet-btn:hover {
  background-color: #f2f2f2;
}
.models-detailed-item .model-snippet-btn.abort {
  color: #ce1228;
}
.models-detailed-item .model-snippet-btn.logs {
  text-decoration: none;
  color: #666666;
}
.models-detailed-item .model-snippet-btn.resume {
  color: #666666;
}
.models-detailed-item .model-snippet-btn.finalize {
  padding-left: 0;
  color: #666666;
}
.models-detailed-item .icon-dku-weight:before {
  font-size: 18px;
}
.models-detailed-item .model-snippet-header__details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
}
.models-detailed-item .model-snippet-header__name {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.models-detailed-item .model-snippet-header__state {
  display: flex;
  align-items: center;
  justify-content: center;
}
.models-detailed-item .model-snippet-header__metric {
  font-weight: 400;
  font-size: 18px;
  margin-right: 8px;
  text-align: center;
  white-space: nowrap;
}
.models-detailed-item .model-snippet-header__metric .icon-trophy {
  color: #f9bd38;
}
.models-detailed-item .model-snippet-header__metric .icon-info-sign {
  color: #999999;
  cursor: pointer;
}
.models-detailed-item .running {
  color: #666666;
}
.models-detailed-item .failed {
  color: #ce1228;
}
.models-detailed-item .aborted {
  color: #cccccc;
}
.models-detailed-item .model-snippet-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
  font-size: 13px;
}
.models-detailed-item .model-snippet-header__star {
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
}
.models-detailed-item .model-snippet-header__star .icon-star {
  color: #fabd38;
}
.models-detailed-item .model-snippet-header__star .icon-star-empty {
  color: #666666;
}
.models-detailed-item .model-snippet-header__star .icon-star-empty:hover {
  color: #fabd38;
}
.models-detailed-item .model-snippet-body {
  display: grid;
  height: 172px;
  grid-template-columns: 0.95fr 1.1fr 0.95fr;
  position: relative;
}
.models-detailed-item .model-snippet-body.model-snippet-body--with-selector {
  grid-template-columns: 0.15fr 0.8fr 1.1fr 0.95fr;
}
.models-detailed-item .model-snippet-body.not-active {
  opacity: 0.64;
}
.models-detailed-item .model-snippet-body.model-snippet-body--RUNNING .model-snippet-body__selector,
.models-detailed-item .model-snippet-body.model-snippet-body--PENDING .model-snippet-body__selector {
  visibility: hidden;
}
.models-detailed-item .model-snippet-body.model-snippet-body--RUNNING .model-snippet-body__summary span,
.models-detailed-item .model-snippet-body.model-snippet-body--PENDING .model-snippet-body__summary span {
  display: none;
}
.models-detailed-item .model-snippet-body.model-snippet-body--RUNNING .model-snippet-body__summary a,
.models-detailed-item .model-snippet-body.model-snippet-body--PENDING .model-snippet-body__summary a {
  pointer-events: none;
}
.models-detailed-item .model-snippet-body.model-snippet-body--RUNNING .model-snippet-body__main,
.models-detailed-item .model-snippet-body.model-snippet-body--PENDING .model-snippet-body__main {
  position: relative;
  /* for child's .fh */
}
.models-detailed-item .model-snippet-body.model-snippet-body--FAILED .model-snippet-body__selector {
  visibility: visible;
}
.models-detailed-item .model-snippet-body.model-snippet-body--FAILED .model-snippet-body__summary span {
  display: none;
}
.models-detailed-item .model-snippet-body.model-snippet-body--FAILED .model-snippet-body__summary a {
  pointer-events: none;
}
.models-detailed-item .model-snippet-body.model-snippet-body--FAILED .model-snippet-body__main {
  position: relative;
  /* for child's .fh */
}
.models-detailed-item .model-snippet-body .model-snippet-body__selector label,
.models-detailed-item .model-snippet-body .favorite label {
  background: #666666;
}
.models-detailed-item .model-snippet-body .model-snippet-body__selector :checked + label,
.models-detailed-item .model-snippet-body .favorite :checked + label {
  background: #29af5d;
}
.models-detailed-item .model-snippet-body .model-snippet-body__selector label:after,
.models-detailed-item .model-snippet-body .favorite label:after {
  display: block;
  position: absolute;
  pointer-events: none;
}
.models-detailed-item .model-snippet-body.model-snippet-body--FAILED .model-snippet-body__selector :checked + label {
  background: #ce1228;
}
.models-detailed-item .model-snippet-body .model-snippet-body__selector {
  text-align: center;
  vertical-align: middle;
  position: relative;
  background: transparent;
  box-sizing: border-box;
  height: 172px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__selector label:after {
  font-size: 24px;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #ffffff;
  content: '\2610';
}
.models-detailed-item .model-snippet-body .model-snippet-body__selector :checked + label:after {
  content: '\2611';
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary {
  align-items: center;
  display: flex;
  overflow: auto;
  padding: 16px;
  box-sizing: border-box;
  height: 172px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary a {
  display: block;
  color: inherit;
  font-size: 1.6em;
  font-weight: 400;
  margin-bottom: 0 0 5px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary time {
  opacity: .8;
  font-weight: 400;
  font-style: italic;
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary span.metric {
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  padding-right: 2rem;
  box-sizing: border-box;
  text-align: right;
  font-size: 1.6em;
  font-weight: 400;
  font-style: italic;
  pointer-events: none;
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary span.metric .sigma {
  font-size: 0.9em;
  color: #666666;
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary strong {
  font-weight: 400;
}
.models-detailed-item .model-snippet-body .model-snippet-body__summary p {
  margin-top: 1em;
  white-space: pre-line;
  font-style: italic;
  font-weight: 400;
}
.models-detailed-item .model-snippet-body .model-snippet-body__grid-description {
  width: 100%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main {
  border-left: 1px solid #dddddd;
  position: relative;
  height: 172px;
  box-sizing: border-box;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main.model-snippet-body__main--pending {
  border-left-color: transparent;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .model-snippet-body__main-title {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 4px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__container {
  overflow-y: auto;
  height: 172px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__header {
  height: 27px;
  text-align: center;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__header th {
  font-weight: 400;
  font-size: 14px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row td:nth-child(2) {
  width: 10%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row td:nth-child(4) {
  width: 15%;
  white-space: nowrap;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .partitioned-model-table__row td:nth-child(1) {
  padding-left: 3px;
  pointer-events: auto;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main table {
  width: 100%;
  line-height: 20px;
  color: #666666;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td {
  border-top: 1px solid #dddddd;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td:first-child {
  position: relative;
  pointer-events: none;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td:first-child > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 2px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main tr:last-child td {
  border-bottom: 1px solid #dddddd;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td + td {
  border-left: 1px solid #dddddd;
  text-align: center;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td:nth-child(2) {
  width: 30%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td:nth-child(3) {
  width: 23%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td.coef {
  width: 1.5rem;
  font-size: 2em;
  padding-top: -3px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td.coef.positive {
  color: #63db92;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td.coef.negative {
  color: #f99d97;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td.bar {
  border-top-color: #ffffff;
  opacity: .3;
  overflow-y: visible;
  position: relative;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main td.bar > span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  border-right: 3px solid #ffffff;
  background: #29af5d;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main tr:first-child td.bar {
  border-top-color: #dddddd;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main code {
  padding: 1px 4px;
  font-size: 11px;
  color: inherit;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main > .fh {
  box-sizing: border-box;
  padding: .8rem;
  text-align: center;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main > .fh strong {
  display: block;
  font-size: 1.6rem;
  font-weight: inherit;
  margin: 2em 0 .5em;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .aborted {
  background-color: #f9e3e5;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .error span {
  white-space: pre-line;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .error a {
  color: #ce1228;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .train-progress {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 16px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  white-space: nowrap;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .train-progress .text-success {
  color: inherit;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .train-progress__icon {
  vertical-align: top;
  display: inline-block;
  width: 16px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__main .train-progress__message {
  vertical-align: top;
  display: inline-block;
}
.models-detailed-item .model-snippet-body .model-train-details-table {
  width: 100%;
}
.models-detailed-item .model-snippet-body .model-train-details-table tr td:nth-child(2) {
  font-weight: 600;
  text-align: right;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details {
  border-left: 1px solid #dddddd;
  position: relative;
  padding: 16px;
  box-sizing: border-box;
  height: 172px;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details .model-snippet-body__details-active {
  text-align: right;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details .model-snippet-body__details-active h3 {
  margin: 0;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details .model-snippet-body__details-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details .model-snippet-body__description {
  color: #666666;
  overflow-y: auto;
  max-height: 60px;
  width: 100%;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details h5 {
  font-size: 1.3rem;
  margin: 0;
  padding: .45em 3em .4em .4em;
  border-bottom: 1px solid #dddddd;
  font-weight: inherit;
  font-style: italic;
}
.models-detailed-item .model-snippet-body .model-snippet-body__details p {
  margin-top: 10px;
  white-space: pre-line;
  max-height: 65px;
  overflow-y: auto;
}
.models-detailed-item .model-snippet-body .favorite {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 1em;
  width: 2em;
  font-size: 3rem;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: translateX(50%) rotate(45deg);
  transform: translateX(50%) rotate(45deg);
}
.models-detailed-item .model-snippet-body .favorite label:after {
  font-size: 1.2rem;
  top: 1em;
  right: 2em;
  color: #dddddd;
  content: '\2606';
}
.models-detailed-item .model-snippet-body .favorite :checked + label:after {
  color: #ffffff;
  content: '\2605';
}
.models-detailed-item .model-snippet-body__message {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 8px;
  text-align: center;
  overflow: auto;
}
.models-detailed-item .model-snippet-body__message-title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
.models-detailed-item .model-snippet-body__message-logs {
  max-width: 100%;
  overflow: auto;
}
.models-detailed-item.model-detailed-item--keras {
  border: 0;
  margin-top: 0;
  box-shadow: none;
}
.models-detailed-item.model-detailed-item--keras::after {
  box-shadow: none;
}
.models-detailed-item.model-detailed-item--keras .model-snippet-body {
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.models-detailed-item.model-detailed-item--keras .model-snippet-header {
  background-color: #54707e;
  color: #ffffff;
}
.models-detailed-item.model-detailed-item--keras .model-snippet-header .model-snippet-header__name,
.models-detailed-item.model-detailed-item--keras .model-snippet-header .text-error,
.models-detailed-item.model-detailed-item--keras .model-snippet-header .text-success,
.models-detailed-item.model-detailed-item--keras .model-snippet-header .model-snippet-header__metric .icon-trophy,
.models-detailed-item.model-detailed-item--keras .model-snippet-header .dku-ellipsis-vertical::before {
  color: #ffffff;
}
.models-detailed-item.model-detailed-item--keras .model-snippet-header .model-snippet-header__star .icon-star-empty {
  color: #ffffff;
}
.models-detailed-item.model-detailed-item--keras .model-snippet-header .model-snippet-header__star .icon-star-empty:hover {
  color: #fabd38;
}
.models-detailed-item.model-detailed-item--keras .model-snippet-header .dku-ellipsis-vertical--circle-on-hover:hover {
  background: #5e7e8d;
}
.kubernetes-containers-status__progress-ring {
  cursor: pointer;
}
.kubernetes-containers-status__progress-ring .center-value {
  font-size: 13px;
}
.kubernetes-containers-status__progress-ring--launching {
  stroke: #3b99fc;
}
.kubernetes-containers-status__progress-ring--active {
  stroke: #4caf50;
}
.kubernetes-containers-status__progress-ring--dead {
  stroke: #ce1228;
}
.kubernetes-containers-status__progress-ring--na {
  stroke: #dddddd;
}
.models-detailed-item--no-left-border {
  border-left: none;
}
.models-page {
  background-color: #f2f2f2;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.models-page .inline-filter-editor .inline-filter-editor__filter-toggle-wrapper {
  display: flex;
  align-items: center;
}
.models-page .inline-filter-editor .inline-filter-editor__filter-toggle-wrapper .dku-toggle.dku-toggle {
  top: 0;
}
.models-page .list-page-header {
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
}
.models-page .list-page-header .models-panes {
  display: inline-block;
  width: 100%;
  height: 40px;
  text-align: center;
}
.models-page .list-page-header .models-panes a {
  padding: 10px;
  display: inline-block;
  width: 80px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #29af5d;
}
.models-page .list-page-header .models-panes a.active {
  background-color: #29af5d;
  color: #ffffff;
}
.models-page .list-page-header .absolute-left {
  position: absolute;
  left: 10px;
  top: 7px;
}
.models-page .list-page-header .absolute-right {
  position: absolute;
  right: 10px;
  top: 7px;
}
.models-page .list-page-header .settings-btn {
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.models-page .list-page-header .settings-btn:hover {
  text-decoration: none;
}
.models-page .list-page-header .settings-btn:focus {
  outline: none;
}
.models-page .list-page-busy > span {
  display: block;
  text-align: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 30px;
  color: #444444;
  margin-top: 1em;
}
.models-page .list-page-busy > span .moreinfo {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  margin: 25px 0;
}
.models-page .list-page-busy > span:first-child {
  margin-top: 3em;
}
.models-page .model-design .btn[disabled] {
  opacity: 1;
}
.models-page .model-design .algorithm-detail {
  height: calc(100% - 51px);
}
.models-page .model-design .algorithm-detail .algorithm {
  background: #ffffff;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-title {
  width: calc(100% - 75px);
  display: inline-block;
  font-size: 1.6em;
  font-weight: 500;
  padding-bottom: 10px;
}
.models-page .model-design .algorithm-detail .algorithm i.icon-info-sign {
  cursor: pointer;
}
.models-page .model-design .algorithm-detail .algorithm i.icon-remove {
  cursor: pointer;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-description {
  margin: 10px;
  font-size: 0.9em;
  background: #d9e6ed;
  padding: 15px 15px 5px 15px;
  border-radius: 5px;
  color: #31708f;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-description .dku-toggle {
  margin: 0 10px 0 0;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-description .description > * {
  display: inline;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-description .description.short {
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 5px);
  white-space: nowrap;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params {
  padding: 10px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params [gs-field] {
  width: 206px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params.code-snippet-editor-parent {
  padding: 0;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params.code-snippet-editor-parent .control-group {
  margin-bottom: 0;
  height: 450px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params.code-snippet-editor-parent .control-group label {
  font-weight: 600;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params.code-snippet-editor-parent .code-snippet-editor-header-zone {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params div.radio-button-box {
  width: 206px;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params label.radio {
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .control-group {
  margin-bottom: 0.8em;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls-radio {
  margin-left: 40px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls-radio label {
  margin-bottom: 0;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls-radio input {
  margin-right: 10px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls-radio small {
  color: #cccccc;
  margin-left: 25px;
  margin-bottom: 5px;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls {
  position: relative;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls > *:first-child {
  width: calc(100% - 20px)!important;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode > *:first-child {
  width: calc(100% - 85px - 20px)!important;
  float: left;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode > *:first-child .icon-hp-scaling {
  font-size: 26px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode label {
  margin-bottom: 0;
  padding-right: 20px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .change-param-mode {
  float: right;
  width: 85px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .change-param-mode .icon-hp-mode {
  font-size: 22px;
  line-height: 22px;
  height: 28px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .range-field {
  width: 75px;
  margin-left: 10px;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .number-no-arrow {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .number-no-arrow input::-webkit-outer-spin-button,
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .number-no-arrow input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .strategy-mode .number-no-arrow input[type=number] {
  -moz-appearance: textfield;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .multi-valued-field-marker {
  margin: 7px 2px;
  font-size: 0.8em;
  color: #666666;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .help-inline {
  margin-top: 2px;
  margin-left: 0;
  padding-left: 0;
  color: #cccccc;
  width: calc(100% - 20px);
  text-align: justify;
  display: inline-block;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .input-value input[type="number"],
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .input-value input[type="text"] {
  width: 100%;
}
.models-page .model-design .algorithm-detail .algorithm .algorithm-params .controls .ng-invalid {
  border: 1px solid #ce1228;
}
.models-page .model-design .algorithm-detail .algorithm:not(.enabled) .algorithm-params {
  pointer-events: none;
  opacity: 0.5;
}
.models-page .model-design .algorithm-list {
  height: calc(100% - 51px);
  overflow: scroll;
  border-right: 1px solid #dddddd;
}
.models-page .model-design .algorithm-list .algorithm-item {
  height: 40px;
  border-bottom: 1px solid #dddddd;
}
.models-page .model-design .algorithm-list .algorithm-item.custom {
  padding: 10px 15px;
  cursor: pointer;
  height: 20px;
  text-align: center;
}
.models-page .model-design .algorithm-list .algorithm-item .alg-name {
  padding: 10px 15px;
  cursor: pointer;
  margin-right: 0;
  display: inline-block;
  width: calc(100% - 90px);
}
.models-page .model-design .algorithm-list .algorithm-item .dku-toggle {
  top: 10px;
  margin-right: 10px;
  margin-left: 0;
}
.models-page .model-design .algorithm-list .algorithm-item.active {
  background-color: #e7f3ff;
}
.models-page .model-design .algorithm-list .algorithm-item__icon--plugin-algo {
  margin: 0 4px 0 2px;
  color: #aa4141;
}
.models-page .model-design .design-tab-title {
  border-bottom: 1px solid #dddddd;
  color: #222222;
  font-size: 18px;
  line-height: 50px;
  padding: 0 16px;
  height: 50px;
}
.models-page .models-results .left-section-mx {
  margin-right: 5px;
  margin-bottom: 24px;
  margin-left: 24px;
}
.models-page .models-results .diamond {
  color: #222222;
}
.models-page .models-results .diamond:before {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: .75em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: currentColor;
  margin-right: .3em;
}
.models-page .models-results .diamond.running {
  color: #3b99fc;
}
.models-page .models-results .diamond.border:before {
  border: 2px solid #666666;
  box-sizing: border-box;
  background: none;
}
.models-page .models-results .empty-mx {
  text-align: center;
  padding: 10px 0;
}
.models-page .models-results .empty-mx div {
  font-size: 14px;
  font-weight: 600;
}
.models-page .models-results .empty {
  margin: 10px auto;
  text-align: center;
  padding: 10px 0;
}
.models-page .models-results .empty div {
  font-size: 14px;
  font-weight: 600;
}
.models-page .models-results .session--empty {
  text-align: center;
  padding: 10px 0;
  margin-right: 5px;
  margin-bottom: 24px;
  margin-left: 24px;
}
.models-page .models-results .session--empty div {
  font-size: 14px;
  font-weight: 600;
}
.models-page .models-results .table--empty {
  width: calc(100% - 10px);
  background-color: #ffffff;
  text-align: center;
  padding: 10px 0;
}
.models-page .models-results .table--empty div {
  font-size: 14px;
  font-weight: 600;
}
.models-page .models-results .list--empty > span {
  display: block;
  text-align: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 30px;
  color: #444444;
  margin-top: 1em;
}
.models-page .models-results .list--empty > span .moreinfo {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  margin: 25px 0;
}
.models-page .models-results .list--empty > span:first-child {
  margin-top: 3em;
}
.models-page .models-results .models-table__container {
  margin: 0px 8px 8px 24px;
}
.models-page .models-results .models-table {
  outline: none;
}
.models-page .models-results .models-table .fattable-viewport > div {
  background-color: #ffffff;
  border-bottom: solid 1px #dddddd;
}
.models-page .models-results .models-table .fattable-h-scrollbar {
  overflow-x: auto;
}
.models-page .models-results .models-table .model-fav {
  padding-right: 10px;
  margin: 0 auto;
}
.models-page .models-results .models-table .model-sel__input {
  margin-bottom: 5px;
  margin-right: 5px;
}
.models-page .models-results .models-table .model-sel__icon.icon-ok {
  color: #4caf50;
}
.models-page .models-results .models-table .model-sel__icon.icon-warning-sign {
  color: #f28c37;
}
.models-page .models-results .models-table .model-sel__icon.icon-spinner {
  color: #4caf50;
}
.models-page .models-results .models-table .models-table__header {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 10px;
  cursor: pointer;
}
.models-page .models-results .models-table .models-table__header .model-traintime {
  font-weight: 600;
}
.models-page .models-results .models-table .models-table__header .model-name {
  font-weight: 600;
}
.models-page .models-results .models-table .models-table__header .model-metric {
  font-weight: 600;
}
.models-page .models-results .models-table .models-table__header .model-sel__icon.icon-ok {
  margin-left: 19px;
  font-size: 14px;
}
.models-page .models-results .models-table .models-table__header .model-starred__icon {
  font-size: 17px;
}
.models-page .models-results .models-table .models-table__header .caret {
  vertical-align: middle;
}
.models-page .models-results .models-table .models-table__header .caret-rev {
  border-top: none;
  border-bottom: 4px solid #222222;
}
.models-page .models-results .models-table .models-table__header > span:not(.caret) {
  display: inline-block;
  width: 8px;
  visibility: hidden;
}
.models-page .models-results .models-table .models-table__cell {
  line-height: 36px;
  padding-left: 10px;
}
.models-page .models-results .models-table .models-table__cell .model-name {
  font-weight: 400;
}
.models-page .models-results .models-table .models-table__cell .model-name:not(.failed) {
  cursor: pointer;
}
.models-page .models-results .models-table .models-table__cell .model-name.failed {
  color: #ce1228;
}
.models-page .models-results .models-table .models-table__cell.selected:not(.running):not(.failed) {
  background-color: #e7f3ff;
}
.models-page .models-results .models-table .models-table__cell.selected.focused:not(.running):not(.failed) {
  background-color: #e7f3ff;
}
.models-page .models-results .models-list-view .session-model-selector {
  padding-left: 20px;
}
.models-page .models-results .models-list-view .session-detail {
  padding: 0 16px;
}
.models-page .models-results .models-list-view .session-detail .session-detail__tb_loading {
  background-color: #5f7d8c;
  width: 100%;
  height: 64px;
  text-align: center;
  color: #ffffff;
  line-height: 64px;
}
.models-page .models-results .models-list-view .session-detail .session-detail__tb_shadow {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 6px -3px inset;
  height: 6px;
}
.models-page .models-results .models-list-view .session-detail .models-detailed-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body {
  background-color: #333333;
  margin-left: 4px;
  margin-right: 14px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body.keras-layout {
  margin-bottom: 0;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .model-score.selected {
  font-weight: 600;
  color: #3b99fc;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .models-ranking {
  color: #cccccc;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .models-ranking a {
  color: inherit;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body .models-ranking .icon-dku-weight:before {
  font-size: 16px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-body.keras-layout {
  background-color: #54707e;
  position: relative;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header {
  background-color: #333333;
  font-size: 16px;
  padding: 8px 16px;
  margin-left: 4px;
  margin-right: 14px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-name {
  color: #ffffff;
  text-transform: uppercase;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-date {
  color: #cccccc;
  font-style: italic;
  font-size: 12px;
  padding-left: 30px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-models {
  color: #cccccc;
  font-style: italic;
  font-size: 12px;
  padding-left: 30px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-features {
  display: inline-block;
  padding-left: 30px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-features a {
  color: #cccccc;
  text-decoration: none;
  font-style: italic;
  font-size: 12px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-features a .caret {
  border-top-color: #dddddd;
  margin-top: 10px;
  display: inline-block;
  margin-left: 5px;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-abort {
  color: #ffffff;
  font-size: 12px;
  vertical-align: middle;
  text-transform: uppercase;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header .session-abort i {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.models-page .models-results .models-list-view .session-detail .session-detail-header.keras-layout {
  background-color: #54707e;
}
.models-page .models-results .models-list-view .session-detail .btn-deeplearning {
  background-color: #54707e;
  color: #ffffff;
  border: 1px solid #dddddd;
}
.models-page .models-results .models-list-view .session-detail .btn-deeplearning:hover {
  color: #ffffff;
  background: #5e7e8d;
}
.models-page .models-results .models-list-view .session {
  background-color: #f2f2f2;
  margin-right: 5px;
  margin-bottom: 24px;
  margin-left: 24px;
}
.models-page .models-results .models-list-view .session .session-container {
  background-color: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
.models-page .models-results .models-list-view .session.selected > .session-container {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 8px 7px 0 rgba(0, 0, 0, 0.2);
}
.models-page .models-results .models-list-view .session input[type=checkbox] {
  margin: 0;
  vertical-align: baseline;
}
.models-page .models-results .models-list-view .session .session-title {
  padding: 4px 10px;
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #dddddd;
}
.models-page .models-results .models-list-view .session .session-title div.pull-right span {
  display: inline-block;
  width: 20px;
  text-align: center;
  line-height: 26px;
  margin-right: 4px;
}
.models-page .models-results .models-list-view .session .session-title .session-date {
  width: auto!important;
  color: #cccccc;
  font-size: 12px;
}
.models-page .models-results .models-list-view .session .session-title .title {
  text-transform: uppercase;
  font-weight: 500;
  margin-left: 10px;
}
.models-page .models-results .models-list-view .session .session-title .session-running {
  padding-right: 10px;
  color: #ffffff;
  line-height: 26px;
}
.models-page .models-results .models-list-view .session .session-title .session-running i {
  margin-left: 5px;
}
.models-page .models-results .models-list-view .session .session-title .btn-abort {
  border: 1px solid #ce1228;
  background: none;
  color: #ce1228;
  font-weight: 600;
  font-size: 11px;
  height: 20px;
  line-height: 18px;
}
.models-page .models-results .models-list-view .session .session-title .btn-abort:hover {
  background-color: #ce1228;
  color: #ffffff;
}
.models-page .models-results .models-list-view .session ul {
  margin-top: 5px;
  list-style: none;
  margin: 0;
  background-color: #ffffff;
}
.models-page .models-results .models-list-view .session ul .model {
  padding: 7px 10px;
}
.models-page .models-results .models-list-view .session ul .model.focused {
  background-color: #e7f3ff;
}
.models-page .models-results .models-list-view .session ul .model.selected {
  background-color: #e7f3ff;
}
.models-page .models-results .models-list-view .session ul .model.failed {
  color: #ce1228;
}
.models-page .models-results .models-list-view .session ul .model.session-focused:not(:last-child) {
  border-bottom: 1px solid #dddddd !important;
}
.models-page .models-results .models-list-view .session ul .model .model-name {
  height: 20px;
  padding-left: 5px;
  padding-right: 9px;
}
.models-page .models-results .models-list-view .session ul .model input {
  height: 20px;
}
.models-page .models-results .models-list-view .session ul .model .icon-dku-weight:before {
  font-size: 15px;
}
.models-page .models-results .models-list-view .session ul .model span:not(.model-name) {
  text-align: center;
}
.models-page .models-results .models-list-view .session ul .model span:not(.model-name).running {
  color: #4caf50;
}
.models-page .models-results .models-list-view .session ul .model .metric-container {
  margin-right: 10px;
}
.models-page .models-results .models-list-view .session ul .model .metric-container .icon-trophy {
  color: #fabd38;
  padding-right: 5px;
}
.models-page .models-results .models-list-view .session ul .model .metric-container .icon-info-sign {
  color: #999999;
}
.models-page .models-results .models-list-view .session ul .model .dku-loader {
  margin-right: 2px;
  text-align: center;
}
.models-page .models-results .models-list-view .session ul .model:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.models-page .models-results .models-snippets-view .model-snippets {
  margin-left: 20px;
  margin-right: 10px;
}
.models-page .models-results .models-snippets-view .model-snippets > li {
  list-style: none;
}
.models-page .models-results .models-header {
  padding: 16px 24px;
}
.models-page .models-results .models-header .models-list-filter-popover {
  max-width: 600px;
}
.models-page .models-results .models-header a.refresh-button {
  margin-right: 5px;
  font-size: 15px;
  vertical-align: middle;
  text-decoration: none;
}
.models-page .models-results .models-header .btn-doctor-switch {
  background: none;
  margin: 0;
  box-shadow: none;
}
.models-page .models-results .models-header .btn-doctor-switch.btn--active {
  background-color: #29af5d;
  color: #ffffff;
}
.models-page .models-results .models-header .mass {
  width: 48px;
  text-align: center;
  display: inline-block;
}
.models-page .models-results .models-header > h2 {
  float: left;
  font-weight: 400;
  font-size: 1.5em;
  margin: 0 1em;
  line-height: 1;
}
.models-page .models-results .models-header .list-sort-box {
  font-size: 0;
  vertical-align: middle;
}
.models-page .models-results .models-header .list-sort-box .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 130px;
}
.models-page .models-results .models-header .list-sort-box .bootstrap-select button {
  display: inline;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  line-height: 24px;
  padding: 0 4px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.models-page .models-results .models-header .list-sort-box .order button {
  border: none;
  padding: 0;
  line-height: 14px;
  border-radius: 0;
  display: inline-block;
  color: #ffffff;
  height: 26px;
  width: 26px;
  text-align: center;
  background-color: #f2f2f2;
  margin-left: -1px;
}
.models-page .models-results .models-header .list-sort-box .order button i {
  font-size: 10px;
  color: #666666;
  line-height: 24px;
}
.models-page .gsField .tag {
  background-color: #4385ac;
}
.models-page .gsField.gsField--not-grid .tag {
  background-color: #1f8647;
}
.models-pane__link-std--disabled {
  padding: 10px;
  display: inline-block;
  width: 80px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #29af5d;
  cursor: not-allowed;
  color: #cccccc;
}
.keras-epoch-progress__container {
  position: absolute;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.keras-epoch-progress__container.center {
  left: 41.66667%;
}
.keras-epoch-progress__container.right {
  left: 83.333%;
}
@keyframes kerasMovingGradient {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: 100em 0;
  }
}
.keras-currently-training {
  animation-duration: 8.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: kerasMovingGradient;
  animation-timing-function: linear;
  background: #AABFCA;
  background: linear-gradient(to right, #5f7d8c 0%, #aabfca 50%, #5f7d8c 100%);
  height: 3px;
  width: 170px;
  margin: 5px auto 0 auto;
  -webkit-backface-visibility: hidden;
}
.keras-wait-for-results-or-failed__container {
  width: 100%;
  height: 165px;
  padding-top: 90px;
  text-align: center;
  vertical-align: middle;
  color: #dddddd;
}
.computation-params-gear {
  font-size: 1.8em;
  color: #999999;
  margin-left: 10px;
  cursor: pointer;
}
.computation-params-gear--left {
  margin-right: 10px;
}
.computation-params-gear:hover {
  color: #444444;
}
/***** Subpopulation tab in prediction report *****/
.subpopulation-page {
  display: flex;
  flex-direction: column;
}
.post-train-weights-explanation {
  margin: 15px 20px 10px 20px;
}
.post-train-variable-selection {
  padding: 20px 20px 15px 20px;
  display: flex;
  align-items: center;
}
.post-train-variable-selection button {
  margin-left: 5px;
}
.post-train-variable-selection__select-text {
  margin-right: 5px;
}
.subpopulation-params__search {
  margin-left: auto;
}
.subpopulation-params__search input {
  width: 300px;
}
.partitioned-model__search--wide input {
  width: 250px;
}
.partitioned-model__summary-header {
  font-size: 15px;
  padding: 10px 25px 10px 1px;
}
.subpopulation-results__table-wrapper {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.subpopulation-results__table-wrapper.table-row:hover {
  cursor: pointer;
  background-color: #dddddd;
}
.subpopulation-value--scrolling {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #dddddd;
}
.subpop-table-header {
  height: 41px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 600;
  display: flex;
}
.subpop-table-header__column {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}
.subpop-table-header__column.subpop-table__information--modality {
  text-transform: capitalize;
}
.subpop-table__highlited-column-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
}
.subpop-table__highlited-column-content {
  padding-left: 3px;
}
.subpop-table--model-class-font {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-weight: 400;
}
.subpop-table-metric {
  max-width: 120px;
  flex: 1 0 60px;
}
.subpop-table-metric .icon-info-sign {
  color: #999999;
}
.subpop-table-header__model-metric-column {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
.subpop-table-header__model-metric-column-content {
  padding-left: 3px;
  text-align: left;
}
.subpop-table--highlited {
  width: 120px;
}
.subpop-table__information {
  padding-left: 20px;
  box-sizing: border-box;
  font-weight: 600;
  text-align: left;
  width: 150px;
}
.subpop-table__information.subpop-table--value {
  display: flex;
}
.subpop-table__information.subpop-table__header-column {
  text-align: left;
}
.subpop-table__information--modality {
  width: 225px;
  font-weight: 600;
}
.subpop-table__information--small {
  width: 100px;
}
.subpop-table__information--big {
  width: 200px;
}
.subpop-table--modality-percentage {
  flex: 0 0 32px;
  text-align: left;
}
.subpop-table-row {
  height: 41px;
  padding-right: 10px;
  line-height: 41px;
  display: flex;
}
.subpop-table-row.subpop-modality--excluded {
  opacity: 0.5;
}
.subpop-table-row:not(.subpop-modality--excluded) {
  cursor: pointer;
}
.subpop-table-row:not(.subpop-modality--excluded):hover {
  background-color: #dddddd;
}
.subpop-table-row__highlighted-column {
  display: flex;
  font-size: 16px;
  flex-direction: row;
  justify-content: center;
}
.subpop-table-row__highlighted-column-percentage {
  flex: 0 0 45%;
  text-align: right;
}
.subpop-table-row__highlighted-column-comparison {
  opacity: 0;
  font-size: 12px;
  flex: 0 0 45%;
  text-align: right;
}
.subpop-table-row__highlighted-column-comparison .icon {
  font-size: 12px;
}
.subpop-table-row__highlighted-column-comparison.above {
  opacity: 1;
  color: #468847;
  color: #4caf50;
}
.subpop-table-row__highlighted-column-comparison.below {
  opacity: 1;
  color: #b94a48;
  color: #ce1228;
}
.subpop-table-no-result {
  padding-left: 15px;
}
.subpop-border-bottom {
  border-bottom: 1px solid #dddddd;
}
.subpop-border-right {
  border-right: 1px solid #dddddd;
}
.subpopulation-results {
  width: 100%;
  box-sizing: border-box;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.subpopulation-modalities__wrapper {
  box-sizing: border-box;
  overflow: auto;
  flex: 1;
}
.post-train-results__number {
  font-size: 15px;
  padding: 10px 20px;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.subpopulation-displayed-metrics {
  float: right;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}
.subpopulation-displayed-metrics .caret {
  vertical-align: middle;
}
.subpopulation-value {
  box-sizing: border-box;
  width: 100%;
  z-index: 0;
  position: relative;
}
.subpopulation-value.subpopulation-value--alldataset,
.subpopulation-value:nth-child(even) {
  background-color: #f2f2f2;
}
.subpopulation-value.subpopulation-value--alldataset {
  z-index: 10;
}
.subpopulation-modality__wrapper {
  box-sizing: border-box;
  width: 100%;
}
.subpopulation-modality__expand {
  padding: 15px 20px 15px 225px;
  box-sizing: border-box;
  width: 100%;
}
.subpopulation-modality__charts {
  height: 235px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.subpopulation-modality__charts--auto {
  height: auto;
}
.subpopulation-modality__charts-display {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.subpopulation-modality__chart-display {
  flex: 0 0 45%;
  color: #666666;
}
.subpopulation-modality__chart-display .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: inherit;
}
.subpopulation-modality__chart-display .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button.btn-default {
  border: none;
  background: inherit;
  font-weight: 600;
  color: #666666;
}
.subpopulation-modality-table {
  flex: 0 0 45%;
}
.subpopulation-modality-graph {
  flex: 0 0 45%;
  height: 235px;
}
.subpopulation-modality-graph .subpopulation-modality-graph--confusion .confusion-matrix {
  margin-bottom: 0;
  background-color: inherit;
}
.subpopulation-modality-graph .subpopulation-modality-graph--proba {
  padding-top: 0;
  height: 235px;
}
.post-train-empty-state {
  margin: 150px auto;
  width: 630px;
  text-align: center;
  color: #666666;
}
.post-train-empty-state__title {
  font-size: 32px;
  margin-bottom: 16px;
}
.post-train-empty-state__explanation {
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 33px;
  word-spacing: 3px;
}
.post-train-empty-state__btn {
  margin-top: 15px;
}
.savedmodels-page {
  background-color: #f2f2f2;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.savedmodels-page .models-header {
  padding: 10px;
}
.savedmodels-page .models-header a.refresh-button {
  margin-right: 5px;
  font-size: 15px;
  vertical-align: middle;
  text-decoration: none;
}
.savedmodels-page .models-header .models-list-filter-popover {
  max-width: 600px;
}
.savedmodels-page .models-header .btn-doctor-switch {
  background: none;
  margin: 0;
  box-shadow: none;
}
.savedmodels-page .models-header .btn-doctor-switch.btn--active {
  background-color: #d7f0d6;
  color: #ffffff;
}
.savedmodels-page .models-header .mass {
  width: 48px;
  text-align: center;
  display: inline-block;
}
.savedmodels-page .models-header > h2 {
  float: left;
  font-weight: 400;
  font-size: 1.5em;
  margin: 0 1em;
  line-height: 24px;
}
.savedmodels-page .models-header .list-sort-box {
  font-size: 0;
  vertical-align: middle;
}
.savedmodels-page .models-header .list-sort-box .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 130px;
}
.savedmodels-page .models-header .list-sort-box .bootstrap-select button {
  display: inline;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  line-height: 24px;
  padding: 0 4px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.savedmodels-page .models-header .list-sort-box .order button {
  border: none;
  padding: 0;
  line-height: 14px;
  border-radius: 0;
  display: inline-block;
  color: #ffffff;
  height: 26px;
  width: 26px;
  text-align: center;
  background-color: #f2f2f2;
  margin-left: -1px;
}
.savedmodels-page .models-header .list-sort-box .order button i {
  font-size: 10px;
  color: #666666;
  line-height: 24px;
}
.savedmodels-page .model-snippet-list {
  list-style: none;
  margin: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.savedmodels-page__no-model-train-button {
  margin: 20px;
}
.explanation-banner {
  height: 17px;
  margin-bottom: 15px;
}
.pdp-right-panel {
  padding: 15px;
}
.pdp-chart {
  margin-top: 30px;
  padding-left: 15px;
}
.pdp-chart path.domain {
  stroke-width: 2px;
}
.pdp-chart .nv-axislabel {
  font-size: 14px;
}
.pdp-chart .nv-axis.nv-x.nv-x path.domain {
  stroke-opacity: unset;
  color: black;
}
.pdp__computation-details {
  font-size: 15px;
  margin-top: 20px;
  padding: 10px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.pdp-btn-compute-all {
  margin-left: 10px;
}
.doctor-explanation--pdp {
  height: unset;
  margin: 15px 0px 15px 15px;
  position: relative;
  color: #f28c37;
  background-color: #fde5ca;
}
.line-chart-brush .nv-axis .tick line {
  display: none;
}
.line-chart-brush__left .extent {
  fill: #1f77b4;
  fill-opacity: 0.4;
}
.line-chart-brush__left .resize.e rect {
  fill: #1f77b4;
  fill-opacity: 1;
}
.line-chart-brush__right .extent {
  fill: #ff7e0e;
  fill-opacity: 0.4;
}
.line-chart-brush__right .resize.w rect {
  fill: #ff7e0e;
  fill-opacity: 1;
}
.low-prediction-color {
  color: #1f77b4;
}
.high-prediction-color {
  color: #ff7e0e;
}
.explanation-card {
  box-shadow: 1px 2px 3px 0px rgba(34, 34, 34, 0.2);
  margin: 15px 10px 10px 10px;
}
.predictions-cards--low .explanation-card {
  border-top: 5px solid #1f77b4;
}
.predictions-cards--low .explanation-card__prediction {
  color: #1f77b4;
}
.predictions-cards--high .explanation-card {
  border-top: 5px solid #ff7e0e;
}
.predictions-cards--high .explanation-card__prediction {
  color: #ff7e0e;
}
.explanation-card-header {
  margin: 10px 15px 15px 15px;
  min-height: 30px;
}
.explanation-card-header__id {
  max-width: 400px;
}
.explanation-card__title {
  font-weight: 500;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.explanation-card__subtitle {
  font-size: 12px;
  color: #bbbbbb;
}
.explanation-card-body {
  border-top: 1px solid #dddddd;
}
.table.explanations-table {
  max-width: unset;
  margin-bottom: 0px;
}
.table.explanations-table th {
  font-weight: 400;
  font-size: unset;
  padding: 3px;
  border-top: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.explanations-cell--large.explanations-cell--large.explanations-cell--large {
  font-size: 16px;
}
.explanation-card-body__caret {
  font-weight: 500;
  font-size: 14px;
  padding: 10px 15px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.explanation-card-body__caret i {
  margin-right: 10px;
}
.explanation-card-body__caret:hover {
  cursor: pointer;
}
.explanation-card__explanation-bar {
  height: 15px;
  margin-left: 10px;
  margin-top: 3px;
}
.explanation-bar--large {
  height: 20px;
}
.identifier-selector {
  white-space: nowrap;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.identifier-selector__label {
  margin-right: 10px;
  font-size: 14px;
}
.brush-checkboxes {
  margin-left: 70px;
  margin-right: 30px;
  margin-top: -30px;
  margin-bottom: 10px;
}
.brush-checkboxes__label {
  margin-bottom: 0px;
}
.brush-checkboxes__checkbox--left {
  float: left;
  display: flex;
}
.brush-checkboxes__checkbox--right {
  float: right;
  display: flex;
}
.brush-checkboxes__label {
  margin-left: 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.explanation-params-inline {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.explanation-params-inline__number-input.explanation-params-inline__number-input {
  width: 30px;
  margin: 10px;
  height: 12px;
}
.explanation-params-inline__sentence {
  margin-right: 10px;
}
.explanation-row-count--left {
  color: #1f77b4;
  float: left;
  margin-left: 85px;
}
.explanation-row-count--right {
  color: #ff7e0e;
  float: right;
  margin-right: 30px;
}
.explanation-params-inline__class-selector {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
}
.explanation-params-inline__class-selector .btn-group.btn-group.btn-group {
  margin-left: 10px;
}
.individual-explanations-form {
  margin-bottom: 10px;
}
.explanation-params-inline__method {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.explanation-params-inline__method input {
  margin: 0;
  margin-left: 5px;
}
.explanation-params-inline__method label {
  margin: 0;
  margin-right: 15px;
}
.doctor-explanation--explanations {
  width: 50%;
  margin: auto;
  margin-top: 20px;
}
.post-train-empty-state--expalation {
  width: unset;
}
.export-btn--explanations {
  margin-right: 10px;
}
.explanation-action-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
  margin-top: 15px;
}
.ml-guess-policy-switch {
  font-weight: 500;
  text-transform: uppercase;
}
.guess-policies-group {
  display: grid;
  grid-template-columns: 105px 1fr;
}
.guess-policies-group__image {
  background-color: #f2f2f2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  margin-top: 40px;
  width: 120px;
}
.guess-policies-group__image img {
  width: 60px;
}
.guess-policies-group__title {
  color: #666666;
  font-size: 22px;
}
.guess-policies-group__description {
  color: #666666;
  font-size: 13px;
  margin-left: 8px;
}
.guess-policies-cards {
  display: flex;
  margin-bottom: 32px;
  margin-top: 16px;
  height: 120px;
}
.guess-policy-card {
  padding: 5px;
  margin: 8px 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  cursor: pointer;
  display: grid;
  grid-template-columns: 70% 30%;
  min-height: 86px;
  height: 86px;
  margin: 0;
  overflow-x: hidden;
  padding: 16px;
  position: relative;
  width: 240px;
}
.guess-policy-card:not(.selectable) {
  color: #dddddd;
}
.guess-policy-card.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.guess-policy-card.selected,
.guess-policy-card.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.guess-policy-card i:not(.universe-color) {
  color: #666666;
}
.guess-policy-card .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.guess-policy-card .selection-indicator i {
  color: #3b99fc;
}
.guess-policy-card .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.guess-policy-card .selectable-item__description {
  font-weight: 400;
}
.guess-policy-card.selected .guess-policy-card__image {
  filter: none;
}
.guess-policy-card:hover .guess-policy-card__backend,
.guess-policy-card.selected .guess-policy-card__backend {
  visibility: visible;
}
.guess-policy-card + .guess-policy-card {
  margin-left: 16px;
}
.guess-policy-card__image {
  align-items: center;
  display: flex;
  filter: grayscale(1);
  margin-left: 4px;
  height: inherit;
}
.guess-policy-card__image img {
  max-width: unset;
  height: 100%;
  max-height: 100%;
}
.guess-policy-card__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 4px;
}
.guess-policy-card__description {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.guess-policy-card__backend {
  bottom: 8px;
  left: 16px;
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.guess-policy-card__backend-title {
  color: #3b99fc;
}
input[type="text"].guess-policy-name-input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  width: 400px;
}
input[type="text"].guess-policy-name-input:focus,
input[type="text"].guess-policy-name-input:hover {
  color: #333333;
}
input[type="text"].guess-policy-name-input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
input[type="text"].guess-policy-name-input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.target-bs-select .filter-option {
  max-width: 500px;
}
.dku-code--neutral {
  font-size: 11px;
  color: #444444;
}
.drift-reference-selection-table {
  width: 100%;
  overflow: auto;
  margin-top: 20px;
}
.drift-reference-selection-table__table {
  min-width: 100%;
  border-collapse: separate;
  position: relative;
  border-top: 1px solid #dddddd;
}
.drift-reference-selection-table__head,
.drift-reference-selection-table__cell,
.drift-reference-selection-table__sticky {
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 5px 10px;
  background-color: white;
}
.drift-reference-selection-table__sticky {
  position: sticky;
  top: 0;
}
.drift-reference-selection-table__head,
.drift-reference-selection-table__sticky {
  white-space: nowrap;
}
.prediction-drift .prediction-drift__reference-label,
.data-drift .data-drift__reference-label {
  font-style: normal;
  font-weight: 600;
}
.data-drift {
  overflow-y: hidden;
}
.data-drift .univariate-drift {
  padding-top: 20px;
  padding-bottom: 20px;
}
.univariate-drift .univariate-drift-header {
  justify-content: space-between;
  align-items: center;
}
.univariate-drift__max-values {
  width: 30px;
}
.univariate-drift__color-codes {
  display: flex;
  width: 200px;
  height: 20px;
  align-items: center;
  overflow: hidden;
}
.univariate-drift__color-codes .univariate-drift__color-span {
  display: block;
  flex-grow: 0;
  height: 20px;
  width: 20px;
  margin: auto;
  text-align: center;
}
.univariate-drift-features__table.univariate-drift-features__table {
  max-width: none;
}
.univariate-drift-features__table td {
  vertical-align: middle;
  height: 60px;
}
.univariate-drift-features__graph {
  padding-top: 0;
  width: 250px;
  height: 50px;
}
.data-drift .feature-drift-importance {
  margin-top: 20px;
}
.feature-drift-importance .feature-drift-importance-body {
  height: 400px;
}
.feature-drift-importance .feature-drift-importance-header {
  justify-content: space-between;
  align-items: center;
}
.perf-drift-density__chart {
  height: 500px;
}
.drift-current-reference-action {
  margin-bottom: 15px;
  display: flex;
  align-items: middle;
}
.drift-current-reference-table {
  min-width: 100%;
}
.drift-current-reference-table thead:first-child tr:first-child th:not(:first-child) {
  border: 1px solid #dddddd;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.drift-current-reference-table thead:first-child tr:first-child th:not(:first-child):empty {
  border: none;
}
.drift-current-reference-table thead:first-child tr:first-child th:not(:first-child).current {
  border-top: 6px solid #1f77b4;
  vertical-align: baseline;
}
.drift-current-reference-table thead:first-child tr:first-child th:not(:first-child).reference {
  border-top: 6px solid #ff7f0e;
  vertical-align: baseline;
}
.drift-current-reference-table tr td,
.drift-current-reference-table tr th {
  font-size: 13px;
  border: 1px solid #dddddd;
}
.drift-current-reference-table tr td.title,
.drift-current-reference-table tr th.title {
  font-weight: 400;
  color: #000000;
  border-left: none;
}
.drift-current-reference-table tr td.first,
.drift-current-reference-table tr th.first {
  border-right: none;
}
.drift-current-reference-table tr td.data,
.drift-current-reference-table tr th.data {
  font-weight: 600;
  text-align: left;
  width: 33%;
}
.drift-score-podium {
  max-width: 600px;
}
.drift-score-podium__container {
  align-items: flex-end;
  display: flex;
  justify-items: center;
  flex-direction: row;
  padding: 20px;
  border: 1px solid #dddddd;
}
.drift-score-podium__section {
  flex: 1;
  text-align: center;
}
.drift-score-podium__chevron {
  margin-top: auto;
  margin-bottom: auto;
}
.drift-score-table.drift-score-table {
  border: 1px solid #dddddd;
  max-width: 600px;
  width: 100%;
}
.drift-score-table.drift-score-table td {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  text-align: right;
}
.drift-score-table.drift-score-table th {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  text-align: left;
}
.drift-score-table.drift-score-table th,
.drift-score-table.drift-score-table td {
  padding: 10px;
  border-top: 1px solid #dddddd;
}
/*
    Interactive Scoring
*/
.interactive-scoring__main:focus {
  outline: none;
}
.interactive-scoring__controls {
  flex: 0 0 28%;
  border-right: 1px solid #dddddd;
  min-width: 0;
  max-width: 360px;
}
.interactive-scoring__heading {
  padding: 24px 24px 0 24px;
}
.interactive-scoring__search-box {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
.interactive-scoring__prep_steps_toggle.interactive-scoring__prep_steps_toggle {
  margin-left: 0px;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.interactive-scoring__search-bar.interactive-scoring__search-bar {
  width: 100%;
  min-width: 0;
}
.interactive-scoring__datepicker .daterangepicker .calendar.right {
  display: none;
}
.interactive-scoring__datepicker .theInput {
  width: 100%;
  height: 26px;
  line-height: 26px;
  box-sizing: border-box;
}
.interactive-scoring__header.interactive-scoring__header {
  font-weight: 400;
  margin: 0 0 16px;
  line-height: 24px;
}
.interactive-scoring__prediction-header {
  padding-top: 10px;
}
.interactive_scoring__greyed-feature {
  color: #999999;
}
.interactive-scoring__prediction-header--with-subtitle.interactive-scoring__prediction-header--with-subtitle {
  padding-top: 0px;
  line-height: unset;
  margin-bottom: 10px;
}
.interactive-scoring__prediction-header-subtitle {
  font-size: 14px;
}
.interactive-scoring__subheader {
  font-weight: 500;
}
.interactive-scoring__subheader.interactive-scoring__subheader {
  margin: 0;
}
.interactive-scoring__subheader + .interactive-scoring__subheader {
  margin-top: 8px;
}
.interactive-scoring__info-text {
  font-size: 16px;
  margin: 8px 0;
}
.interactive-scoring__info-text:last-child {
  margin-bottom: 0;
}
.interactive-scoring__spinner-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.interactive-scoring__spinner {
  width: 50px;
  height: 50px;
}
.interactive-scoring__empty-state {
  display: flex;
  flex-direction: column;
  width: auto;
  margin: 0;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.interactive-scoring__control-body {
  padding: 0 24px;
}
.interactive-scoring__feature-name {
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 5px;
}
.interactive-scoring__control-container {
  display: flex;
}
.interactive-scoring__control {
  flex: 1;
  min-width: 0;
}
.interactive-scoring__slider.interactive-scoring__slider .dku-slider {
  margin-bottom: 0;
}
.interactive-scoring__input.interactive-scoring__input {
  margin: 0;
  height: 26px;
  line-height: 26px;
  width: 100%;
  box-sizing: border-box;
}
.interactive-scoring__dropdrown.interactive-scoring__dropdrown {
  margin: 0;
}
.interactive-scoring__edit-modes-btn.interactive-scoring__edit-modes-btn {
  flex: 0 0 89px;
  margin-left: 15px;
  text-align: right;
}
.interactive-scoring__edit-icon {
  position: relative;
  top: 1px;
  left: 2px;
}
.interactive-scoring__menu {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 8px 0;
  text-align: right;
}
.interactive-scoring__more-actions {
  display: inline-block;
}
.interactive-scoring__results {
  flex: 3;
  padding: 24px;
  padding-top: 15px;
}
.interactive-scoring__results-header {
  margin-bottom: 8px;
  border-bottom: 1px solid #dddddd;
}
.interactive-scoring__results-body {
  padding: 16px 0;
  height: 250px;
  max-height: 250px;
  position: relative;
}
.interactive-scoring__results-body--explanations {
  height: auto;
}
.interactive-scoring__results-body--explanations .interactive-scoring__empty-state {
  margin-top: 48px;
}
.interactive-scoring__empty-score {
  margin: 80px auto;
}
.interactive-scoring__empty-bucket {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.interactive-scoring__prediction {
  font-weight: 500;
  color: #3b99fc;
}
.interactive-scoring--greyed {
  font-weight: 400;
  color: #bbbbbb;
}
.interactive-scoring__bucket-empty-item {
  text-align: center;
}
.interactive-scoring__threshold {
  font-size: 14px;
  margin-right: 8px;
}
.interactive-scoring__area--left {
  fill: #1f77b4;
  fill-opacity: 0.4;
}
.interactive-scoring__area--right {
  fill: #ff7e0e;
  fill-opacity: 0.4;
}
.interactive-scoring__compare-heading {
  border-bottom: 1px solid #dddddd;
  justify-content: space-between;
  padding: 24px 24px 16px 24px;
}
.interactive-scoring__bucket {
  overflow-y: auto;
}
.interactive-scoring__bucket-item {
  opacity: 1;
  transition: width 500ms;
  width: 295px;
}
.interactive-scoring__bucket-item--removing {
  opacity: 0;
  width: 0;
}
.interactive-scoring__bucket-item:first-child {
  padding-left: 0;
}
.interactive-scoring__bucket-section {
  padding: 16px 0;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
}
.interactive-scoring__bucket-section--sub {
  padding-bottom: 8px;
}
.interactive-scoring__bucket-title {
  width: 220px;
}
.interactive-scoring__bucket-chart {
  height: 24px;
  width: 100%;
}
.interactive-scoring__bucket-body {
  margin: 16px 0 0;
  padding-bottom: 16px;
}
.interactive-scoring__features-caret {
  font-weight: 500;
  font-size: 14px;
  margin-top: 30px;
}
.interactive-scoring__features-caret--comparator {
  margin-top: 20px;
}
.fade-out.ng-leave {
  transition: 0.5s linear all;
  opacity: 1;
}
.fade-out.ng-leave.ng-leave-active {
  opacity: 0;
}
.prediction-chart .tick line {
  display: none;
}
.prediction-chart__legend-label {
  font-size: 13px;
}
.prediction-chart__legend-threshold {
  stroke: #222222;
  stroke-width: 1px;
}
.prediction-chart__tooltip {
  font-family: 'SourceSansPro';
  padding: 8px;
}
.modelevaluationstore-top-tabs .evaluations-intermediate-link {
  display: inline-block;
  line-height: 48px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  margin: 0 8px;
}
.modelevaluationstore-top-tabs .evaluations-intermediate-link a {
  color: #333333;
}
.modelevaluationstore-top-tabs .evaluations-intermediate-link a:hover {
  text-decoration: none;
}
.modelevaluationstore-top-tabs .evaluations-intermediate-link a:focus {
  outline: none;
}
.model-evaluations__page {
  padding: 10px;
}
.model-evaluations__headers {
  padding: 10px;
  margin-left: - 10px;
}
.model-evaluations__count {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 24px;
  margin: 0;
}
.model-evaluations__actions {
  margin-left: 20px;
}
.model-evaluations__actions-mass {
  vertical-align: middle;
  line-height: 24px;
}
.model-evaluations__actions-button {
  margin-left: 10px;
}
.model-evaluations__actions-button .dropdown-menu li:hover .icon-trash,
.model-evaluations__actions-button .dropdown-menu li:hover .icon-remove {
  color: #ce1228;
}
.model-evaluations__textual-filter {
  display: inline-block;
}
.model-evaluations__metrics .bootstrap-select {
  width: 150px !important;
}
.model-evaluations__train-data-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.model-evaluations__metric {
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.model-perfdrift__page {
  width: 100%;
}
.model-perfdrift__page.model-perfdrift__page--mes {
  padding: 10px;
}
.model-perfdrift__page .model-perfdrift__headers {
  padding: 10px;
  margin-left: -10px;
}
.model-perfdrift__page .model-perfdrift__metrics .bootstrap-select {
  width: 150px !important;
}
.model-perfdrift__page .model-perfdrift__sort .bootstrap-select {
  width: 300px !important;
}
.model-perfdrift__page .model-perfdrift-graph-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 350px;
  overflow-x: scroll;
  margin-bottom: 10px;
  background-color: white;
  padding: 10px;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.model-perfdrift__page .model-perfdrift-graph {
  padding-top: 10px;
  padding-left: 10px;
  width: 200px;
}
.model-perfdrift__page .model-perfdrift-graph span.title {
  font-weight: 700;
  color: #000000;
  font-size: 13px;
}
.model-perfdrift__page .model-perfdrift-graph span.resize {
  float: right;
}
.model-perfdrift__page .model-perfdrift-graph ng2-lazy-echart {
  height: 130px;
}
.model-perfdrift__page .model-perfdrift-graph.zoomed {
  width: 400px;
}
.model-perfdrift__page .model-perfdrift-graph.zoomed ng2-lazy-echart {
  height: 300px;
}
.model-perfdrift__page .model-perfdrift-graph a {
  color: #333333;
}
.model-perfdrift__page .model-perfdrift-graph a:hover {
  text-decoration: none;
}
.model-perfdrift__page .model-perfdrift-graph-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.model-perfdrift__page .model-perfdrift-graph-legend > div {
  padding: 10px;
}
.model-perfdrift__page .model-perfdrift-color-span {
  display: block;
  height: 20px;
  width: 20px;
  margin: auto;
  text-align: center;
}
.model-perfdrift-table {
  width: 100%;
  box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.15);
}
.model-perfdrift-table .model-perfdrift-table-highlighted-row {
  background-color: #DDDDDD;
}
.model-perfdrift-table .model-perfdrift-color-cell {
  width: 20px;
}
.model-perfdrift-table td.domain-border,
.model-perfdrift-table th.domain-border {
  border-left: solid 1px #dddddd;
}
.model-perfdrift-table .domain-border {
  border-left: solid 1px #dddddd;
}
.evaluation-chart-type {
  width: 26px;
  height: 26px;
  padding: 0px;
}
.evaluation-chart-type img {
  width: 23px;
  height: 23px;
  padding: 0px;
}
.mx-table-small .table-small {
  font-size: 12px;
  table-layout: fixed;
  background: none;
}
.mx-table-small .table-small th,
.mx-table-small .table-small td {
  padding: 3px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mx-table-small .table-small th {
  font-weight: normal;
}
.mx-table-small .table-small td {
  font-weight: bold;
}
.evaluated-data__summary {
  margin: 20px;
  padding: 10px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.evaluated-data__summary .table-small {
  font-size: 12px;
  table-layout: fixed;
  background: none;
}
.evaluated-data__summary .table-small th,
.evaluated-data__summary .table-small td {
  padding: 3px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.evaluated-data__summary .table-small th {
  font-weight: normal;
}
.evaluated-data__summary .table-small td {
  font-weight: bold;
}
.evaluated-data__summary table {
  width: 300px;
}
.evaluated-data__headers {
  padding: 10px;
  margin-left: 10px;
}
.evaluated-data__count {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 24px;
  margin: 0;
}
.evaluated-data__actions {
  margin-left: 20px;
}
.evaluated-data__actions-mass {
  vertical-align: middle;
  line-height: 24px;
}
.evaluated-data__actions-button {
  margin-left: 10px;
}
.evaluated-data__actions-button .dropdown-menu li:hover .icon-trash,
.evaluated-data__actions-button .dropdown-menu li:hover .icon-remove {
  color: #ce1228;
}
.evaluated-data__textual-filter {
  display: inline-block;
}
.evaluated-data__sort .bootstrap-select {
  width: 150px !important;
}
.evaluated-data__list-empty {
  margin: 0 20px;
}
.evaluated-data__columns-selector {
  width: 300px;
  position: relative;
}
.evaluated-data__columns-selector-list {
  margin-left: 20px;
}
.evaluated-data__column-selector {
  padding: 10px 10px 10px 0;
}
.evaluated-data__column-checkbox {
  margin-right: 10px;
}
.evaluated-data__column-feature-type {
  margin-right: 10px;
}
.evaluated-data__column-feature-name {
  margin-right: 10px;
}
.evaluated-data__univariates-list {
  list-style: none;
  margin: 0 20px;
}
.evaluated-data__univariate {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.evaluated-data__univariate-header {
  display: block;
}
.evaluated-data__univariate-body {
  display: block;
}
.evaluated-data__univariate-top10,
.evaluated-data__univariate-statistics {
  width: 300px;
  margin-left: 20px;
  display: inline-block;
}
.evaluated-data__univariate-top10 .table-small,
.evaluated-data__univariate-statistics .table-small {
  font-size: 12px;
  table-layout: fixed;
  background: none;
}
.evaluated-data__univariate-top10 .table-small th,
.evaluated-data__univariate-statistics .table-small th,
.evaluated-data__univariate-top10 .table-small td,
.evaluated-data__univariate-statistics .table-small td {
  padding: 3px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.evaluated-data__univariate-top10 .table-small th,
.evaluated-data__univariate-statistics .table-small th {
  font-weight: normal;
}
.evaluated-data__univariate-top10 .table-small td,
.evaluated-data__univariate-statistics .table-small td {
  font-weight: bold;
}
.settings-section-title {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  line-height: 20px;
  margin: 30px 0 10px 0;
}
.code-viewer-wrapper {
  border: 1px solid #dddddd;
}
.new-analysis-modal {
  min-width: 550px;
  width: 550px;
}
.new-analysis-modal .already-existing a:hover {
  text-decoration: none;
}
.new-analysis-modal .already-existing a:focus {
  outline: none;
}
.new-analysis-modal .already-existing .btn {
  margin-top: 10px;
}
.new-analysis-modal .already-existing ul {
  margin: 0 0 0 20px;
}
.new-analysis-modal .already-existing li {
  list-style: disc outside;
  color: #666666;
}
.new-analysis-modal .already-existing li li {
  list-style: square outside;
}
.doctor-settings-page {
  padding: 25px;
}
.doctor-settings-page form.cost-matrix-form > ul {
  margin-top: 10px;
}
.doctor-settings-page form.cost-matrix-form ul li {
  list-style: none;
  margin-bottom: 10px;
}
.doctor-settings-page form.cost-matrix-form input[type=number] {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.doctor-settings-page form.cost-matrix-form input[type=number]:focus,
.doctor-settings-page form.cost-matrix-form input[type=number]:hover {
  color: #333333;
}
.doctor-settings-page form.cost-matrix-form input[type=number]:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.doctor-settings-page form.cost-matrix-form input[type=number].ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.doctor-settings-page form.cost-matrix-form span.explain {
  display: inline-block;
  width: 200px;
}
.doctor-settings-page .code-snippet-editor-parent {
  border: 1px solid #dddddd;
  height: 450px;
}
.doctor-settings-page .code-snippet-editor-parent .code-snippet-editor-header-zone {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.savedmodel-top-tabs .models-intermediate-link,
.analysis-top-tabs .models-intermediate-link {
  display: inline-block;
  line-height: 48px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
  margin: 0 8px;
}
.savedmodel-top-tabs .models-intermediate-link a,
.analysis-top-tabs .models-intermediate-link a {
  color: #333333;
}
.savedmodel-top-tabs .models-intermediate-link a:hover,
.analysis-top-tabs .models-intermediate-link a:hover {
  text-decoration: none;
}
.savedmodel-top-tabs .models-intermediate-link a:focus,
.analysis-top-tabs .models-intermediate-link a:focus {
  outline: none;
}
.savedmodel-top-tabs .selector,
.analysis-top-tabs .selector {
  display: inline-block;
  height: 48px;
  margin-right: 90px;
}
.savedmodel-top-tabs .selector a,
.analysis-top-tabs .selector a {
  vertical-align: middle;
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 48px;
  display: inline-block;
  max-width: 330px;
  color: #333333;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 19px;
}
.savedmodel-top-tabs .selector a:hover,
.analysis-top-tabs .selector a:hover {
  text-decoration: none;
}
.savedmodel-top-tabs .selector a:focus,
.analysis-top-tabs .selector a:focus {
  outline: none;
}
.savedmodel-top-tabs .selector a .caret,
.analysis-top-tabs .selector a .caret {
  text-align: center;
  float: right;
  height: 48px;
  display: inline-block;
  width: 48px;
  line-height: 48px;
  border: none;
}
.savedmodel-top-tabs .details p,
.analysis-top-tabs .details p {
  height: 90px;
}
/*** CHARTS ***/
.legend {
  font-size: 0.9em;
  padding: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}
.legend .lead {
  margin-top: 0;
}
.legend dl {
  margin: 0;
}
.legend dd {
  margin-bottom: 1em;
}
.legend *:last-child {
  margin-bottom: 0;
}
.chart-std-font .nvd3 text {
  font-family: 'SourceSansPro', sans-serif !important;
}
[discrete-bar-chart][horizontal=true] .nv-legendWrap,
[discrete-bar-chart][horizontal=true] .nv-controlsWrap {
  display: none;
}
[discrete-bar-chart][horizontal=true] > .nv-wrap > g {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.icon-ml:before {
  color: #29af5d;
}
.engine:not(.selectable) .icon-ml:before {
  color: #A4D8B9;
}
/*** DEEP LEARNING ***/
.keras-build-model {
  margin-bottom: 0;
  flex: 1;
  overflow: hidden;
  position: relative;
  background-color: #f2f2f2;
}
.keras-build-model .bottom-bar {
  padding-left: 5px;
}
.keras-build-model .code-snippet-editor-header-zone {
  border-left: 0;
}
.keras-build-model__wrapper {
  background-color: #f2f2f2;
}
.keras-inputs__wrapper {
  border-right: 1px solid #dddddd;
  background-color: #ffffff;
  position: absolute;
  width: 250px;
  left: -250px;
}
.keras-inputs__wrapper.can-transition {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.keras-inputs__wrapper.show-inputs {
  left: 0;
}
.keras-inputs__content {
  background-color: #ffffff;
  padding: 0 15px 15px 10px;
}
.keras-inputs__content .close-inputs {
  float: right;
  color: inherit;
  text-decoration: none;
}
.keras-inputs__title {
  margin: 0;
  line-height: 36px;
  padding-bottom: 10px;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: #bbbbbb;
  font-family: 'SourceSansPro';
}
.keras-inputs__input-list {
  margin-bottom: 20px;
  padding-left: 10px;
}
.keras-inputs__input {
  margin-bottom: 20px;
}
.keras-inputs__feature {
  padding-left: 30px;
}
.keras-inputs__feature.nofeature {
  color: #666666;
}
.keras-algorithm__editor {
  padding-bottom: 10px;
  width: auto;
  overflow: auto;
  position: absolute;
  right: 0px;
  left: 0;
}
.keras-algorithm__editor.can-transition {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.keras-algorithm__editor.show-inputs {
  left: 250px;
}
.keras-algorithm__editor .editor-statusbar {
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
}
.keras-algorithm__editor .pre-run-validation-error {
  margin: 0px 5px 8px 5px;
}
.keras-inputs__input-name {
  cursor: pointer;
}
.keras-inputs__input-name h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  line-height: 17px;
}
.keras-inputs__input-name .insert {
  color: #3b99fc;
  text-decoration: none;
}
.keras-inputs__input-name .input-not-insertable {
  cursor: not-allowed;
}
.keras-inputs__input-name .input-not-insertable .insert {
  pointer-events: none;
  color: #cccccc;
}
.keras-inputs__input-name i.icon-fixed-width {
  text-align: left;
}
.input-not-editable {
  visibility: hidden;
}
.keras-inputs__settings {
  color: #666666;
}
.keras-inputs__settings:hover {
  color: #333333;
}
.keras-inputs__settings[disabled] {
  color: #cccccc;
  pointer-events: none;
  cursor: not-allowed;
}
.keras-inputs_create {
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #dddddd;
  color: #333333;
}
.keras-inputs-edit input {
  border-radius: 0;
}
.keras-inputs-edit input:focus {
  border: 1px solid #3b99fc;
  outline: none;
  box-shadow: none;
}
.special-feature-processor__definition {
  padding-bottom: 15px;
}
.special-feature-processor__definition .CodeMirror {
  max-height: 200px;
}
.insert-special-input {
  font-family: 'Lucida Console', monospace;
  background: #f2f2f2;
  margin-bottom: 15px;
  padding: 10px 10px;
}
.insert-special-input input {
  border-radius: 0;
  width: 170px;
  font-size: 13px;
  margin: 0 5px;
}
.insert-special-input input:focus {
  border: 1px solid #3b99fc;
  outline: none;
  box-shadow: none;
}
.insert-special-input input::-webkit-input-placeholder {
  font-size: 11px;
}
.insert-special-input input::-moz-placeholder {
  font-size: 11px;
}
.modal.insert-special-input__modal {
  width: 950px;
}
.modal.insert-special-input__modal .modal-body {
  padding-top: 10px;
}
.dku-modal .modal-info-container {
  background-color: #d9e6ed;
  border-radius: 4px;
  border: 1px solid #c1d4dd;
  color: #31708f;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 20px;
}
.dku-modal .modal-info {
  padding: 10px 10px 0px 10px;
}
.no-text-decoration-on-hover:hover {
  text-decoration: none;
}
#dku-contextual-menu.step-color-picker {
  min-width: initial;
}
.column-header-meanings-menu {
  font-family: 'SourceSansPro';
}
.column-header-meanings-menu ul {
  margin: 0;
}
.column-header-meanings-menu ul li {
  list-style: none;
  padding: 0 6px;
}
.column-header-meanings-menu ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.column-header-meanings-menu ul li a:hover {
  text-decoration: none;
}
.column-header-meanings-menu ul li a:focus {
  outline: none;
}
.column-header-meanings-menu ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.column-header-meanings-menu ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.column-header-meanings-menu ul li.dropdown-submenu a {
  background: none;
}
.column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.step-add-to-group-panel.step-add-to-group-panel {
  margin: 0;
  border-radius: 0;
}
.step-color-pannel ul,
.step-color-pannel ul.dropdown-menu {
  padding: 5px 0px;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  width: 115px;
  text-align: center;
  border-radius: 0;
  min-width: initial;
}
.step-color-pannel ul li,
.step-color-pannel ul.dropdown-menu li {
  margin: 0;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
}
.step-color-pannel ul li div.color,
.step-color-pannel ul.dropdown-menu li div.color {
  background-color: #ffffff;
  border: 2px solid #dddddd;
  height: 22px;
  width: 22px;
  border-radius: 13px;
  cursor: pointer;
}
.shaker-sampling-form-wrapper {
  padding: 15px;
  background: #ffffff;
}
.shaker-sampling-form-wrapper h4 {
  margin: 0;
  font-size: 15px;
  margin-bottom: 10px;
}
.shaker-sampling-form-wrapper div.sampling-method-description p {
  margin-top: 10px;
  font-size: 12px;
  color: #666666;
  margin-bottom: 0;
}
.shaker-sampling-form-wrapper div.sampling-method-description a {
  font-size: 12px;
}
.shaker-sampling-form-wrapper div.sampling-method-description fieldset input[type=number] {
  margin-left: 0;
}
.warnings-details ul.warnings {
  margin-left: 0;
}
.warnings-details .warning {
  list-style: none;
  display: block;
  background: #ffffff;
  border: 1px solid #dddddd;
  margin: 10px;
  padding: 10px;
}
.tourhelp {
  display: none;
  position: absolute;
  background: #333333;
  color: #ffffff;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 8px;
  text-align: center;
}
.tourhelp .buttons {
  margin-top: 10px;
}
.tourhelp .arrow {
  display: block;
  position: absolute;
  border: inset 7px;
}
.tourhelp .arrow.arrow-top {
  top: -14px;
  border-style: solid;
  border-color: transparent transparent #dddddd transparent !important;
}
.processors-library {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 0;
  border-top: 1px solid #dddddd;
  background: #ffffff;
  box-shadow: 0px 0px 17px 0px #bbbbbb;
  font-size: 12px;
}
.processors-library .processors-library-header {
  padding: 10px 25px;
  border-bottom: 1px solid #dddddd;
}
.processors-library .library-main-zone {
  padding: 0;
}
.processors-library .library-main-zone .library-scroll-column {
  height: 320px;
  border-right: 1px solid #dddddd;
}
.processors-library .library-main-zone .library-scroll-column .column-content {
  height: 320px;
  overflow: auto;
}
.processors-library ul.processor-tags {
  margin: 6px 0px;
}
.processors-library ul.processor-tags > li {
  list-style: none;
}
.processors-library ul.processors {
  margin-left: 0;
}
.processors-library ul.processors > li {
  list-style: none;
}
.processors-library ul.processors > li:nth-child(odd) {
  background: #f2f2f2;
}
.processors-library .processor-tag {
  font-weight: 600;
  font-size: 12px;
  padding: 0 25px;
  margin: 0;
}
.processors-library .processor-tag .count {
  float: right;
}
.processors-library .processor-tag input {
  margin: 0 4px 4px 0;
}
.processors-library .processor-tag:hover {
  text-decoration: none;
  background-color: #dddddd;
}
.processors-library .processor-tag.has-data {
  color: #333333;
}
.processors-library .processor {
  display: block;
  color: #333333;
  padding: 4px 10px;
}
.processors-library .processor .alphanum-literal {
  color: #3B5BB5;
}
.processors-library .processor .num-literal {
  color: #770088;
}
.processors-library .processor .action-verb {
  font-weight: 500;
}
.processors-library .processor .input-column-name {
  color: brown;
}
.processors-library .processor .output-column-name {
  color: brown;
}
.processors-library .processor .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.processors-library .processor.displayed,
.processors-library .processor:hover {
  text-decoration: none;
  background-color: #dddddd;
}
.processors-library .help-column h1 {
  font-size: 15px;
  margin-top: 0;
  line-height: 19px;
}
.processors-library .processor-description h1 {
  font-size: 15px;
  margin-top: 0;
  line-height: 19px;
}
.processors-library .processor-description h2 {
  font-size: 14px;
  line-height: 19px;
}
.processors-library .processor-description h3 {
  font-size: 13px;
  line-height: 19px;
}
.processors-library .processor-description table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.processors-library .processor-description table th,
.processors-library .processor-description table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.processors-library .processor-description table th {
  font-weight: bold;
}
.processors-library .processor-description table thead th {
  vertical-align: bottom;
}
.processors-library .processor-description table caption + thead tr:first-child th,
.processors-library .processor-description table caption + thead tr:first-child td,
.processors-library .processor-description table colgroup + thead tr:first-child th,
.processors-library .processor-description table colgroup + thead tr:first-child td,
.processors-library .processor-description table thead:first-child tr:first-child th,
.processors-library .processor-description table thead:first-child tr:first-child td {
  border-top: 0;
}
.processors-library .processor-description table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.processors-library .processor-description table .table {
  background-color: #ffffff;
}
.processors-library .processor-description table th,
.processors-library .processor-description table td {
  border-left: 1px solid #dddddd;
}
.processors-library .processor-description table caption + thead tr:first-child th,
.processors-library .processor-description table caption + tbody tr:first-child th,
.processors-library .processor-description table caption + tbody tr:first-child td,
.processors-library .processor-description table colgroup + thead tr:first-child th,
.processors-library .processor-description table colgroup + tbody tr:first-child th,
.processors-library .processor-description table colgroup + tbody tr:first-child td,
.processors-library .processor-description table thead:first-child tr:first-child th,
.processors-library .processor-description table tbody:first-child tr:first-child th,
.processors-library .processor-description table tbody:first-child tr:first-child td {
  border-top: 0;
}
.processors-library .processor-description table thead:first-child tr:first-child > th:first-child,
.processors-library .processor-description table tbody:first-child tr:first-child > td:first-child,
.processors-library .processor-description table tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.processors-library .processor-description table thead:first-child tr:first-child > th:last-child,
.processors-library .processor-description table tbody:first-child tr:first-child > td:last-child,
.processors-library .processor-description table tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.processors-library .processor-description table thead:last-child tr:last-child > th:first-child,
.processors-library .processor-description table tbody:last-child tr:last-child > td:first-child,
.processors-library .processor-description table tbody:last-child tr:last-child > th:first-child,
.processors-library .processor-description table tfoot:last-child tr:last-child > td:first-child,
.processors-library .processor-description table tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.processors-library .processor-description table thead:last-child tr:last-child > th:last-child,
.processors-library .processor-description table tbody:last-child tr:last-child > td:last-child,
.processors-library .processor-description table tbody:last-child tr:last-child > th:last-child,
.processors-library .processor-description table tfoot:last-child tr:last-child > td:last-child,
.processors-library .processor-description table tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.processors-library .processor-description table tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.processors-library .processor-description table tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.processors-library .processor-description table caption + thead tr:first-child th:first-child,
.processors-library .processor-description table caption + tbody tr:first-child td:first-child,
.processors-library .processor-description table colgroup + thead tr:first-child th:first-child,
.processors-library .processor-description table colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.processors-library .processor-description table caption + thead tr:first-child th:last-child,
.processors-library .processor-description table caption + tbody tr:first-child td:last-child,
.processors-library .processor-description table colgroup + thead tr:first-child th:last-child,
.processors-library .processor-description table colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.processors-library .processor-description table tbody > tr:nth-child(odd) > td,
.processors-library .processor-description table tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.processors-library .processor-description p {
  white-space: pre-line;
}
.processors-library .processor-description em {
  margin-right: 2px;
}
.processor-help-popover {
  max-height: 320px;
  overflow: auto;
  font-size: 0.9em;
}
.processor-help-popover h1 {
  font-size: 15px;
  margin-top: 0;
  line-height: 19px;
}
.processor-help-popover h2 {
  font-size: 14px;
  line-height: 19px;
}
.processor-help-popover h3 {
  font-size: 13px;
  line-height: 19px;
}
.processor-help-popover table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.processor-help-popover table th,
.processor-help-popover table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.processor-help-popover table th {
  font-weight: bold;
}
.processor-help-popover table thead th {
  vertical-align: bottom;
}
.processor-help-popover table caption + thead tr:first-child th,
.processor-help-popover table caption + thead tr:first-child td,
.processor-help-popover table colgroup + thead tr:first-child th,
.processor-help-popover table colgroup + thead tr:first-child td,
.processor-help-popover table thead:first-child tr:first-child th,
.processor-help-popover table thead:first-child tr:first-child td {
  border-top: 0;
}
.processor-help-popover table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.processor-help-popover table .table {
  background-color: #ffffff;
}
.processor-help-popover table th,
.processor-help-popover table td {
  border-left: 1px solid #dddddd;
}
.processor-help-popover table caption + thead tr:first-child th,
.processor-help-popover table caption + tbody tr:first-child th,
.processor-help-popover table caption + tbody tr:first-child td,
.processor-help-popover table colgroup + thead tr:first-child th,
.processor-help-popover table colgroup + tbody tr:first-child th,
.processor-help-popover table colgroup + tbody tr:first-child td,
.processor-help-popover table thead:first-child tr:first-child th,
.processor-help-popover table tbody:first-child tr:first-child th,
.processor-help-popover table tbody:first-child tr:first-child td {
  border-top: 0;
}
.processor-help-popover table thead:first-child tr:first-child > th:first-child,
.processor-help-popover table tbody:first-child tr:first-child > td:first-child,
.processor-help-popover table tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.processor-help-popover table thead:first-child tr:first-child > th:last-child,
.processor-help-popover table tbody:first-child tr:first-child > td:last-child,
.processor-help-popover table tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.processor-help-popover table thead:last-child tr:last-child > th:first-child,
.processor-help-popover table tbody:last-child tr:last-child > td:first-child,
.processor-help-popover table tbody:last-child tr:last-child > th:first-child,
.processor-help-popover table tfoot:last-child tr:last-child > td:first-child,
.processor-help-popover table tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.processor-help-popover table thead:last-child tr:last-child > th:last-child,
.processor-help-popover table tbody:last-child tr:last-child > td:last-child,
.processor-help-popover table tbody:last-child tr:last-child > th:last-child,
.processor-help-popover table tfoot:last-child tr:last-child > td:last-child,
.processor-help-popover table tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.processor-help-popover table tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.processor-help-popover table tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.processor-help-popover table caption + thead tr:first-child th:first-child,
.processor-help-popover table caption + tbody tr:first-child td:first-child,
.processor-help-popover table colgroup + thead tr:first-child th:first-child,
.processor-help-popover table colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.processor-help-popover table caption + thead tr:first-child th:last-child,
.processor-help-popover table caption + tbody tr:first-child td:last-child,
.processor-help-popover table colgroup + thead tr:first-child th:last-child,
.processor-help-popover table colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.processor-help-popover table tbody > tr:nth-child(odd) > td,
.processor-help-popover table tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.mx-left-pane-tabbable {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mx-left-pane-tabbable > ul.nav-tabs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  padding-top: 3px;
  padding-left: 0;
}
.mx-left-pane-tabbable > ul.nav-tabs > li {
  height: 56px;
  flex: 1 1 auto;
  text-align: center;
  margin-left: 0px;
}
.mx-left-pane-tabbable > ul.nav-tabs > li a:hover {
  background-color: initial;
  border-color: transparent;
  background: initial;
}
.mx-left-pane-tabbable > ul.nav-tabs > li .title {
  font-size: 17.5px;
}
.mx-left-pane-tabbable > ul.nav-tabs > li .subtitle {
  color: #bbbbbb;
  font-weight: 400;
  font-size: 13px;
}
.mx-left-pane-tabbable .tab-content {
  overflow: auto;
  margin: 0;
  flex: 1 1 0;
  position: relative;
  background-color: #f2f2f2;
}
.shaker.fixedPanes .leftPane.sampling {
  background: #ffffff;
}
.shaker.fixedPanes .leftPane.sampling .tabbable .tab-content {
  background: #ffffff;
}
.shaker.fixedPanes .leftPane.sampling .run-button {
  border-top: 0;
}
.shaker.fixedPanes .leftPane tabs {
  position: relative;
  height: 100%;
  height: calc(100% - 45px);
}
.shaker.fixedPanes .leftPane .tabbable {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.shaker.fixedPanes .leftPane .tabbable > ul.nav-tabs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  padding-top: 3px;
  padding-left: 0;
}
.shaker.fixedPanes .leftPane .tabbable > ul.nav-tabs > li {
  height: 56px;
  flex: 1 1 auto;
  text-align: center;
  margin-left: 0px;
}
.shaker.fixedPanes .leftPane .tabbable > ul.nav-tabs > li a:hover {
  background-color: initial;
  border-color: transparent;
  background: initial;
}
.shaker.fixedPanes .leftPane .tabbable > ul.nav-tabs > li .title {
  font-size: 17.5px;
}
.shaker.fixedPanes .leftPane .tabbable > ul.nav-tabs > li .subtitle {
  color: #bbbbbb;
  font-weight: 400;
  font-size: 13px;
}
.shaker.fixedPanes .leftPane .tabbable .tab-content {
  overflow: auto;
  margin: 0;
  flex: 1 1 0;
  position: relative;
  background-color: #f2f2f2;
}
.shaker.fixedPanes .leftPane .tabbable .tab-content {
  padding: 0;
}
.shaker.fixedPanes .leftPane .run-button {
  margin-bottom: 1em;
  border-top: 1px solid #dddddd;
  text-align: center;
}
.shaker.fixedPanes .mainPane {
  overflow: hidden;
  display: -ms-flexbox;
  -ms-box-orient: horizontal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.shaker.fixedPanes .mainPane .positionTable {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0;
  border: 1px solid #dddddd;
  position: relative;
  overflow: hidden;
}
.shaker-summary-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
}
.shaker-summary-wrapper .view-buttons-wrapper {
  flex: 0 0 auto;
}
.shaker-summary-wrapper .alphanum-literal {
  color: #3B5BB5;
}
.shaker-summary-wrapper .num-literal {
  color: #770088;
}
.shaker-summary-wrapper .action-verb {
  font-weight: 500;
}
.shaker-summary-wrapper .input-column-name {
  color: brown;
}
.shaker-summary-wrapper .output-column-name {
  color: brown;
}
.shaker-summary-wrapper .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.shaker-preview .alphanum-literal {
  color: #3B5BB5;
}
.shaker-preview .num-literal {
  color: #770088;
}
.shaker-preview .action-verb {
  font-weight: 500;
}
.shaker-preview .input-column-name {
  color: brown;
}
.shaker-preview .output-column-name {
  color: brown;
}
.shaker-preview .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.shaker-summary {
  flex: 1 1 0;
}
.shaker-summary .sample-description {
  font-size: 0.9em;
  color: #666666;
}
.shaker-summary .autorefresh-disabled-warning {
  position: absolute;
  top: 7px;
  right: 210px;
  font-size: 34px;
  color: #f28c37;
  animation: opacity-pulse-high ease 1.3s infinite;
}
.shaker-summary .changes {
  line-height: normal;
  margin-top: 5px;
}
.shaker-summary .changes .change {
  font-weight: 600;
  display: inline-block;
  font-size: 11px;
}
.shaker-summary .changes .change i {
  vertical-align: baseline;
}
.shaker-summary .changes .change.created {
  color: #4caf50;
}
.shaker-summary .changes .change.modified {
  color: #3b99fc;
}
.shaker-summary .changes .change.deleted {
  color: #ce1228;
}
.shaker-summary .script-output h4,
.shaker-summary .sample-summary h4 {
  margin: 0;
  font-weight: 400;
  line-height: 26px;
}
.shaker-summary .script-output .info,
.shaker-summary .sample-summary .info {
  margin-top: 5px;
  line-height: normal;
}
.shaker-summary .script-output .info .dataset-structure,
.shaker-summary .sample-summary .info .dataset-structure {
  color: #bbbbbb;
}
.shaker-summary .script-output .info .dataset-structure > span,
.shaker-summary .sample-summary .info .dataset-structure > span {
  margin-right: 5px;
}
.shaker-summary .script-output .info .dataset-structure .changes span:not(:last-child),
.shaker-summary .sample-summary .info .dataset-structure .changes span:not(:last-child) {
  margin-right: 5px;
}
.shaker-summary .steps-summary {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shaker-summary .steps-summary .eye-switch {
  flex: 0 0 auto;
  margin-right: 10px;
}
.shaker-summary .steps-summary .eye-switch button {
  height: 48px;
  width: 48px;
  padding: 2px 3px 3px;
  color: #666666;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #dddddd;
}
.shaker-summary .steps-summary .eye-switch button .label {
  color: #bbbbbb;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}
.shaker-summary .steps-summary .eye-switch button:focus,
.shaker-summary .steps-summary .eye-switch button:active {
  outline: none;
}
.shaker-summary .steps-summary .eye-switch button i {
  font-size: 18px;
  color: #3b99fc;
}
.shaker-summary .steps-summary .eye-switch button i.icon-eye-open {
  display: block;
}
.shaker-summary .steps-summary .eye-switch button i.icon-eye-close {
  display: none;
}
.shaker-summary .steps-summary .eye-switch button:hover:not([disabled]) {
  color: #444444;
}
.shaker-summary .steps-summary .eye-switch button:hover:not([disabled]) .label {
  color: #666666;
}
.shaker-summary .steps-summary .eye-switch button:hover:not([disabled]) i.icon-eye-open {
  display: none;
}
.shaker-summary .steps-summary .eye-switch button:hover:not([disabled]) i.icon-eye-close {
  display: block;
}
.shaker-summary .steps-summary .step-desc {
  flex: 0 0 auto;
  margin-right: 50px;
}
.shaker-summary .steps-summary .step-desc h4 {
  margin: 0;
  font-weight: 400;
  line-height: 24px;
}
.shaker-summary .steps-summary .step-desc h4:first-letter {
  text-transform: capitalize;
}
.shaker-summary .steps-summary .step-desc p {
  margin-bottom: 0;
  color: #bbbbbb;
  line-height: normal;
  margin-top: 5px;
}
.shaker-summary .steps-summary .step-desc p:first-letter {
  text-transform: capitalize;
}
.shaker-summary .steps-summary .impact-toggling {
  flex: 1 1 0;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle {
  line-height: 20px;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle span.label {
  font-size: 16px;
  font-weight: 400;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle span.label:not(.selected) {
  color: #cccccc;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle label.dku-toggle {
  margin-right: 10px;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle .dku-toggle input + * {
  height: 18px;
  width: 40px;
  box-shadow: none;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle .dku-toggle input + *:before {
  content: '';
  background: #bbbbbb;
  height: 18px;
  width: 40px;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle .dku-toggle input + *:after {
  content: '';
  height: 16px;
  width: 16px;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle .dku-toggle input:checked + *:after {
  left: 23px;
}
.shaker-summary .steps-summary .impact-toggling .impact-toggle .dku-toggle input:not(:checked) + span:before {
  background: #3b99fc;
}
.shaker-summary .impact {
  background: #bbbbbb;
  color: #ffffff;
  border-radius: 0.6em;
  height: 15px;
  line-height: 16px;
  padding: 0 0.5em;
  display: inline-block;
  font-size: 0.9em;
}
.shaker-summary .impact i {
  vertical-align: baseline;
}
.script-left-pane {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.script-left-pane:focus {
  outline: none;
}
.script-left-pane .script-header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #dddddd;
  color: #bbbbbb;
  font-size: 12px;
}
.script-left-pane .script-header .search input {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: auto;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: baseline;
  font-size: 13px;
  padding-left: 3px;
  font-family: "SourceSansPro", Regular;
}
.script-left-pane .script-header .mass-actions button {
  font-family: "SourceSansPro", Semibold;
  border: none;
  background-color: transparent;
  text-transform: inherit;
  font-size: 12px;
  padding-left: 0;
}
.script-left-pane .script-header .mass-actions button.disabled {
  padding-right: 15px;
  opacity: 0.25;
}
.script-left-pane .script-header .mass-actions button:enabled {
  color: #666666;
}
.script-left-pane .script-header .mass-actions input {
  margin-top: 0;
}
.script-left-pane .script-header .mass-actions .styled-checkbox {
  height: 40px;
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
}
.script-left-pane .script-header .mass-actions .styled-checkbox i {
  vertical-align: middle;
  position: relative;
  top: 1px;
}
.script-left-pane .script-header .separator {
  margin-left: 10px;
  margin-right: 10px;
}
.script-left-pane .script-header .mass-actions,
.script-left-pane .script-header .search {
  font-size: 13px;
  overflow: hidden;
  transition: all 300ms ease;
  white-space: nowrap;
}
.script-left-pane .script-header .mass-actions .toggle-btn,
.script-left-pane .script-header .search .toggle-btn {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  transition: all 300ms ease;
  cursor: pointer;
}
.script-left-pane .script-header .mass-actions .control-pannel,
.script-left-pane .script-header .search .control-pannel {
  display: inline-block;
}
.script-left-pane .script-header .mass-actions .control-pannel .icon-search,
.script-left-pane .script-header .search .control-pannel .icon-search {
  font-size: 9px;
}
.script-left-pane .script-header .mass-actions.mass-actions,
.script-left-pane .script-header .search.mass-actions {
  flex: 0 1 auto;
}
.script-left-pane .script-header .mass-actions.search,
.script-left-pane .script-header .search.search {
  flex: 1 1;
}
.script-left-pane .script-header .actions {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
}
.script-left-pane .script-header .actions a {
  padding: 3px;
  color: #bbbbbb;
}
.script-left-pane .script-header .actions a:hover {
  text-decoration: none;
  color: #666666;
}
.script-left-pane .script-header hr {
  margin-top: 3px;
}
.script-left-pane .steps-wrapper {
  flex: 1 1 0;
}
.script-left-pane .steps-wrapper.nostep-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.script-left-pane .steps-wrapper .nostep {
  text-align: center;
}
.script-left-pane .steps-wrapper .nostep h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 30px;
  color: #333333;
}
.script-left-pane .steps-wrapper .nostep p {
  color: #666666;
  margin: 0;
}
.script-left-pane .steps-wrapper .btn-zone {
  padding: 5px;
}
.script-left-pane .steps-wrapper .btn-zone a.btn {
  text-decoration: none;
}
.script-left-pane .steps-wrapper .btn-zone .btn-new-step {
  font-weight: 600;
  background-color: #29af5d;
  color: #ffffff;
}
.script-left-pane .steps-wrapper .btn-zone .btn-new-group {
  margin-top: 5px;
  color: #666666;
  font-weight: 400;
  background-color: transparent;
}
.script-left-pane .steps-wrapper .btn-zone .btn-new-group:hover:not([disabled]) {
  background-color: transparent;
  color: #333333;
}
.script-left-pane .steps-wrapper .btn-zone .btn-new-group:active {
  box-shadow: none;
}
.shaker.shaker-recipe .steps-wrapper .btn-zone .btn-new-step {
  background-color: #f9bd38;
  color: #333333;
  font-weight: 500;
}
.shaker-left-column-form form input[type=passwords],
.shaker-left-column-form form input[type=number],
.shaker-left-column-form form select {
  vertical-align: middle;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  height: 2em;
  padding: 0 0.5em;
  display: block;
  box-sizing: border-box;
}
.shaker-left-column-form form input[type=number] {
  padding: 0 0.5em;
}
.shaker-left-column-form form input[type=checkbox] {
  margin: 0 0.5em 0 0;
}
.shaker-left-column-form .control-group {
  padding-bottom: 7px;
  border-radius: 5px;
}
.shaker-left-column-form .control-group label.control-label {
  color: #666666;
  font-size: 12px;
}
.shaker-left-column-form .control-group.child-focus,
.shaker-left-column-form .control-group:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: solid #dddddd 1px;
}
.shaker-left-column-form fieldset,
.shaker-left-column-form .control-group {
  padding-bottom: 7px;
  border-radius: 5px;
}
.shaker-left-column-form fieldset span.fieldLabel,
.shaker-left-column-form .control-group span.fieldLabel,
.shaker-left-column-form fieldset label.control-label,
.shaker-left-column-form .control-group label.control-label {
  color: #666666;
  font-size: 12px;
}
.shaker-left-column-form fieldset.child-focus,
.shaker-left-column-form .control-group.child-focus,
.shaker-left-column-form fieldset:hover,
.shaker-left-column-form .control-group:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: 1px solid #dddddd;
}
.shaker-left-column-form .help-inline {
  padding-left: 20px;
  font-size: 0.9em;
}
.shaker-left-column-form .bootstrap-select {
  margin-left: 10px;
}
.shaker-left-column-form select {
  font-size: 13px;
  width: 210px;
}
.shaker-left-column-form .controls .btn-group {
  margin-left: 10px;
}
.shaker-left-column-form input[type=text],
.shaker-left-column-form input[type=number] {
  width: 210px;
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 13px;
  display: block;
  box-sizing: border-box;
  outline: none;
}
.shaker-left-column-form input[type=number] {
  width: 50%;
}
.shaker #processors .accordion-heading {
  padding: 0;
}
.shaker .tabbable li.filter-active a {
  color: #ce1228;
}
.shaker .filter-icon i {
  color: #ce1228;
}
.shaker .filter-icon:hover {
  text-decoration: none;
}
.shaker .filter-icon:hover i {
  color: #c91024;
}
.shaker .processor.processor form input[type=text],
.shaker .processor.processor form input[type=number],
.shaker .processor.processor form input[type=datetime-local] {
  margin-bottom: 0;
  margin-left: 0px;
  font-size: 13px;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: none;
  height: 26px;
  line-height: 26px;
  background-color: #ffffff;
  outline-color: transparent;
  outline-style: none;
  border: 1px solid #dddddd;
  border-radius: 0;
  color: rgba(41, 29, 0, 0.9);
  box-shadow: none;
  padding: 0 5px;
}
.shaker .processor.processor form input[type=text]:hover,
.shaker .processor.processor form input[type=number]:hover,
.shaker .processor.processor form input[type=datetime-local]:hover {
  border: 1px solid #dddddd;
  background: rgba(255, 255, 255, 0.6);
  color: #222222;
}
.shaker .processor.processor form input[type=text]:focus,
.shaker .processor.processor form input[type=number]:focus,
.shaker .processor.processor form input[type=datetime-local]:focus {
  outline: none;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
  color: #222222;
  background: #ffffff;
  border: 1px solid #3b99fc;
}
.shaker .processor.processor form input[type=text],
.shaker .processor.processor form input[type=number],
.shaker .processor.processor form input[type=passwords],
.shaker .processor.processor form select,
.shaker .processor.processor form div.bootstrap-select.bootstrap-select.bootstrap-select,
.shaker .processor.processor form div.select-button {
  width: 210px;
}
.shaker .processor.processor form div.select-button > button {
  width: 100%;
}
.shaker .processor.processor form input[type=number] {
  width: 50%;
}
.shaker .processor.processor form input[type=passwords],
.shaker .processor.processor form input[type=number],
.shaker .processor.processor form select {
  vertical-align: middle;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  display: block;
  box-sizing: border-box;
}
.shaker .processor.processor form input[type=number] {
  padding: 0 0.5em;
  font-size: 13px;
}
.shaker .processor.processor form input[type=checkbox] {
  margin: 0 0.5em 0 0;
}
.shaker .processor.processor form .formula-mini-editor .CodeMirror {
  border: 1px solid #dddddd;
  height: 50px;
}
.shaker .processor.processor form .formula-mini-editor textarea.expression {
  width: 100%;
  max-width: 210px;
  min-width: 210px;
  min-height: 30px;
  border-radius: 0;
  height: 50px;
  padding: 3px 5px;
  box-sizing: border-box;
  font-size: 12px;
  font-family: 'Monaco';
}
.shaker .processor.processor form .applies-to .modes {
  margin-left: 15px;
  font-size: 10px;
}
.shaker .processor.processor form .applies-to .modes .selected,
.shaker .processor.processor form .applies-to .modes .selected:hover {
  color: #222222;
  border-bottom: 2px solid #dddddd;
  text-decoration: none;
  cursor: default;
}
.shaker .processor.processor form .applies-to .all-columns {
  font-size: 12px;
  color: #bbbbbb;
  padding-top: 2px;
  padding-bottom: 4px;
}
.shaker .processor ul.suggest-items input[type=text],
.shaker .processor ul.suggest-items input[type=datetime-local] {
  width: 210px !important;
  max-width: 210px;
  /* works better in flex e.g. dkulist */
}
.shaker .simple-filter ul.suggest-items li.item {
  margin-left: 0px;
}
.shaker .simple-filter ul.suggest-items li.item:hover {
  background-color: transparent;
}
.shaker .simple-filter ul.suggest-items li.item:not(.newItem) input[type=text] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
.shaker .simple-filter ul.suggest-items li.item i.icon-remove,
.shaker .simple-filter ul.suggest-items li.item i.icon-trash {
  color: #666666;
}
.shaker .simple-filter ul.suggest-items li.item i.icon-remove:hover,
.shaker .simple-filter ul.suggest-items li.item i.icon-trash:hover {
  color: #ce1228;
}
.shaker .processor-field {
  list-style-type: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.shaker fieldset {
  min-width: auto;
  padding-bottom: 7px;
  border-radius: 5px;
  display: table-column;
}
.shaker fieldset span.fieldLabel,
.shaker fieldset label.control-label {
  color: #666666;
  font-size: 12px;
}
.shaker fieldset label.control-label {
  margin-bottom: 0 !important;
}
.shaker fieldset.child-focus,
.shaker fieldset:hover {
  border-color: 1px solid #dddddd;
}
.shaker fieldset .smart-extractor-btn {
  font-size: 10px;
}
.shaker select {
  font-size: 13px;
  width: 210px;
}
.shaker ul.processors {
  margin: 0 0;
  padding: 0;
}
.shaker ul.processors li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shaker ul.processors li:hover {
  background: rgba(255, 255, 255, 0.55);
}
.shaker ul.processors li:hover a.help-button {
  opacity: 1;
}
.shaker ul.processors li a.help-button {
  position: relative;
  z-index: 1;
  cursor: pointer;
  opacity: 0.4;
  padding: 0 10px 0 20px;
  color: inherit;
}
.shaker ul.processors li a:hover {
  text-decoration: none;
}
.shaker ul.processors li a i {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.shaker ul.processors li a.processor-name {
  display: block;
  color: inherit;
  padding: 2px 15px 2px 23px;
  font-size: 12px;
  position: relative;
}
.shaker ul.processors li a.processor-name i {
  position: absolute;
  left: 2px;
  top: 2px;
}
.shaker .columnHeader {
  background: #ffffff;
}
.shaker .columnHeader .config input {
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  height: 2em;
  display: block;
  margin: 0 0 0.5em;
}
.shaker .columnHeader .config select {
  font-size: 12px;
  height: 2em;
  display: block;
  margin: 0 0 0.5em;
  width: 140px;
}
.shaker .columnHeader .column-header-types-menu,
.shaker .columnHeader .column-header-meanings-menu,
.shaker .columnHeader .column-colors-menu {
  font-family: 'SourceSansPro';
}
.shaker .columnHeader .column-header-types-menu ul,
.shaker .columnHeader .column-header-meanings-menu ul,
.shaker .columnHeader .column-colors-menu ul {
  margin: 0;
}
.shaker .columnHeader .column-header-types-menu ul li,
.shaker .columnHeader .column-header-meanings-menu ul li,
.shaker .columnHeader .column-colors-menu ul li {
  list-style: none;
  padding: 0 6px;
}
.shaker .columnHeader .column-header-types-menu ul li:hover:not(.nav-header),
.shaker .columnHeader .column-header-meanings-menu ul li:hover:not(.nav-header),
.shaker .columnHeader .column-colors-menu ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.shaker .columnHeader .column-header-types-menu ul li a,
.shaker .columnHeader .column-header-meanings-menu ul li a,
.shaker .columnHeader .column-colors-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.shaker .columnHeader .column-header-types-menu ul li a:hover,
.shaker .columnHeader .column-header-meanings-menu ul li a:hover,
.shaker .columnHeader .column-colors-menu ul li a:hover {
  text-decoration: none;
}
.shaker .columnHeader .column-header-types-menu ul li a:focus,
.shaker .columnHeader .column-header-meanings-menu ul li a:focus,
.shaker .columnHeader .column-colors-menu ul li a:focus {
  outline: none;
}
.shaker .columnHeader .column-header-types-menu ul li:not(.dropdown-submenu),
.shaker .columnHeader .column-header-meanings-menu ul li:not(.dropdown-submenu),
.shaker .columnHeader .column-colors-menu ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shaker .columnHeader .column-header-types-menu ul li.divider,
.shaker .columnHeader .column-header-meanings-menu ul li.divider,
.shaker .columnHeader .column-colors-menu ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.shaker .columnHeader .column-header-types-menu ul li.dropdown-submenu .dropdown-menu,
.shaker .columnHeader .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu,
.shaker .columnHeader .column-colors-menu ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.shaker .columnHeader .column-header-types-menu ul li.dropdown-submenu a,
.shaker .columnHeader .column-header-meanings-menu ul li.dropdown-submenu a,
.shaker .columnHeader .column-colors-menu ul li.dropdown-submenu a {
  background: none;
}
.shaker .columnHeader .column-header-types-menu ul li.dropdown-submenu .dropdown-menu li.nav-header,
.shaker .columnHeader .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li.nav-header,
.shaker .columnHeader .column-colors-menu ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.shaker .columnHeader .column-header-types-menu ul li.dropdown-submenu .dropdown-menu li a,
.shaker .columnHeader .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li a,
.shaker .columnHeader .column-colors-menu ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.shaker .columnHeader .column-header-meanings-menu {
  min-width: 180px !important;
  width: 180px;
}
.shaker .columnHeader .column-header-meanings-menu .possible a {
  font-weight: 500;
}
.shaker .columnHeader .column-colors-menu .values {
  padding: 10px 0 0 0;
}
.shaker .columnHeader .column-colors-menu .values li.value {
  padding-left: 10px;
  cursor: default;
  line-height: 17px;
  height: 17px;
}
.shaker .columnHeader .column-colors-menu .values li.value:hover {
  background: #ffffff;
}
.shaker .columnHeader .column-colors-menu .sample {
  vertical-align: text-top;
  width: 34px;
  height: 17px;
  margin-right: 5px;
  background: none;
}
.shaker .columnHeader .column-colors-menu .sample.CB-1 {
  background-color: #ffdddd;
}
.shaker .columnHeader .column-colors-menu .sample.CB-1.H,
.shaker .columnHeader .column-colors-menu .sample.CB-1.FH {
  background-color: #ffaaaa;
}
.shaker .columnHeader .column-colors-menu .sample.CB-1:hover {
  background-color: #ffdddd;
}
.shaker .columnHeader .column-colors-menu .sample.CB-2 {
  background-color: #eeffee;
}
.shaker .columnHeader .column-colors-menu .sample.CB-2.H,
.shaker .columnHeader .column-colors-menu .sample.CB-2.FH {
  background-color: #bbffbb;
}
.shaker .columnHeader .column-colors-menu .sample.CB-2:hover {
  background-color: #eeffee;
}
.shaker .columnHeader .column-colors-menu .sample.CG-1 {
  background-color: rgba(255, 192, 203, 0.3);
}
.shaker .columnHeader .column-colors-menu .sample.CG-1.H,
.shaker .columnHeader .column-colors-menu .sample.CG-1.FH {
  background-color: rgba(255, 141, 161, 0.3);
}
.shaker .columnHeader .column-colors-menu .sample.CG-1:hover {
  background-color: rgba(255, 192, 203, 0.3);
}
.shaker .columnHeader .column-colors-menu .sample.CG-2 {
  background-color: #e8f1fa;
}
.shaker .columnHeader .column-colors-menu .sample.CG-2.H,
.shaker .columnHeader .column-colors-menu .sample.CG-2.FH {
  background-color: #bed7f1;
}
.shaker .columnHeader .column-colors-menu .sample.CG-2:hover {
  background-color: #e8f1fa;
}
.shaker .columnHeader .column-colors-menu .sample.CA1-0 {
  background-color: #ffffff;
}
.shaker .columnHeader .column-colors-menu .sample.CA1-0.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-0.FH {
  background-color: #e6e6e6;
}
.shaker .columnHeader .column-colors-menu .sample.CA1-0:hover {
  background-color: #ffffff;
}
.shaker .columnHeader .column-colors-menu .sample.CA1-1 {
  background-color: rgba(141, 211, 199, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-1.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-1.FH {
  background-color: rgba(104, 197, 181, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-1:hover {
  background-color: rgba(141, 211, 199, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-2 {
  background-color: rgba(255, 255, 179, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-2.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-2.FH {
  background-color: rgba(255, 255, 128, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-2:hover {
  background-color: rgba(255, 255, 179, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-3 {
  background-color: rgba(190, 186, 218, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-3.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-3.FH {
  background-color: rgba(159, 153, 200, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-3:hover {
  background-color: rgba(190, 186, 218, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-4 {
  background-color: rgba(251, 128, 114, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-4.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-4.FH {
  background-color: rgba(250, 83, 64, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-4:hover {
  background-color: rgba(251, 128, 114, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-5 {
  background-color: rgba(128, 177, 211, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-5.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-5.FH {
  background-color: rgba(90, 154, 198, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-5:hover {
  background-color: rgba(128, 177, 211, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-6 {
  background-color: rgba(253, 180, 98, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-6.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-6.FH {
  background-color: rgba(252, 156, 48, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-6:hover {
  background-color: rgba(253, 180, 98, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-7 {
  background-color: rgba(179, 222, 105, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-7.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-7.FH {
  background-color: rgba(158, 213, 63, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-7:hover {
  background-color: rgba(179, 222, 105, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-8 {
  background-color: rgba(252, 205, 229, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-8.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-8.FH {
  background-color: rgba(249, 157, 204, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-8:hover {
  background-color: rgba(252, 205, 229, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-9 {
  background-color: rgba(188, 128, 189, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-9.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-9.FH {
  background-color: rgba(170, 94, 172, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-9:hover {
  background-color: rgba(188, 128, 189, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-10 {
  background-color: rgba(204, 235, 197, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-10.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-10.FH {
  background-color: rgba(171, 222, 159, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-10:hover {
  background-color: rgba(204, 235, 197, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-11 {
  background-color: rgba(255, 237, 111, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-11.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-11.FH {
  background-color: rgba(255, 231, 60, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-11:hover {
  background-color: rgba(255, 237, 111, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-12 {
  background-color: rgba(238, 221, 131, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-12.H,
.shaker .columnHeader .column-colors-menu .sample.CA1-12.FH {
  background-color: rgba(232, 209, 86, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CA1-12:hover {
  background-color: rgba(238, 221, 131, 0.32);
}
.shaker .columnHeader .column-colors-menu .sample.CN-0 {
  background-color: #ffffff;
}
.shaker .columnHeader .column-colors-menu .sample.CN-0.H,
.shaker .columnHeader .column-colors-menu .sample.CN-0.FH {
  background-color: #e6e6e6;
}
.shaker .columnHeader .column-colors-menu .sample.CN-0:hover {
  background-color: #ffffff;
}
.shaker .columnHeader .column-colors-menu .sample.CN-1 {
  background-color: #e8f1fa;
}
.shaker .columnHeader .column-colors-menu .sample.CN-1.H,
.shaker .columnHeader .column-colors-menu .sample.CN-1.FH {
  background-color: #bed7f1;
}
.shaker .columnHeader .column-colors-menu .sample.CN-1:hover {
  background-color: #e8f1fa;
}
.shaker .columnHeader .column-colors-menu .sample.CN-2 {
  background-color: #cde0f5;
}
.shaker .columnHeader .column-colors-menu .sample.CN-2.H,
.shaker .columnHeader .column-colors-menu .sample.CN-2.FH {
  background-color: #a2c6ed;
}
.shaker .columnHeader .column-colors-menu .sample.CN-2:hover {
  background-color: #cde0f5;
}
.shaker .columnHeader .column-colors-menu .sample.CN-3 {
  background-color: #b3cfef;
}
.shaker .columnHeader .column-colors-menu .sample.CN-3.H,
.shaker .columnHeader .column-colors-menu .sample.CN-3.FH {
  background-color: #89b4e6;
}
.shaker .columnHeader .column-colors-menu .sample.CN-3:hover {
  background-color: #b3cfef;
}
.shaker .columnHeader .column-colors-menu .sample.CN-4 {
  background-color: #98bee9;
}
.shaker .columnHeader .column-colors-menu .sample.CN-4.H,
.shaker .columnHeader .column-colors-menu .sample.CN-4.FH {
  background-color: #6ea3e0;
}
.shaker .columnHeader .column-colors-menu .sample.CN-4:hover {
  background-color: #98bee9;
}
.shaker .columnHeader .column-colors-menu .sample.CN-5 {
  background-color: #70a5e0;
}
.shaker .columnHeader .column-colors-menu .sample.CN-5.H,
.shaker .columnHeader .column-colors-menu .sample.CN-5.FH {
  background-color: #468bd7;
}
.shaker .columnHeader .column-colors-menu .sample.CN-5:hover {
  background-color: #70a5e0;
}
.shaker .columnHeader .column-colors-menu .sample.CG--3,
.shaker .columnHeader .column-colors-menu .sample.CB--3,
.shaker .columnHeader .column-colors-menu .sample.CN--3 {
  color: #666666;
  background-color: #dedede;
}
.shaker .columnHeader .column-colors-menu .sample.CG--3.H,
.shaker .columnHeader .column-colors-menu .sample.CB--3.H,
.shaker .columnHeader .column-colors-menu .sample.CN--3.H,
.shaker .columnHeader .column-colors-menu .sample.CG--3.FH,
.shaker .columnHeader .column-colors-menu .sample.CB--3.FH,
.shaker .columnHeader .column-colors-menu .sample.CN--3.FH {
  background-color: #c5c5c5;
}
.shaker .columnHeader .column-colors-menu .sample.CG--3:hover,
.shaker .columnHeader .column-colors-menu .sample.CB--3:hover,
.shaker .columnHeader .column-colors-menu .sample.CN--3:hover {
  background-color: #dedede;
}
.shaker .columnHeader .column-colors-menu .sample.CA1--1.H,
.shaker .columnHeader .column-colors-menu .sample.CN--1.H,
.shaker .columnHeader .column-colors-menu .sample.CA1--1.FH,
.shaker .columnHeader .column-colors-menu .sample.CN--1.FH {
  background-color: #dddddd;
}
.shaker .columnHeader .column-colors-menu .sample.CA1--1:hover,
.shaker .columnHeader .column-colors-menu .sample.CN--1:hover {
  background-color: #cccccc;
}
.shaker .columnHeader .column-colors-menu .sample.CA1--2 {
  background-color: #f2f2f2;
  color: #bbbbbb;
}
.shaker .columnHeader .column-header-types-menu {
  min-width: 150px !important;
  width: 150px;
}
.shaker .columnHeader .column-header-types-menu ul li.invalid {
  background-color: #f9e3e5;
  font-weight: 400;
}
.shaker .columnHeader .column-header-types-menu ul li.invalid:hover {
  background-color: #f5ced2;
}
.shaker .columnHeader .dropdown-trigger {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}
.shaker .columnHeader .dropdown-trigger a {
  font-family: 'SourceSansPro';
  outline: 0;
}
.shaker .columnHeader .dropdown-trigger a:hover {
  text-decoration: none;
}
.shaker .columnHeader .dropdown-trigger a:focus {
  outline: none;
}
.shaker .columnHeader .dropdown-trigger.name a {
  font-weight: 500;
  font-size: 13px;
  color: #333333;
}
.shaker .columnHeader .dropdown-trigger.meaning a {
  color: #28a9dd;
  font-size: 11px;
}
.shaker .columnHeader .dropdown-trigger.storage-type a {
  color: #666666;
  font-family: 'Monaco';
  font-size: 10px;
}
.shaker .columnHeader .dropdown-trigger.name {
  line-height: 34px;
}
.shaker .columnHeader .dropdown-trigger.name.has-comment,
.shaker .columnHeader .dropdown-trigger.name.has-customfields {
  line-height: 28px;
  border-bottom: 1px solid #dddddd;
}
.shaker .columnHeader .dropdown-trigger.name.has-comment div[ng-transclude=trigger],
.shaker .columnHeader .dropdown-trigger.name.has-customfields div[ng-transclude=trigger] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shaker .columnHeader .dropdown-trigger .sort-indication {
  opacity: 0.5;
}
.shaker .columnHeader .dropdown-trigger.meaning {
  line-height: 19px;
  background-color: #ffffff;
}
.shaker .columnHeader .dropdown-trigger.meaning .icon-lock {
  font-size: 10px;
  color: #666666;
}
.shaker .columnHeader .dropdown-trigger.storage-type {
  line-height: 19px;
  background-color: #ffffff;
}
.shaker .columnHeader .dropdown-trigger.storage-type.invalid {
  background-color: #f9e3e5;
  color: #333333;
}
.shaker .columnHeader .dropdown-trigger .column-comment {
  line-height: 19px;
  height: 19px;
  font-size: 11px;
  color: #bbbbbb;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shaker .columnHeader .dropdown-trigger .column-customfields {
  line-height: 19px;
  height: 19px;
  font-size: 11px;
  color: #bbbbbb;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shaker .columnHeader .dropdown-trigger .column-customfields .dku-html-tooltip-activation-zone {
  width: 100%;
  height: 100%;
  display: block;
}
.shaker .columnHeader .dropdown-trigger .caret {
  vertical-align: middle;
  transition: 0.2s all ease;
  opacity: 0;
  color: #666666;
}
.shaker .columnHeader .dropdown-trigger .icon-dku-handle .fat-draggable__handler {
  color: #f2f2f2;
  cursor: move;
}
.shaker .columnHeader .dropdown-trigger:hover {
  background: #f2f2f2;
}
.shaker .columnHeader .dropdown-trigger:hover .caret {
  opacity: 1;
}
.shaker .columnHeader .dropdown-trigger.noclick {
  cursor: default;
}
.shaker .columnHeader .dropdown-trigger.noclick a {
  cursor: default;
}
.shaker .columnHeader .fat-draggable__handler .icon-dku-handle {
  color: #cccccc;
  cursor: move;
  float: left;
  position: relative;
  top: 7px;
  left: -9px;
  width: 8px;
  font-size: 20px;
}
.shaker .spinnerContainer {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 20px;
  right: 20px;
  z-index: 1000000;
  margin: 0;
  border-radius: 0;
  background: rgba(34, 34, 34, 0.25);
  display: block;
  width: auto;
  height: 60px;
}
.shaker .table-view-header {
  line-height: 46px;
  background-color: #f2f2f2;
}
.shaker .table-view-header .filters-wrapper {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  background-color: #f2f2f2;
}
.shaker .table-view-header .meta-info {
  color: #bbbbbb;
  font-size: 12px;
  padding: 0px 10px;
}
.shaker .table-view-header .meta-info .nb-rows {
  font-weight: 600;
  color: #666666;
}
.shaker .table-view-header .btn.btn-borderless,
.shaker .table-view-header .btn.btn-borderless:focus,
.shaker .table-view-header .btn.btn-borderless:active,
.shaker .table-view-header .btn.btn-borderless:hover {
  border: none;
  outline: none;
  color: #666666;
  background-color: transparent;
  box-shadow: none;
}
.shaker .table-view-header div.arrow-slider {
  position: relative;
  height: 46px;
  padding: 0 5px;
  flex-grow: 0;
  flex-shrink: 0;
  color: #bbbbbb;
}
.shaker .table-view-header div.arrow-slider.active {
  color: #666666;
  cursor: pointer;
}
.shaker .table-view-header div.arrow-slider.active.left:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #dddddd;
}
.shaker .table-view-header div.arrow-slider.active.right:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #dddddd;
}
.shaker .table-view-header div.arrow-slider.active:hover {
  color: #333333;
}
.shaker .table-view-header .filter.global-search {
  margin-right: 10px;
  height: 100%;
  position: relative;
}
.shaker .table-view-header .filter.global-search input {
  padding: 5px 25px 5px 25px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  background-color: transparent;
  width: 48px;
  transition: width 150ms ease;
}
.shaker .table-view-header .filter.global-search input:focus,
.shaker .table-view-header .filter.global-search input.filled {
  border: 1px solid #dddddd;
  background: #ffffff;
  outline: none;
  width: 150px;
}
.shaker .table-view-header .filter.global-search input:focus.filled + i.icon-clear-filter,
.shaker .table-view-header .filter.global-search input.filled.filled + i.icon-clear-filter {
  display: inline-block;
}
.shaker .table-view-header .filter.global-search i {
  position: absolute;
  pointer-events: none;
  top: 17px;
  left: 6px;
  color: #bbbbbb;
}
.shaker .table-view-header .filter.global-search i.icon-clear-filter {
  top: 50%;
  transform: translate(0, -50%);
  right: 6px;
  left: auto;
  font-size: 14px;
  cursor: pointer;
  display: none;
  transition: opacity 200ms ease;
  pointer-events: auto;
}
.shaker .table-view-header .filter.global-search i.icon-clear-filter:before {
  content: '✕';
}
.shaker .table-view-header div.facetsFilters {
  flex: 1 1 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 46px;
  border: none;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.shaker .table-view-header div.facetsFilters div.filters-slider {
  height: 46px;
  white-space: nowrap;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper {
  border: none;
  position: relative;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper:not(:first-child) {
  margin-left: 5px;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter {
  height: 100%;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group {
  height: 100%;
  margin: 0;
  padding: 7px 0px;
  box-sizing: border-box;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  line-height: normal;
  box-sizing: border-box;
  padding: 0px 5px;
  max-width: 250px;
  box-shadow: none;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading .ff-info {
  flex: 1 1 0;
  display: flex;
  flex-direction: row;
  padding: 0 5px;
  overflow: hidden;
  opacity: 0.4;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading .ff-info .ff-column-name {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading .ff-info .ff-value {
  flex-grow: 0;
  flex-shrink: 0;
  color: #bbbbbb;
  font-style: italic;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading .filter-btn {
  margin-left: 5px;
  flex-grow: 0;
  flex-shrink: 0;
  cursor: pointer;
  line-height: normal;
  color: #bbbbbb;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading .filter-btn:hover {
  color: #666666;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading.active .ff-info {
  opacity: 1;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading.active .filter-btn {
  color: #bbbbbb;
}
.shaker .table-view-header div.facetsFilters div.filter-wrapper .filter div.filter-accordion-group .accordion-heading.active .filter-btn:hover {
  color: #666666;
}
.shaker .table-view-header div.facetsFilters .accordion-heading {
  font-size: 13px;
}
.shaker .table-view-header div.facetsFilters .icon-remove,
.shaker .table-view-header div.facetsFilters .icon-trash {
  font-size: 16px;
}
.shaker .table-view-header div.actions {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  margin-left: 15px;
}
.shaker .filter-accordion-group .accordion-inner {
  margin: 0 !important;
}
.shaker .filter-accordion-group .accordion-inner fieldset form {
  margin-bottom: 0;
}
.shaker .group-processor .steps > li {
  margin-bottom: 2px;
}
.shaker .angular-ui-tree-empty {
  min-height: initial;
  border: none;
}
.facetsFilters,
.shaker .steps,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 5px;
}
.facetsFilters > li,
.shaker .steps > li,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li {
  font-size: 12px;
  list-style: none;
  margin: 0;
  margin-bottom: 4px;
}
.facetsFilters > li.angular-ui-tree-placeholder,
.shaker .steps > li.angular-ui-tree-placeholder,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li.angular-ui-tree-placeholder {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px dashed #dddddd;
}
.facetsFilters > li i,
.shaker .steps > li i,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li i {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor,
.shaker .steps > li .processor,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor {
  box-shadow: 0px 1px 0px 0px #cccccc;
  border: 1px solid transparent;
  border-bottom: 0;
}
.facetsFilters > li .processor div[dku-md-popover] > i.icon-question-sign,
.shaker .steps > li .processor div[dku-md-popover] > i.icon-question-sign,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor div[dku-md-popover] > i.icon-question-sign,
.facetsFilters > li .processor span[dku-md-popover] > i.icon-warning-sign,
.shaker .steps > li .processor span[dku-md-popover] > i.icon-warning-sign,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor span[dku-md-popover] > i.icon-warning-sign {
  cursor: pointer;
}
.facetsFilters > li .processor input.ng-invalid,
.shaker .steps > li .processor input.ng-invalid,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor input.ng-invalid {
  border-color: #ce1228;
}
.facetsFilters > li .processor.selected,
.shaker .steps > li .processor.selected,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected {
  background-color: #e7f3ff !important;
  border: 1px solid #3b99fc;
  box-shadow: none;
}
.facetsFilters > li .processor.selected .main,
.shaker .steps > li .processor.selected .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected .main {
  background-color: transparent !important;
}
.facetsFilters > li .processor.selected .main .processor-dragger a,
.shaker .steps > li .processor.selected .main .processor-dragger a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected .main .processor-dragger a {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.selected .main .processor-infos .actions > a,
.shaker .steps > li .processor.selected .main .processor-infos .actions > a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected .main .processor-infos .actions > a {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.selected .processor-footer,
.shaker .steps > li .processor.selected .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected .processor-footer {
  background-color: transparent !important;
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.selected .processor-footer .comment .text,
.shaker .steps > li .processor.selected .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected .processor-footer .comment .text {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.selected.softdisabled:not(.disabled),
.shaker .steps > li .processor.selected.softdisabled:not(.disabled),
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected.softdisabled:not(.disabled) {
  background-color: #e1f2fe !important;
}
.facetsFilters > li .processor.selected.disabled,
.shaker .steps > li .processor.selected.disabled,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected.disabled {
  border: 1px #90cffa solid;
  background-color: transparent !important;
}
.facetsFilters > li .processor.selected .dkuform-std-vertical button.btn.selectpicker,
.shaker .steps > li .processor.selected .dkuform-std-vertical button.btn.selectpicker,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected .dkuform-std-vertical button.btn.selectpicker,
.facetsFilters > li .processor.selected button.btn.selectpicker,
.shaker .steps > li .processor.selected button.btn.selectpicker,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected button.btn.selectpicker {
  background-color: rgba(255, 255, 255, 0.5);
}
.facetsFilters > li .processor.selected form input,
.shaker .steps > li .processor.selected form input,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected form input,
.facetsFilters > li .processor.selected textarea,
.shaker .steps > li .processor.selected textarea,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected textarea,
.facetsFilters > li .processor.selected select,
.shaker .steps > li .processor.selected select,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected select {
  background-color: rgba(255, 255, 255, 0.5);
}
.facetsFilters > li .processor.selected hr,
.shaker .steps > li .processor.selected hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.selected hr {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.matched .processor-description,
.shaker .steps > li .processor.matched .processor-description,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.matched .processor-description {
  background-color: #ff0;
}
.facetsFilters > li .processor.active > .main .actions a,
.shaker .steps > li .processor.active > .main .actions a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .main .actions a {
  color: #bbbbbb;
}
.facetsFilters > li .processor.softdisabled .main .processor-header,
.shaker .steps > li .processor.softdisabled .main .processor-header,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .main .processor-header,
.facetsFilters > li .processor.disabled .main .processor-header,
.shaker .steps > li .processor.disabled .main .processor-header,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .processor-header {
  color: #bbbbbb;
}
.facetsFilters > li .processor.softdisabled .main .changes .change.created,
.shaker .steps > li .processor.softdisabled .main .changes .change.created,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .main .changes .change.created,
.facetsFilters > li .processor.disabled .main .changes .change.created,
.shaker .steps > li .processor.disabled .main .changes .change.created,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .changes .change.created,
.facetsFilters > li .processor.softdisabled .main .changes .change.modified,
.shaker .steps > li .processor.softdisabled .main .changes .change.modified,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .main .changes .change.modified,
.facetsFilters > li .processor.disabled .main .changes .change.modified,
.shaker .steps > li .processor.disabled .main .changes .change.modified,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .changes .change.modified,
.facetsFilters > li .processor.softdisabled .main .changes .change.deleted,
.shaker .steps > li .processor.softdisabled .main .changes .change.deleted,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .main .changes .change.deleted,
.facetsFilters > li .processor.disabled .main .changes .change.deleted,
.shaker .steps > li .processor.disabled .main .changes .change.deleted,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .changes .change.deleted {
  color: #bbbbbb;
}
.facetsFilters > li .processor.softdisabled .main .actions,
.shaker .steps > li .processor.softdisabled .main .actions,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .main .actions,
.facetsFilters > li .processor.disabled .main .actions,
.shaker .steps > li .processor.disabled .main .actions,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .actions {
  color: #bbbbbb;
}
.facetsFilters > li .processor.softdisabled .main .processor-dragger a.processor-handle,
.shaker .steps > li .processor.softdisabled .main .processor-dragger a.processor-handle,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .main .processor-dragger a.processor-handle,
.facetsFilters > li .processor.disabled .main .processor-dragger a.processor-handle,
.shaker .steps > li .processor.disabled .main .processor-dragger a.processor-handle,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .processor-dragger a.processor-handle {
  color: #dddddd;
}
.facetsFilters > li .processor.softdisabled:after,
.shaker .steps > li .processor.softdisabled:after,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  background: repeating-linear-gradient(-45deg, #ffffff, #666666 10px);
}
.facetsFilters > li .processor.softdisabled .processor-infos .actions,
.shaker .steps > li .processor.softdisabled .processor-infos .actions,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .processor-infos .actions {
  height: 18px;
}
.facetsFilters > li .processor.softdisabled .processor-infos .actions-btn-wrapper,
.shaker .steps > li .processor.softdisabled .processor-infos .actions-btn-wrapper,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .processor-infos .actions-btn-wrapper {
  position: absolute;
  right: 10px;
  z-index: 10;
}
.facetsFilters > li .processor.softdisabled .shaker-step__menu-more.shaker-step__menu-more,
.shaker .steps > li .processor.softdisabled .shaker-step__menu-more.shaker-step__menu-more,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .shaker-step__menu-more.shaker-step__menu-more {
  color: #f2f2f2;
  cursor: default;
}
.facetsFilters > li .processor.softdisabled .shaker-step__menu-more.shaker-step__menu-more:hover,
.shaker .steps > li .processor.softdisabled .shaker-step__menu-more.shaker-step__menu-more:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled .shaker-step__menu-more.shaker-step__menu-more:hover {
  color: #f2f2f2;
}
.facetsFilters > li .processor.disabled,
.shaker .steps > li .processor.disabled,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled {
  background: inherit;
  box-shadow: none;
  border: 1px solid #dddddd;
}
.facetsFilters > li .processor.disabled .main,
.shaker .steps > li .processor.disabled .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main {
  background: #f2f2f2;
}
.facetsFilters > li .processor.disabled .main .actions .disablebutton,
.shaker .steps > li .processor.disabled .main .actions .disablebutton,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .main .actions .disablebutton {
  color: #3b99fc;
}
.facetsFilters > li .processor.disabled .content,
.shaker .steps > li .processor.disabled .content,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .content {
  background: #ffffff;
}
.facetsFilters > li .processor.disabled .content hr,
.shaker .steps > li .processor.disabled .content hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .content hr {
  border-bottom: 1px solid #dddddd;
}
.facetsFilters > li .processor.disabled .processor-footer,
.shaker .steps > li .processor.disabled .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.disabled .processor-footer {
  background: #ffffff;
}
.facetsFilters > li .processor.softdisabled:not(.disabled) .main,
.shaker .steps > li .processor.softdisabled:not(.disabled) .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled:not(.disabled) .main {
  background: #ffffff;
}
.facetsFilters > li .processor.softdisabled:not(.disabled) .content,
.shaker .steps > li .processor.softdisabled:not(.disabled) .content,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled:not(.disabled) .content {
  background: #ffffff;
}
.facetsFilters > li .processor.softdisabled:not(.disabled) .content hr,
.shaker .steps > li .processor.softdisabled:not(.disabled) .content hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled:not(.disabled) .content hr {
  border-bottom: 1px solid #dddddd;
}
.facetsFilters > li .processor.softdisabled:not(.disabled) .processor-footer,
.shaker .steps > li .processor.softdisabled:not(.disabled) .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.softdisabled:not(.disabled) .processor-footer {
  background: #ffffff;
}
.facetsFilters > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .alphanum-literal,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .alphanum-literal,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .alphanum-literal {
  color: #3B5BB5;
}
.facetsFilters > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .num-literal,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .num-literal,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .num-literal {
  color: #770088;
}
.facetsFilters > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .action-verb,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .action-verb,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .action-verb {
  font-weight: 500;
}
.facetsFilters > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .input-column-name,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .input-column-name,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .input-column-name {
  color: brown;
}
.facetsFilters > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .output-column-name,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .output-column-name,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .output-column-name {
  color: brown;
}
.facetsFilters > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .meaning-label,
.shaker .steps > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .meaning-label,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:not(.softdisabled):not(.disabled) .main .processor-infos .processor-header .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.facetsFilters > li .processor .main,
.shaker .steps > li .processor .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  min-height: 40px;
  line-height: normal;
  align-items: stretch;
  padding: 3px 10px;
  padding-left: 0px;
  background: #ffffff;
  cursor: pointer;
  text-overflow: ellipsis;
}
.facetsFilters > li .processor .main .processor-dragger,
.shaker .steps > li .processor .main .processor-dragger,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-dragger {
  display: flex;
  text-align: center;
  flex: 0 0 auto;
  padding: 0 7px 0 0;
  align-self: center;
  justify-content: center;
  align-items: center;
}
.facetsFilters > li .processor .main .processor-dragger a.processor-handle,
.shaker .steps > li .processor .main .processor-dragger a.processor-handle,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-dragger a.processor-handle {
  display: block;
  color: #cccccc;
  font-size: 20px;
  right: 3px;
  position: relative;
  width: 17px;
}
.facetsFilters > li .processor .main .processor-dragger a.processor-handle:hover,
.shaker .steps > li .processor .main .processor-dragger a.processor-handle:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-dragger a.processor-handle:hover {
  text-decoration: none;
}
.facetsFilters > li .processor .main .processor-dragger span.processor-selector,
.shaker .steps > li .processor .main .processor-dragger span.processor-selector,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-dragger span.processor-selector {
  color: #bbbbbb;
  opacity: 1;
  padding: 10px 0;
}
.facetsFilters > li .processor .main .processor-infos,
.shaker .steps > li .processor .main .processor-infos,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  flex: 1 1 0;
  box-sizing: border-box;
}
.facetsFilters > li .processor .main .processor-infos .processor-header,
.shaker .steps > li .processor .main .processor-infos .processor-header,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header {
  height: 50%;
  position: relative;
  word-break: break-word;
}
.facetsFilters > li .processor .main .processor-infos .processor-header .processor-name,
.shaker .steps > li .processor .main .processor-infos .processor-header .processor-name,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .processor-name {
  font-size: 12px;
  display: inline-block;
  margin: 0;
}
.facetsFilters > li .processor .main .processor-infos .processor-header .processor-name:first-letter,
.shaker .steps > li .processor .main .processor-infos .processor-header .processor-name:first-letter,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .processor-name:first-letter {
  text-transform: capitalize;
}
.facetsFilters > li .processor .main .processor-infos .processor-header .group-meta-inf,
.shaker .steps > li .processor .main .processor-infos .processor-header .group-meta-inf,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .group-meta-inf {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 12px;
  padding-right: 3px;
}
.facetsFilters > li .processor .main .processor-infos .processor-header .show-group,
.shaker .steps > li .processor .main .processor-infos .processor-header .show-group,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .show-group {
  display: none;
}
.facetsFilters > li .processor .main .processor-infos .processor-header .aligned,
.shaker .steps > li .processor .main .processor-infos .processor-header .aligned,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .aligned {
  position: absolute;
}
.facetsFilters > li .processor .main .processor-infos .processor-header .in-box,
.shaker .steps > li .processor .main .processor-infos .processor-header .in-box,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header .in-box {
  width: 180px;
  overflow: hidden;
}
.facetsFilters > li .processor .main .processor-infos .processor-header:hover .show-group,
.shaker .steps > li .processor .main .processor-infos .processor-header:hover .show-group,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header:hover .show-group {
  margin-left: 5px;
  display: inline-block;
}
.facetsFilters > li .processor .main .processor-infos .processor-header fieldset,
.shaker .steps > li .processor .main .processor-infos .processor-header fieldset,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header fieldset {
  display: inline-block;
  padding: 0;
  height: 18px;
}
.facetsFilters > li .processor .main .processor-infos .processor-header fieldset input,
.shaker .steps > li .processor .main .processor-infos .processor-header fieldset input,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .processor-infos .processor-header fieldset input {
  font-family: "SourceSansPro";
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 3px;
  display: inline-block;
  font-size: 12px;
  max-width: 180px;
  border-radius: 0;
  box-shadow: none;
}
.facetsFilters > li .processor .main:hover .actions a,
.shaker .steps > li .processor .main:hover .actions a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main:hover .actions a {
  color: #bbbbbb;
}
.facetsFilters > li .processor .main .actions,
.shaker .steps > li .processor .main .actions,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .actions {
  height: 50%;
  margin: 0;
  margin-top: 5px;
}
.facetsFilters > li .processor .main .actions a,
.shaker .steps > li .processor .main .actions a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .actions a {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  color: #cccccc;
  padding: 3px;
}
.facetsFilters > li .processor .main .actions a:hover,
.shaker .steps > li .processor .main .actions a:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .actions a:hover {
  color: #666666;
  text-decoration: none;
}
.facetsFilters > li .processor .main .actions a.previewActive,
.shaker .steps > li .processor .main .actions a.previewActive,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .actions a.previewActive {
  opacity: 0.9 !important;
}
.facetsFilters > li .processor .main .actions a.previewActive i,
.shaker .steps > li .processor .main .actions a.previewActive i,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .actions a.previewActive i {
  color: #3b99fc;
}
.facetsFilters > li .processor .main .actions .backend-warning,
.shaker .steps > li .processor .main .actions .backend-warning,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .actions .backend-warning {
  padding: 3px;
  color: #f28c37;
}
.facetsFilters > li .processor .main .changes,
.shaker .steps > li .processor .main .changes,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .changes {
  float: left;
  margin-top: 3px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.facetsFilters > li .processor .main .changes .change,
.shaker .steps > li .processor .main .changes .change,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .changes .change {
  font-weight: 600;
  display: inline-block;
  font-size: 11px;
}
.facetsFilters > li .processor .main .changes .change i,
.shaker .steps > li .processor .main .changes .change i,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .changes .change i {
  vertical-align: baseline;
}
.facetsFilters > li .processor .main .changes .change.created,
.shaker .steps > li .processor .main .changes .change.created,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .changes .change.created {
  color: #4caf50;
}
.facetsFilters > li .processor .main .changes .change.modified,
.shaker .steps > li .processor .main .changes .change.modified,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .changes .change.modified {
  color: #76b8fd;
}
.facetsFilters > li .processor .main .changes .change.deleted,
.shaker .steps > li .processor .main .changes .change.deleted,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .changes .change.deleted {
  color: #ce1228;
}
.facetsFilters > li .processor .main .translatabilities,
.shaker .steps > li .processor .main .translatabilities,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .translatabilities {
  float: left;
  margin-top: 3px;
  margin-left: 10px;
}
.facetsFilters > li .processor .main .translatabilities .translatability,
.shaker .steps > li .processor .main .translatabilities .translatability,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .translatabilities .translatability {
  font-weight: 600;
  display: inline-block;
  font-size: 11px;
  margin-left: 5px;
}
.facetsFilters > li .processor .main .translatabilities .translatability i,
.shaker .steps > li .processor .main .translatabilities .translatability i,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .translatabilities .translatability i {
  vertical-align: baseline;
}
.facetsFilters > li .processor .main .translatabilities .translatability.ok,
.shaker .steps > li .processor .main .translatabilities .translatability.ok,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .translatabilities .translatability.ok {
  color: #4caf50;
}
.facetsFilters > li .processor .main .translatabilities .translatability.warn,
.shaker .steps > li .processor .main .translatabilities .translatability.warn,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .translatabilities .translatability.warn {
  color: #f28c37;
}
.facetsFilters > li .processor .main .translatabilities .translatability.nok,
.shaker .steps > li .processor .main .translatabilities .translatability.nok,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .main .translatabilities .translatability.nok {
  color: #ce1228;
}
.facetsFilters > li .processor .content,
.shaker .steps > li .processor .content,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .content {
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.facetsFilters > li .processor .content form,
.shaker .steps > li .processor .content form,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .content form {
  margin: 0;
}
.facetsFilters > li .processor .content label,
.shaker .steps > li .processor .content label,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .content label {
  margin-bottom: 10px;
}
.facetsFilters > li .processor .content .help-inline,
.shaker .steps > li .processor .content .help-inline,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .content .help-inline {
  padding-left: 20px;
  font-size: 0.9em;
}
.facetsFilters > li .processor .content .step-actions a:hover,
.shaker .steps > li .processor .content .step-actions a:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .content .step-actions a:hover {
  text-decoration: none;
}
.facetsFilters > li .processor .content .step-actions a.pull-left,
.shaker .steps > li .processor .content .step-actions a.pull-left,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .content .step-actions a.pull-left {
  margin-left: 0px;
  margin-right: 5px;
}
.facetsFilters > li .processor .processor-footer,
.shaker .steps > li .processor .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .processor-footer {
  background-color: #ffffff;
  padding: 5px;
  padding-left: 20px;
  border-top: 1px solid #dddddd;
}
.facetsFilters > li .processor .processor-footer p,
.shaker .steps > li .processor .processor-footer p,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .processor-footer p {
  margin-bottom: 0px;
  color: #666666;
  font-style: italic;
}
.facetsFilters > li .processor .processor-footer p:first-letter,
.shaker .steps > li .processor .processor-footer p:first-letter,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .processor-footer p:first-letter {
  text-transform: capitalize;
}
.facetsFilters > li .processor .processor-footer label,
.shaker .steps > li .processor .processor-footer label,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor .processor-footer label {
  color: #666666;
}
.facetsFilters > li .processor.group-processor,
.shaker .steps > li .processor.group-processor,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.group-processor,
.facetsFilters > li .processor.group-processor.active,
.shaker .steps > li .processor.group-processor.active,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.group-processor.active {
  background-color: #dddddd;
  border-left: 4px solid #607D8B;
}
.facetsFilters > li .processor.active,
.shaker .steps > li .processor.active,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active {
  background-color: #ffffff;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.facetsFilters > li .processor.active .main,
.shaker .steps > li .processor.active .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active .main {
  box-shadow: none;
}
.facetsFilters > li .processor.active hr,
.shaker .steps > li .processor.active hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active hr {
  margin-bottom: 5px;
  margin-top: 2px;
}
.facetsFilters > li .processor.active > .content,
.shaker .steps > li .processor.active > .content,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .content {
  height: auto;
  padding: 0px 10px 5px 20px;
  margin-left: 0px;
  background-color: transparent;
}
.facetsFilters > li .processor.active > .processor-footer,
.shaker .steps > li .processor.active > .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer {
  height: auto;
  background-color: #ffffff;
  overflow: hidden;
  padding-right: 5px;
  padding-left: 0px;
  border-top: none;
}
.facetsFilters > li .processor.active > .processor-footer .group-actions,
.shaker .steps > li .processor.active > .processor-footer .group-actions,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .group-actions {
  width: 100%;
  text-align: right;
  padding: 5px;
  box-sizing: border-box;
}
.facetsFilters > li .processor.active > .processor-footer .group-actions a,
.shaker .steps > li .processor.active > .processor-footer .group-actions a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .group-actions a {
  color: #bbbbbb;
  padding: 3px;
}
.facetsFilters > li .processor.active > .processor-footer .group-actions a:hover,
.shaker .steps > li .processor.active > .processor-footer .group-actions a:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .group-actions a:hover {
  text-decoration: none;
  color: #bbbbbb;
}
.facetsFilters > li .processor.active > .processor-footer .comment,
.shaker .steps > li .processor.active > .processor-footer .comment,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment {
  padding-right: 5px;
  padding-left: 5px;
  display: flex;
  flex-direction: row;
}
.facetsFilters > li .processor.active > .processor-footer .comment .text,
.shaker .steps > li .processor.active > .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment .text {
  flex: 1 1 0;
}
.facetsFilters > li .processor.active > .processor-footer .comment .text fieldset,
.shaker .steps > li .processor.active > .processor-footer .comment .text fieldset,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment .text fieldset {
  margin-top: 5px;
  margin-right: 5px;
  padding: 0;
}
.facetsFilters > li .processor.active > .processor-footer .comment .text fieldset textarea,
.shaker .steps > li .processor.active > .processor-footer .comment .text fieldset textarea,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment .text fieldset textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font-size: 12px;
  resize: vertical;
}
.facetsFilters > li .processor.active > .processor-footer .comment .text p,
.shaker .steps > li .processor.active > .processor-footer .comment .text p,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment .text p {
  margin-top: 5px;
  margin-bottom: 0px;
}
.facetsFilters > li .processor.active > .processor-footer .comment .text label,
.shaker .steps > li .processor.active > .processor-footer .comment .text label,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment .text label {
  font-size: 12px;
  margin-bottom: 0;
}
.facetsFilters > li .processor.active > .processor-footer .comment .text label input[type='checkbox'],
.shaker .steps > li .processor.active > .processor-footer .comment .text label input[type='checkbox'],
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment .text label input[type='checkbox'] {
  margin-top: 0px;
}
.facetsFilters > li .processor.active > .processor-footer .comment:hover ul.comment-edition-toolbar,
.shaker .steps > li .processor.active > .processor-footer .comment:hover ul.comment-edition-toolbar,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment:hover ul.comment-edition-toolbar,
.facetsFilters > li .processor.active > .processor-footer .comment.editing-comment ul.comment-edition-toolbar,
.shaker .steps > li .processor.active > .processor-footer .comment.editing-comment ul.comment-edition-toolbar,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment.editing-comment ul.comment-edition-toolbar {
  visibility: visible;
}
.facetsFilters > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar,
.shaker .steps > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  padding-top: 2px;
  list-style: none;
  visibility: hidden;
}
.facetsFilters > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar li,
.shaker .steps > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar li,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar li {
  margin: 0;
  padding: 0;
  color: #bbbbbb;
  cursor: pointer;
  padding: 0 3px;
  display: inline-block;
}
.facetsFilters > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar li:hover,
.shaker .steps > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar li:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active > .processor-footer .comment ul.comment-edition-toolbar li:hover {
  color: #bbbbbb;
}
.facetsFilters > li .processor.active.step-processor .controls label,
.shaker .steps > li .processor.active.step-processor .controls label,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .controls label {
  font-size: 12px;
  color: #333333;
}
.facetsFilters > li .processor.active.step-processor .controls label input[type="radio"],
.shaker .steps > li .processor.active.step-processor .controls label input[type="radio"],
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .controls label input[type="radio"] {
  margin: -2px 4px 0 0 !important;
}
.facetsFilters > li .processor.active.step-processor .controls label input[type="number"],
.shaker .steps > li .processor.active.step-processor .controls label input[type="number"],
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .controls label input[type="number"] {
  height: 26px;
  margin: 0 4px 0 4px !important;
  padding-right: 0;
  display: inline-block;
}
.facetsFilters > li .processor.active.step-processor .processor-footer,
.shaker .steps > li .processor.active.step-processor .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .processor-footer {
  border-top: 1px solid #dddddd;
}
.facetsFilters > li .processor.active.step-processor .processor-subaction,
.shaker .steps > li .processor.active.step-processor .processor-subaction,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .processor-subaction {
  padding-right: 5px;
}
.facetsFilters > li .processor.active.step-processor .processor-subaction .step-actions a,
.shaker .steps > li .processor.active.step-processor .processor-subaction .step-actions a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .processor-subaction .step-actions a {
  color: #bbbbbb;
  padding: 3px;
}
.facetsFilters > li .processor.active.step-processor .processor-subaction .step-actions a:hover,
.shaker .steps > li .processor.active.step-processor .processor-subaction .step-actions a:hover,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.step-processor .processor-subaction .step-actions a:hover {
  text-decoration: none;
  color: #bbbbbb;
}
.facetsFilters > li .processor.active.group-processor > .main,
.shaker .steps > li .processor.active.group-processor > .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor > .main {
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.facetsFilters > li .processor.active.group-processor > .main .processor-footer,
.shaker .steps > li .processor.active.group-processor > .main .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor > .main .processor-footer {
  height: auto;
  width: 100%;
}
.facetsFilters > li .processor.active.group-processor > .main .processor-footer hr,
.shaker .steps > li .processor.active.group-processor > .main .processor-footer hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor > .main .processor-footer hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.facetsFilters > li .processor.active.group-processor > .main .processor-footer fieldset,
.shaker .steps > li .processor.active.group-processor > .main .processor-footer fieldset,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor > .main .processor-footer fieldset {
  width: 100%;
  padding: 0;
}
.facetsFilters > li .processor.active.group-processor > .main .processor-footer fieldset input,
.shaker .steps > li .processor.active.group-processor > .main .processor-footer fieldset input,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor > .main .processor-footer fieldset input {
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  height: 26px;
  border-radius: 0;
}
.facetsFilters > li .processor.active.group-processor .content,
.shaker .steps > li .processor.active.group-processor .content,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content {
  padding-right: 0;
  padding-bottom: 0;
  background-color: transparent;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps,
.shaker .steps > li .processor.active.group-processor .content ul.steps,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps {
  min-height: 40px;
  padding: 0;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps > li,
.shaker .steps > li .processor.active.group-processor .content ul.steps > li,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps > li {
  background-color: #ffffff;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps > li:first-child,
.shaker .steps > li .processor.active.group-processor .content ul.steps > li:first-child,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps > li:first-child {
  margin-top: 2px;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps > li .main,
.shaker .steps > li .processor.active.group-processor .content ul.steps > li .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps > li .main {
  padding-right: 10px;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps > li .content,
.shaker .steps > li .processor.active.group-processor .content ul.steps > li .content,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps > li .content {
  padding-right: 10px;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps > li .content ul.suggest-items li.item input,
.shaker .steps > li .processor.active.group-processor .content ul.steps > li .content ul.suggest-items li.item input,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps > li .content ul.suggest-items li.item input {
  width: initial !important;
}
.facetsFilters > li .processor.active.group-processor .content ul.steps > li.angular-ui-tree-placeholder,
.shaker .steps > li .processor.active.group-processor .content ul.steps > li.angular-ui-tree-placeholder,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active.group-processor .content ul.steps > li.angular-ui-tree-placeholder {
  padding-bottom: 20px;
  border: 1px dashed #dddddd;
}
.facetsFilters > li .processor.active .main .actions i.icon-eye-open.active,
.shaker .steps > li .processor.active .main .actions i.icon-eye-open.active,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active .main .actions i.icon-eye-open.active,
.facetsFilters > li .processor:hover .main .actions i.icon-eye-open.active,
.shaker .steps > li .processor:hover .main .actions i.icon-eye-open.active,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:hover .main .actions i.icon-eye-open.active {
  color: #3b99fc;
  opacity: 0.9 !important;
}
.facetsFilters > li .processor.active .main .changes,
.shaker .steps > li .processor.active .main .changes,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.active .main .changes,
.facetsFilters > li .processor:hover .main .changes,
.shaker .steps > li .processor:hover .main .changes,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor:hover .main .changes {
  opacity: 1;
}
.facetsFilters > li .processor.error,
.shaker .steps > li .processor.error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.error {
  background: #f9e3e5;
}
.facetsFilters > li .processor.has-front-error .main .front-error,
.shaker .steps > li .processor.has-front-error .main .front-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error .main .front-error,
.facetsFilters > li .processor.has-backend-error .main .front-error,
.shaker .steps > li .processor.has-backend-error .main .front-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .main .front-error,
.facetsFilters > li .processor.has-backend-warning .main .front-error,
.shaker .steps > li .processor.has-backend-warning .main .front-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .main .front-error,
.facetsFilters > li .processor.has-front-error .main .backend-error,
.shaker .steps > li .processor.has-front-error .main .backend-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error .main .backend-error,
.facetsFilters > li .processor.has-backend-error .main .backend-error,
.shaker .steps > li .processor.has-backend-error .main .backend-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .main .backend-error,
.facetsFilters > li .processor.has-backend-warning .main .backend-error,
.shaker .steps > li .processor.has-backend-warning .main .backend-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .main .backend-error {
  color: #ce1228;
}
.facetsFilters > li .processor.has-front-error .main .processor-dragger a,
.shaker .steps > li .processor.has-front-error .main .processor-dragger a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error .main .processor-dragger a,
.facetsFilters > li .processor.has-backend-error .main .processor-dragger a,
.shaker .steps > li .processor.has-backend-error .main .processor-dragger a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .main .processor-dragger a,
.facetsFilters > li .processor.has-backend-warning .main .processor-dragger a,
.shaker .steps > li .processor.has-backend-warning .main .processor-dragger a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .main .processor-dragger a {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.has-front-error .main .processor-infos .actions > a,
.shaker .steps > li .processor.has-front-error .main .processor-infos .actions > a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error .main .processor-infos .actions > a,
.facetsFilters > li .processor.has-backend-error .main .processor-infos .actions > a,
.shaker .steps > li .processor.has-backend-error .main .processor-infos .actions > a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .main .processor-infos .actions > a,
.facetsFilters > li .processor.has-backend-warning .main .processor-infos .actions > a,
.shaker .steps > li .processor.has-backend-warning .main .processor-infos .actions > a,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .main .processor-infos .actions > a {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.has-front-error .processor-footer,
.shaker .steps > li .processor.has-front-error .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error .processor-footer,
.facetsFilters > li .processor.has-backend-error .processor-footer,
.shaker .steps > li .processor.has-backend-error .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .processor-footer,
.facetsFilters > li .processor.has-backend-warning .processor-footer,
.shaker .steps > li .processor.has-backend-warning .processor-footer,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .processor-footer {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.has-front-error .processor-footer .comment .text,
.shaker .steps > li .processor.has-front-error .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error .processor-footer .comment .text,
.facetsFilters > li .processor.has-backend-error .processor-footer .comment .text,
.shaker .steps > li .processor.has-backend-error .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .processor-footer .comment .text,
.facetsFilters > li .processor.has-backend-warning .processor-footer .comment .text,
.shaker .steps > li .processor.has-backend-warning .processor-footer .comment .text,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .processor-footer .comment .text {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.has-front-error hr,
.shaker .steps > li .processor.has-front-error hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error hr,
.facetsFilters > li .processor.has-backend-error hr,
.shaker .steps > li .processor.has-backend-error hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error hr,
.facetsFilters > li .processor.has-backend-warning hr,
.shaker .steps > li .processor.has-backend-warning hr,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning hr {
  mix-blend-mode: multiply;
}
.facetsFilters > li .processor.has-backend-error,
.shaker .steps > li .processor.has-backend-error,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error {
  background: #f9e3e5;
}
.facetsFilters > li .processor.has-backend-error .main,
.shaker .steps > li .processor.has-backend-error .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-error .main {
  background: #f9e3e5;
}
.facetsFilters > li .processor.has-front-error.new,
.shaker .steps > li .processor.has-front-error.new,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error.new {
  background: #ffffff;
}
.facetsFilters > li .processor.has-front-error.new .main,
.shaker .steps > li .processor.has-front-error.new .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-front-error.new .main {
  background: #ffffff;
}
.facetsFilters > li .processor.has-backend-warning,
.shaker .steps > li .processor.has-backend-warning,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning {
  background: #fde5ca;
}
.facetsFilters > li .processor.has-backend-warning .main,
.shaker .steps > li .processor.has-backend-warning .main,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag > li .processor.has-backend-warning .main {
  background: #fde5ca;
}
.facetsFilters.select-disabled .processor-selector,
.shaker .steps.select-disabled .processor-selector,
.steps.angular-ui-tree-nodes.angular-ui-tree-drag.select-disabled .processor-selector {
  opacity: 0.25;
}
.processor-accordion-heading {
  padding: 0 10px;
  font-size: 11px;
  line-height: 15px;
}
div.table-view {
  padding: 0 20px;
  padding-right: 1px;
  background-color: #f2f2f2;
}
div.shakerTable {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
  min-width: 400px;
  max-width: none;
  /* 4 validity status * 4 change status * (normal, hover, highligthed) --> We must have 48 declarations */
}
div.shakerTable tr th {
  padding: 0;
  margin: 0;
  background: #ffffff;
}
div.shakerTable tr td {
  padding: 0;
  line-height: 15px;
}
div.shakerTable tr td .cell {
  min-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
div.shakerTable .column-header {
  padding: 5px;
  line-height: 1.6;
  position: relative;
}
div.shakerTable .fattable-v-scrollbar {
  min-width: 10px;
}
div.shakerTable .fattable-h-scrollbar {
  min-height: 10px;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div {
  background: none;
  /* Alternating white/grey for valid-unchanged */
  /* Alterning darker grey for empty-unchanged */
  /* blue for changed and new, whether valid or empty */
  /* Invalid or FAILED, always alternating red */
  /* But a stronger shade if we actually just did it */
  /* Deleted: strikethrough text and much darker grey */
  /* Highlighted but empty */
  /* Highlighted line, valid-unchanged --> darker green */
  /* Highlighted line, valid changed --> darker blue */
  /* Highlight invalid --> darker red */
  white-space: pre;
  font-family: 'SourceSansPro';
  font-size: 13px;
  line-height: 25px;
  padding: 0 5px;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-1 {
  background-color: #ffdddd;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-1.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-1.FH {
  background-color: #ffaaaa;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-1:hover {
  background-color: #ff5e5e;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-2 {
  background-color: #eeffee;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-2.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-2.FH {
  background-color: #bbffbb;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB-2:hover {
  background-color: #6fff6f;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-1 {
  background-color: rgba(255, 192, 203, 0.3);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-1.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-1.FH {
  background-color: rgba(255, 141, 161, 0.3);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-1:hover {
  background-color: rgba(255, 65, 98, 0.3);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-2 {
  background-color: #e8f1fa;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-2.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-2.FH {
  background-color: #bed7f1;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG-2:hover {
  background-color: #7fb1e3;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-0 {
  background-color: #ffffff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-0.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-0.FH {
  background-color: #e6e6e6;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-0:hover {
  background-color: #bfbfbf;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-1 {
  background-color: rgba(141, 211, 199, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-1.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-1.FH {
  background-color: rgba(104, 197, 181, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-1:hover {
  background-color: rgba(63, 162, 145, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-2 {
  background-color: rgba(255, 255, 179, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-2.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-2.FH {
  background-color: rgba(255, 255, 128, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-2:hover {
  background-color: rgba(255, 255, 51, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-3 {
  background-color: rgba(190, 186, 218, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-3.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-3.FH {
  background-color: rgba(159, 153, 200, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-3:hover {
  background-color: rgba(112, 103, 173, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-4 {
  background-color: rgba(251, 128, 114, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-4.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-4.FH {
  background-color: rgba(250, 83, 64, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-4:hover {
  background-color: rgba(231, 29, 7, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-5 {
  background-color: rgba(128, 177, 211, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-5.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-5.FH {
  background-color: rgba(90, 154, 198, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-5:hover {
  background-color: rgba(54, 115, 157, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-6 {
  background-color: rgba(253, 180, 98, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-6.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-6.FH {
  background-color: rgba(252, 156, 48, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-6:hover {
  background-color: rgba(221, 118, 3, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-7 {
  background-color: rgba(179, 222, 105, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-7.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-7.FH {
  background-color: rgba(158, 213, 63, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-7:hover {
  background-color: rgba(117, 164, 36, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-8 {
  background-color: rgba(252, 205, 229, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-8.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-8.FH {
  background-color: rgba(249, 157, 204, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-8:hover {
  background-color: rgba(245, 85, 166, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-9 {
  background-color: rgba(188, 128, 189, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-9.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-9.FH {
  background-color: rgba(170, 94, 172, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-9:hover {
  background-color: rgba(124, 65, 125, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-10 {
  background-color: rgba(204, 235, 197, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-10.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-10.FH {
  background-color: rgba(171, 222, 159, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-10:hover {
  background-color: rgba(121, 202, 102, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-11 {
  background-color: rgba(255, 237, 111, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-11.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-11.FH {
  background-color: rgba(255, 231, 60, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-11:hover {
  background-color: rgba(239, 209, 0, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-12 {
  background-color: rgba(238, 221, 131, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-12.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-12.FH {
  background-color: rgba(232, 209, 86, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1-12:hover {
  background-color: rgba(212, 183, 29, 0.32);
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-0 {
  background-color: #ffffff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-0.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-0.FH {
  background-color: #e6e6e6;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-0:hover {
  background-color: #bfbfbf;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-1 {
  background-color: #e8f1fa;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-1.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-1.FH {
  background-color: #bed7f1;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-1:hover {
  background-color: #7fb1e3;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-2 {
  background-color: #cde0f5;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-2.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-2.FH {
  background-color: #a2c6ed;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-2:hover {
  background-color: #639ee0;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-3 {
  background-color: #b3cfef;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-3.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-3.FH {
  background-color: #89b4e6;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-3:hover {
  background-color: #4a8cd9;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-4 {
  background-color: #98bee9;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-4.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-4.FH {
  background-color: #6ea3e0;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-4:hover {
  background-color: #2f7cd3;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-5 {
  background-color: #70a5e0;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-5.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-5.FH {
  background-color: #468bd7;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN-5:hover {
  background-color: #2565ab;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG--3,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB--3,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--3 {
  color: #666666;
  background-color: #dedede;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG--3.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB--3.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--3.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG--3.FH,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB--3.FH,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--3.FH {
  background-color: #c5c5c5;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CG--3:hover,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CB--3:hover,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--3:hover {
  background-color: #9e9e9e;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1--1.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--1.H,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1--1.FH,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--1.FH {
  background-color: #dddddd;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1--1:hover,
div.shakerTable .fattable-body-container > .fattable-viewport > div.CN--1:hover {
  background-color: #cccccc;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.CA1--2 {
  background-color: #f2f2f2;
  color: #bbbbbb;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.NV {
  text-align: right;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.PENDING {
  background-color: #666666;
  color: #dddddd;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VU.even {
  background-color: #ffffff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VU.odd {
  background-color: #f5f5f5;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.EU.even {
  background-color: #f2f2f2;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.EU.odd {
  background-color: #e8e8e8;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.VN.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.EC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.EN.even {
  background-color: #e7f3ff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.VN.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.EC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.EN.odd {
  background-color: #d3e9ff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.IU.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FU.even {
  background-color: #f0b8bf;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.IU.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FU.odd {
  background-color: #eca7b0;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.IC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.IN.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FU.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FN.even {
  background-color: #e78994;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.IC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.IN.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FU.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FN.odd {
  background-color: #e47885;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VD,
div.shakerTable .fattable-body-container > .fattable-viewport > div.ID,
div.shakerTable .fattable-body-container > .fattable-viewport > div.ED,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FD {
  text-decoration: line-through;
  color: #bbbbbb;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VD.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.ID.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.ED.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FD.even {
  background-color: #dddddd;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.VD.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.ID.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.ED.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FD.odd {
  background-color: #d3d3d3;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.EU,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.EU {
  background-color: #cccccc !important;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VU.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VU.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VU.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VU.odd {
  background: #a5d6a7;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VN.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.EC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.EN.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VN.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.EC.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.EN.even,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VN.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.EC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.EN.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VN.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.EC.odd,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.EN.odd {
  background: #9dccfe;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.IU,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.IC,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.IN,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.ID,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.FU,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.FC,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.FN,
div.shakerTable .fattable-body-container > .fattable-viewport > div.H.FD,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.IU,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.IC,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.IN,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.ID,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.FU,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.FC,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.FN,
div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.FD {
  background: #e78994;
  color: #ffffff;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div .ls,
div.shakerTable .fattable-body-container > .fattable-viewport > div .ts,
div.shakerTable .fattable-body-container > .fattable-viewport > div .ms {
  background: #FBF;
}
div.shakerTable .fattable-body-container > .fattable-viewport > div {
  border-bottom: 1px solid #dddddd;
}
div.shakerTable .progress {
  border-bottom: 1px solid #dddddd;
}
div.shakerTable.coloring-MEANING_AND_STATUS .progress {
  border-bottom: none;
}
div.shakerTable.coloring-MEANING_AND_STATUS .fattable-body-container > .fattable-viewport > div {
  border-bottom: none;
}
div.shakerTable .fattable-viewport > div {
  padding: 0;
  border-right: 1px solid #dddddd;
}
div.shakerTable mark {
  background-color: #f28c37;
}
div.shakerTable .progress .bar {
  background: none;
}
div.shakerTable .progress .bar.CB-1 {
  background-color: #ffdddd;
}
div.shakerTable .progress .bar.CB-1.H,
div.shakerTable .progress .bar.CB-1.FH {
  background-color: #ffaaaa;
}
div.shakerTable .progress .bar.CB-1:hover {
  background-color: #ffdddd;
}
div.shakerTable .progress .bar.CB-2 {
  background-color: #eeffee;
}
div.shakerTable .progress .bar.CB-2.H,
div.shakerTable .progress .bar.CB-2.FH {
  background-color: #bbffbb;
}
div.shakerTable .progress .bar.CB-2:hover {
  background-color: #eeffee;
}
div.shakerTable .progress .bar.CG-1 {
  background-color: rgba(255, 192, 203, 0.3);
}
div.shakerTable .progress .bar.CG-1.H,
div.shakerTable .progress .bar.CG-1.FH {
  background-color: rgba(255, 141, 161, 0.3);
}
div.shakerTable .progress .bar.CG-1:hover {
  background-color: rgba(255, 192, 203, 0.3);
}
div.shakerTable .progress .bar.CG-2 {
  background-color: #e8f1fa;
}
div.shakerTable .progress .bar.CG-2.H,
div.shakerTable .progress .bar.CG-2.FH {
  background-color: #bed7f1;
}
div.shakerTable .progress .bar.CG-2:hover {
  background-color: #e8f1fa;
}
div.shakerTable .progress .bar.CA1-0 {
  background-color: #ffffff;
}
div.shakerTable .progress .bar.CA1-0.H,
div.shakerTable .progress .bar.CA1-0.FH {
  background-color: #e6e6e6;
}
div.shakerTable .progress .bar.CA1-0:hover {
  background-color: #ffffff;
}
div.shakerTable .progress .bar.CA1-1 {
  background-color: rgba(141, 211, 199, 0.32);
}
div.shakerTable .progress .bar.CA1-1.H,
div.shakerTable .progress .bar.CA1-1.FH {
  background-color: rgba(104, 197, 181, 0.32);
}
div.shakerTable .progress .bar.CA1-1:hover {
  background-color: rgba(141, 211, 199, 0.32);
}
div.shakerTable .progress .bar.CA1-2 {
  background-color: rgba(255, 255, 179, 0.32);
}
div.shakerTable .progress .bar.CA1-2.H,
div.shakerTable .progress .bar.CA1-2.FH {
  background-color: rgba(255, 255, 128, 0.32);
}
div.shakerTable .progress .bar.CA1-2:hover {
  background-color: rgba(255, 255, 179, 0.32);
}
div.shakerTable .progress .bar.CA1-3 {
  background-color: rgba(190, 186, 218, 0.32);
}
div.shakerTable .progress .bar.CA1-3.H,
div.shakerTable .progress .bar.CA1-3.FH {
  background-color: rgba(159, 153, 200, 0.32);
}
div.shakerTable .progress .bar.CA1-3:hover {
  background-color: rgba(190, 186, 218, 0.32);
}
div.shakerTable .progress .bar.CA1-4 {
  background-color: rgba(251, 128, 114, 0.32);
}
div.shakerTable .progress .bar.CA1-4.H,
div.shakerTable .progress .bar.CA1-4.FH {
  background-color: rgba(250, 83, 64, 0.32);
}
div.shakerTable .progress .bar.CA1-4:hover {
  background-color: rgba(251, 128, 114, 0.32);
}
div.shakerTable .progress .bar.CA1-5 {
  background-color: rgba(128, 177, 211, 0.32);
}
div.shakerTable .progress .bar.CA1-5.H,
div.shakerTable .progress .bar.CA1-5.FH {
  background-color: rgba(90, 154, 198, 0.32);
}
div.shakerTable .progress .bar.CA1-5:hover {
  background-color: rgba(128, 177, 211, 0.32);
}
div.shakerTable .progress .bar.CA1-6 {
  background-color: rgba(253, 180, 98, 0.32);
}
div.shakerTable .progress .bar.CA1-6.H,
div.shakerTable .progress .bar.CA1-6.FH {
  background-color: rgba(252, 156, 48, 0.32);
}
div.shakerTable .progress .bar.CA1-6:hover {
  background-color: rgba(253, 180, 98, 0.32);
}
div.shakerTable .progress .bar.CA1-7 {
  background-color: rgba(179, 222, 105, 0.32);
}
div.shakerTable .progress .bar.CA1-7.H,
div.shakerTable .progress .bar.CA1-7.FH {
  background-color: rgba(158, 213, 63, 0.32);
}
div.shakerTable .progress .bar.CA1-7:hover {
  background-color: rgba(179, 222, 105, 0.32);
}
div.shakerTable .progress .bar.CA1-8 {
  background-color: rgba(252, 205, 229, 0.32);
}
div.shakerTable .progress .bar.CA1-8.H,
div.shakerTable .progress .bar.CA1-8.FH {
  background-color: rgba(249, 157, 204, 0.32);
}
div.shakerTable .progress .bar.CA1-8:hover {
  background-color: rgba(252, 205, 229, 0.32);
}
div.shakerTable .progress .bar.CA1-9 {
  background-color: rgba(188, 128, 189, 0.32);
}
div.shakerTable .progress .bar.CA1-9.H,
div.shakerTable .progress .bar.CA1-9.FH {
  background-color: rgba(170, 94, 172, 0.32);
}
div.shakerTable .progress .bar.CA1-9:hover {
  background-color: rgba(188, 128, 189, 0.32);
}
div.shakerTable .progress .bar.CA1-10 {
  background-color: rgba(204, 235, 197, 0.32);
}
div.shakerTable .progress .bar.CA1-10.H,
div.shakerTable .progress .bar.CA1-10.FH {
  background-color: rgba(171, 222, 159, 0.32);
}
div.shakerTable .progress .bar.CA1-10:hover {
  background-color: rgba(204, 235, 197, 0.32);
}
div.shakerTable .progress .bar.CA1-11 {
  background-color: rgba(255, 237, 111, 0.32);
}
div.shakerTable .progress .bar.CA1-11.H,
div.shakerTable .progress .bar.CA1-11.FH {
  background-color: rgba(255, 231, 60, 0.32);
}
div.shakerTable .progress .bar.CA1-11:hover {
  background-color: rgba(255, 237, 111, 0.32);
}
div.shakerTable .progress .bar.CA1-12 {
  background-color: rgba(238, 221, 131, 0.32);
}
div.shakerTable .progress .bar.CA1-12.H,
div.shakerTable .progress .bar.CA1-12.FH {
  background-color: rgba(232, 209, 86, 0.32);
}
div.shakerTable .progress .bar.CA1-12:hover {
  background-color: rgba(238, 221, 131, 0.32);
}
div.shakerTable .progress .bar.CN-0 {
  background-color: #ffffff;
}
div.shakerTable .progress .bar.CN-0.H,
div.shakerTable .progress .bar.CN-0.FH {
  background-color: #e6e6e6;
}
div.shakerTable .progress .bar.CN-0:hover {
  background-color: #ffffff;
}
div.shakerTable .progress .bar.CN-1 {
  background-color: #e8f1fa;
}
div.shakerTable .progress .bar.CN-1.H,
div.shakerTable .progress .bar.CN-1.FH {
  background-color: #bed7f1;
}
div.shakerTable .progress .bar.CN-1:hover {
  background-color: #e8f1fa;
}
div.shakerTable .progress .bar.CN-2 {
  background-color: #cde0f5;
}
div.shakerTable .progress .bar.CN-2.H,
div.shakerTable .progress .bar.CN-2.FH {
  background-color: #a2c6ed;
}
div.shakerTable .progress .bar.CN-2:hover {
  background-color: #cde0f5;
}
div.shakerTable .progress .bar.CN-3 {
  background-color: #b3cfef;
}
div.shakerTable .progress .bar.CN-3.H,
div.shakerTable .progress .bar.CN-3.FH {
  background-color: #89b4e6;
}
div.shakerTable .progress .bar.CN-3:hover {
  background-color: #b3cfef;
}
div.shakerTable .progress .bar.CN-4 {
  background-color: #98bee9;
}
div.shakerTable .progress .bar.CN-4.H,
div.shakerTable .progress .bar.CN-4.FH {
  background-color: #6ea3e0;
}
div.shakerTable .progress .bar.CN-4:hover {
  background-color: #98bee9;
}
div.shakerTable .progress .bar.CN-5 {
  background-color: #70a5e0;
}
div.shakerTable .progress .bar.CN-5.H,
div.shakerTable .progress .bar.CN-5.FH {
  background-color: #468bd7;
}
div.shakerTable .progress .bar.CN-5:hover {
  background-color: #70a5e0;
}
div.shakerTable .progress .bar.CG--3,
div.shakerTable .progress .bar.CB--3,
div.shakerTable .progress .bar.CN--3 {
  color: #666666;
  background-color: #dedede;
}
div.shakerTable .progress .bar.CG--3.H,
div.shakerTable .progress .bar.CB--3.H,
div.shakerTable .progress .bar.CN--3.H,
div.shakerTable .progress .bar.CG--3.FH,
div.shakerTable .progress .bar.CB--3.FH,
div.shakerTable .progress .bar.CN--3.FH {
  background-color: #c5c5c5;
}
div.shakerTable .progress .bar.CG--3:hover,
div.shakerTable .progress .bar.CB--3:hover,
div.shakerTable .progress .bar.CN--3:hover {
  background-color: #dedede;
}
div.shakerTable .progress .bar.CA1--1.H,
div.shakerTable .progress .bar.CN--1.H,
div.shakerTable .progress .bar.CA1--1.FH,
div.shakerTable .progress .bar.CN--1.FH {
  background-color: #dddddd;
}
div.shakerTable .progress .bar.CA1--1:hover,
div.shakerTable .progress .bar.CN--1:hover {
  background-color: #cccccc;
}
div.shakerTable .progress .bar.CA1--2 {
  background-color: #f2f2f2;
  color: #bbbbbb;
}
div.shakerTable .fattable-header-container {
  overflow: visible !important;
}
div.shakerTable .fattable-header-container .column-header-dropdown-menu {
  font-size: 12px !important;
}
div.shakerTable .fattable-header-container > .fattable-viewport {
  overflow: visible !important;
}
div.shakerTable .fattable-header-container > .fattable-viewport > div {
  overflow: visible !important;
}
div.shakerTable .fattable-header-container > .fattable-viewport > div.fat-draggable__item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.shakerTable .fattable-viewport.inselection div.selectable {
  user-select: auto !important;
  -webkit-user-select: auto !important;
  -mozilla-user-select: auto !important;
}
div.shakerTable .fattable-viewport.inselection div:not(.selectable) {
  user-select: none;
  -webkit-user-select: none;
  -mozilla-user-select: none;
}
div.shakerTable .fattable-body-container:after {
  background-color: rgba(128, 128, 128, 0.34);
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.EU {
  background: #bbbbbb !important;
}
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.VU {
  background: #4caf50 !important;
  color: #ffffff !important;
}
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.VC,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.VN,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.EC,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.EN {
  background: #9dccfe !important;
  color: #ffffff !important;
}
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.IU,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.IC,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.IN,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.ID,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.FU,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.FC,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.FN,
div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.FD {
  background: #dd5969 !important;
  color: #ffffff !important;
}
div.shakerTable .columnHeader {
  cursor: pointer;
}
div.shakerTable .columnHeader > .name {
  font-weight: 600;
}
div.shakerTable .columnHeader > .name > .dropdown {
  max-width: 330px;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.shakerTable .columnHeader.filtered .name {
  background: #e7f3ff;
}
div.shakerTable.error {
  opacity: 0.3;
}
.fattable-searchbox-modal .modal-backdrop {
  opacity: 0.35;
}
.fattable-searchbox-modal .modal {
  border: none !important;
  background-color: transparent !important;
  border-radius: none !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.fattable-searchbox-modal .modal .modal-body {
  overflow: hidden !important;
}
.fattable-searchbox-modal .modal input {
  display: block;
  margin: 0 auto;
  box-shadow: #222222 1px 1px 17px;
  font-size: 18px !important;
  height: 35px;
  width: 90%;
  color: #222222;
}
table.facet-table th {
  padding: 4px !important;
  text-align: right;
  vertical-align: middle;
}
table.facet-table th.actions {
  text-align: left;
}
table.facet-table td {
  text-align: right;
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  vertical-align: middle;
}
table.facet-table .value {
  text-align: left;
}
table.facet-table td.value {
  min-width: 200px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.facet-table td.value .filigran {
  float: right;
  position: relative;
  top: 4px;
  right: 5px;
  opacity: 0.2;
}
table.facet-table td.value:hover .filigran {
  opacity: 0.4;
}
table.facet-table td.value form {
  display: none;
  margin: 0;
  padding: 0;
  line-height: 10px;
}
table.facet-table td.value form input[type="text"] {
  margin-left: -2px;
  margin-top: -2px;
  font-size: 12px;
  width: 100%;
  padding: 4px 2px;
  min-height: 100%;
  line-height: 14px;
}
table.facet-table td.value.editing span,
table.facet-table td.value.editing .filigran {
  display: none;
  height: 0px;
}
table.facet-table td.value.editing form {
  display: inline;
}
/* ****************************** Shaker related stuff, but not in the .shaker master class *************************** */
.replaced-by-formula {
  display: none;
}
.mx-formula-editor {
  background: #ffffff;
  height: 300px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.mx-formula-editor .split .half-pane {
  padding: 0px;
}
.mx-formula-editor .split form {
  margin-bottom: 0;
}
.mx-formula-editor .editor-header {
  line-height: 48px;
  height: 48px;
  margin: 0px 20px 5px 20px;
  position: relative;
}
.mx-formula-editor .editor-header > div > div > div,
.mx-formula-editor .editor-header > div > div > h4 {
  margin: 0;
  display: inline-block;
  line-height: 48px;
}
.mx-formula-editor .editor-header > div > div > div {
  margin-top: 2px;
}
.mx-formula-editor .editor-header .totem {
  margin-right: 10px;
  font-weight: 400;
  font-size: 20px;
}
.mx-formula-editor .editor-header h4 {
  font-weight: 400;
  font-size: 24px;
}
.mx-formula-editor .editor-header .name {
  margin-left: 20px;
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mx-formula-editor .editor-header .buttons {
  float: right;
}
.mx-formula-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.error-hint {
  color: #ce1228;
  background: #f0b8bf;
  font-weight: 600;
}
.editor-tooltip-anchor {
  position: relative;
}
.formula-tooltip {
  position: absolute;
  z-index: 10;
  background: #ffffff;
  box-shadow: 0 3px 3px rgba(34, 34, 34, 0.1);
  padding: 8px;
}
.formula-tooltip__description {
  max-width: 400px;
  margin-top: 8px;
}
.formula-tooltip__description code {
  border: 0;
  color: #222222;
  font-size: 12px;
}
.formula-tooltip__example {
  margin: 8px 0 0 16px;
}
.formula-tooltip__example code {
  border: 0;
  color: #222222;
  font-size: 12px;
}
.CodeMirror-hints {
  height: 160px !important;
  padding: 0px !important;
  border-radius: 0 !important;
  border: none !important;
  overflow-y: hidden !important;
}
.CodeMirror-hints .CodeMirror-hint {
  padding-right: 600px !important;
  border-radius: 0 !important;
  border: none !important;
}
.CodeMirror-hints .CodeMirror-hint .helper-display {
  display: none;
}
.CodeMirror-hints .CodeMirror-hint-active i {
  color: #ffffff !important;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display {
  font-family: 'SourceSansPro';
  font-size: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #dddddd;
  background: #ffffff;
  width: 500px;
  color: #222222;
  height: 152px;
  padding: 4px 8px;
  white-space: normal !important;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display .helper-title {
  margin-bottom: 8px;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display .helper-tip {
  font-size: 11px;
  color: #cccccc;
  background: #ffffff;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display .helper-description {
  display: block;
  height: 100%;
  overflow: auto;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display .helper-description code {
  border: 0;
  color: #222222;
  font-size: 12px;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display .helper-example {
  margin: 8px 0 0 16px;
}
.CodeMirror-hints .CodeMirror-hint-active .helper-display .helper-example code {
  border: 0;
  color: #222222;
  font-size: 12px;
}
.CodeMirror.cm-s-elegant,
.CodeMirror-hints {
  color: #333333 !important;
}
.CodeMirror.cm-s-elegant .cm-builtin,
.CodeMirror-hints .cm-builtin,
.CodeMirror.cm-s-elegant .cm-function,
.CodeMirror-hints .cm-function {
  color: #01358D !important;
}
.CodeMirror.cm-s-elegant .cm-variable,
.CodeMirror-hints .cm-variable {
  color: #FD843E !important;
}
.CodeMirror.cm-s-elegant .cm-string,
.CodeMirror-hints .cm-string {
  color: #00A55A !important;
}
.CodeMirror.cm-s-elegant .cm-number,
.CodeMirror-hints .cm-number,
.CodeMirror.cm-s-elegant .cm-column,
.CodeMirror-hints .cm-column,
.CodeMirror.cm-s-elegant .cm-date,
.CodeMirror-hints .cm-date,
.CodeMirror.cm-s-elegant .cm-table,
.CodeMirror-hints .cm-table,
.CodeMirror.cm-s-elegant .cm-geo,
.CodeMirror-hints .cm-geo,
.CodeMirror.cm-s-elegant .cm-object,
.CodeMirror-hints .cm-object,
.CodeMirror.cm-s-elegant .cm-bool,
.CodeMirror-hints .cm-bool,
.CodeMirror.cm-s-elegant .cm-map,
.CodeMirror-hints .cm-map,
.CodeMirror.cm-s-elegant .cm-array,
.CodeMirror-hints .cm-array {
  color: #28a9dd !important;
}
.CodeMirror.cm-s-elegant .cm-default,
.CodeMirror-hints .cm-default {
  color: #333333 !important;
}
.formula-editor {
  background: #ffffff;
  height: 300px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.formula-editor .split .half-pane {
  padding: 0px;
}
.formula-editor .split form {
  margin-bottom: 0;
}
.formula-editor .editor-header {
  line-height: 48px;
  height: 48px;
  margin: 0px 20px 5px 20px;
  position: relative;
}
.formula-editor .editor-header > div > div > div,
.formula-editor .editor-header > div > div > h4 {
  margin: 0;
  display: inline-block;
  line-height: 48px;
}
.formula-editor .editor-header > div > div > div {
  margin-top: 2px;
}
.formula-editor .editor-header .totem {
  margin-right: 10px;
  font-weight: 400;
  font-size: 20px;
}
.formula-editor .editor-header h4 {
  font-weight: 400;
  font-size: 24px;
}
.formula-editor .editor-header .name {
  margin-left: 20px;
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formula-editor .editor-header .buttons {
  float: right;
}
.formula-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.formula-editor .result-col table {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
}
.formula-editor .result-col table tr th {
  padding: 0;
  margin: 0;
  background: #ffffff;
}
.formula-editor .result-col table tr td {
  padding: 0;
  line-height: 15px;
}
.formula-editor .result-col table tr td .cell {
  min-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.formula-editor .result-col table .column-header {
  padding: 5px;
  line-height: 1.6;
  position: relative;
}
.formula-editor .result-col table th .cell {
  padding: 5px;
}
.formula-editor .result-col table td {
  line-height: 10px;
}
.formula-editor .result-col table td .cell {
  min-width: 90px;
}
.formula-editor .result-col table td:first-child .ok {
  background-color: #c4e0fe;
}
.formula-editor .result-col .h100-flex-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.formula-editor .processor-description h1 {
  font-size: 15px;
}
.formula-editor .processor-description h2 {
  font-size: 14px;
}
.formula-editor .processor-description h3 {
  font-size: 13px;
}
.formula-editor .editor-zone {
  border: 1px solid #dddddd;
  margin: 0px 20px;
  overflow: auto;
}
.formula-editor .editor-zone .CodeMirror {
  height: inherit;
}
.formula-editor .editor-zone .CodeMirror .CodeMirror-scroll {
  height: inherit;
}
.formula-editor .alert-zone {
  margin: 8px 20px 0px 20px;
}
.formula-editor .alert-zone .alert {
  margin: 0;
  padding: 5px;
  line-height: 20px;
  max-height: 100px;
  border-radius: 0 !important;
}
.formula-editor .alert-zone .alert.alert-info {
  color: #31708f;
}
.grel-reference {
  color: #666666;
}
.grel-reference > h5:first-child {
  margin-top: 0;
}
.grel-reference code {
  background: inherit;
  border: none;
}
.grel-reference > ul {
  list-style: none;
  margin-left: 0px;
}
.grel-reference__function {
  margin-bottom: 8px;
}
.grel-reference__function code {
  border: none;
  color: #666666;
  font-size: 12px;
}
.python-udf-editor {
  background: #ffffff;
  height: 300px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 1px 0px #cccccc;
}
.python-udf-editor .split .half-pane {
  padding: 0px;
}
.python-udf-editor .split form {
  margin-bottom: 0;
}
.python-udf-editor .editor-header {
  line-height: 48px;
  height: 48px;
  margin: 0px 20px 5px 20px;
  position: relative;
}
.python-udf-editor .editor-header > div > div > div,
.python-udf-editor .editor-header > div > div > h4 {
  margin: 0;
  display: inline-block;
  line-height: 48px;
}
.python-udf-editor .editor-header > div > div > div {
  margin-top: 2px;
}
.python-udf-editor .editor-header .totem {
  margin-right: 10px;
  font-weight: 400;
  font-size: 20px;
}
.python-udf-editor .editor-header h4 {
  font-weight: 400;
  font-size: 24px;
}
.python-udf-editor .editor-header .name {
  margin-left: 20px;
  font-weight: 400;
  font-size: 17.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.python-udf-editor .editor-header .buttons {
  float: right;
}
.python-udf-editor .editor-header .buttons .validation {
  border-color: #4caf50;
  color: #4caf50;
}
.python-udf-editor .editor-zone {
  margin: 0px 20px;
  line-height: 21px;
  border: 1px solid #dddddd;
  overflow: auto;
}
.python-udf-editor .editor-zone .CodeMirror {
  height: inherit;
}
.python-udf-editor .editor-zone .CodeMirror .CodeMirror-scroll {
  height: inherit;
}
.python-udf-editor .code-snippet-editor-wrapper {
  position: absolute;
  width: 100%;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector {
  height: 100%;
  max-height: initial;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  width: 30%;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .standard-container__wrap {
  flex-grow: 0;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .flex .override-min-height {
  min-height: 0px;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .flex-no-basis,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .flex-no-basis .override-min-height,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .flex-no-basis .override-min-height {
  min-height: 0px;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .noflex,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .top-level-tabs,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .alert,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .bottom-bar,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > .input-append,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > div[block-api-error],
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > h1,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > h2,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > h3,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > h4,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > h5,
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-search {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-creation-button {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list-empty {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list-empty .override-min-height {
  min-height: 0px;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  position: initial;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list .override-min-height {
  min-height: 0px;
}
.python-udf-editor .code-snippet-editor-wrapper .editor-wrapper .code-sample-selector .sample-list ul li.sample .sample-details {
  max-height: 100%;
  min-height: initial;
}
.python-udf-editor .status-bar {
  margin: 0px 20px;
  line-height: 20px;
  border: 1px solid #dddddd;
  border-top: none;
}
.python-udf-editor .status-bar > * {
  padding: 0px 5px;
}
.python-udf-editor .status-bar .text-error {
  white-space: pre-wrap;
  max-height: 50px;
}
.grel-step label {
  cursor: default;
}
.analyze-full-sample-config-modal {
  min-width: 800px;
}
.analyze-full-sample-config-modal .help-inline {
  width: initial;
}
.analyze-full-sample-config-modal .dkuform-modal-horizontal label.control-label {
  width: 280px;
}
.out-of-date-warning {
  opacity: 0.5;
}
.analyse-modal {
  min-width: 800px;
}
.analyse-modal .tab-content {
  margin-top: 7px;
}
.analyse-modal span.empty {
  font-style: italic;
}
.analyse-modal .modal-header a.switch {
  color: inherit;
  text-decoration: none;
  padding: 0 5px;
  font-size: .8em;
}
.analyse-modal .table {
  width: 100%;
}
.analyse-modal .tr-discreet th {
  border-top: none;
  background: transparent !important;
}
.analyse-modal .not-computed {
  opacity: .6;
}
.analyse-modal .small-link-button {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
}
.analyse-modal .small-link-button:hover {
  text-decoration: none;
}
.analyse-modal .small-link-button:focus {
  outline: none;
}
.analyse-modal .summary {
  font-size: .9em;
}
.analyse-modal .summary.span3 {
  padding-right: 10px;
}
.analyse-modal .summary strong {
  display: block;
  text-transform: uppercase;
}
.analyse-modal .summary strong span {
  float: right;
  font-weight: 400;
  text-transform: none;
}
.analyse-modal .summary table {
  width: 100%;
  line-height: 1.4;
  table-layout: fixed;
}
.analyse-modal .summary th {
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  font-weight: 400;
}
.analyse-modal .summary th span {
  display: inline-block;
  transform: scale(1.5) translate(20%, -5%);
}
.analyse-modal .summary td:last-child,
.analyse-modal .summary td.secondary {
  opacity: .6;
}
.analyse-modal .summary ul {
  list-style-position: inside;
  margin-left: 0;
}
.analyse-modal .summary li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.analyse-modal .bar-success {
  background: #81c784;
}
.analyse-modal .bar-danger {
  background: #dd5969;
}
.analyse-modal .bar-warning {
  background: #dddddd;
}
.analyse-modal td.value span.bar {
  display: block;
  margin: 0;
  height: 5px;
}
.analyse-modal tr:not(:hover) .actions:last-child {
  opacity: .4;
}
.analyse-modal .icon-info {
  display: inline-block;
  margin-left: 1em;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  background: #bbbbbb;
  color: #ffffff;
  text-align: center;
}
.analyse-modal .icon-info,
.analyse-modal .icon-info + .tooltip {
  font-weight: 400;
  text-transform: none;
}
.to-setup.btn {
  height: 16px;
  line-height: 16px;
}
.full-sample-toggling a.computing-link {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.full-sample-toggling span.label {
  font-size: 16px;
  font-weight: 400;
}
.full-sample-toggling .partition-select.bootstrap-select {
  width: 100px !important;
}
.full-sample-toggling .last-run-result {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.analyse-modal .text-clusters {
  max-height: calc(99%);
  overflow: auto;
}
.analyse-modal .text-clusters ul {
  padding: 4px 0;
}
.analyse-modal .text-clusters li {
  line-height: 1.2;
}
.analyse-modal .text-clusters span {
  max-width: 100%;
}
.analyse-modal .text-clusters td:not(.value) {
  text-align: center;
}
.analyse-modal .text-clusters input:not([type=checkbox]) {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.analyse-modal .text-clusters input:not([type=checkbox]):focus,
.analyse-modal .text-clusters input:not([type=checkbox]):hover {
  color: #333333;
}
.analyse-modal .text-clusters input:not([type=checkbox]):focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.analyse-modal .text-clusters input:not([type=checkbox]).ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.analyse-modal .array-values td[dku-if],
.analyse-modal .array-values th[dku-if] {
  text-align: center;
}
.regex-suggestions-box {
  min-width: 900px;
}
.smart-date-modal {
  min-width: 1200px;
}
.smart-date-modal .smart-date-panels {
  max-height: inherit;
}
.smart-date-modal .smart-date-panels__formats {
  max-height: 200px;
  display: flex;
  flex-direction: column;
}
.smart-date-modal .no-formats-found-alert {
  margin-bottom: 8px;
}
.smart-date-modal .smart-date-formats-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-weight: 600;
  position: relative;
}
.smart-date-modal .smart-date-formats-title .smart-date-formats-title__example {
  position: absolute;
  left: 40%;
}
.smart-date-modal .smart-date-formats-title .smart-date-formats-title__parses {
  width: calc(190px);
  margin-left: auto;
}
.smart-date-modal .smart-date-formats-list {
  min-height: 0;
  flex: 1 1 20%;
  overflow: auto;
  margin-bottom: 8px;
}
.smart-date-modal .smart-date-formats-list .selectable-item__example {
  position: absolute;
  left: 40%;
}
.smart-date-modal .smart-date-formats-list .selectable {
  height: unset;
  position: relative;
}
.smart-date-modal .smart-date-formats-list .selectable:first-child {
  margin-top: 0;
}
.smart-date-modal .smart-date-formats-list .selectable:last-child {
  margin-bottom: 0;
}
.smart-date-modal .smart-date-custom-format {
  height: unset;
  margin: 0;
}
.smart-date-modal .smart-date-custom-format--error {
  border-color: #ce1228;
}
.smart-date-modal .smart-date-custom-format--error.selected {
  background-color: #f9e3e5;
}
.smart-date-modal .custom-format__input {
  margin: 0;
  margin-right: 8px;
  padding: 0;
  flex: 1 1 auto;
  border: none;
  background-color: inherit;
  outline: none;
  font-family: inherit;
  box-shadow: none;
}
.smart-date-modal .custom-format__input:focus {
  box-shadow: none;
}
.smart-date-modal .smart-date-panels__bottom {
  margin-top: 24px;
  height: 200px;
  display: flex;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container {
  min-height: 55px;
  flex: 1 1 20%;
  overflow: auto;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table {
  margin-bottom: 0;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__header {
  border-collapse: collapse;
  position: sticky;
  top: 0;
  background: #ffffff;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__header:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -1px;
  border-bottom: 1px solid #dddddd;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__header:first-child {
  padding-left: 0;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__example-row--success .smart-date-examples-table__data-cell {
  background-color: #d7f0d6;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__example-row--error .smart-date-examples-table__data-cell {
  background-color: #f2f2f2;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__example-row--warning .smart-date-examples-table__data-cell {
  background-color: #fde5ca;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__data-cell {
  border-bottom: 1px solid #cccccc;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__success-indicator {
  display: inline-block;
  width: 16px;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__success-indicator i {
  color: #4caf50;
}
.smart-date-modal .smart-date-panels__bottom .smart-date-examples-table__container .smart-date-examples-table__output {
  width: 180px;
}
.smart-date-modal .smart-date-panels__bottom .help-box {
  margin-left: 16px;
  margin-bottom: 0;
  flex: 0 1 40%;
  display: flex;
  flex-direction: column;
}
.smart-date-modal .smart-date-panels__bottom .help-box .help-box__title {
  font-weight: 600;
  font-size: 16px;
  color: #31708f;
}
.smart-date-modal .smart-date-panels__bottom .help-box .help-box__content {
  width: 100%;
  background: inherit;
  color: #31708f;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 16px;
}
.smart-date-modal progress-bar {
  width: 180px;
  margin-left: auto;
}
.smart-date-modal progress-bar div {
  margin-bottom: auto;
}
.smart-date-modal progress-bar .bar-success {
  box-shadow: none;
  background-image: none;
  background-color: #4caf50;
}
.smart-date-modal progress-bar .bar-danger {
  box-shadow: none;
  background-image: none;
  background-color: #f2f2f2;
}
.smart-date-modal progress-bar .bar-warning {
  box-shadow: none;
  background-image: none;
  background-color: #f28c37;
}
.smart-date-modal .modal-footer {
  border-top: 1px solid #dddddd;
}
.smart-date-modal .modal-footer .pull-right {
  margin: 8px 0px;
}
.regex-builder-modal {
  width: 80%;
  max-width: 1200px;
}
.regex-builder-modal .modal-footer {
  border-top: 1px solid #dddddd;
}
.regex-builder-modal .modal-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 0px;
  padding-bottom: 0px;
}
.regex-builder-modal .modal-body .regex-builder-modal__selections-panel {
  border-left: 1px solid #dddddd;
  padding-left: 24px;
  max-width: 20%;
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.regex-builder-modal .modal-body .regex-builder-modal__selections-panel-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  margin-right: 0.5em;
  padding: 0;
  font-size: medium;
  margin-bottom: 0.5em;
}
.regex-builder-modal .modal-body .regex-builder-modal-selection-panel-helper {
  margin-top: 16px;
}
.regex-builder-modal .modal-body .regex-builder-modal-selection-panel-helper__text {
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #bbbbbb;
}
.regex-builder-modal .modal-body .regex-builder-modal-selection-panel-helper__img {
  margin: 1em;
  height: 6em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.regex-builder-modal .modal-body .regex-builder-user-selection-list {
  margin: 0px;
  overflow: auto;
}
.regex-builder-modal .modal-body .regex-builder-user-selection-list .icon-trash:hover {
  color: inherit;
}
.regex-builder-modal .modal-body .regex-builder-selection__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.regex-builder-modal .modal-body .regex-builder-selection__item .tooltip-trigger-class {
  display: flex;
}
.regex-builder-modal .modal-body .regex-builder-selection__item .dku-html-tooltip-activation-zone {
  display: block;
}
.regex-builder-modal .modal-body .regex-builder-main-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 40px;
  padding-top: 16px;
  padding-bottom: 8px;
}
.regex-builder-modal .regex-builder-pattern-list__placeholder {
  margin-bottom: 8px;
}
.regex-builder-modal .regex-builder-modal__help-text {
  font-size: 13px;
  color: #666666;
}
.regex-builder-modal .regex-builder-modal__title-text {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.regex-builder-modal .patterns-propositions__table-body {
  overflow: auto;
}
.regex-builder-modal .regex-builder-modal__selected-text {
  padding: 3px 2px;
  color: #ffffff;
  background-color: #4caf50;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.regex-builder-modal .regex-builder-modal__extracted-text {
  text-decoration: underline dotted;
}
.regex-builder-modal .regex-builder-modal__excluded-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: line-through;
}
.regex-builder-modal .regex-builder-pattern-list {
  max-height: 40%;
  min-height: 50px;
  overflow: auto;
}
.regex-builder-modal .regex-builder-pattern-item {
  align-items: center;
}
.regex-builder-modal .regex-builder-pattern-item.selectable-item.selectable {
  margin-right: 8px;
  height: unset;
}
.regex-builder-modal .regex-builder-pattern-item:first-child {
  margin-top: 0px;
}
.regex-builder-modal .regex-builder-pattern-item:last-child {
  margin-bottom: 12px;
}
.regex-builder-modal .regex-builder-pattern-item--error {
  border-color: #ce1228;
}
.regex-builder-modal .regex-builder-pattern-item--error.selected {
  background-color: #f9e3e5;
}
.regex-builder-modal .regex-builder-pattern-item__regex-input {
  margin: 0;
  margin-right: 8px;
  padding: 0;
  flex: 1 1 auto;
  border: none;
  background-color: inherit;
  outline: none;
  font-family: inherit;
  box-shadow: none;
}
.regex-builder-modal .regex-builder-pattern-item__regex-input:focus {
  box-shadow: none;
}
.regex-builder-modal .regex-builder-pattern-item__progress-bar {
  width: 160px;
  min-width: 160px;
  margin-left: auto;
}
.regex-builder-modal .regex-builder-input-sample-list {
  margin: 0px;
  overflow: auto;
  flex: 1 1 40%;
  min-height: 50px;
  border-top: 1px solid #cccccc;
}
.regex-builder-modal .regex-builder-pattern-list__title-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #333333;
  font-weight: 600;
}
.regex-builder-modal .regex-builder-pattern-list__title-row-right {
  margin-left: auto;
  flex: 0 0 160px;
  margin-right: 18px;
}
.regex-builder-modal .regex-builder-input-sample-list__title-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
}
.regex-builder-modal .regex-builder-input-sample-list__title-row .regex-builder-input-sample-list__wrap-line-label {
  margin-bottom: 0px;
  margin-left: 3em;
  font-size: 13px;
  color: #666666;
}
.regex-builder-modal .regex-builder-input-sample-list__title-row .regex-builder-input-sample-list__wrap-line-checkbox {
  margin-top: 0;
  margin-bottom: 4px;
  margin-right: 8px;
}
.regex-builder-modal .regex-builder-input-sample-list__title-row .regex-builder-input-sample-list__title-row-right {
  margin-left: auto;
  flex: 0 0 160px;
  margin-right: 1em;
}
.regex-builder-modal .regex-builder-input-sample-item {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  margin-right: 8px;
  padding-left: 8px;
}
.regex-builder-modal .regex-builder-input-sample-item:nth-child(odd) {
  background-color: #f2f2f2;
}
.regex-builder-modal .regex-builder-input-sample-item:hover {
  background-color: #dddddd;
}
.regex-builder-modal .regex-builder-input-sample-item__sentence {
  flex: 1 1 auto;
  margin-right: 1em;
  color: #666666;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.regex-builder-modal .regex-builder-input-sample-item__sentence--wrapped {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1em;
}
.regex-builder-modal .regex-builder-input-sample-item__action {
  flex: 0 0 auto;
  margin-right: 8px;
}
.regex-builder-modal progress-bar div {
  margin-bottom: auto;
}
.regex-builder-modal .bar-danger {
  background-image: unset;
  background-color: #dddddd;
}
.overlap-underline-highlight--light-green {
  padding: 3px 1px;
  background-color: #d7f0d6;
}
.overlap-underline-highlight--dark-green {
  padding: 3px 1px;
  color: #ffffff;
  background-color: #4caf50;
}
.overlap-underline-highlight--error {
  padding: 3px 1px;
  color: #ffffff;
  background-color: #f9bd38;
}
.overlap-underline-highlight--crossed {
  text-decoration: line-through;
}
.overlap-underline-highlight--error.overlap-underline-highlight--crossed {
  text-decoration: underline line-through;
  text-decoration-color: #f9bd38;
}
.user-selections__tooltip-selected-text {
  background-color: #4caf50;
  color: #ffffff;
  padding-right: 2px;
  padding-left: 2px;
}
.user-selections__tooltip {
  word-wrap: break-word;
  max-width: 600px;
}
.edit-udm-modal {
  min-width: 800px;
}
.edit-udm-modal .highlight em {
  background: #e7f3ff;
  font-style: normal;
}
.edit-udm-modal .alert-error {
  border-radius: 0px;
  border-width: 1px 0;
  margin-bottom: 0;
}
.edit-udm-modal .alert-error .icon-remove,
.edit-udm-modal .alert-error .icon-trash {
  color: #222222;
}
.edit-udm-modal .modal-body {
  height: 351px;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.edit-udm-modal .udm-definition-form .color-preview {
  flex: 0 0 auto;
  border-radius: 50%;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  padding-left: 0;
}
.edit-udm-modal .udm-definition-form .values {
  overflow-y: auto;
  overflow-x: hidden;
}
.edit-udm-modal .udm-definition-form.mouse-over-save .controls .ng-invalid {
  border: 1px solid #f9e3e5;
}
.edit-udm-modal .udm-definition-form div.bootstrap-select,
.edit-udm-modal .udm-definition-form div.bootstrap-select.ng-invalid.ng-valid {
  border: 1px solid #dddddd;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
.edit-udm-modal .udm-definition-form h4 {
  font-size: 16px;
}
.edit-udm-modal .udm-definition-form .error {
  color: #ce1228;
  display: inline-block;
  text-align: right;
  width: 75px;
  font-size: 10px;
  cursor: default;
  vertical-align: top;
}
.edit-udm-modal .udm-search {
  position: relative;
  overflow: hidden;
}
.edit-udm-modal .udm-search .summary {
  padding: 20px;
  border-bottom: 1px solid #dddddd;
}
.edit-udm-modal .udm-search .summary button {
  float: right;
}
.edit-udm-modal .udm-search .summary input {
  width: 200px;
}
.edit-udm-modal .udm-search .span7 {
  border-right: 1px solid #dddddd;
  overflow: auto;
}
.edit-udm-modal .udm-search .span7 ul {
  margin: 0;
}
.edit-udm-modal .udm-search .span7 ul li {
  cursor: pointer;
  list-style: none;
  padding: 0 20px;
  line-height: 28px;
}
.edit-udm-modal .udm-search .span7 ul li h5 {
  margin: 0;
}
.edit-udm-modal .udm-search .span7 ul li h5 span.label {
  margin-right: 20px;
}
.edit-udm-modal .udm-search .span7 ul li h5 span.prefix {
  color: #bbbbbb;
  font-weight: 400;
}
.edit-udm-modal .udm-search .span7 ul li .type {
  color: #bbbbbb;
  margin-left: 10px;
}
.edit-udm-modal .udm-search .span7 ul li.even {
  background-color: #ffffff;
}
.edit-udm-modal .udm-search .span7 ul li.active {
  background-color: #f2f2f2;
}
.edit-udm-modal .udm-search .span5 {
  height: 100%;
  overflow-y: auto;
  transition-property: width;
  transition-duration: .2s;
  transition-timing-function: ease-in-out;
  padding: 0;
  margin-left: 10px;
}
.edit-udm-modal .udm-search .span5 .content {
  padding: 15px 25px 5px 10px;
}
.edit-udm-modal .udm-search .span5 .content hr {
  margin: 7px 0;
}
.edit-udm-modal .udm-search .span5 .content .type,
.edit-udm-modal .udm-search .span5 .content .id {
  display: none;
}
.edit-udm-modal .udm-search .span5.hidden {
  width: 0;
  margin: 0;
  overflow: hidden;
}
.edit-udm-modal table {
  width: 100%;
}
.edit-udm-modal table tr.even {
  background-color: #ffffff;
}
.edit-udm-modal table thead,
.edit-udm-modal table tbody,
.edit-udm-modal table tr {
  display: block;
}
.edit-udm-modal table td,
.edit-udm-modal table th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0;
  text-align: left;
}
.edit-udm-modal table td:nth-child(1),
.edit-udm-modal table th:nth-child(1) {
  width: 20px;
}
.edit-udm-modal table td:nth-child(2),
.edit-udm-modal table th:nth-child(2) {
  width: 380px;
}
.edit-udm-modal table td:nth-child(3),
.edit-udm-modal table th:nth-child(3) {
  width: 165px;
}
.edit-udm-modal table td:nth-child(4),
.edit-udm-modal table th:nth-child(4) {
  width: 125px;
}
.edit-udm-modal table td:nth-child(5),
.edit-udm-modal table th:nth-child(5) {
  width: 60px;
}
.edit-udm-modal table thead {
  border-bottom: 1px solid #dddddd;
  padding: 5px 17px;
}
.edit-udm-modal table thead input[type=checkbox] {
  position: relative;
  top: -2px;
}
.edit-udm-modal table thead .std-list-search-box {
  margin-left: 1px;
}
.edit-udm-modal table thead .std-list-search-box input {
  width: 200px;
}
.edit-udm-modal table tbody {
  overflow-y: auto;
}
.edit-udm-modal table tbody tr {
  display: block;
  padding: 3px 17px;
}
.edit-udm-modal table tbody input {
  position: relative;
  top: -2px;
}
.edit-udm-modal table .meaning span {
  color: #bbbbbb;
}
.edit-udm-modal table .meaning.disabled span,
.edit-udm-modal table .meaning.disabled em {
  text-decoration: line-through;
}
.edit-udm-modal .dkuform-modal-horizontal label.control-label {
  width: auto;
}
.edit-udm-modal .dkuform-modal-horizontal .controls {
  margin-left: 100px;
}
.edit-udm-modal .dkuform-modal-horizontal .span6:first-child {
  padding: 20px 0;
}
.edit-udm-modal .dkuform-modal-horizontal .span6:first-child > div {
  border-right: 1px solid #dddddd;
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
}
.edit-udm-modal .dkuform-modal-horizontal input,
.edit-udm-modal .dkuform-modal-horizontal textarea,
.edit-udm-modal .dkuform-modal-horizontal .bootstrap-select {
  width: 95% !important;
}
.edit-udm-modal .dkuform-modal-horizontal textarea {
  height: 130px;
}
.edit-udm-modal .dkuform-modal-horizontal .mapping-editor {
  padding-right: 20px;
}
.column-header-menu,
.cell-suggestion-popup {
  font-family: 'SourceSansPro';
}
.column-header-menu ul,
.cell-suggestion-popup ul {
  margin: 0;
}
.column-header-menu ul li,
.cell-suggestion-popup ul li {
  list-style: none;
  padding: 0 6px;
}
.column-header-menu ul li:hover:not(.nav-header),
.cell-suggestion-popup ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.column-header-menu ul li a,
.cell-suggestion-popup ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.column-header-menu ul li a:hover,
.cell-suggestion-popup ul li a:hover {
  text-decoration: none;
}
.column-header-menu ul li a:focus,
.cell-suggestion-popup ul li a:focus {
  outline: none;
}
.column-header-menu ul li:not(.dropdown-submenu),
.cell-suggestion-popup ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.column-header-menu ul li.divider,
.cell-suggestion-popup ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.column-header-menu ul li.dropdown-submenu .dropdown-menu,
.cell-suggestion-popup ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.column-header-menu ul li.dropdown-submenu a,
.cell-suggestion-popup ul li.dropdown-submenu a {
  background: none;
}
.column-header-menu ul li.dropdown-submenu .dropdown-menu li.nav-header,
.cell-suggestion-popup ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.column-header-menu ul li.dropdown-submenu .dropdown-menu li a,
.cell-suggestion-popup ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.column-header-menu .alphanum-literal,
.cell-suggestion-popup .alphanum-literal {
  color: #3B5BB5;
}
.column-header-menu .num-literal,
.cell-suggestion-popup .num-literal {
  color: #770088;
}
.column-header-menu .action-verb,
.cell-suggestion-popup .action-verb {
  font-weight: 500;
}
.column-header-menu .input-column-name,
.cell-suggestion-popup .input-column-name {
  color: brown;
}
.column-header-menu .output-column-name,
.cell-suggestion-popup .output-column-name {
  color: brown;
}
.column-header-menu .meaning-label,
.cell-suggestion-popup .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.column-header-menu .section,
.cell-suggestion-popup .section {
  border-bottom: 1px solid #dddddd;
}
.column-header-menu .section:first-child,
.cell-suggestion-popup .section:first-child {
  padding-top: 0;
}
.column-header-menu .section:last-child,
.cell-suggestion-popup .section:last-child {
  border-bottom: 0;
}
.column-header-menu .section .row-fluid > .pull-right,
.cell-suggestion-popup .section .row-fluid > .pull-right {
  padding-right: 5px;
}
.column-header-menu .section .section-content .divider,
.cell-suggestion-popup .section .section-content .divider {
  border-bottom: 1px solid #dddddd;
}
.column-header-menu .section .section-content .suggestion-category,
.cell-suggestion-popup .section .section-content .suggestion-category {
  margin-top: 0px !important;
  cursor: default;
}
.column-header-menu .section .section-content .suggestion-category > a,
.cell-suggestion-popup .section .section-content .suggestion-category > a {
  cursor: auto;
  display: block;
  color: #bbbbbb;
  padding: 2px 0 3px 0;
  text-transform: uppercase;
}
.column-header-menu .dropdown-submenu:hover > a,
.cell-suggestion-popup .dropdown-submenu:hover > a {
  text-decoration: none !important;
  background-color: #f2f2f2 !important;
  background-image: none;
}
.shaker-column-row-popup.simple {
  max-height: 49vh;
  overflow-y: auto;
}
.column-header-dropdown-menu {
  min-width: 280px !important;
  font-size: 0.85em;
}
.column-header-dropdown-menu li a {
  line-height: 18px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.shaker-cell-popover.shaker-cell-popover {
  padding: 0 !important;
  border-radius: 0;
  border-color: #dddddd;
  max-width: 550px !important;
  min-width: 400px;
  top: auto;
  left: auto;
}
.shaker-cell-popover.shaker-cell-popover .popover-content {
  padding: 5px 0 5px 0 !important;
}
.shaker-cell-popover.shaker-cell-popover .nav {
  padding: 0;
}
.shaker-cell-popover.shaker-cell-popover a {
  cursor: pointer;
}
.shaker-cell-popover.shaker-cell-popover hr {
  margin: 10px 0 10px 0;
}
.shaker-cell-popover.shaker-cell-popover h5 {
  margin: 3px 0 3px 0;
}
.shaker-cell-popover.shaker-cell-popover ul.nav-list li {
  overflow: hidden;
  line-height: 17px;
}
.shaker-cell-popover.shaker-cell-popover ul.nav-list li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shaker-visualize .leftPane ul.nav-tabs {
  margin-bottom: 0 !important;
}
.shaker-visualize .leftPane .tab-content {
  padding: 0 !important;
}
.shaker-visualize .leftPane .tab-content form input[type=passwords],
.shaker-visualize .leftPane .tab-content form input[type=number],
.shaker-visualize .leftPane .tab-content form select {
  vertical-align: middle;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  height: 2em;
  padding: 0 0.5em;
  display: block;
  box-sizing: border-box;
}
.shaker-visualize .leftPane .tab-content form input[type=number] {
  padding: 0 0.5em;
}
.shaker-visualize .leftPane .tab-content form input[type=checkbox] {
  margin: 0 0.5em 0 0;
}
.shaker-visualize .leftPane .tab-content .control-group {
  padding-bottom: 7px;
  border-radius: 5px;
}
.shaker-visualize .leftPane .tab-content .control-group label.control-label {
  color: #666666;
  font-size: 12px;
}
.shaker-visualize .leftPane .tab-content .control-group.child-focus,
.shaker-visualize .leftPane .tab-content .control-group:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: solid #dddddd 1px;
}
.shaker-visualize .leftPane .tab-content fieldset,
.shaker-visualize .leftPane .tab-content .control-group {
  padding-bottom: 7px;
  border-radius: 5px;
}
.shaker-visualize .leftPane .tab-content fieldset span.fieldLabel,
.shaker-visualize .leftPane .tab-content .control-group span.fieldLabel,
.shaker-visualize .leftPane .tab-content fieldset label.control-label,
.shaker-visualize .leftPane .tab-content .control-group label.control-label {
  color: #666666;
  font-size: 12px;
}
.shaker-visualize .leftPane .tab-content fieldset.child-focus,
.shaker-visualize .leftPane .tab-content .control-group.child-focus,
.shaker-visualize .leftPane .tab-content fieldset:hover,
.shaker-visualize .leftPane .tab-content .control-group:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: 1px solid #dddddd;
}
.shaker-visualize .leftPane .tab-content .help-inline {
  padding-left: 20px;
  font-size: 0.9em;
}
.shaker-visualize .leftPane .tab-content .bootstrap-select {
  margin-left: 10px;
}
.shaker-visualize .leftPane .tab-content select {
  font-size: 13px;
  width: 210px;
}
.shaker-visualize .leftPane .tab-content .controls .btn-group {
  margin-left: 10px;
}
.shaker-visualize .leftPane .tab-content input[type=text],
.shaker-visualize .leftPane .tab-content input[type=number] {
  width: 210px;
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 13px;
  display: block;
  box-sizing: border-box;
  outline: none;
}
.shaker-visualize .leftPane .tab-content input[type=number] {
  width: 50%;
}
.shaker-visualize .mainPane {
  padding-bottom: 0 !important;
}
.shaker-visualize .mainPane h3.title a {
  color: #bbbbbb;
  margin-left: 10px;
}
.shaker-visualize .mainPane h3.title a:hover {
  text-decoration: none;
}
.shaker-visualize .charts-list {
  line-height: 40px;
  background: #f2f2f2;
  border-top: 1px solid #dddddd;
  padding: 0 0 0 20px;
  height: 41px;
  position: relative;
}
.shaker-visualize .charts-list a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #dddddd;
}
.shaker-visualize .charts-list a:hover {
  text-decoration: none;
}
.shaker-visualize .charts-list a:focus {
  outline: none;
}
.shaker-visualize .charts-list a:first-child {
  border-left: 1px solid #dddddd;
}
.shaker-visualize .charts-list a.chart {
  background: #f2f2f2;
  opacity: 0.8;
  padding: 0 3px;
  padding-right: 20px;
  top: 0 !important;
}
.shaker-visualize .charts-list a.chart .no-thumb {
  width: 60px;
  height: 40px;
}
.shaker-visualize .charts-list a.chart .no-thumb img {
  max-height: 100%;
}
.shaker-visualize .charts-list a.enabled {
  overflow: visible;
  background-color: #ffffff;
  opacity: 1;
  bottom: 1px;
  border-top: none;
}
.shaker-visualize .charts-list a.enabled:before {
  content: '';
  position: absolute;
  display: block;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
.shaker-visualize .charts-list .chart i.control {
  position: absolute;
  right: 4px;
  font-size: 1.1em;
  color: #444444;
}
.shaker-visualize .charts-list .chart i.control:not(:hover) {
  opacity: .3;
}
.shaker-visualize .charts-list .icon-remove,
.shaker-visualize .charts-list .icon-trash {
  top: 4px;
}
.shaker-visualize .charts-list .icon-copy {
  bottom: 4px;
}
.accordion {
  border-radius: 0;
}
.accordion .accordion-group {
  margin: 0 0 1px 0;
  border-radius: 0;
  border: 0;
}
.accordion .accordion-group.error .accordion-heading {
  background: #f9e3e5;
  color: #ce1228;
}
.accordion .accordion-group.disabled {
  opacity: 0.4;
}
.accordion .accordion-group .accordion-heading {
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 3px 3px rgba(34, 34, 34, 0.1);
}
.accordion .accordion-group .accordion-heading a {
  color: inherit;
}
.accordion .accordion-group .accordion-heading a:hover {
  text-decoration: none;
}
.accordion .accordion-group .accordion-body .accordion-inner {
  border: 0;
  background: #ffffff;
  padding: 10px;
  margin: 0 10px;
}
.accordion > li:last-child .accordion-group {
  border-width: 0px;
}
.btn--new-chart {
  margin-left: 8px;
  vertical-align: middle;
}
div.d3graph .histogrambar,
div.d3graph .histogramhover {
  fill: #c4e0fe;
  stroke: transparent;
  stroke-width: 1px;
}
div.d3graph .histogramhover {
  fill: #222222;
  opacity: 0;
}
div.d3graph .histogramentry:hover .histogramhover {
  opacity: .2;
}
.histogramtooltip {
  position: absolute;
  text-align: center;
  padding: 10px;
  font: 12px sans-serif;
  border: 1px solid #dddddd;
  background: #f2f2f2;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
  z-index: 4000;
}
.mainPane[analysis-columns] {
  padding: 0;
}
.shaker-columns-view .header {
  background: #ffffff;
}
.shaker-columns-view .columns-sort {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
.shaker-columns-view .columns-sort .bootstrap-select {
  max-width: 120px;
  margin-left: -1px !important;
}
.shaker-columns-view form.filter-form {
  border-bottom: 1px solid #dddddd;
  height: 26px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
  position: relative;
}
.shaker-columns-view form.filter-form > div {
  min-height: 26px;
  padding-top: 0px;
}
.shaker-columns-view form.filter-form .std-list-search-box {
  display: inline-block;
  width: 180px;
  float: right;
  margin-right: calc(50% - 170px);
  white-space: nowrap;
}
.shaker-columns-view form.filter-form .std-list-search-box input {
  width: calc(100% - 3em);
}
.shaker-columns-view form.filter-form select {
  max-width: 100%;
  margin-left: 0;
}
.shaker-columns-view form.filter-form .btn,
.shaker-columns-view form.filter-form .list-control-widget {
  white-space: nowrap;
}
.shaker-columns-view form.filter-form .btn:disabled {
  opacity: 0.25;
}
.shaker-columns-view .select-count {
  padding: 0 5px;
}
.shaker-columns-view .select-all-pages {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  margin-left: -130px;
  padding: 0 5px;
  line-height: 26px;
  background-color: #d9edf7;
}
.shaker-columns-view .list-control-widget {
  margin-left: 0;
}
.shaker-columns-view .list-control-widget,
.shaker-columns-view .list-control-widget > input,
.shaker-columns-view .list-control-widget > button {
  width: 80%;
}
.shaker-columns-view .list-control-widget > button {
  text-align: left;
}
.shaker-columns-view .column-type .list-control-widget > .bootstrap-select {
  width: 150px !important;
}
.shaker-columns-view .column-infos .list-control-widget > .bootstrap-select {
  width: 86px !important;
}
.shaker-columns-view .list-control-dropdown {
  width: 100%;
}
.shaker-columns-view .list-control-dropdown button {
  overflow: visible;
}
.shaker-columns-view .list-control-dropdown button > span:first-child {
  display: inline-block;
  width: 80%;
}
.shaker-columns-view .validity-filter {
  display: inline-block;
  width: .5em;
  height: .5em;
  border-radius: .5em;
  vertical-align: middle;
}
.shaker-columns-view .validity-filter-valid {
  background-color: #d7f0d6;
}
.shaker-columns-view .validity-filter-invalid {
  background-color: #f9e3e5;
}
.shaker-columns-view .validity-filter-missing {
  background-color: #dddddd;
}
.shaker-columns-view .footer {
  position: relative;
  line-height: 1;
}
.shaker-columns-view .footer .page-details {
  position: absolute;
  top: calc(50% - 5px);
  left: 25px;
}
.shaker-columns-view .pagination {
  margin: 0 0 -3px;
  border-top: 1px solid #dddddd;
}
.shaker-columns-view .pagination ul {
  box-shadow: none;
}
.shaker-columns-view .pagination a {
  color: inherit;
  background: transparent !important;
  border-width: 0 !important;
}
.shaker-columns-view .pagination .active a {
  color: #3b99fc;
}
.shaker-columns-view .pagination a[class*="icon-chevron"] {
  font-size: .7em;
}
.shaker-columns-view button:disabled .caret {
  opacity: .5;
}
.shaker-columns-view .select-cb {
  margin: 0 5px;
  vertical-align: middle;
}
.shaker-columns-view .column-header {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #dddddd;
}
.shaker-columns-view .column-header > div {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
  padding-left: 10px;
  box-sizing: border-box;
}
.shaker-columns-view .column-header .column-title {
  width: auto;
  padding-left: 20px;
}
.shaker-columns-view .column-header .column-type {
  width: 190px;
}
.shaker-columns-view .column-header .column-infos {
  width: 118px;
}
.shaker-columns-view .column-header .column-validity {
  width: 130px;
}
.shaker-columns-view .column-header .column-btns {
  width: 40px;
  padding-right: 10px;
}
.shaker-columns-view .column-header.selected {
  background-color: #e7f3ff;
}
.shaker-columns-view .column-header-meanings-menu {
  min-width: 180px !important;
  width: 180px;
}
.shaker-columns-view .column-header-meanings-menu .possible a {
  font-weight: 500;
}
.display-mode-contextual-menu {
  font-family: 'SourceSansPro';
}
.display-mode-contextual-menu ul {
  margin: 0;
}
.display-mode-contextual-menu ul li {
  list-style: none;
  padding: 0 6px;
}
.display-mode-contextual-menu ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.display-mode-contextual-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.display-mode-contextual-menu ul li a:hover {
  text-decoration: none;
}
.display-mode-contextual-menu ul li a:focus {
  outline: none;
}
.display-mode-contextual-menu ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.display-mode-contextual-menu ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.display-mode-contextual-menu ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.display-mode-contextual-menu ul li.dropdown-submenu a {
  background: none;
}
.display-mode-contextual-menu ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.display-mode-contextual-menu ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.shaker-column-row {
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
}
.shaker-column-row:nth-last-child(2) {
  border-bottom-width: 0;
}
.shaker-column-row .icon-reorder {
  min-height: auto;
  line-height: 1;
}
.shaker-column-row .icon-reorder.fat-draggable__handler {
  color: #f2f2f2;
  cursor: move;
}
.shaker-column-row .mass {
  width: 20px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.shaker-column-row .mass input[type='checkbox'] {
  vertical-align: middle;
  margin: 0px;
}
.shaker-column-row .column-title {
  cursor: pointer;
  white-space: nowrap;
}
.shaker-column-row .column-title span {
  display: inline-block;
  max-width: calc(100% - 25px);
  word-break: break-word;
  vertical-align: middle;
}
.shaker-column-row .column-title a {
  color: inherit;
  text-decoration: none;
}
.shaker-column-row .column-title:not(:hover) label.icon-pencil {
  visibility: hidden;
}
.shaker-column-row .inline-edit {
  position: relative;
  width: calc(100% - 25px);
  vertical-align: middle;
}
.shaker-column-row .inline-edit > input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  width: 95%;
}
.shaker-column-row .inline-edit > input:focus,
.shaker-column-row .inline-edit > input:hover {
  color: #333333;
}
.shaker-column-row .inline-edit > input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.shaker-column-row .inline-edit > input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.shaker-column-row .inline-edit > input:not(:focus) {
  position: absolute;
  clip: rect(0 0 0 0);
}
.shaker-column-row .inline-edit > input:focus ~ * {
  display: none;
}
.shaker-column-row .inline-edit,
.shaker-column-row .inline-edit > input,
.shaker-column-row .inline-edit > label {
  display: inline-block;
  margin: 0;
}
.shaker-column-row .btn {
  font-size: inherit;
  text-transform: capitalize;
}
.shaker-column-row .column-infos {
  text-align: right;
}
.shaker-column-row progress-bar {
  display: inline-block;
  width: 100%;
  margin-top: .5em;
}
.shaker-column-row .column-btns {
  position: relative;
}
.shaker-column-row .column-actions {
  color: inherit;
  opacity: .8;
  font-size: 1.3em;
  text-decoration: none;
  display: inline-block;
}
.shaker-column-row .column-actions:not(:hover):not(.popover-shown) {
  opacity: .3;
}
.shaker-column-row .column-actions:after {
  display: block;
  content: " ";
  position: absolute;
  left: 5px;
  right: 0;
  top: 0;
  bottom: 0;
}
.quick-columns-view {
  background-color: #ffffff;
}
.quick-columns-view h3 {
  font-size: large;
  font-weight: 400;
  margin: 0;
  padding: 10px;
}
.quick-columns-view h3 a {
  float: right;
  padding: 0 5px;
  margin: 0 5px 0 -5px;
  color: inherit;
  text-decoration: none;
}
.quick-column-search {
  padding: 0 10px 10px;
  position: relative;
}
.quick-column-search input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  width: 100%;
  padding-right: 2em;
}
.quick-column-search input:focus,
.quick-column-search input:hover {
  color: #333333;
}
.quick-column-search input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.quick-column-search input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.quick-column-search a {
  position: absolute;
  font-size: 1.4em;
  top: 0;
  right: 1em;
  padding: .2em;
  color: inherit;
  opacity: .5;
  text-decoration: none;
}
.quick-columns {
  border-top: 1px solid #dddddd;
  list-style: none;
  margin: 0;
}
.quick-columns .fattable-viewport > div:nth-child(2n) {
  background-color: #f2f2f2;
}
.quick-column {
  height: 65px;
  padding: 10px 10px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.quick-column--action {
  cursor: pointer;
}
.quick-column__name {
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
}
.quick-column__name span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quick-column__type {
  display: inline-block;
  font-size: .9em;
  padding: 0 5px;
  color: #28a9dd;
}
.quick-column__validity {
  -webkit-flex: 0 0 70px;
  flex: 0 0 70px;
  -webkit-align-self: center;
  align-self: center;
  margin-bottom: -4px;
}
.quick-column__validity .progress {
  height: 8px;
}
.quick-column__loading,
.quick-column__histogram,
.quick-column__tooltip {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}
.quick-column__loading {
  text-align: center;
}
.quick-column__histogram {
  padding-bottom: 1px;
  border-bottom: 2px solid #dddddd;
}
.quick-column__tooltip {
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.quick-column__tooltip em {
  opacity: .4;
}
.quick-column__tooltip span,
.quick-column__tooltip em {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.quick-column__tooltip span:first-child {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.quick-column:not(:hover):not(.active) .histogrambar {
  fill: #dddddd;
}
.shaker-cell-value-popup {
  padding: 3px 7px;
}
.shaker-cell-value-popup .bottom {
  border-top: 1px solid #dddddd;
  padding-top: 7px;
  font-size: 12px;
}
.shaker-cell-value-popup pre.value {
  background: #ffffff;
  border: none;
  padding: 0;
  max-width: 400px;
  font-size: 11px;
  line-height: 1.1;
  position: relative;
  margin: 0;
}
.shaker-cell-value-popup [json-formater] {
  background: #ffffff;
  border: none;
  padding: 0;
}
.shaker-sampling-form-wrapper .filter-expression .alphanum-literal {
  color: #3B5BB5;
}
.shaker-sampling-form-wrapper .filter-expression .num-literal {
  color: #770088;
}
.shaker-sampling-form-wrapper .filter-expression .action-verb {
  font-weight: 500;
}
.shaker-sampling-form-wrapper .filter-expression .input-column-name {
  color: brown;
}
.shaker-sampling-form-wrapper .filter-expression .output-column-name {
  color: brown;
}
.shaker-sampling-form-wrapper .filter-expression .meaning-label {
  color: #28a9dd;
  font-style: italic;
}
.fat-draggable--dragging .shaker-column-row .column-title {
  cursor: move;
}
.fat-draggable--dragging .shaker-column-row .column-title:hover label.icon-pencil {
  visibility: hidden;
}
.fat-draggable--dragging .shaker-column-row .column-type:hover > .show-on-hover,
.fat-draggable--dragging .shaker-column-row .column-type:hover .btn.btn.btn.btn > .caret,
.fat-draggable--dragging .shaker-column-row .show-on-hover:hover,
.fat-draggable--dragging .shaker-column-row .show-on-hover:hover > .caret {
  visibility: hidden;
}
.fat-draggable--dragging .columnHeader .dropdown-trigger:hover {
  background: initial;
}
.fat-draggable--dragging .btn {
  cursor: move;
}
.fat-draggable--dragging div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VU.even,
.fat-draggable--dragging div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VU.even,
.fat-draggable--dragging div.shakerTable .fattable-body-container > .fattable-viewport > div.H.VU.odd,
.fat-draggable--dragging div.shakerTable .fattable-body-container > .fattable-viewport > div.FH.VU.odd {
  background: inherit !important;
  color: inherit !important;
}
.fat-draggable--dragging div.shakerTable .fattable-body-container:not(.fattable-moving) > .fattable-viewport > div:hover.VU {
  background: inherit !important;
  color: inherit !important;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame {
  display: block;
  overflow-x: auto;
  height: auto;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider {
  white-space: nowrap;
  line-height: normal;
  margin-top: 3px;
  padding-bottom: 3px;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group {
  width: 320px;
  padding-bottom: 0;
  padding-top: 0;
  background: #ffffff;
  border: 1px solid #dddddd;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading {
  padding-left: 10px;
  line-height: normal;
  padding: 10px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading .ff-info {
  flex: 1 1 0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding-right: 5px;
  opacity: 0.4;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading .ff-info .ff-column-name {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading .ff-info .ff-value {
  flex-grow: 0;
  flex-shrink: 0;
  color: #bbbbbb;
  font-style: italic;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading .filter-btn {
  margin-left: 5px;
  flex-grow: 0;
  flex-shrink: 0;
  cursor: pointer;
  line-height: normal;
  color: #bbbbbb;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading .filter-btn:hover {
  color: #444444;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading.active .ff-info {
  opacity: 1;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading.active .filter-btn {
  color: #bbbbbb;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group .big-filter-heading.active .filter-btn:hover {
  color: #444444;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group hr {
  margin: 0 auto;
  width: calc(100% - 20px);
  border-top: 1px solid #dddddd;
  border-bottom: none;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group {
  max-height: 315px;
  border: none;
  box-shadow: none;
  margin-top: 0;
  width: 100%;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-header,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-header {
  border-bottom: 0;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-toggle,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-toggle {
  transform: translate(0, calc(-50% - 25px));
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-content,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-content {
  height: 178px;
  overflow-y: auto;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-content .facet-content .alphanum-facet > form,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-content .facet-content .alphanum-facet > form {
  margin-bottom: 10px;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-content .facet-content .alphanum-facet > form .facet-list,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-content .facet-content .alphanum-facet > form .facet-list {
  height: 130px !important;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-content .filter,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-content .filter {
  height: auto;
}
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .ff-popover .ff-content .filter .filter-content .simple-filter > form,
.shaker .table-view-header .accordion.facetsFilters.view-all-filters-frame .view-all-filters-slider .filter-wrapper .filter .filter-accordion-group div.ff-group .accordion-inner .ff-content .filter .filter-content .simple-filter > form {
  margin-bottom: 10px;
}
div.ff-group {
  height: auto;
  width: 320px;
  overflow: hidden;
  margin-top: 3px;
  padding: 0 !important;
  border: 1px solid #dddddd;
  transition: height 0.35s ease, box-shadow 0.35s ease, border 0.35s ease, opacity 0.35s ease;
}
div.ff-group.disabled .ff-header,
div.ff-group.disabled .ff-content,
div.ff-group.disabled .ff-footer {
  opacity: 0.4;
}
div.ff-group .ff-popover,
div.ff-group .accordion-inner {
  border: 0;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #ffffff;
}
div.ff-group .ff-popover .ff-overlay,
div.ff-group .accordion-inner .ff-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  opacity: 0.5;
}
div.ff-group .ff-popover .ff-no-chart h4,
div.ff-group .accordion-inner .ff-no-chart h4 {
  line-height: 170px;
  margin: 0;
  color: #bbbbbb;
  font-size: 38px;
  text-align: center;
}
div.ff-group .ff-popover .ff-toggle,
div.ff-group .accordion-inner .ff-toggle {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  text-align: center;
  z-index: 11;
  opacity: 1;
}
div.ff-group .ff-popover .ff-toggle h4,
div.ff-group .accordion-inner .ff-toggle h4 {
  text-align: center;
  font-size: 37px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  color: #bbbbbb;
  line-height: normal;
}
div.ff-group .ff-popover .ff-toggle .disable-switch,
div.ff-group .accordion-inner .ff-toggle .disable-switch {
  display: inline-block;
  padding: 0px 5px;
  height: 26px;
  line-height: 26px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 12px;
  cursor: pointer;
}
div.ff-group .ff-popover .ff-toggle .disable-switch:hover,
div.ff-group .accordion-inner .ff-toggle .disable-switch:hover {
  background-color: #f2f2f2;
}
div.ff-group .ff-popover .ff-header,
div.ff-group .accordion-inner .ff-header {
  padding: 10px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff;
  line-height: normal;
}
div.ff-group .ff-popover .ff-header .fieldLabel,
div.ff-group .accordion-inner .ff-header .fieldLabel {
  color: #666666;
  font-size: 12px;
  padding-bottom: 8px;
}
div.ff-group .ff-popover .ff-header select,
div.ff-group .accordion-inner .ff-header select {
  width: 110px !important;
  font-size: 12px;
  height: 30px;
  border-radius: 0;
  margin-bottom: 0px;
}
div.ff-group .ff-popover .ff-header select:focus,
div.ff-group .accordion-inner .ff-header select:focus {
  outline: none;
}
div.ff-group .ff-popover .ff-footer,
div.ff-group .accordion-inner .ff-footer {
  line-height: normal;
}
div.ff-group .ff-popover .ff-footer .validity-filter,
div.ff-group .accordion-inner .ff-footer .validity-filter {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
}
div.ff-group .ff-popover .ff-footer .validity-filter .validity-repartition,
div.ff-group .accordion-inner .ff-footer .validity-filter .validity-repartition {
  display: inline-block;
  height: 30px;
  flex-grow: 1;
  flex-shrink: 1;
}
div.ff-group .ff-popover .ff-footer .validity-filter .validity-repartition.ok,
div.ff-group .accordion-inner .ff-footer .validity-filter .validity-repartition.ok {
  background-color: #81c784;
}
div.ff-group .ff-popover .ff-footer .validity-filter .validity-repartition.ok.empty-space,
div.ff-group .accordion-inner .ff-footer .validity-filter .validity-repartition.ok.empty-space {
  background-color: #444444;
}
div.ff-group .ff-popover .ff-footer .validity-filter .validity-repartition.nok,
div.ff-group .accordion-inner .ff-footer .validity-filter .validity-repartition.nok {
  background-color: #e78994;
}
div.ff-group .ff-popover .ff-footer .validity-filter .validity-repartition.nok.empty-space,
div.ff-group .accordion-inner .ff-footer .validity-filter .validity-repartition.nok.empty-space {
  background-color: #444444;
}
div.ff-group .ff-popover .ff-footer .validity-filter .validity-repartition.empty,
div.ff-group .accordion-inner .ff-footer .validity-filter .validity-repartition.empty {
  background-color: #cccccc;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button {
  border-radius: 15px;
  border: none;
  background-color: #ffffff;
  font-size: 11px;
  padding: 0px 7px;
  opacity: 1;
  font-weight: 500;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button:not(:last-child),
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button:not(:last-child) {
  margin-right: 5px;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button.active,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button.active {
  opacity: 1;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button[disabled],
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button[disabled] {
  cursor: default;
  opacity: 0.5;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button.ok,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button.ok {
  color: #81c784;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button.nok,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button.nok {
  color: #dd5969;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button.empty,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button.empty {
  color: #444444;
}
div.ff-group .ff-popover .ff-footer .validity-filter .btn-group button:focus,
div.ff-group .accordion-inner .ff-footer .validity-filter .btn-group button:focus {
  outline: none;
}
div.ff-group .ff-popover a,
div.ff-group .accordion-inner a {
  padding: 0 6px;
  cursor: pointer;
}
div.ff-group .ff-popover a:hover,
div.ff-group .accordion-inner a:hover {
  background-color: #444444;
}
div.ff-group .ff-popover a.active,
div.ff-group .accordion-inner a.active {
  box-shadow: none;
}
div.ff-group .ff-popover .ff-content,
div.ff-group .accordion-inner .ff-content {
  line-height: initial;
  padding: 0 10px;
}
div.ff-group .ff-popover .ff-content .additional-ff-header,
div.ff-group .accordion-inner .ff-content .additional-ff-header {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: normal;
}
div.ff-group .ff-popover .ff-content .additional-ff-header button.btn-facet-header,
div.ff-group .accordion-inner .ff-content .additional-ff-header button.btn-facet-header {
  border: none;
  background-color: transparent;
  color: #666666;
}
div.ff-group .ff-popover .ff-content .additional-ff-header button.btn-facet-header:hover,
div.ff-group .accordion-inner .ff-content .additional-ff-header button.btn-facet-header:hover {
  background-color: transparent;
  color: #333333;
}
div.ff-group .ff-popover .ff-content .additional-ff-header button.btn-facet-header[disabled],
div.ff-group .accordion-inner .ff-content .additional-ff-header button.btn-facet-header[disabled] {
  color: #bbbbbb;
  opacity: 1;
  background-color: transparent;
}
div.ff-group .ff-popover .ff-content .additional-ff-header button.btn-facet-header[disabled]:hover,
div.ff-group .accordion-inner .ff-content .additional-ff-header button.btn-facet-header[disabled]:hover {
  font-weight: normal;
}
div.ff-group .ff-popover .ff-content .controls label,
div.ff-group .accordion-inner .ff-content .controls label {
  font-size: 12px;
  color: #333333;
}
div.ff-group .ff-popover .ff-content .controls label input[type="radio"],
div.ff-group .accordion-inner .ff-content .controls label input[type="radio"] {
  margin: -2px 4px 0 0 !important;
}
div.ff-group .ff-popover .ff-content .controls label input[type="number"],
div.ff-group .accordion-inner .ff-content .controls label input[type="number"] {
  height: 16px;
  margin: 0 4px 0 4px !important;
  padding-right: 0;
}
div.ff-group .ff-popover .ff-content .fieldLabel,
div.ff-group .accordion-inner .ff-content .fieldLabel {
  color: #666666;
  font-size: 12px;
  padding-bottom: 8px;
}
div.ff-group .ff-popover .ff-content .no-values,
div.ff-group .accordion-inner .ff-content .no-values {
  height: 150px;
  width: 100%;
  position: relative;
}
div.ff-group .ff-popover .ff-content .no-values h4,
div.ff-group .accordion-inner .ff-content .no-values h4 {
  text-align: center;
  font-size: 37px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  color: #bbbbbb;
  line-height: normal;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0,calc( -10px - 50%));
}
div.ff-group .ff-popover .ff-content .alphanum-facet .facet-search,
div.ff-group .accordion-inner .ff-content .alphanum-facet .facet-search {
  margin-bottom: 5px;
  height: auto;
}
div.ff-group .ff-popover .ff-content .alphanum-facet .facet-search input[type='checkbox'],
div.ff-group .accordion-inner .ff-content .alphanum-facet .facet-search input[type='checkbox'] {
  position: initial;
  display: inline-block;
  margin-top: 0;
}
div.ff-group .ff-popover .ff-content .alphanum-facet .facet-search div.input,
div.ff-group .accordion-inner .ff-content .alphanum-facet .facet-search div.input {
  position: initial;
  line-height: initial;
  display: inline-block;
  margin-left: 4px;
  border: 1px solid #dddddd;
}
div.ff-group .ff-popover .ff-content .alphanum-facet .facet-search div.input input,
div.ff-group .accordion-inner .ff-content .alphanum-facet .facet-search div.input input {
  display: inline-block;
  width: 100px;
  height: 20px;
  vertical-align: middle;
  border: none;
  margin: 0;
  padding-left: 5px;
  padding-top: 1px;
}
div.ff-group .ff-popover .ff-content .alphanum-facet .facet-search div.input i.icon-search,
div.ff-group .accordion-inner .ff-content .alphanum-facet .facet-search div.input i.icon-search {
  position: initial;
  height: 20px;
  width: 20px;
  padding: 4px;
  box-sizing: border-box;
  text-align: center;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
}
div.ff-group .ff-popover .ff-content .simple-filter .processor-field,
div.ff-group .accordion-inner .ff-content .simple-filter .processor-field {
  list-style-type: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
div.ff-group .ff-popover .ff-content .simple-filter .processor-field fieldset,
div.ff-group .accordion-inner .ff-content .simple-filter .processor-field fieldset {
  padding-bottom: 7px;
  border-radius: 5px;
}
div.ff-group .ff-popover .ff-content .simple-filter .processor-field fieldset span.fieldLabel,
div.ff-group .accordion-inner .ff-content .simple-filter .processor-field fieldset span.fieldLabel {
  color: #666666;
  font-size: 12px;
}
div.ff-group .ff-popover .ff-content .simple-filter .processor-field fieldset form,
div.ff-group .accordion-inner .ff-content .simple-filter .processor-field fieldset form {
  margin-bottom: 0;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items {
  list-style-type: none;
  margin: 0px;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item {
  margin-left: 0px;
  box-sizing: border-box;
  color: #444444;
  padding: 0px;
  width: 99%;
  line-height: 16px;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item input[type=text],
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item input[type=text] {
  border: 1px solid #dddddd;
  white-space: nowrap;
  vertical-align: top;
  padding: 0 5px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item:hover,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item:hover {
  background-color: transparent;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item:not(.newItem) input[type=text],
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item:not(.newItem) input[type=text] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item i.icon-remove,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item i.icon-remove,
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item i.icon-trash,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item i.icon-trash {
  color: #666666;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item i.icon-remove:hover,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item i.icon-remove:hover,
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items li.item i.icon-trash:hover,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items li.item i.icon-trash:hover {
  color: #ce1228;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items .add,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items .add {
  color: #4caf50;
  margin-right: 5px;
  margin-top: 3px;
  cursor: pointer;
}
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items i.icon-remove,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items i.icon-remove,
div.ff-group .ff-popover .ff-content .simple-filter ul.suggest-items i.icon-trash,
div.ff-group .accordion-inner .ff-content .simple-filter ul.suggest-items i.icon-trash {
  color: #666666;
  float: right;
  position: relative;
  font-size: 15px;
  cursor: pointer;
  margin-right: 5px;
}
div.ff-group .ministogram-container {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.ff-group .histogrambar {
  fill: #c4e0fe;
}
.dropdown-menu.ff-contextual-menu {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.ff-date-range-filter-hint {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #f28c37;
  font-size: 11px;
}
.ff-relative-date-filter-hint {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #31708f;
  font-size: 11px;
}
.dataset-settings-files-listing .fattable-viewport div {
  font-size: 10px;
}
.new-dataset-name-zone {
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.new-dataset-name-zone form {
  margin: 0 20px 0;
  float: right;
  height: 42px;
}
.new-dataset-name-zone h4 {
  font-weight: 400;
  line-height: 42px;
}
.dataset-page .tab-content {
  overflow: visible;
  margin: 0;
}
.preview-empty {
  text-align: center;
  font-size: 1.6em;
}
.dataset-status-page ul.nav-tabs {
  background: #ffffff;
}
.new-dataset-page h2 {
  text-align: left;
  color: #666666;
}
.new-dataset-page h2,
.new-dataset-page h3 {
  font-weight: 400;
}
.new-dataset-page .wells {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.new-dataset-page .well {
  background: #ffffff;
  min-height: 170px !important;
  width: 250px !important;
  padding: 12px !important;
  margin: 12px !important;
  border-radius: 0;
  line-height: 20px;
  vertical-align: top;
  box-sizing: content-box;
}
.new-dataset-page .well i {
  color: #cccccc;
}
.new-dataset-page .well ul {
  margin: 0;
}
.new-dataset-page .well li {
  list-style: none;
}
.new-dataset-page .well li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-dataset-page .well li a:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
.new-dataset-page .well div.half-well {
  width: 50%;
}
.new-dataset-page .well .footer {
  width: 100%;
  text-align: right;
}
.new-dataset-page .dataset-disabled a {
  color: #bbbbbb !important;
  cursor: not-allowed;
}
.new-dataset-page .dataset-notlicensed-ce a {
  color: rgba(0, 136, 204, 0.6);
}
.droparea {
  border: 0.25em dashed rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.05);
  border-radius: 1em;
  position: relative;
  min-height: 100px;
}
.droparea:before {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  content: 'Drop your file here';
  color: rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 #ffffff;
  font-size: 2em;
  pointer-events: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.droparea[multiple]:before {
  content: 'Drop your files here';
}
.droparea:hover:before {
  color: rgba(0, 0, 0, 0.5);
}
.droparea form {
  display: none;
}
.droparea.candrop {
  border-color: #4caf50;
  background: #d7f0d6;
}
.droparea.candrop:before {
  content: 'You can drop now';
}
.droparea .files {
  margin: 0;
  padding: 1em;
  overflow: auto;
  z-index: 2;
  position: relative;
}
.droparea .files > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.droparea .file {
  text-align: left;
  position: relative;
}
.droparea .file a.close {
  float: right;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 17px;
  text-align: center;
  color: #666666;
  opacity: 0.3;
  -webkit-transition: all, 0.5s, ease-in;
  -moz-transition: all, 0.5s, ease-in;
  -ms-transition: all, 0.5s, ease-in;
  -o-transition: all, 0.5s, ease-in;
  transition: all, 0.5s, ease-in;
}
.droparea .file a.close i {
  line-height: inherit;
  width: 10px;
}
.droparea .file a.close:hover {
  text-decoration: none;
  opacity: 1;
}
.droparea .file .size {
  float: right;
  color: #cccccc;
}
.droparea .file:hover {
  background: rgba(34, 34, 34, 0.1);
}
.droparea .file:hover a.close {
  opacity: 1;
}
.mx-droparea-style-v2 {
  margin: 0;
  border: 2px #dddddd dashed;
  background: #ffffff;
  border-radius: 0;
}
.mx-droparea-style-v2 .preview-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #bbbbbb;
  text-align: center;
}
.mx-droparea-style-v2.candrop .preview-cta {
  visibility: hidden;
}
.mx-droparea-style-v2 .upload-hook {
  padding: 6px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #666666;
}
.mx-droparea-style-v2 .upload-hook .upload-button {
  background-color: #bbbbbb;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  margin-left: 5px;
  font-size: 14px;
  position: relative;
  z-index: 3;
}
.mx-droparea-style-v2 .upload-hook.centered-upload-hook {
  bottom: 0;
}
.mx-droparea-style-v2:before,
.mx-droparea-style-v2[multiple]:before {
  content: '';
}
.mx-droparea-style-v2.candrop {
  border-color: #4caf50;
  background: #d7f0d6;
}
.mx-droparea-style-v2.candrop:before {
  content: 'You can drop now';
}
.droparea-style-v2 {
  margin: 0;
  border: 2px #dddddd dashed;
  background: #ffffff;
  border-radius: 0;
}
.droparea-style-v2 .preview-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #bbbbbb;
  text-align: center;
}
.droparea-style-v2.candrop .preview-cta {
  visibility: hidden;
}
.droparea-style-v2 .upload-hook {
  padding: 6px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #666666;
}
.droparea-style-v2 .upload-hook .upload-button {
  background-color: #bbbbbb;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  margin-left: 5px;
  font-size: 14px;
  position: relative;
  z-index: 3;
}
.droparea-style-v2 .upload-hook.centered-upload-hook {
  bottom: 0;
}
.droparea-style-v2:before,
.droparea-style-v2[multiple]:before {
  content: '';
}
.droparea-style-v2.candrop {
  border-color: #4caf50;
  background: #d7f0d6;
}
.droparea-style-v2.candrop:before {
  content: 'You can drop now';
}
.droparea-style-v2 .upload-hook {
  bottom: 0px;
  position: absolute;
}
.droparea-style-v2-resizing {
  margin: 0;
  border: 2px #dddddd dashed;
  background: #ffffff;
  border-radius: 0;
  min-height: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.droparea-style-v2-resizing .preview-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #bbbbbb;
  text-align: center;
}
.droparea-style-v2-resizing.candrop .preview-cta {
  visibility: hidden;
}
.droparea-style-v2-resizing .upload-hook {
  padding: 6px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #666666;
}
.droparea-style-v2-resizing .upload-hook .upload-button {
  background-color: #bbbbbb;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  margin-left: 5px;
  font-size: 14px;
  position: relative;
  z-index: 3;
}
.droparea-style-v2-resizing .upload-hook.centered-upload-hook {
  bottom: 0;
}
.droparea-style-v2-resizing:before,
.droparea-style-v2-resizing[multiple]:before {
  content: '';
}
.droparea-style-v2-resizing.candrop {
  border-color: #4caf50;
  background: #d7f0d6;
}
.droparea-style-v2-resizing.candrop:before {
  content: 'You can drop now';
}
.droparea-style-v2-resizing > .standard-container__wrap {
  flex-grow: 0;
}
.droparea-style-v2-resizing > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.droparea-style-v2-resizing > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.droparea-style-v2-resizing > .flex .override-min-height {
  min-height: 0px;
}
.droparea-style-v2-resizing > .flex-no-basis,
.droparea-style-v2-resizing .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.droparea-style-v2-resizing > .flex-no-basis .override-min-height,
.droparea-style-v2-resizing .flex-no-basis .override-min-height {
  min-height: 0px;
}
.droparea-style-v2-resizing > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.droparea-style-v2-resizing > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.droparea-style-v2-resizing > .noflex,
.droparea-style-v2-resizing .top-level-tabs,
.droparea-style-v2-resizing > .alert,
.droparea-style-v2-resizing > .bottom-bar,
.droparea-style-v2-resizing > .input-append,
.droparea-style-v2-resizing > div[block-api-error],
.droparea-style-v2-resizing > h1,
.droparea-style-v2-resizing > h2,
.droparea-style-v2-resizing > h3,
.droparea-style-v2-resizing > h4,
.droparea-style-v2-resizing > h5,
.droparea-style-v2-resizing > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.droparea-style-v2-resizing .upload-hook {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.connection-test-results {
  margin-top: 10px;
}
.dataset-page .droparea {
  min-height: 180px;
}
.spinnerContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000000;
  margin: -30px 0 0 -30px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: inline-block;
  width: 60px;
  height: 60px;
}
.browse-path-dropdown {
  background: #ffffff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #dddddd;
  box-shadow: 0 5px 5px rgba(34, 34, 34, 0.1);
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  z-index: 4;
  height: 300px;
  width: 450px;
}
.browse-path-dropdown .actions {
  padding: 10px;
  border-top: 1px solid #dddddd;
  margin: 0;
}
.dataset-preview-scroll {
  min-height: 200px;
  max-height: 200px;
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  margin-bottom: 10px;
}
.dataset-preview-legend {
  font-size: 10px;
  text-align: right;
  line-height: 14px;
}
.dataset-preview-legend code {
  padding: 0;
  border: 0;
  font-size: 9px;
}
.dataset-format-buttons {
  text-align: right;
}
.dataset-format-buttons button {
  width: 140px;
  display: block;
  margin-bottom: 10px;
}
.dataset-preview-table {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
}
.dataset-preview-table tr th {
  padding: 0;
  margin: 0;
  background: #ffffff;
}
.dataset-preview-table tr td {
  padding: 0;
  line-height: 15px;
}
.dataset-preview-table tr td .cell {
  min-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.dataset-preview-table .column-header {
  padding: 5px;
  line-height: 1.6;
  position: relative;
}
.dataset-preview-table:before {
  content: "Preview";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15%;
  z-index: 0;
  color: #cccccc;
  opacity: 0.6;
  font-size: 12em;
  pointer-events: none;
}
.dataset-preview-table td {
  line-height: 10px;
}
.dataset-preview-table td .cell {
  min-width: 90px;
}
.dataset-preview-table progress-bar {
  display: block;
}
.dataset-preview-table progress-bar .progress {
  height: 8px;
}
.dataset-preview-table progress-bar .progress .bar-warning {
  background: #dddddd;
}
.dataset-preview-table progress-bar .progress .bar + .bar {
  box-shadow: none;
}
.dataset-preview-table .column-header .type {
  font-weight: 400;
  color: #bbbbbb;
  font-size: 0.8em;
}
.dataset-preview-table .column-header .name a {
  outline: 0;
}
.dataset-preview-table .rowHeader {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dataset-preview-table .editable-column-header {
  padding: 4px;
  line-height: 1.4;
  position: relative;
  min-width: 70px;
}
.dataset-preview-table .editable-column-header .config input {
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  height: 22px;
  display: block;
  margin: 0 0 5px;
  padding: 3px;
  border-radius: 0;
}
.dataset-preview-table .editable-column-header .config select {
  font-size: 12px;
  height: 2em;
  display: block;
  margin: 0 0 0.5em;
  width: 140px;
}
.dataset-preview-table .editable-column-header .name a {
  outline: 0;
}
.editPartitioning ul.dimensions li {
  list-style: none;
}
.editPartitioning ul.dimensions li form > i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-right: 5px;
  font-size: 30px;
  height: 30px;
  line-height: 1;
  text-align: center;
}
.editPartitioning ul.dimensions li form a:hover {
  text-decoration: none;
}
.editPartitioning ul.dimensions li label {
  display: inline-block;
  width: auto;
}
.complex-type-editor .bootstrap-select {
  width: 100px !important;
  background: transparent;
}
.complex-type-editor .title-box {
  margin: 0;
  padding: 5px 5px 0px 5px;
  height: 28px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #dddddd;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.complex-type-editor .buttons {
  font-size: 0;
  height: 26px;
  border-bottom: 1px solid #dddddd;
}
.complex-type-editor .buttons .mini-tab {
  display: inline-block;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
  line-height: 25px;
  padding: 0 13px;
  margin-right: 12px;
  color: #333333;
  opacity: 0.55;
  text-transform: uppercase;
}
.complex-type-editor .buttons .mini-tab:hover {
  text-decoration: none;
}
.complex-type-editor .buttons .mini-tab:focus {
  outline: none;
}
.complex-type-editor .buttons .mini-tab.active {
  border-bottom: 2px solid #333333;
  opacity: 1;
  color: #333333;
}
.complex-type-editor .buttons .mini-tab:not(.active) {
  cursor: pointer;
}
.complex-type-editor .type-edition-menu {
  width: 110px;
  display: inline-block;
  padding: 1px !important;
  height: 20px;
}
.complex-type-editor .popover-content {
  padding: 0px !important;
}
.complex-type-editor .textarea-type-editor {
  width: 350px;
}
.complex-type-editor .textarea-type-editor textarea {
  min-height: 80px;
  margin: 0px;
  width: 100%;
  font-size: 11px;
  font-family: 'Lucida Console', monospace;
  padding: 5px;
  height: calc(100% - 32px);
  box-sizing: border-box;
}
.complex-type-editor .complex-type-editor-box {
  padding: 5px;
  width: 340px;
  overflow: auto;
  min-height: 100px;
  border: 0px solid none;
  background-color: #ffffff;
}
.complex-type-editor .complex-type-editor-box .add-attribute {
  width: 100%;
  cursor: pointer !important;
  color: #81c141;
}
.complex-type-editor .complex-type-editor-box .add-attribute:hover {
  color: #94ca5e;
}
.complex-type-editor .complex-type-editor-box .editable-type {
  cursor: text;
}
.complex-type-editor .complex-type-editor-box .editable-type:hover {
  color: #222222;
  text-decoration: underline;
}
.complex-type-editor .complex-type-editor-box .string-maxlength {
  color: #666666;
  font-size: 10px;
}
.complex-type-editor .complex-type-editor-box .string-maxlength input[type=number] {
  padding: 0px;
  padding-left: 3px;
  height: 20px;
  font-size: 10px;
}
.complex-type-editor .complex-type-editor-box .string-maxlength:hover .underline-on-hover {
  text-decoration: underline;
}
.complex-type-editor .complex-type-editor-box input[type=text] {
  width: 80px;
  display: inline-block;
  padding: 1px !important;
  height: 20px;
}
.complex-type-editor .complex-type-editor-box .indent-me {
  padding-left: 10px;
  border-left: 1px solid #dddddd;
}
.complex-type-editor .complex-type-editor-box .indent-me > span {
  display: block;
}
.complex-type-editor .complex-type-editor-box .clickable {
  cursor: pointer !important;
}
.complex-type-editor .complex-type-editor-box .delete-me {
  margin-left: 5px;
}
.complex-type-editor .complex-type-editor-box .complex-type {
  color: #5d0fa5;
}
.complex-type-editor .complex-type-editor-box .primitive-type {
  color: #1079d5;
}
.complex-type-editor .complex-type-editor-box .special-attribute {
  color: #666666;
  cursor: default;
}
.complex-type-editor .complex-type-editor-box .element {
  *zoom: 1;
  width: 100%;
}
.complex-type-editor .complex-type-editor-box .element:before,
.complex-type-editor .complex-type-editor-box .element:after {
  display: table;
  content: "";
  line-height: 0;
}
.complex-type-editor .complex-type-editor-box .element:after {
  clear: both;
}
.complex-type-editor .complex-type-editor-box .element .delete-me {
  display: inline;
}
.complex-type-editor .complex-type-editor-box .element:hover .delete-me {
  display: inline;
}
.complex-type-editor .complex-type-editor-box .element:hover .delete-me > i:hover {
  color: #ce1228;
}
.complex-type-editor .complex-type-editor-box .element:not(.shown) .chevron {
  padding-right: 3px;
}
.complex-type-editor .complex-type-editor-box .element.shown .chevron {
  padding-top: 3px;
  padding-right: 3px;
}
.complex-type-editor .complex-type-editor-box .element.shown .chevron .icon-chevron-right {
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.complex-type-editor .complex-type-editor-box .element:not(.shown) .chevron .icon-chevron-right {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.complex-type-editor .complex-type-editor-box .element:hover {
  background-color: #ffffcc;
}
.complex-type-editor.side {
  width: auto;
}
.complex-type-editor.side ng-include {
  height: 100%;
  box-sizing: border-box;
}
.complex-type-editor.side ng-include > div {
  height: 100%;
  box-sizing: border-box;
}
.complex-type-editor.side .textarea-type-editor,
.complex-type-editor.side .complex-type-editor-box {
  width: 100%;
  height: calc(100% - 62px);
  padding: 10px;
  box-sizing: border-box;
}
.complex-type-editor.side .title-box {
  background-color: #ffffff;
  border-bottom: 0;
  font-size: 11px;
  padding: 10px;
  height: 34px;
  box-sizing: border-box;
}
.complex-type-editor.side .title-box span.column-name {
  font-weight: 600;
  white-space: nowrap;
  width: calc(100% - 140px);
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  margin-top: 2px;
}
.complex-type-editor.side .title-box i.close {
  font-size: 17px;
  cursor: pointer;
  color: #bbbbbb;
  padding-left: 5px;
  float: right;
  position: relative;
  bottom: 1px;
}
.complex-type-editor.in-modal .title-box {
  display: none;
}
.complex-type-editor.in-modal .column-name,
.complex-type-editor.in-modal .close {
  display: none;
}
.complex-type-editor.in-modal .textarea-type-editor,
.complex-type-editor.in-modal .complex-type-editor-box {
  width: 100%;
  padding: 10px;
  padding-left: 0;
  box-sizing: border-box;
}
.mx-schema-edition .column-header-meanings-menu {
  font-family: 'SourceSansPro';
}
.mx-schema-edition .column-header-meanings-menu ul {
  margin: 0;
}
.mx-schema-edition .column-header-meanings-menu ul li {
  list-style: none;
  padding: 0 6px;
}
.mx-schema-edition .column-header-meanings-menu ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.mx-schema-edition .column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.mx-schema-edition .column-header-meanings-menu ul li a:hover {
  text-decoration: none;
}
.mx-schema-edition .column-header-meanings-menu ul li a:focus {
  outline: none;
}
.mx-schema-edition .column-header-meanings-menu ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mx-schema-edition .column-header-meanings-menu ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.mx-schema-edition .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.mx-schema-edition .column-header-meanings-menu ul li.dropdown-submenu a {
  background: none;
}
.mx-schema-edition .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.mx-schema-edition .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.mx-schema-edition span.column-edit-meaning {
  cursor: pointer;
}
.mx-schema-edition span.column-edit-meaning:hover .caret {
  opacity: 0.8;
}
.mx-schema-edition span.column-edit-meaning .caret {
  vertical-align: middle;
  transition: all 0.2s ease;
  opacity: 0.3;
}
.mx-schema-edition span.no-rows-info {
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}
.mx-schema-edition .type-sidebar {
  transition: width 0.4s ease-in-out;
  border-left: 1px solid #dddddd;
}
.mx-schema-edition .type-sidebar.hidden {
  width: 0;
}
.mx-schema-edition .header {
  padding-top: 5px;
  font-weight: 600;
  height: 33px;
}
.mx-schema-edition .header.last-header {
  border-bottom: 1px solid #dddddd;
}
.mx-schema-edition .header span {
  display: inline-block;
}
.mx-schema-edition span {
  display: inline-block;
}
.mx-schema-edition span.name {
  width: 440px;
}
.mx-schema-edition .mass {
  width: 20px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.mx-schema-edition .mass .checkbox-label {
  padding: 6px;
}
.mx-schema-edition .mass input[type='checkbox'] {
  vertical-align: middle;
  margin: 0px;
}
.mx-schema-edition .mass-toggle {
  display: inline-block;
  width: 50px;
  padding-left: 10px;
}
.mx-schema-edition .mass-actions {
  margin-left: 25px;
}
.mx-schema-edition .mass-actions > * {
  margin-left: 10px;
}
.mx-schema-edition .mass-actions small {
  color: #666666;
  font-style: italic;
}
.mx-schema-edition div.columns {
  margin-bottom: 0;
  display: inline-block;
  min-width: 100%;
}
.mx-schema-edition div.columns li {
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 34px;
  height: 36px;
  border-bottom: 1px solid #dddddd;
}
.mx-schema-edition div.columns li input {
  box-shadow: none;
}
.mx-schema-edition div.columns li ins {
  text-decoration: none;
  color: #cccccc;
  font-size: 18px;
  letter-spacing: -2px;
  display: inline-block;
  width: 15px;
  cursor: move;
}
.mx-schema-edition div.columns li * {
  vertical-align: middle;
}
.mx-schema-edition div.columns li.selected {
  background-color: #e7f3ff;
}
.mx-schema-edition div.columns li.selected ins {
  color: #f2f2f2;
}
.mx-schema-edition div.columns li .actions {
  font-size: 16px;
  color: #bbbbbb;
  transition: opacity .2s;
  opacity: 0;
  margin-right: 10px;
}
.mx-schema-edition div.columns li .actions a {
  margin: 1px 0 0 5px;
}
.mx-schema-edition div.columns li:hover .actions {
  opacity: 1;
}
.mx-schema-edition div.columns a {
  color: #333333;
  margin: 0 5px;
}
.mx-schema-edition div.columns a:hover {
  text-decoration: none;
}
.mx-schema-edition div.columns a:focus {
  outline: none;
}
.mx-schema-edition div.columns li span.name {
  box-sizing: border-box;
  padding-right: 15px;
  position: relative;
}
.mx-schema-edition div.columns li span.name input {
  width: 100%;
}
.mx-schema-edition div.columns li span.name label {
  line-height: inherit;
  font-size: inherit;
}
.mx-schema-edition div.columns li span.name label > span {
  position: absolute;
  top: 0px;
  left: 0;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mx-schema-edition div.columns span.comment {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-style: italic;
  color: #bbbbbb;
}
.mx-schema-edition form {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.mx-schema-edition form input[type=text],
.mx-schema-edition form input[type=url],
.mx-schema-edition form input[type=number],
.mx-schema-edition form input[type=date],
.mx-schema-edition form input[type=time],
.mx-schema-edition form input[type=password],
.mx-schema-edition form textarea,
.mx-schema-edition form select,
.mx-schema-edition form button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.mx-schema-edition form input[type=text]:focus,
.mx-schema-edition form input[type=url]:focus,
.mx-schema-edition form input[type=number]:focus,
.mx-schema-edition form input[type=date]:focus,
.mx-schema-edition form input[type=time]:focus,
.mx-schema-edition form input[type=password]:focus,
.mx-schema-edition form textarea:focus,
.mx-schema-edition form select:focus,
.mx-schema-edition form button.btn.selectpicker:focus,
.mx-schema-edition form input[type=text]:hover,
.mx-schema-edition form input[type=url]:hover,
.mx-schema-edition form input[type=number]:hover,
.mx-schema-edition form input[type=date]:hover,
.mx-schema-edition form input[type=time]:hover,
.mx-schema-edition form input[type=password]:hover,
.mx-schema-edition form textarea:hover,
.mx-schema-edition form select:hover,
.mx-schema-edition form button.btn.selectpicker:hover {
  color: #333333;
}
.mx-schema-edition form input[type=text]:focus,
.mx-schema-edition form input[type=url]:focus,
.mx-schema-edition form input[type=number]:focus,
.mx-schema-edition form input[type=date]:focus,
.mx-schema-edition form input[type=time]:focus,
.mx-schema-edition form input[type=password]:focus,
.mx-schema-edition form textarea:focus,
.mx-schema-edition form select:focus,
.mx-schema-edition form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.mx-schema-edition form input[type=text].ng-dirty.ng-invalid,
.mx-schema-edition form input[type=url].ng-dirty.ng-invalid,
.mx-schema-edition form input[type=number].ng-dirty.ng-invalid,
.mx-schema-edition form input[type=date].ng-dirty.ng-invalid,
.mx-schema-edition form input[type=time].ng-dirty.ng-invalid,
.mx-schema-edition form input[type=password].ng-dirty.ng-invalid,
.mx-schema-edition form textarea.ng-dirty.ng-invalid,
.mx-schema-edition form select.ng-dirty.ng-invalid,
.mx-schema-edition form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.mx-schema-edition form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.mx-schema-edition form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.mx-schema-edition form input[type=checkbox],
.mx-schema-edition form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.mx-schema-edition form input[type=radio] {
  position: relative;
  top: -1px;
}
.mx-schema-edition form input:focus {
  border: 1px #31708f solid;
}
.mx-schema-edition form input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.mx-schema-edition form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.mx-schema-edition form a:hover {
  text-decoration: none;
}
.mx-schema-edition form a:focus {
  outline: none;
}
.mx-schema-edition form .alert {
  border-radius: 0;
}
.mx-schema-edition form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.mx-schema-edition select {
  width: 100px;
  border: none;
  color: #666666;
  background: transparent;
}
.mx-schema-edition div.add {
  padding: 10px;
}
.dataset-schema-editor {
  margin-bottom: 15px;
  border: 1px solid #dddddd;
}
.dataset-schema-editor .column-header-meanings-menu {
  font-family: 'SourceSansPro';
}
.dataset-schema-editor .column-header-meanings-menu ul {
  margin: 0;
}
.dataset-schema-editor .column-header-meanings-menu ul li {
  list-style: none;
  padding: 0 6px;
}
.dataset-schema-editor .column-header-meanings-menu ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.dataset-schema-editor .column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.dataset-schema-editor .column-header-meanings-menu ul li a:hover {
  text-decoration: none;
}
.dataset-schema-editor .column-header-meanings-menu ul li a:focus {
  outline: none;
}
.dataset-schema-editor .column-header-meanings-menu ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dataset-schema-editor .column-header-meanings-menu ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.dataset-schema-editor .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.dataset-schema-editor .column-header-meanings-menu ul li.dropdown-submenu a {
  background: none;
}
.dataset-schema-editor .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.dataset-schema-editor .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.dataset-schema-editor span.column-edit-meaning {
  cursor: pointer;
}
.dataset-schema-editor span.column-edit-meaning:hover .caret {
  opacity: 0.8;
}
.dataset-schema-editor span.column-edit-meaning .caret {
  vertical-align: middle;
  transition: all 0.2s ease;
  opacity: 0.3;
}
.dataset-schema-editor span.no-rows-info {
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}
.dataset-schema-editor .type-sidebar {
  transition: width 0.4s ease-in-out;
  border-left: 1px solid #dddddd;
}
.dataset-schema-editor .type-sidebar.hidden {
  width: 0;
}
.dataset-schema-editor .header {
  padding-top: 5px;
  font-weight: 600;
  height: 33px;
}
.dataset-schema-editor .header.last-header {
  border-bottom: 1px solid #dddddd;
}
.dataset-schema-editor .header span {
  display: inline-block;
}
.dataset-schema-editor span {
  display: inline-block;
}
.dataset-schema-editor span.name {
  width: 440px;
}
.dataset-schema-editor .mass {
  width: 20px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.dataset-schema-editor .mass .checkbox-label {
  padding: 6px;
}
.dataset-schema-editor .mass input[type='checkbox'] {
  vertical-align: middle;
  margin: 0px;
}
.dataset-schema-editor .mass-toggle {
  display: inline-block;
  width: 50px;
  padding-left: 10px;
}
.dataset-schema-editor .mass-actions {
  margin-left: 25px;
}
.dataset-schema-editor .mass-actions > * {
  margin-left: 10px;
}
.dataset-schema-editor .mass-actions small {
  color: #666666;
  font-style: italic;
}
.dataset-schema-editor div.columns {
  margin-bottom: 0;
  display: inline-block;
  min-width: 100%;
}
.dataset-schema-editor div.columns li {
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 34px;
  height: 36px;
  border-bottom: 1px solid #dddddd;
}
.dataset-schema-editor div.columns li input {
  box-shadow: none;
}
.dataset-schema-editor div.columns li ins {
  text-decoration: none;
  color: #cccccc;
  font-size: 18px;
  letter-spacing: -2px;
  display: inline-block;
  width: 15px;
  cursor: move;
}
.dataset-schema-editor div.columns li * {
  vertical-align: middle;
}
.dataset-schema-editor div.columns li.selected {
  background-color: #e7f3ff;
}
.dataset-schema-editor div.columns li.selected ins {
  color: #f2f2f2;
}
.dataset-schema-editor div.columns li .actions {
  font-size: 16px;
  color: #bbbbbb;
  transition: opacity .2s;
  opacity: 0;
  margin-right: 10px;
}
.dataset-schema-editor div.columns li .actions a {
  margin: 1px 0 0 5px;
}
.dataset-schema-editor div.columns li:hover .actions {
  opacity: 1;
}
.dataset-schema-editor div.columns a {
  color: #333333;
  margin: 0 5px;
}
.dataset-schema-editor div.columns a:hover {
  text-decoration: none;
}
.dataset-schema-editor div.columns a:focus {
  outline: none;
}
.dataset-schema-editor div.columns li span.name {
  box-sizing: border-box;
  padding-right: 15px;
  position: relative;
}
.dataset-schema-editor div.columns li span.name input {
  width: 100%;
}
.dataset-schema-editor div.columns li span.name label {
  line-height: inherit;
  font-size: inherit;
}
.dataset-schema-editor div.columns li span.name label > span {
  position: absolute;
  top: 0px;
  left: 0;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dataset-schema-editor div.columns span.comment {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-style: italic;
  color: #bbbbbb;
}
.dataset-schema-editor form {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.dataset-schema-editor form input[type=text],
.dataset-schema-editor form input[type=url],
.dataset-schema-editor form input[type=number],
.dataset-schema-editor form input[type=date],
.dataset-schema-editor form input[type=time],
.dataset-schema-editor form input[type=password],
.dataset-schema-editor form textarea,
.dataset-schema-editor form select,
.dataset-schema-editor form button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.dataset-schema-editor form input[type=text]:focus,
.dataset-schema-editor form input[type=url]:focus,
.dataset-schema-editor form input[type=number]:focus,
.dataset-schema-editor form input[type=date]:focus,
.dataset-schema-editor form input[type=time]:focus,
.dataset-schema-editor form input[type=password]:focus,
.dataset-schema-editor form textarea:focus,
.dataset-schema-editor form select:focus,
.dataset-schema-editor form button.btn.selectpicker:focus,
.dataset-schema-editor form input[type=text]:hover,
.dataset-schema-editor form input[type=url]:hover,
.dataset-schema-editor form input[type=number]:hover,
.dataset-schema-editor form input[type=date]:hover,
.dataset-schema-editor form input[type=time]:hover,
.dataset-schema-editor form input[type=password]:hover,
.dataset-schema-editor form textarea:hover,
.dataset-schema-editor form select:hover,
.dataset-schema-editor form button.btn.selectpicker:hover {
  color: #333333;
}
.dataset-schema-editor form input[type=text]:focus,
.dataset-schema-editor form input[type=url]:focus,
.dataset-schema-editor form input[type=number]:focus,
.dataset-schema-editor form input[type=date]:focus,
.dataset-schema-editor form input[type=time]:focus,
.dataset-schema-editor form input[type=password]:focus,
.dataset-schema-editor form textarea:focus,
.dataset-schema-editor form select:focus,
.dataset-schema-editor form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.dataset-schema-editor form input[type=text].ng-dirty.ng-invalid,
.dataset-schema-editor form input[type=url].ng-dirty.ng-invalid,
.dataset-schema-editor form input[type=number].ng-dirty.ng-invalid,
.dataset-schema-editor form input[type=date].ng-dirty.ng-invalid,
.dataset-schema-editor form input[type=time].ng-dirty.ng-invalid,
.dataset-schema-editor form input[type=password].ng-dirty.ng-invalid,
.dataset-schema-editor form textarea.ng-dirty.ng-invalid,
.dataset-schema-editor form select.ng-dirty.ng-invalid,
.dataset-schema-editor form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.dataset-schema-editor form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.dataset-schema-editor form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.dataset-schema-editor form input[type=checkbox],
.dataset-schema-editor form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.dataset-schema-editor form input[type=radio] {
  position: relative;
  top: -1px;
}
.dataset-schema-editor form input:focus {
  border: 1px #31708f solid;
}
.dataset-schema-editor form input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.dataset-schema-editor form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.dataset-schema-editor form a:hover {
  text-decoration: none;
}
.dataset-schema-editor form a:focus {
  outline: none;
}
.dataset-schema-editor form .alert {
  border-radius: 0;
}
.dataset-schema-editor form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.dataset-schema-editor select {
  width: 100px;
  border: none;
  color: #666666;
  background: transparent;
}
.dataset-schema-editor div.add {
  padding: 10px;
}
.dataset-schema-editor .dataset-schema-editor-header {
  background-color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  height: auto;
  padding: 10px 0;
}
.modal .dataset-schema-editor {
  margin-bottom: 0;
  border: 0;
}
.build-dataset-form.multiple .options {
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.build-dataset-form.multiple .computables {
  max-height: 350px !important;
  overflow: auto;
  border-bottom: 1px solid #dddddd;
}
.build-dataset-form.multiple .computables .computable {
  position: relative;
}
.build-dataset-form.multiple .computables .computable .remove {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 15px;
  opacity: 0;
  cursor: pointer;
  vertical-align: middle;
  line-height: 32px;
  transition: 0.2s all ease;
}
.build-dataset-form.multiple .computables .computable .removed h4 {
  text-decoration: line-through;
}
.build-dataset-form.multiple .computables .computable:hover .remove {
  opacity: 1;
}
.build-dataset-form.multiple .computables .computable input {
  width: 180px;
}
.build-dataset-form.multiple .computables .computable .partition .control-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.build-dataset-form.multiple .computables .computable .partition .control-label .dimension-name {
  float: none;
}
.build-dataset-form.multiple .computables .computable .icon-dku-close {
  font-size: 12px;
}
.build-dataset-form.multiple .computable:nth-child(odd) {
  background-color: #ffffff;
}
.build-dataset-form.multiple h4 {
  font-weight: 400;
  font-size: 15px;
  padding: 0;
  margin: 0;
  line-height: 32px;
  vertical-align: middle;
}
.build-dataset-form.multiple i.icon {
  padding: 0 12px;
  font-size: 18px;
  line-height: 32px;
  vertical-align: middle;
}
.build-dataset-form.multiple i.icon.dataset {
  color: #28a9dd;
}
.build-dataset-form label {
  margin-bottom: 10px;
}
.build-dataset-form .modal-body {
  height: 100%;
  border-collapse: collapse;
  display: table;
}
/*
 *  PARTITION SELECTOR
 */
.partition-selector--inline {
  margin-top: 7px;
  margin-bottom: 10px;
}
.partition-selector--inline .partition-selector__instruction {
  display: none;
}
.partition-selector--inline .partition-selector__control-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}
.partition-selector--inline .partition-selector__control-group > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.partition-selector--inline .partition-selector__control-group > .flex .override-min-width {
  min-width: 0px;
}
.partition-selector--inline .partition-selector__control-group > .flex-no-basis,
.partition-selector--inline .partition-selector__control-group .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.partition-selector--inline .partition-selector__control-group > .flex-no-basis .override-min-width,
.partition-selector--inline .partition-selector__control-group .flex-no-basis .override-min-width {
  min-width: 0px;
}
.partition-selector--inline .partition-selector__control-group > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.partition-selector--inline .partition-selector__control-group > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.partition-selector--inline .partition-selector__control-group > .noflex,
.partition-selector--inline .partition-selector__control-group .top-level-tabs,
.partition-selector--inline .partition-selector__control-group > .alert,
.partition-selector--inline .partition-selector__control-group > .bottom-bar,
.partition-selector--inline .partition-selector__control-group > .input-append,
.partition-selector--inline .partition-selector__control-group > div[block-api-error],
.partition-selector--inline .partition-selector__control-group > h1,
.partition-selector--inline .partition-selector__control-group > h2,
.partition-selector--inline .partition-selector__control-group > h3,
.partition-selector--inline .partition-selector__control-group > h4,
.partition-selector--inline .partition-selector__control-group > h5,
.partition-selector--inline .partition-selector__control-group > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.partition-selector--inline .partition-selector__controls {
  margin-left: 5px;
}
.partition-selector--inline .partition-selector__control-label.partition-selector__control-label {
  width: 105px;
  float: none;
}
.partition-selector--inline .partition-selector__explicit-date-label {
  margin-top: 2px;
  margin-bottom: 0;
}
.partition-selector--inline .partition-selector__explicit-date-input {
  width: auto !important;
}
.partition-selector--inline .partition-selector__help-inline {
  display: inline !important;
  padding-left: 2px;
}
.partition-selector--block {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
  margin-bottom: 30px;
  padding-left: 50px;
}
.partition-selector--block .partition-selector__partition + .partition-selector__partition {
  margin-top: 20px;
}
.partition-selector--block .partition-selector__controls {
  margin-left: 0px;
}
.partition-selector--block .partition-selector__explicit-date-label {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0;
}
.partition-selector__partition {
  margin: 0;
}
.partition-selector__partition + .partition-selector__partition {
  margin-top: 7px;
}
.partition-selector__controls {
  flex: 1 0 auto;
}
.partition-selector__dimension-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 25px;
  vertical-align: top;
  display: inline-block;
}
.partition-selector__dimension-icon {
  font-size: 15px;
  line-height: 25px;
  vertical-align: top;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
}
.partition-selector__help-inline {
  display: none !important;
}
.partition-range__control-label {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 75px;
}
.partitioning-checkbox-button {
  display: inline-block;
  vertical-align: baseline;
}
/*
 *  BUILD MODE SELECTOR
 */
.build-mode-selector {
  margin-top: 20px;
  margin-bottom: 20px;
}
.build-mode-selector .text-align-center {
  text-align: center;
}
.build-mode-selector__mode-btn {
  padding: 5px;
  margin: 8px 10px;
  display: inline-block;
  width: 40%;
  margin: 0px 10px;
  font-size: 18px;
  line-height: 32px;
  border: 1px solid #dddddd;
}
.build-mode-selector__mode-btn:not(.selectable) {
  color: #dddddd;
}
.build-mode-selector__mode-btn.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.build-mode-selector__mode-btn.selected,
.build-mode-selector__mode-btn.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.build-mode-selector__mode-btn i:not(.universe-color) {
  color: #666666;
}
.build-mode-selector__mode-btn .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.build-mode-selector__mode-btn .selection-indicator i {
  color: #3b99fc;
}
.build-mode-selector__mode-btn .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.build-mode-selector__mode-btn .selectable-item__description {
  font-weight: 400;
}
.build-mode-selector__mode-btn--active {
  border: 1px solid #f2f2f2;
}
.build-mode-selector__mode-btn-subtitle {
  font-size: 12px;
  color: #666666;
}
.build-mode-selector__submode-radio.build-mode-selector__submode-radio {
  padding-right: 12%;
  font-size: 14px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.build-mode-selector__submode-radio.build-mode-selector__submode-radio:hover {
  background-color: #ffffff;
}
.build-mode-selector__submode-description {
  width: 80%;
  font-size: 13px;
}
.build-mode-selector__pane-selection {
  width: 40%;
  padding-left: 10%;
  margin-left: 0;
  border-right: 1px solid #dddddd;
}
.build-mode-selector__pane-description {
  width: 45%;
  padding-left: 5%;
}
.build-mode-selector__illustration {
  text-align: center;
  margin-top: 20px;
}
.editable-dataset-settings:not(.all-panes) .nav-tabs > li:not(:first-child):not(:last-child) {
  display: none;
}
.handsontable .handsontable.handsontable:not(.ht_master) table {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.handsontable .colHeader {
  padding: 0 5px;
}
.handsontable .column-type {
  font-size: 0.8em;
  color: #666666;
  margin-left: 10px;
  font-style: italic;
  line-height: 19px;
}
.handsontable tr:hover {
  background: #f2f2f2;
}
.handsontable .handsontable td {
  background: inherit;
  white-space: pre;
}
.handsontable .handsontable td.key.key {
  background: rgba(255, 255, 200, 0.8);
}
.handsontable .handsontable td.changed {
  background: rgba(223, 246, 255, 0.8);
}
.handsontable.ht_clone_top .wtHolder {
  overflow-x: hidden;
}
.editable-dataset .toolbar {
  padding: 10px;
}
.editable-dataset .grid-size {
  margin-left: 10px;
}
.editable-dataset-import-modal .tabs {
  margin: 0 !important;
  padding: 0 9px;
}
.editable-dataset-import-modal .tabs .tab {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2px;
  display: inline-block;
  list-style: none;
  padding: 0px 13px 0px;
  margin: 0 3px;
  line-height: 48px;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: none;
  position: relative;
  color: #666666;
}
.editable-dataset-import-modal .tabs .tab:hover {
  text-decoration: none;
}
.editable-dataset-import-modal .tabs .tab:focus {
  outline: none;
}
.editable-dataset-import-modal .tabs .tab:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -1px;
  content: ' ';
  z-index: -1;
  height: 46px;
}
.editable-dataset-import-modal .tabs .tab.enabled {
  z-index: 3;
  font-weight: 500;
  position: relative;
}
.editable-dataset-import-modal .tabs .tab.enabled:before {
  border-bottom: 2px solid #666666;
}
.editable-dataset-import-modal .tabs .tab.enabled:not(.dku-fw500-width) {
  padding: 0 10px 1px;
}
.editable-dataset-import-modal .tabs .tab.tab--compact {
  margin: 0px;
  padding: 0px;
}
.xpath-tree .xpath-tree-row {
  border-bottom: 1px solid #dddddd;
  vertical-align: center;
  padding-top: 2px;
}
.xpath-tree .xpath-tree-row a:hover {
  text-decoration: none;
}
.xpath-tree .xpath-tree-row .help-inline {
  font-size: 0.8em;
}
.xpath-tree .xpath-attributes {
  padding-left: 10px;
}
.custom-dataset-dataset .dev .content {
  overflow: auto;
  padding: 0 6px;
  border-radius: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 10px;
}
.custom-dataset-dataset .dev .content > span {
  display: block;
}
.custom-dataset-dataset .flex {
  flex: 1 1 100px;
  /* should probably avoid auto for all flex but to be safe just editing this page */
}
.new-ml-task-modal .target-not-chosen .centered-subheader-text {
  margin-top: 150px;
}
.new-ml-task-modal .centered-subheader-text {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  text-align: center;
  color: #333333;
}
.new-ml-task-modal .centered-subheader-text .dku-select-button {
  margin-left: 5px;
}
.half-pane .back > a {
  position: initial;
  top: initial;
}
.notebook-creation-modal .dkuform label {
  display: inline-block;
  width: 130px;
  font-weight: 500;
}
.notebook-creation-modal .dkuform input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  width: 250px;
}
.notebook-creation-modal .dkuform input:focus,
.notebook-creation-modal .dkuform input:hover {
  color: #333333;
}
.notebook-creation-modal .dkuform input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.notebook-creation-modal .dkuform input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.notebook-creation-modal .dkuform .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 250px;
}
.notebook-creation-modal .form-new-notebook {
  margin-bottom: 32px;
  max-height: 400px;
  overflow: auto;
}
.lab-tab .lab-items-empty-state {
  text-align: center;
  color: #cccccc;
}
.lab-tab .icons-section .action-icon {
  margin-bottom: 0;
}
.selectable-items-list.right-panel-selectable-items-list {
  overflow-x: hidden;
}
.selectable-items-list.right-panel-selectable-items-list .right-panel-selectable-item + .right-panel-selectable-item {
  margin-top: 8px;
}
.selectable-items-list.right-panel-selectable-items-list .right-panel-selectable-item__content {
  width: 100%;
}
.selectable-items-list.right-panel-selectable-items-list .right-panel-selectable-item__icon {
  float: left;
  font-size: 18px;
  margin-left: -5px;
  text-align: center;
  width: 32px;
  min-width: 32px;
}
.selectable-items-list.right-panel-selectable-items-list .selectable-item__title a {
  color: #222222;
}
.partitioningDimensions li {
  border-bottom: 1px solid #dddddd;
  list-style: none;
  padding-top: 10px;
}
.settings-block {
  padding: 10px;
}
.settings-block .dku-toggle {
  margin-right: 5px;
}
.settings-block .probe-icon {
  font-size: 15px;
  margin-right: 10px;
}
.settings-block:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.settings-block .compute-on-build {
  line-height: 42px;
}
.settings-block .disabled-settings {
  opacity: 0.3;
  pointer-events: none;
}
.metrics-section-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 30px;
  margin: 0;
}
.metrics-run-settings .title-group {
  margin-bottom: 5px;
}
.metrics-run-settings .title-group label {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 14px;
  width: 200px;
}
.metrics-run-settings .control-group:not(.title-group) {
  margin-top: 5px;
}
.metrics-run-settings fieldset {
  margin-bottom: 15px;
}
.metrics-run-settings .full-width {
  margin-left: 0px;
}
.metrics-checks-selection {
  padding: 10px 0;
}
.metrics-checks-selection .python .CodeMirror,
.metrics-checks-selection .sql-query .CodeMirror {
  border: 1px solid #dddddd;
}
.metrics-checks-selection .settings-block {
  padding: 10px 20px;
}
.metrics-checks-selection .settings-block h4 input {
  font-size: 17.5px;
  font-weight: 600;
}
.metrics-checks-selection .settings-block h4 .icon-pencil {
  font-size: 14px;
  color: #666666;
  padding-left: 10px;
}
.metrics-checks-selection .settings-block h4 .icon-trash {
  margin-left: 5px;
  color: #666666;
  font-size: 14px;
}
.metrics-checks-selection .settings-block h4 .icon-trash:hover {
  color: #ce1228;
}
.metrics-checks-selection .metrics-columns-selection {
  border: 1px solid #dddddd;
}
.metrics-checks-selection .metrics-columns-selection .tools {
  padding: 5px;
  border-bottom: 1px solid #dddddd;
}
.metrics-checks-selection .metrics-columns-selection .tools > span,
.metrics-checks-selection .metrics-columns-selection .tools > button {
  margin-right: 10px;
}
.metrics-checks-selection .metrics-columns-selection .tools .std-list-search-box {
  position: relative;
}
.metrics-checks-selection .metrics-columns-selection .tools .std-list-search-box i {
  font-size: 15px;
  color: #bbbbbb;
  position: absolute;
  right: 5px;
  top: -8px;
}
.metrics-checks-selection .metrics-columns-selection .tools input[type=search] {
  width: 180px;
  padding-right: 20px;
  box-sizing: border-box;
}
.metrics-checks-selection .metrics-columns-selection .tools .mass-actions {
  margin-left: 25px;
}
.metrics-checks-selection .metrics-columns-selection .tools .mass-actions > * {
  margin-left: 10px;
}
.metrics-checks-selection .aggregations {
  max-height: 250px;
  width: 100%;
  margin: 0;
}
.metrics-checks-selection .aggregations .aggregation {
  height: 35px;
  border-bottom: 1px solid #dddddd;
}
.metrics-checks-selection .aggregations .aggregation.selected {
  background-color: #e7f3ff;
}
.metrics-checks-selection .aggregations .aggregation .metric {
  padding-left: 10px;
}
.metrics-checks-selection .aggregations .aggregation .mass {
  padding-left: 5px;
}
.metrics-checks-selection .aggregations .aggregation > * {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  height: 35px;
  line-height: 35px;
  padding: 0 2px;
}
.metrics-checks-selection .aggregations .aggregation > *.column-type {
  padding-right: 15px;
}
.metrics-checks-selection .aggregations .aggregation > *.column-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-right: 1px solid #dddddd;
  width: 200px;
}
.metrics-checks-selection .aggregations .aggregation > *.agg-options {
  padding-left: 15px;
  font-size: 13px;
  color: #333333;
}
.metrics-checks-selection .aggregations .aggregation > *.agg-options label {
  display: inline-block;
  width: 65px;
}
.metrics-checks-selection .aggregations .sortable-placeholder {
  display: table-row;
  height: 30px;
  background-color: #ce1228;
}
.metrics-checks-selection .aggregations .handle {
  cursor: move;
  position: relative;
}
.metrics-checks-selection .filter-box {
  display: inline-block;
  margin: 10px 5px 10px 0px;
}
.metrics-checks-selection .metrics-list {
  list-style: none;
  margin: 0;
}
.metrics-checks-selection .metrics-list .unclickable {
  pointer-events: none;
}
.metrics-checks-selection .metrics-list > li {
  margin: 0 0 10px 0;
}
.metrics-checks-selection .metrics-list .python,
.metrics-checks-selection .metrics-list .sql-query {
  margin: 10px 0;
}
.metrics-checks-selection .metrics-list .python .name,
.metrics-checks-selection .metrics-list .sql-query .name {
  display: inline-block;
}
.metrics-checks-selection .metrics-list .python .remove,
.metrics-checks-selection .metrics-list .sql-query .remove {
  float: right;
}
.metrics-checks-selection .metrics-list .python .CodeMirror {
  height: 200px;
}
.metrics-checks-selection .metrics-list .sql-query .aggregation .column-name {
  width: auto;
  border: none;
}
.metrics-checks-selection .metrics-list .sql-query .CodeMirror {
  height: 100%;
  box-sizing: border-box;
}
.metrics-checks-selection .checked-metrics-buttons {
  margin: 5px 20px;
  display: inline-block;
}
.metrics-checks-selection .checks-list {
  list-style: none;
  margin: 0;
}
.metrics-checks-selection .checks-list ul.values-list li {
  margin: 0 0 2px 0;
}
.metrics-checks-selection .checks-list ul.values-list li i {
  line-height: 26px;
}
.metrics-checks-selection .checks-list input[type='number'] {
  width: 200px;
}
.metrics-checks-selection .checks-list .control-group {
  margin: 5px 0;
}
.metrics-checks-selection .checks-list .remove {
  float: right;
}
.metrics-checks-selection .checks-list .values-list {
  list-style: none;
  margin-left: 0px;
  width: 250px;
}
.metrics-checks-selection .check-preview-block {
  line-height: 24px;
}
.metrics-checks-selection .check-preview-block .stack {
  line-height: 20px;
  margin-left: 20px;
}
.metrics-checks-selection .check-preview-block .preview-target-group {
  margin-bottom: 5px;
}
.metrics-checks-selection .check-preview-block .preview-target-group > * {
  margin-bottom: 0;
}
.metrics-checks-selection .check-preview-block .preview-target-group > div > * {
  margin-bottom: 0;
}
.svg-tooltip.metrics-history-tooltip {
  padding-top: 3px;
  white-space: nowrap;
}
.svg-tooltip.metrics-history-tooltip h4 {
  margin: 5px 0;
  font-size: 15px;
}
.svg-tooltip.metrics-history-tooltip .point {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #28a9dd;
  margin-right: 5px;
}
.svg-tooltip.metrics-history-tooltip .date {
  font-size: 13px;
  display: inline-block;
}
.svg-tooltip.metrics-history-tooltip .value {
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  margin-left: 20px;
}
.svg-tooltip.metrics-history-tooltip .partition-date {
  font-size: 12px;
  color: #bbbbbb;
}
.metrics .partition-select {
  margin: 5px 20px;
}
.metrics .metric-select {
  margin: 5px 20px;
}
.metrics .computed-metrics-buttons {
  margin: 5px 20px;
  display: inline-block;
}
.metrics .w80 {
  position: relative;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
.metrics .controls > span {
  margin: 0 5px;
}
.metrics .controls > span:first-child {
  margin-left: 0px;
}
.metrics .controls .view-selector .bootstrap-select {
  width: 120px !important;
}
.metrics .partition-table,
.metrics .column-table {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.metrics .metrics-plots .popover-btn .compute-cog,
.metrics .metrics-plots th .compute-cog {
  font-size: 12px;
  color: #dddddd;
}
.metrics .metrics-plots .popover-btn:hover .compute-cog,
.metrics .metrics-plots th:hover .compute-cog {
  color: #bbbbbb;
}
.metrics .metrics-plots .tile-header {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metrics .metrics-plots .tile-header .metric-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.metrics .metrics-plots .banner {
  margin: 0 4px 10px 4px;
  max-height: 400px;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.metrics .metrics-plots .banner td {
  padding: 0;
  border: 0;
}
.metrics .metrics-plots .banner .info {
  z-index: 2;
  vertical-align: top;
  position: relative;
  background: #ffffff;
}
.metrics .metrics-plots .banner .info .tile-wrapper {
  border-right: 1px solid #dddddd;
}
.metrics .metrics-plots .banner .metric-info .tile-body {
  min-height: 90px;
}
.metrics .metrics-plots .banner .card {
  vertical-align: top;
  padding: 10px;
}
.metrics .metrics-plots .banner.table {
  overflow: auto;
  width: auto;
}
.metrics .metrics-plots .banner.chart {
  overflow-x: auto;
}
.metrics .metrics-plots .banner.chart .history {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.metrics .metrics-plots .banner.chart .metric-info {
  min-height: 210px;
}
.metrics .metrics-plots .banner.partition-banner.chart .content {
  min-height: 210px;
  width: 100%;
  position: relative;
}
.metrics .metrics-plots .banner.partition-banner {
  padding-top: 30px;
}
.metrics .metrics-plots .banner.partition-banner .value-all {
  margin-top: 8px;
}
.metrics .metrics-plots .banner.partition-banner .value-all .average {
  width: 10px;
  margin-right: 5px;
  height: 2px;
  display: inline-block;
  background: #28a9dd;
  vertical-align: middle;
}
.metrics .metrics-plots .banner.partition-banner .value-all .date {
  color: #bbbbbb;
  font-size: 12px;
}
.metrics .metrics-plots .banner.partition-banner .value-all .partition-name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #bbbbbb;
  margin: 0px 5px;
}
.metrics .metrics-plots .banner.partition-banner .value-all .single-value {
  display: inline-block;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 40px;
  max-width: 150px;
}
.metrics .metrics-plots .banner.partition-banner .empty-partition-banner {
  height: 100px;
  width: 100%;
}
.metrics .metrics-plots .banner.partition-banner .empty-partition-banner .message {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.metrics .metrics-plots .banner.partition-banner.table.array .partition-date {
  margin-left: 10px;
}
.metrics .metrics-plots .banner.partition-banner.table.array .tile-header {
  margin-bottom: 0;
}
.metrics .metrics-plots .banner.partition-banner.table:not(.array) .content {
  padding-top: 10px;
}
.metrics .metrics-plots .banner.check .horizontal-list:not(.array) .point {
  padding-top: 0;
}
.metrics .metrics-plots .banner .banner-title {
  height: 25px;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
}
.metrics .metrics-plots .tile {
  cursor: pointer;
  margin: 3px;
  display: inline-block;
  width: 240px;
  height: 210px;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  -webkit-transition: all, 0.25s, ease-in;
  -moz-transition: all, 0.25s, ease-in;
  -ms-transition: all, 0.25s, ease-in;
  -o-transition: all, 0.25s, ease-in;
  transition: all, 0.25s, ease-in;
}
.metrics .metrics-plots .tile:hover {
  background: #ffffff;
}
.metrics .metrics-plots h4.tile-header {
  text-transform: uppercase;
  font-size: 15px;
}
.metrics .metrics-plots .partitions-table,
.metrics .metrics-plots .columns-table {
  margin: 0;
  border: 1px solid #dddddd;
}
.metrics .metrics-plots .partitions-table .mx-cell,
.metrics .metrics-plots .columns-table .mx-cell {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  height: 100%;
  width: 100%;
  line-height: 20px;
  padding: 5px;
}
.metrics .metrics-plots .partitions-table .mx-cell > span,
.metrics .metrics-plots .columns-table .mx-cell > span {
  vertical-align: baseline;
}
.metrics .metrics-plots .partitions-table .mx-th,
.metrics .metrics-plots .columns-table .mx-th {
  font-weight: 600;
}
.metrics .metrics-plots .partitions-table .mx-th .sortable,
.metrics .metrics-plots .columns-table .mx-th .sortable {
  cursor: pointer;
}
.metrics .metrics-plots .partitions-table .mx-th .sort-descending:after,
.metrics .metrics-plots .columns-table .mx-th .sort-descending:after {
  font-family: FontAwesome;
  content: ' \f0d7 ';
}
.metrics .metrics-plots .partitions-table .mx-th .sort-ascending:after,
.metrics .metrics-plots .columns-table .mx-th .sort-ascending:after {
  font-family: FontAwesome;
  content: ' \f0d8 ';
}
.metrics .metrics-plots .partitions-table .compute-button-cell,
.metrics .metrics-plots .columns-table .compute-button-cell {
  text-align: center;
}
.metrics .metrics-plots .partitions-table .header-cell,
.metrics .metrics-plots .columns-table .header-cell {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  height: 100%;
  width: 100%;
  line-height: 20px;
  padding: 5px;
  font-weight: 600;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.metrics .metrics-plots .partitions-table .header-cell > span,
.metrics .metrics-plots .columns-table .header-cell > span {
  vertical-align: baseline;
}
.metrics .metrics-plots .partitions-table .header-cell .sortable,
.metrics .metrics-plots .columns-table .header-cell .sortable {
  cursor: pointer;
}
.metrics .metrics-plots .partitions-table .header-cell .sort-descending:after,
.metrics .metrics-plots .columns-table .header-cell .sort-descending:after {
  font-family: FontAwesome;
  content: ' \f0d7 ';
}
.metrics .metrics-plots .partitions-table .header-cell .sort-ascending:after,
.metrics .metrics-plots .columns-table .header-cell .sort-ascending:after {
  font-family: FontAwesome;
  content: ' \f0d8 ';
}
.metrics .metrics-plots .partitions-table .body-cell,
.metrics .metrics-plots .columns-table .body-cell {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  height: 100%;
  width: 100%;
  line-height: 20px;
  padding: 5px;
  border: none;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metrics .metrics-plots .partitions-table .body-cell > span,
.metrics .metrics-plots .columns-table .body-cell > span {
  vertical-align: baseline;
}
.metrics .metrics-plots .partitions-table .footer-cell,
.metrics .metrics-plots .columns-table .footer-cell {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  height: 100%;
  width: 100%;
  line-height: 20px;
  padding: 5px;
  font-weight: 600;
  background-color: #ffffff;
  border: none;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metrics .metrics-plots .partitions-table .footer-cell > span,
.metrics .metrics-plots .columns-table .footer-cell > span {
  vertical-align: baseline;
}
.metrics .metrics-plots .partitions-table .footer-cell .sortable,
.metrics .metrics-plots .columns-table .footer-cell .sortable {
  cursor: pointer;
}
.metrics .metrics-plots .partitions-table .footer-cell .sort-descending:after,
.metrics .metrics-plots .columns-table .footer-cell .sort-descending:after {
  font-family: FontAwesome;
  content: ' \f0d7 ';
}
.metrics .metrics-plots .partitions-table .footer-cell .sort-ascending:after,
.metrics .metrics-plots .columns-table .footer-cell .sort-ascending:after {
  font-family: FontAwesome;
  content: ' \f0d8 ';
}
.metrics .metrics-plots .partitions-table .even-row,
.metrics .metrics-plots .columns-table .even-row {
  background-color: #ffffff;
}
.metrics .metrics-plots .partitions-table .odd-row,
.metrics .metrics-plots .columns-table .odd-row {
  background-color: #ffffff;
}
.metrics .metric-info .tile-body .single-value {
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  text-align: center;
}
.metrics .metric-info .tile-body .single-value .value {
  max-width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.metrics .metric-info .tile-body .single-value .value .no-data-color,
.metrics .metric-info .tile-body .single-value .value .outcome-empty {
  color: #bbbbbb;
}
.metrics .metric-plot .tile-header .date {
  color: #bbbbbb;
  font-size: 12px;
  font-weight: 400;
}
.metrics .tile-wrapper {
  width: 240px;
  padding: 10px;
}
.metrics .tile-header {
  height: 20px;
  margin: 10px;
}
.metrics .tile-footer {
  margin-top: 10px;
}
.metrics .tile-footer .date {
  margin-right: 10px;
  text-align: right;
  color: #bbbbbb;
  font-size: 12px;
}
.metrics .tile-body .date {
  color: #666666;
  font-size: 12px;
  margin-left: 20px;
}
.metrics .tile-body .message {
  color: #dddddd;
  font-size: 12px;
  margin-left: 20px;
}
.metrics .tile-body .single-value {
  font-size: 40px;
  text-align: right;
  font-weight: 400;
  line-height: 40px;
}
.metrics .tile-body .single-outcome {
  font-size: 40px;
  margin: 7px 5px 5px 20px;
  font-weight: 400;
  line-height: 40px;
}
.metrics .tile-body .outcome-bar {
  width: 100%;
  height: 3px;
}
.metrics .tile-body .array-value {
  margin: 0;
  list-style: none;
}
.metrics .tile-body .array-value li {
  line-height: 28px;
  padding: 0 5px 0 10px;
}
.metrics .tile-body .array-value li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.metrics .tile-body .array-value li .value {
  font-size: 15px;
}
.metrics .tile-body .array-value li .index {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  display: inline-block;
  width: 25px;
}
.metrics .tile-body .array-value li .count {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  display: inline-block;
  float: right;
}
.metrics .metric-plot svg .point.focus {
  fill: #ffffff;
}
.metrics .metric-plot svg .point {
  fill: #28a9dd;
  stroke: #28a9dd;
  stroke-width: 2px;
}
.metrics .metric-plot svg .points-line {
  fill: none;
  stroke: #28a9dd;
  stroke-width: 2px;
}
.metrics .metric-plot svg .points-area,
.metrics .metric-plot svg .bar {
  stroke: none;
  fill: #BBE2EC;
  mix-blend-mode: multiply;
}
.metrics .metric-plot svg line.average {
  stroke: #28a9dd;
  stroke-width: 1px;
}
.metrics .metric-plot svg rect.histogram-tile {
  shape-rendering: crispEdges;
}
.metrics .metric-plot svg rect.hidd {
  fill: transparent;
}
.metrics .metric-plot svg rect.hidd.active {
  fill: #f2f2f2;
}
.metrics .metric-plot svg .x.axis .tick text {
  fill: #bbbbbb;
}
.metrics .metric-plot svg .x.axis .tick line {
  stroke: #f2f2f2;
}
.metrics .metric-plot svg .x.axis path.domain {
  stroke: #333333;
}
.metrics .metric-plot svg .y.axis .tick line {
  stroke: #f2f2f2;
}
.metrics .metric-plot svg .y.axis .tick text {
  fill: #f2f2f2;
}
.metrics .metric-plot .horizontal-list {
  white-space: nowrap;
}
.metrics .metric-plot .horizontal-list .point {
  white-space: normal;
  width: 200px;
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
}
.metrics .metric-plot .horizontal-list .point .tile-footer {
  margin-top: 0;
}
.metrics .metric-plot .horizontal-list .point .partition-date {
  color: #bbbbbb;
  font-size: 12px;
  visibility: hidden;
}
.metrics .metric-plot .horizontal-list .point:hover .partition-date {
  visibility: visible;
}
.metrics .metric-plot .horizontal-list:not(.array) {
  display: flex;
  align-items: center;
}
.metrics .metric-plot .horizontal-list:not(.array) .point {
  flex: 0 0 auto;
  padding: 10px;
}
.metrics .metric-plot .horizontal-list:not(.array) .point:not(:first-child) {
  border-left: 1px solid #dddddd;
}
.metrics .metric-plot .horizontal-list.array {
  padding-top: 10px;
}
.metrics .metrics-table table {
  margin: 10px 0px;
}
.metrics .metrics-table table th,
.metrics .metrics-table table td {
  padding: 3px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}
.metrics .last-checks-table {
  background: #ffffff;
  border: 1px solid #dddddd;
  margin: 0 3px;
}
.metrics .last-checks-table table {
  table-layout: fixed;
  width: 100%;
}
.metrics .last-checks-table table th,
.metrics .last-checks-table table td {
  font-size: 13px;
  line-height: 32px;
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.metrics .last-checks-table table th.info,
.metrics .last-checks-table table td.info {
  color: #666666;
}
.metrics .last-checks-table table th:first-child,
.metrics .last-checks-table table td:first-child {
  padding-left: 15px;
}
.metrics .last-checks-table table th:last-child,
.metrics .last-checks-table table td:last-child {
  padding-right: 15px;
}
.metrics .last-checks-table table thead {
  border-bottom: 1px solid #dddddd;
}
.metrics .last-checks-table table .outcome-cell i:before {
  font-family: FontAwesome;
  font-style: initial;
}
.metrics .outcome-ok {
  color: #4caf50;
}
.metrics .outcome-ok.outcome-bar {
  background: #4caf50;
}
.metrics .outcome-ok.outcome-cell i:before {
  content: '\f00c';
}
.metrics .outcome-error {
  color: #ce1228;
}
.metrics .outcome-error.outcome-bar {
  background: #ce1228;
}
.metrics .outcome-error.outcome-cell i:before {
  content: '\f00d';
}
.metrics .outcome-warning {
  color: #f28c37;
}
.metrics .outcome-warning.outcome-bar {
  background: #f28c37;
}
.metrics .outcome-warning.outcome-cell i:before {
  content: '\f071';
}
.ping-pong-modal ul {
  list-style: none;
  margin: 0;
}
.ping-pong-modal ul.dku-colored-list li:nth-child(even) {
  background-color: #ffffff;
}
.ping-pong-modal ul.dku-colored-list li:hover {
  background-color: #ffffff;
}
.ping-pong-modal .lists .half-pane {
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
  width: 50%;
  height: 336px;
}
.ping-pong-modal .lists .half-pane:first-child {
  border-right: 1px solid #dddddd;
}
.ping-pong-modal .span6:first-child h5 {
  margin: 0 0 0 30px;
}
.ping-pong-modal .span6:first-child .std-list-search-box {
  margin: 3px 0 8px 30px;
}
.ping-pong-modal .span6:first-child input {
  margin-right: 10px;
}
.ping-pong-modal .span6 .pull-right {
  margin-right: 10px;
}
.ping-pong-modal h5 {
  margin: 0 0 0 10px;
}
.ping-pong-modal .remove,
.ping-pong-modal .add {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  cursor: pointer;
  color: #666666;
  vertical-align: middle;
}
.ping-pong-modal .remove:hover,
.ping-pong-modal .add:hover {
  color: #333333;
}
.ping-pong-modal .add {
  opacity: 0;
}
.ping-pong-modal .sort {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  font-size: 13px;
  font-weight: 400;
  margin-left: 10px;
  cursor: pointer;
  color: #666666;
  vertical-align: middle;
}
.ping-pong-modal .sort:hover {
  color: #333333;
}
.ping-pong-modal .list-item {
  height: 28px;
  overflow-y: hidden;
}
.ping-pong-modal .list-item:hover .add {
  opacity: 1;
}
.ping-pong-modal .order-handle {
  line-height: 28px;
  padding-right: 10px;
}
.ping-pong-modal .order-handle i {
  color: #dddddd;
}
.last-metrics-run-results {
  position: absolute;
  top: 100%;
  border-radius: 0 0 0;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  padding: 10px;
  font-size: 0.8em;
  z-index: 1;
  background: #ffffff;
  width: auto;
  max-width: 500px;
  height: auto;
  max-height: 300px;
  right: 0;
}
.last-metrics-run-results .preserve-eol {
  white-space: pre-wrap;
}
.metrics-plan {
  width: 300px;
  max-height: 200px;
}
.metrics-plan .metric-in-plan {
  display: inline-block;
  margin: 2px 5px;
  background: #f2f2f2;
}
.sql-mass-import .empty-list,
.hdfs-mass-import .empty-list {
  text-align: center;
  padding-top: 100px;
  color: #bbbbbb;
  font-weight: 400;
  background-color: #ffffff;
  font-size: 16px;
}
.connection-sql-mass-table-to-dataset .side-part {
  overflow: hidden;
  width: 50%;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
.connection-sql-mass-table-to-dataset .candidate-warning {
  color: #f28c37;
}
.connection-sql-mass-table-to-dataset .candidate-error {
  color: #ce1228;
}
.http-dataset-settings .edit-partitioning ul.dimensions {
  list-style: none;
  margin: 0 0 5px 0;
}
.http-dataset-settings .edit-partitioning ul.dimensions li i {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  margin-right: 5px;
  font-size: 13px;
  height: 13px;
  line-height: 1;
  text-align: center;
}
.http-dataset-settings .edit-partitioning ul.dimensions li a:hover {
  text-decoration: none;
}
.http-dataset-settings .edit-partitioning ul.dimensions li label {
  display: inline-block;
  width: auto;
}
.http-dataset-settings .edit-partitioning label {
  cursor: default;
}
.http-dataset-settings .edit-preview-partition label {
  width: 100px;
}
.http-dataset-settings .edit-partition-list .one-partition-dimension {
  margin-right: 10px;
}
.http-dataset-settings .edit-partition-list .one-partition-dimension label {
  width: 50px;
}
.http-dataset-settings .edit-partition-list .one-partition-dimension input[type=text] {
  max-width: 100px;
}
.http-dataset-settings .edit-partition-list .table-partition-values {
  margin-bottom: 10px;
  background: inherit;
}
.http-dataset-settings .edit-partition-list .table-partition-values tr {
  border: none;
}
.http-dataset-settings .edit-partition-list .table-partition-values th {
  margin: 0;
  padding: 2px;
  border: none;
}
.http-dataset-settings .edit-partition-list .table-partition-values td {
  margin: 0;
  padding: 2px;
  border: none;
}
.sql-code-mirror .CodeMirror,
.sql-code-mirror .CodeMirror-scroll {
  height: 100%;
}
.streaming-explore__sampling {
  line-height: 30px;
  padding: 8px 20px;
}
.streaming-explore__sampling input {
  vertical-align: baseline;
  width: 100px;
}
.streaming-explore__preview .dataset-preview-table:before {
  content: "";
  display: none;
}
.streaming-advanced__sync-ok {
  display: inline-block;
  color: #4caf50;
}
.streaming-advanced__sync-warn {
  display: inline-block;
  color: #f28c37;
}
.streaming-advanced__sync-ko {
  display: inline-block;
  color: #ce1228;
  word-break: break-word;
}
.report-alert .alert {
  margin-bottom: 0;
}
.web-app-editor .left-pane {
  width: 510px;
}
.web-app-editor .left-pane .CodeMirror {
  height: 100%;
}
.web-app-editor .content-resizer {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 510px;
  width: 5px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background-color: #f2f2f2;
  cursor: col-resize;
}
.web-app-editor .content-resizer .zigouigoui {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/static/dataiku/images/handle-v.png") 1px 50% no-repeat;
}
.web-app-editor .right-pane {
  left: 518px;
  color: #333333;
}
.web-app-editor .right-pane .resizing-shim {
  display: none;
  z-index: 42;
  opacity: 0;
}
.web-app-editor .right-pane.warning .nav .log a {
  color: #f28c37;
}
.web-app-editor .right-pane.warning .nav .log a:before {
  border-color: #f28c37;
}
.web-app-editor .right-pane.error .nav .log a {
  color: #ce1228;
}
.web-app-editor .right-pane.error .nav .log a:before {
  border-color: #ce1228;
}
.web-app-editor.resizing .right-pane .resizing-shim {
  display: block;
}
.web-app-editor .web-app-editor-pane .header ul.nav-tabs {
  background-color: #f2f2f2;
  padding-left: 10px;
  padding-top: 4px;
  margin-bottom: 0;
}
.web-app-editor .web-app-editor-pane .header ul.nav-tabs > li {
  list-style: none;
  display: inline-block;
}
.web-app-editor .web-app-editor-pane .header ul.nav-tabs > li a {
  padding-top: 4px;
  padding-bottom: 4px;
}
.web-app-editor .web-app-editor-pane .header .snippet-selector-switch {
  border: none;
  background: none;
}
.web-app-editor .web-app-editor-pane .body {
  top: 38px;
}
.web-app-editor .web-app-editor-pane .body .python .CodeMirror,
.web-app-editor .web-app-editor-pane .body .html .CodeMirror,
.web-app-editor .web-app-editor-pane .body .js .CodeMirror,
.web-app-editor .web-app-editor-pane .body .css .CodeMirror,
.web-app-editor .web-app-editor-pane .body .server .CodeMirror,
.web-app-editor .web-app-editor-pane .body .ui .CodeMirror {
  width: 100%;
  height: 100%;
}
.web-app-editor .web-app-editor-pane .body .smart-log-tail-content {
  border: 0;
  padding: 10px;
}
.web-app-editor .web-app-editor-pane .body .output,
.web-app-editor .web-app-editor-pane .body .log {
  background: #ffffff;
}
.web-app-editor ul.libraries {
  list-style-type: none;
  padding-left: 0px;
  margin: 0;
}
.web-app-editor ul.libraries li {
  padding-left: 0px;
}
.web-app-editor .python .CodeMirror,
.web-app-editor .html .CodeMirror,
.web-app-editor .js .CodeMirror,
.web-app-editor .css .CodeMirror,
.web-app-editor .server .CodeMirror,
.web-app-editor .ui .CodeMirror {
  height: 100%;
}
.web-app-settings-modal label.perm {
  display: inline-block;
  width: 120px;
}
.web-app-settings-modal label.perm input {
  margin: 0;
}
.web-app-settings-modal .wrong-api-key {
  text-align: center;
  margin-top: 150px;
  color: #bbbbbb;
  font-weight: 400;
  font-size: 20px;
}
.web-app-settings-modal .api-key-selector span.title {
  padding-right: 10px;
}
.web-app-settings-modal .api-key-selector code {
  display: inline-block;
  width: 500px;
  font-size: 12px;
  height: 20px;
  vertical-align: middle;
}
.web-app-settings-modal .api-key-selector input {
  width: 500px;
}
.webapp-container {
  background: #ffffff;
}
/* Web app list page and creation modal */
.list-page-webapps.list-page-4 .summary-row .btn.btn-default:hover {
  background-color: #e6e6e6;
}
.list-page-webapps__webapp-item {
  font-family: 'SourceSansPro';
}
.list-page-webapps__webapp-type {
  text-transform: lowercase;
}
.webapp-list__empty-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.webapp-type-boxes {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 0 auto;
}
.webapp-type-boxes .webapp-type-boxes__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 160px;
  padding: 16px;
  border: 1px solid #dddddd;
  cursor: pointer;
  margin: 8px;
}
.webapp-type-boxes .webapp-type-boxes__box:hover {
  background-color: #f2f2f2;
}
.webapp-type-boxes .webapp-type-boxes__box-icon {
  font-size: 40px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 0 auto;
}
.webapp-type-boxes .webapp-type-boxes__box-title {
  color: #222222;
  font-weight: 600;
  margin: 8px 0;
}
.webapp-type-boxes .webapp-type-boxes__box-description {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webapp-creation-modal-step:not(.webapp-creation-modal-step--with-header) {
  display: flex;
  height: 300px;
  padding-bottom: 8px;
}
.webapp-creation-modal-step--with-header {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0 20px;
}
.visual-webapp-creation-modal .selectable-items-list .selectable-item {
  height: auto;
}
.visual-webapp-creation-modal .webapp-creation-modal-step--with-header {
  height: 380px;
}
.visual-webapp-creation-modal .webapp-creation-modal-step--with-header.webapp-creation-modal-step--loaded-webapp {
  height: 100px;
}
.visual-webapp-creation-modal .webapp-creation-modal-step--with-header.webapp-creation-modal-step--loaded-webapp .selectable-items-list .selectable-item.selectable.selectable:not(.selected),
.visual-webapp-creation-modal .webapp-creation-modal-step--with-header.webapp-creation-modal-step--loaded-webapp .selectable-items-list .selectable-item.selectable.selectable:not(.selected):hover {
  cursor: initial;
  border-color: transparent;
}
.code-webapp-creation-modal .selectable-items-list .selectable-item {
  height: auto;
}
.code-webapp-creation-modal .webapp-creation-modal-step--with-header {
  height: 300px;
}
.modal3 .modal-body.webapp-creation-modal__body--with-faded-bottom {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 12px;
  padding: 0;
  overflow: hidden;
}
.modal3 .modal-body.webapp-creation-modal__body--with-faded-bottom .webapp-creation-modal__step-header {
  border-bottom: 1px solid #dddddd;
}
.modal3 .modal-body.webapp-creation-modal__body--with-faded-bottom .webapp-creation-modal__step-header-title {
  display: inline-block;
}
.webapp-creation-modal__search-box {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.webapp-creation-modal__search-box .add-on {
  vertical-align: top;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.webapp-creation-modal__search-box input {
  height: 24px;
  line-height: 24px;
  width: 400px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  font-family: 'SourceSansPro';
}
.webapp-creation-modal__search-box input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.webapp-creation-modal__footer-info {
  margin-left: 16px;
  font-size: 12px;
  font-weight: 400;
}
.webapp-creation-modal__name label.control-label {
  width: auto;
  line-height: 34px;
}
.webapp-creation-modal__name .controls {
  margin-left: 8px;
  float: right;
  min-width: 400px;
}
.webapp-creation-modal__name .controls input {
  width: 100%;
}
.webapp-creation-modal__flags {
  margin-left: 8px;
}
.webapp-creation-modal__flags label.control-label {
  width: auto;
  line-height: 34px;
}
.visual-webapp-type {
  display: flex;
  align-items: center;
}
.selectable-items-list .selectable-item .visual-webapp-type__icon {
  font-size: 16px;
  padding: 8px;
  margin-right: 8px;
  background-color: #f9bd38;
  color: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  text-align: center;
}
.chart-single-color-picker {
  width: 100%;
}
.chart-single-color-picker .colors-zone {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.chart-single-color-picker .colors-zone > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.chart-single-color-picker .colors-zone > .flex .override-min-width {
  min-width: 0px;
}
.chart-single-color-picker .colors-zone > .flex-no-basis,
.chart-single-color-picker .colors-zone .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.chart-single-color-picker .colors-zone > .flex-no-basis .override-min-width,
.chart-single-color-picker .colors-zone .flex-no-basis .override-min-width {
  min-width: 0px;
}
.chart-single-color-picker .colors-zone > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.chart-single-color-picker .colors-zone > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.chart-single-color-picker .colors-zone > .noflex,
.chart-single-color-picker .colors-zone .top-level-tabs,
.chart-single-color-picker .colors-zone > .alert,
.chart-single-color-picker .colors-zone > .bottom-bar,
.chart-single-color-picker .colors-zone > .input-append,
.chart-single-color-picker .colors-zone > div[block-api-error],
.chart-single-color-picker .colors-zone > h1,
.chart-single-color-picker .colors-zone > h2,
.chart-single-color-picker .colors-zone > h3,
.chart-single-color-picker .colors-zone > h4,
.chart-single-color-picker .colors-zone > h5,
.chart-single-color-picker .colors-zone > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.chart-single-color-picker .colors-zone .color {
  cursor: pointer;
  flex: 1 0 14%;
  height: auto;
  margin: 2px;
  position: relative;
}
.chart-single-color-picker .colors-zone .color:before {
  content: '';
  float: left;
  padding-top: 100%;
}
.chart-single-color-picker .colors-zone .color.selected:after {
  font-family: "FontAwesome";
  content: "\f14a";
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  opacity: .8;
}
.chart-single-color-picker .selected-color {
  width: 15px;
  height: 15px;
  cursor: pointer;
  border: 1px solid #dddddd;
}
.svg-tooltip.pivot-chart-tooltip {
  opacity: 1;
  font-size: 13px;
  padding: 0;
  padding-top: 10px;
}
.svg-tooltip.pivot-chart-tooltip:not(.persistent) {
  pointer-events: none;
}
.svg-tooltip.pivot-chart-tooltip:not(.persistent) table td:nth-child(4) {
  display: none;
}
.svg-tooltip.pivot-chart-tooltip.persistent table td:nth-child(4) {
  padding-right: 10px;
}
.svg-tooltip.pivot-chart-tooltip.persistent table td:nth-child(4) i {
  cursor: pointer;
  color: #bbbbbb;
}
.svg-tooltip.pivot-chart-tooltip.persistent table td:nth-child(4) i:hover {
  color: #666666;
}
.svg-tooltip.pivot-chart-tooltip.persistent table td:nth-child(4) i.icon-level-down {
  font-size: 15px;
}
.svg-tooltip.pivot-chart-tooltip .click-cta {
  text-align: center;
  color: #bbbbbb;
}
.svg-tooltip.pivot-chart-tooltip .exclude {
  background: #f2f2f2;
  text-align: right;
}
.svg-tooltip.pivot-chart-tooltip .exclude span {
  cursor: pointer;
  color: #333333;
}
.svg-tooltip.pivot-chart-tooltip .click-cta,
.svg-tooltip.pivot-chart-tooltip .exclude {
  margin-top: 5px;
  padding: 5px 10px 5px 5px;
}
.chart-tooltip.chart-tooltip {
  padding: 0 !important;
  border-radius: 0;
}
.chart-tooltip.chart-tooltip .global-actions {
  background: #f2f2f2;
  border-bottom: 1px solid #dddddd;
  padding: 6px 10px;
}
.chart-tooltip.chart-tooltip a {
  display: inline-block;
  min-width: 18px;
  color: #666666;
}
.chart-tooltip.chart-tooltip a:hover {
  text-decoration: none;
}
.chart-tooltip.chart-tooltip .table-spacer {
  padding: 8px;
}
.chart-tooltip.chart-tooltip table {
  margin: 0;
  font-size: 12px;
}
.chart-tooltip.chart-tooltip table td,
.chart-tooltip.chart-tooltip table th {
  color: #666666;
  padding: 2px;
  line-height: 17px;
  border: none;
}
.chart-tooltip.chart-tooltip table td a,
.chart-tooltip.chart-tooltip table th a {
  color: #666666;
}
.chart-tooltip.chart-tooltip table td a:hover,
.chart-tooltip.chart-tooltip table th a:hover {
  color: #666666;
}
.chart-tooltip.chart-tooltip table th {
  text-align: right;
}
.chart-tooltip.chart-tooltip.new {
  padding: 0 !important;
  border-radius: 0;
}
.chart-tooltip.chart-tooltip.new .global-actions {
  background: #f2f2f2;
  border-bottom: 1px solid #dddddd;
  padding: 6px 10px;
}
.chart-tooltip.chart-tooltip.new a {
  display: inline-block;
  min-width: 18px;
  color: #666666;
}
.chart-tooltip.chart-tooltip.new a:hover {
  text-decoration: none;
}
.chart-tooltip.chart-tooltip.new .table-spacer {
  padding: 8px;
}
.chart-tooltip.chart-tooltip.new table {
  margin: 0;
  font-size: 12px;
}
.chart-tooltip.chart-tooltip.new table td,
.chart-tooltip.chart-tooltip.new table th {
  color: #666666;
  padding: 2px;
  line-height: 17px;
  border: none;
}
.chart-tooltip.chart-tooltip.new table td a,
.chart-tooltip.chart-tooltip.new table th a {
  color: #666666;
}
.chart-tooltip.chart-tooltip.new table td a:hover,
.chart-tooltip.chart-tooltip.new table th a:hover {
  color: #666666;
}
.chart-tooltip.chart-tooltip.new table th {
  text-align: right;
}
.charts-container .mainPane {
  left: 0px;
  right: 0px;
}
.charts-container .leftPane,
.charts-container .rightPane {
  width: 250px;
}
.charts-container .leftPane {
  left: -250px;
}
.charts-container .rightPane {
  right: -251px;
}
.charts-container.showRightPane .mainPane {
  right: 250px;
}
.charts-container.showRightPane .rightPane {
  right: 0;
}
.charts-container.showLeftPane .mainPane {
  left: 250px;
}
.charts-container.showLeftPane .leftPane {
  left: 0;
}
.charts-container .mainPane {
  padding: 0;
}
.charts-container.big-chart .mainPane {
  left: 0px;
}
.charts-container.big-chart .leftPane {
  display: none;
}
.charts-container.big-chart .chart-configuration-wrapper .chart-configuration .top-bar {
  display: none;
}
.charts-container .nb-records {
  font-size: 12px;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .mleft.mleft.mleft {
  margin-left: 10px;
}
.charts-container .foldable-title {
  cursor: pointer;
  font-family: 'SourceSansPro';
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 8px 0;
  color: #666666;
  font-weight: 400;
  border-top: 1px solid #dddddd;
}
.charts-container .error-message {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.charts-container .error-message img {
  max-width: 60%;
  max-height: 70%;
  position: relative;
  top: 20px;
}
.charts-container .error-message > div {
  position: absolute;
  top: 0px;
  left: -1px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  padding: 10px;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  box-sizing: border-box;
}
.charts-container .error-message > div:after {
  content: "";
  height: 100%;
  position: absolute;
  right: -2px;
  bottom: 0;
}
.charts-container .error-message.incomplete div {
  background-color: #28a9dd;
}
.charts-container .error-message.incomplete div:after {
  border-right: 2px solid #28a9dd;
}
.charts-container .error-message.invalid div {
  background-color: #ce1228;
}
.charts-container .error-message.invalid div:after {
  border-right: 2px solid #f9e3e5;
}
.charts-container .mtop10.mtop10.mtop10 {
  margin-top: 10px;
}
.charts-container .mbot20.mbot20.mbot20 {
  margin-bottom: 20px;
}
.charts-container .pbot20.pbot20.pbot20 {
  padding-bottom: 20px;
}
.charts-container .refresh-button-zone.right {
  right: 20px;
}
.charts-container .refresh-button-zone.left {
  left: 20px;
}
.charts-container .refresh-button-zone {
  position: absolute;
}
.charts-container .refresh-button-zone a {
  color: #bbbbbb;
}
.charts-container .refresh-button-zone a:hover {
  text-decoration: none;
  color: #666666;
}
.charts-container .refresh-button-zone span {
  padding-right: 5px;
  cursor: pointer;
}
.charts-container .legend-wrapper {
  max-height: 180px;
  overflow: auto;
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 8px;
}
.charts-container .discrete-color-legend {
  font-size: 12px;
  line-height: 13px;
}
.charts-container .discrete-color-legend .legend-fade {
  opacity: 0.25;
}
.charts-container .discrete-color-legend > div:hover {
  opacity: 1;
}
.charts-container .discrete-color-legend .item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .chart-wrapper-zone {
  transition: all -s 0.25s;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.charts-container .chart-wrapper-zone .chart-title {
  position: relative;
  padding: 8px 0 8px 10px;
}
.charts-container .chart-wrapper-zone .chart-title h3.title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-bottom: 0;
  padding: 0 100px;
  line-height: 20px;
}
.charts-container .chart-wrapper-zone .chart-title h3.title span {
  cursor: text;
}
.charts-container .chart-wrapper-zone .chart-title h3.title span i {
  cursor: pointer;
}
.charts-container .chart-wrapper-zone .chart-title form.title-form {
  text-align: center;
  margin: 0;
  margin-top: -4px;
  padding-top: 2px;
}
.charts-container .chart-wrapper-zone .chart-title form.title-form .chart-title__edition-input {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  border: none;
  outline: none;
  width: 80%;
}
.charts-container .chart-wrapper-zone .chart-title form.title-form .chart-title__edition-input:focus {
  border: none;
  outline: none;
}
.charts-container .chart-wrapper-zone .chart-title__animation-label {
  margin-right: 16px;
  max-width: 200px;
  cursor: auto;
}
.charts-container .chart-wrapper-zone .chart-download-icon {
  vertical-align: middle;
}
.charts-container .chart-brush-wrapper {
  position: absolute;
  bottom: 0;
}
.charts-container .chartdef-dropzone,
.charts-container .filtersZone {
  transition: background -s 0.25s;
  border: 1px transparent solid;
}
.charts-container .chartdef-dropzone .empty-placeholder,
.charts-container .filtersZone .empty-placeholder {
  display: none;
  position: absolute;
  top: 11px;
  width: calc(100% - 40px);
  text-align: center;
  left: 40px;
  font-size: 11px;
  color: #bbbbbb;
  pointer-events: none;
}
.charts-container .chartdef-dropzone .empty-placeholder.zone-no-header,
.charts-container .filtersZone .empty-placeholder.zone-no-header {
  left: 0;
  width: 100%;
}
.charts-container .chartdef-dropzone .empty-placeholder.no-icon,
.charts-container .filtersZone .empty-placeholder.no-icon {
  width: 100%;
  text-align: center;
  left: 0;
}
.charts-container .chartdef-dropzone.empty .empty-placeholder,
.charts-container .filtersZone.empty .empty-placeholder {
  display: block;
}
.charts-container .chartdef-dropzone.in-custom-form .empty-placeholder,
.charts-container .filtersZone.in-custom-form .empty-placeholder {
  left: 20px;
}
.charts-container .chartdef-dropzone.in-custom-form .chartdef-dropped-measure,
.charts-container .filtersZone.in-custom-form .chartdef-dropped-measure {
  width: 206px;
}
.charts-container .chartdef-dropzone-multi {
  /* Over on multi: show message and red if rejected,
          nothing special if accepted */
}
.charts-container .chartdef-dropzone-multi li.chartdef-dropped {
  display: inline-block;
  vertical-align: top;
  margin: 6px 10px 7px 0;
}
.charts-container .chartdef-dropzone-multi .chartdef-dropzone-header {
  display: inline-block;
  width: 26px;
}
.charts-container .chartdef-dropzone-multi .chartdef-dropzone-main {
  display: inline-block;
  width: calc(100% - 30px);
}
.charts-container .chartdef-dropzone-multi .chartdef-dropzone-main > ul {
  max-height: 66px;
  overflow: auto;
}
.charts-container .chartdef-dropzone-multi.drop-accepted {
  background: #ffffff;
}
.charts-container .chartdef-dropzone-multi.drop-rejected {
  border: 1px dashed #ce1228;
}
.charts-container .chartdef-dropzone-multi.over.drop-accepted {
  border: 1px dashed #4caf50;
  background: #d7f0d6;
}
.charts-container .chartdef-dropzone-multi.over.drop-rejected {
  border: 1px dashed #ce1228;
  background: #f9e3e5;
}
.charts-container .chartdef-dropzone-multi.over .message {
  display: inline;
}
.charts-container .chartdef-dropzone-mono {
  width: 226px;
  /* Over on mono: message and red if rejected,
          opacity on previous if accepted to emphasize replace */
}
.charts-container .chartdef-dropzone-mono .chartdef-dropzone-header {
  display: inline-block;
  width: 26px;
}
.charts-container .chartdef-dropzone-mono .chartdef-dropzone-main {
  display: inline-block;
  width: 175px;
}
.charts-container .chartdef-dropzone-mono.drop-accepted {
  background: #ffffff;
}
.charts-container .chartdef-dropzone-mono.drop-rejected {
  border: 1px dashed #ce1228;
}
.charts-container .chartdef-dropzone-mono.over.drop-accepted {
  border: 1px dashed #4caf50;
  background: #d7f0d6;
}
.charts-container .chartdef-dropzone-mono.over.drop-rejected {
  background: #f9e3e5;
  border: 1px dashed #ce1228;
}
.charts-container .chartdef-dropzone-mono.over .message {
  display: inline;
}
.charts-container .chartdef-dropzone-mono.over .chartdef-dropped-measure,
.charts-container .chartdef-dropzone-mono.over .chartdef-dropped-dimension {
  opacity: 0.25;
}
.charts-container .options-zone {
  margin-bottom: 10px;
}
.charts-container .chartdef-dropzone-vertical {
  /* Over on multi: show message and red if rejected,
          nothing special if accepted */
}
.charts-container .chartdef-dropzone-vertical.chartdef-dropzone-vertical {
  padding: 0 6px;
}
.charts-container .chartdef-dropzone-vertical li.chartdef-dropped {
  margin: 6px 10px 7px 0;
  width: 100%;
}
.charts-container .chartdef-dropzone-vertical .chartdef-dropzone-main ul {
  margin-top: 0px;
}
.charts-container .chartdef-dropzone-vertical li.chartdef-dropped:not(:first-child) {
  margin-top: 8px;
}
.charts-container .chartdef-dropzone-vertical.drop-accepted {
  background: #ffffff;
}
.charts-container .chartdef-dropzone-vertical.drop-rejected {
  border: 1px dashed #ce1228;
}
.charts-container .chartdef-dropzone-vertical.over.drop-accepted {
  border: 1px dashed #4caf50;
  background: #d7f0d6;
}
.charts-container .chartdef-dropzone-vertical.over.drop-rejected {
  border: 1px dashed #ce1228;
  background: #f9e3e5;
}
.charts-container .chartdef-dropzone-vertical.over .message {
  display: inline;
}
.charts-container .chartdef-dropzone-vertical li.sortable-placeholder.sortable-placeholder.sortable-placeholder {
  width: 100%;
}
.charts-container .chartdef-dropzone-vertical li.sortable-placeholder.sortable-placeholder.sortable-placeholder:not(:first-child) {
  margin-top: 8px;
}
.charts-container .chartdef-dropzone-main {
  vertical-align: middle;
}
.charts-container .chartdef-dropzone-main > ul {
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 35px;
}
.charts-container .chartdef-dropzone-main > ul li {
  overflow: hidden;
}
.charts-container .chartdef-dropzone-main > ul li .measure-wrapper {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.charts-container .chartdef-dropzone-main > ul li .measure-wrapper .measure-name {
  width: 80%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .chartdef-dropzone {
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0;
  min-height: 40px;
  position: relative;
  border: 1px transparent solid;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header .header-btn {
  line-height: 40px;
  color: #666666;
}
.charts-container .chartdef-dropzone .chartdef-dropzone-header i.icon-caret-down {
  margin-left: -1px;
  color: #bbbbbb;
}
.charts-container .chartdef-dropzone.empty {
  border: 1px dashed #bbbbbb;
}
.charts-container .chartdef-dropzone.notempty {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.charts-container .chartdef-dropzone.filtersZone {
  padding: 0;
}
.charts-container .chartdef-dropzone .mainzone {
  margin: 0;
}
.charts-container .chartdef-dropzone li.sortable-placeholder {
  vertical-align: middle;
  box-sizing: border-box;
  display: inline-block;
  list-style: none;
  margin: 6px 10px 7px 0;
  height: 26px;
  width: 176px;
  border: 1px dashed #dddddd !important;
  border-radius: 11px;
  opacity: 0.9;
}
.charts-container .chartdef-dropzone .message {
  display: none;
  position: absolute;
  left: 20px;
  right: 10px;
  line-height: 1;
  font-size: 12px;
  top: 2px;
  bottom: 0;
  pointer-events: none;
  text-align: center;
  color: #ce1228;
  text-shadow: 1px 1px 1px #ffffff;
  font-weight: 400;
}
.charts-container .chartdef-dropzone .message.drop-inactive {
  font-weight: 400;
  font-size: 0.9em;
  color: #bbbbbb;
  padding-bottom: 12px;
}
.charts-container .chartdef-dropped-filter {
  height: 26px;
  line-height: 26px;
}
.charts-container .chartdef-dropped-measure,
.charts-container .chartdef-dropped-dimension {
  font-size: 12px;
  color: #444444;
  list-style: none;
  margin: 6px 10px 7px 0;
  padding: 0 10px;
  box-sizing: border-box;
  width: 176px;
  height: 26px;
  line-height: 26px;
  border: none;
  position: relative;
  box-shadow: 1px 1px 4px rgba(34, 34, 34, 0.18);
}
.charts-container .chartdef-dropped-measure:hover,
.charts-container .chartdef-dropped-dimension:hover {
  color: #333333;
}
.charts-container .chartdef-dropped-measure .pull-right,
.charts-container .chartdef-dropped-dimension .pull-right,
.charts-container .chartdef-dropped-measure .pull-left,
.charts-container .chartdef-dropped-dimension .pull-left {
  line-height: 26px;
}
.charts-container .chartdef-dropped-measure .icon-remove,
.charts-container .chartdef-dropped-dimension .icon-remove,
.charts-container .chartdef-dropped-measure .icon-trash,
.charts-container .chartdef-dropped-dimension .icon-trash {
  cursor: pointer;
  opacity: 0.5;
}
.charts-container .chartdef-dropped-measure .icon-remove:hover,
.charts-container .chartdef-dropped-dimension .icon-remove:hover,
.charts-container .chartdef-dropped-measure .icon-trash:hover,
.charts-container .chartdef-dropped-dimension .icon-trash:hover {
  opacity: 1;
}
.charts-container .chartdef-dropped-measure {
  background: #bdd8ed;
  color: #333333;
}
.charts-container .chartdef-dropped-dimension {
  background: #cce3cb;
}
.charts-container .chartdef-line-header {
  line-height: 40px;
  padding-right: 5px;
  text-align: left;
  color: #666666;
}
.charts-container i.icon-number {
  color: #3075ae;
}
.charts-container i.icon-number:after {
  content: '#';
  width: 13px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.charts-container i.icon-calendar {
  color: #4f934f;
}
.charts-container i.icon-font {
  color: #ffc241;
}
.charts-container .availableMeasures {
  box-sizing: border-box;
  overflow: auto;
  border-right: 1px solid #dddddd;
}
.charts-container .availableMeasures .std-list-search-box {
  background: #f2f2f2;
  position: fixed;
  margin: 0 15px;
  padding: 10px 0;
  z-index: 2;
}
.charts-container .availableMeasures .std-list-search-box .search-icon {
  top: 13px;
}
.charts-container .availableMeasures ul {
  margin: 30px 0 0 0;
  padding: 10px 15px;
}
.charts-container .availableMeasures ul li {
  list-style: none;
  font-size: 12px;
}
.charts-container .availableMeasures ul li i {
  width: 20px;
  text-align: center;
  display: inline-block;
}
.charts-container .availableMeasures .measure {
  position: relative;
  display: block;
  color: #666666;
  margin: 5px 0;
  padding: 3px;
  background: #ffffff;
  border-radius: 2px;
  cursor: move;
}
.charts-container .availableMeasures .measure:not(.measure--unusable):hover,
.charts-container .availableMeasures .measure:not(.measure--unusable):active {
  color: #ffc241;
  text-decoration: none;
}
.charts-container .availableMeasures .measure:not(.measure--unusable):hover i.icon-number,
.charts-container .availableMeasures .measure:not(.measure--unusable):active i.icon-number {
  color: #3075ae;
}
.charts-container .availableMeasures .measure:not(.measure--unusable):hover i.icon-calendar,
.charts-container .availableMeasures .measure:not(.measure--unusable):active i.icon-calendar {
  color: #4f934f;
}
.charts-container .availableMeasures .measure:not(.measure--unusable):hover i.icon-font,
.charts-container .availableMeasures .measure:not(.measure--unusable):active i.icon-font {
  color: #ffc241;
}
.charts-container .availableMeasures .measure:not(.measure--unusable):hover:before,
.charts-container .availableMeasures .measure:not(.measure--unusable):active:before {
  font-family: FontAwesome;
  content: '\f047';
  color: #dddddd;
  position: absolute;
  right: 10px;
  top: 5px;
}
.charts-container .availableMeasures .measure.measure--unusable {
  background-color: #f9e3e5;
}
.charts-container .chartOptions ul.dropdown-menu {
  float: right;
  right: 0;
  left: auto;
}
.charts-container .chartOptions ul.dropdown-menu label {
  font-size: 0.9em;
}
.charts-container .chartOptions ul.dropdown-menu li {
  line-height: 16px;
}
.charts-container .chartOptions label {
  display: block;
  margin-left: 5px;
  font-size: 12px;
}
.charts-container .chartOptions label input {
  margin: 0;
}
.charts-container .chartOptions .btn-group {
  width: 100%;
}
.charts-container .chartOptions .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.charts-container .chartOptions button.multiselect {
  width: 100% !important;
  text-align: left;
}
.charts-container .chartOptions button.multiselect .caret {
  float: right;
}
.charts-container .filtersZone {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background: #ffffff;
  min-height: 41px;
  padding: 0 6px;
  margin: 0;
  position: relative;
}
.charts-container .filtersZone.empty {
  border: 1px #bbbbbb dashed;
  background: none;
}
.charts-container .filtersZone.drop-accepted {
  background: #ffffff;
}
.charts-container .filtersZone.drop-accepted.over {
  border: 1px solid #e8f5e9;
}
.charts-container .filtersZone.drop-rejected {
  border: 1px dashed #f9e3e5;
}
.charts-container .filtersZone.drop-rejected.over {
  border: 1px solid #f9e3e5;
}
.charts-container .filtersZone > li {
  box-sizing: border-box;
  border: none;
  list-style: none;
  position: relative;
  margin: 6px 10px 7px 0;
  margin-right: 0;
}
.charts-container .filtersZone > li:not(:first-child) {
  margin-top: 8px;
}
.charts-container .filtersZone > li.sortable-placeholder {
  border-radius: 15px;
  display: block;
  position: relative;
  background: #ffffff !important;
  border: 1px dashed #dddddd !important;
  height: 26px;
}
.charts-container .filtersZone > li select {
  font-size: 0.9em;
  width: 100%;
}
.charts-container .filtersZone > li .filter-header {
  cursor: pointer;
  background: #bdd8ed;
  min-height: 26px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
  padding: 0 10px;
  display: block;
  font-size: 12px;
}
.charts-container .filtersZone > li .filter-header .icon-remove,
.charts-container .filtersZone > li .filter-header .icon-trash {
  line-height: inherit;
  cursor: pointer;
  opacity: 0.5;
}
.charts-container .filtersZone > li .filter-header .icon-remove:hover,
.charts-container .filtersZone > li .filter-header .icon-trash:hover {
  opacity: 1;
}
.charts-container .filtersZone > li .filter-header a {
  color: #666666;
  white-space: nowrap;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.charts-container .filtersZone > li .filter-header a:hover {
  text-decoration: none;
  color: #333333;
}
.charts-container .filtersZone > li .filter-content {
  margin-top: 8px;
  padding-right: 5px;
  padding-left: 12px;
}
.charts-container .animation-controls .current-label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
  padding-left: 5px;
}
.charts-container .animation-controls .progress {
  margin: 0 5px;
  height: 5px;
  position: relative;
  background: #f2f2f2;
}
.charts-container .animation-controls .progress .current {
  -webkit-transition: width 0.25s, left 0.25s;
  -moz-transition: width 0.25s, left 0.25s;
  -ms-transition: width 0.25s, left 0.25s;
  -o-transition: width 0.25s, left 0.25s;
  transition: width 0.25s, left 0.25s;
  position: absolute;
  top: 0;
  height: 5px;
  background: #3b99fc;
  cursor: move;
  min-width: 3px;
}
.charts-container .animation-controls .speed-repeat {
  align-items: center;
  font-size: 85%;
  padding-top: 3px;
  padding-bottom: 7px;
}
.charts-container .animation-controls .speed-repeat .speed .btn {
  text-transform: none;
  z-index: auto !important;
}
.charts-container .animation-controls .speed-repeat .repeat label {
  font-size: inherit;
  margin: 0 10px 0 0;
}
.charts-container .animation-controls .speed-repeat .repeat label input {
  font-size: 10px;
  margin: 0;
  margin-right: 2px;
}
.charts-container .animation-controls .chartdef-dropped {
  width: 100%;
}
.charts-container .chart-alphanum-facet .facet-search.facet-search {
  margin-bottom: 5px;
}
.charts-container .chart-alphanum-facet .facet-list.facet-list label {
  font-size: 11px;
}
.charts-container .chart-alphanum-facet .facet-list label input {
  margin: 0;
}
.charts-container .fade {
  opacity: 0.5;
  pointer-events: none;
}
.charts-container ul.droppable {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 0;
  min-height: 2em;
  min-height: calc(2em + 2px);
  position: relative;
}
.charts-container ul.droppable.filtersZone {
  padding: 0;
}
.charts-container ul.droppable.measures > li,
.charts-container ul.droppable.dimensions > li {
  list-style: none;
  margin: 0 0 1px;
  padding: 0 5px;
  height: 2em;
  line-height: 2;
  background: #d7f0d6;
  border-radius: 2px;
  border: 1px solid #e8f5e9;
  position: relative;
}
.charts-container ul.droppable.measures > li.handle,
.charts-container ul.droppable.dimensions > li.handle,
.charts-container ul.droppable.measures > li .handle,
.charts-container ul.droppable.dimensions > li .handle {
  cursor: move;
  color: #bbbbbb;
}
.charts-container ul.droppable.measures > li .icon-cogs,
.charts-container ul.droppable.dimensions > li .icon-cogs {
  cursor: pointer;
  opacity: 0.5;
}
.charts-container ul.droppable.measures > li .icon-cogs:hover,
.charts-container ul.droppable.dimensions > li .icon-cogs:hover {
  opacity: 1;
}
.charts-container ul.droppable.measures > li .pull-right,
.charts-container ul.droppable.dimensions > li .pull-right {
  line-height: 2;
}
.charts-container ul.droppable.measures > li .icon-remove,
.charts-container ul.droppable.dimensions > li .icon-remove,
.charts-container ul.droppable.measures > li .icon-trash,
.charts-container ul.droppable.dimensions > li .icon-trash {
  cursor: pointer;
  opacity: 0.5;
}
.charts-container ul.droppable.measures > li .icon-remove:hover,
.charts-container ul.droppable.dimensions > li .icon-remove:hover,
.charts-container ul.droppable.measures > li .icon-trash:hover,
.charts-container ul.droppable.dimensions > li .icon-trash:hover {
  opacity: 1;
}
.charts-container ul.droppable > li.sortable-placeholder {
  display: block;
  background: #ffffff !important;
  content: 'placeholder';
  border: 1px dashed #dddddd !important;
  opacity: 0.5;
}
.charts-container ul.droppable.dimensions > li {
  background: #d7f0d6;
  border: 1px solid #e8f5e9;
}
.charts-container ul.droppable.measures > li {
  background: #fde5ca;
  border: 1px solid #fdf1e7;
}
.charts-container ul.droppable.drop-accepted:before,
.charts-container ul.droppable.drop-rejected:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: '';
  display: block;
  pointer-events: none;
  text-align: center;
  opacity: 0.25;
}
.charts-container ul.droppable.drop-accepted:before {
  background: #d7f0d6;
  border: 1px solid #e8f5e9;
}
.charts-container ul.droppable.drop-rejected:before {
  background: #d7f0d6;
  border: 1px solid #f9e3e5;
}
.charts-container ul.droppable .message {
  position: absolute;
  left: 0;
  right: 0;
  line-height: 1.2;
  bottom: 0;
  display: block;
  pointer-events: none;
  text-align: center;
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: 600;
}
.charts-container ul.droppable .message.drop-inactive {
  font-weight: 400;
  font-size: 0.9em;
  color: #bbbbbb;
  padding-bottom: 12px;
}
.charts-container .mx-right-column-toggle {
  cursor: pointer;
  color: #666666;
  font-weight: 400;
  border-bottom: 1px solid #dddddd;
}
.charts-container .chart-filters {
  box-sizing: border-box;
  width: 100%;
}
.charts-container .measures select {
  width: auto;
  font-size: 0.8em;
  height: auto;
}
.charts-container .pivot-charts .map-container {
  /* Kill nvd3 stupidity */
}
.charts-container .pivot-charts .map-container svg {
  width: auto !important;
  height: auto !important;
}
.charts-container .pivot-chart svg.direct-svg {
  display: none;
  box-sizing: border-box;
}
.charts-container .pivot-charts {
  height: 100%;
}
.charts-container .pivot-charts .mainzone {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
.charts-container .pivot-charts .mainzone > .standard-container__wrap {
  flex-grow: 0;
}
.charts-container .pivot-charts .mainzone > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.charts-container .pivot-charts .mainzone > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.charts-container .pivot-charts .mainzone > .flex .override-min-height {
  min-height: 0px;
}
.charts-container .pivot-charts .mainzone > .flex-no-basis,
.charts-container .pivot-charts .mainzone .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.charts-container .pivot-charts .mainzone > .flex-no-basis .override-min-height,
.charts-container .pivot-charts .mainzone .flex-no-basis .override-min-height {
  min-height: 0px;
}
.charts-container .pivot-charts .mainzone > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.charts-container .pivot-charts .mainzone > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.charts-container .pivot-charts .mainzone > .noflex,
.charts-container .pivot-charts .mainzone .top-level-tabs,
.charts-container .pivot-charts .mainzone > .alert,
.charts-container .pivot-charts .mainzone > .bottom-bar,
.charts-container .pivot-charts .mainzone > .input-append,
.charts-container .pivot-charts .mainzone > div[block-api-error],
.charts-container .pivot-charts .mainzone > h1,
.charts-container .pivot-charts .mainzone > h2,
.charts-container .pivot-charts .mainzone > h3,
.charts-container .pivot-charts .mainzone > h4,
.charts-container .pivot-charts .mainzone > h5,
.charts-container .pivot-charts .mainzone > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.charts-container .pivot-charts .mainzone.mainzone--with-brush {
  height: calc(100% - 76px);
}
.charts-container .pivot-charts .mainzone.mainzone--with-brush-and-horizontal-legend {
  height: calc(100% - 106px);
}
.charts-container .pivot-charts .mainzone .animation-controls {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #f2f2f2;
  text-align: center;
  margin: 5px 0;
  padding: 5px;
}
.charts-container .pivot-charts .mainzone .animation-controls i {
  margin: 0 5px;
  cursor: pointer;
}
.charts-container .pivot-charts .mainzone .charts:not(.facetted),
.charts-container .pivot-charts .mainzone .charts:not(.facetted) .charts-table,
.charts-container .pivot-charts .mainzone .charts:not(.facetted) .charts-table .chart,
.charts-container .pivot-charts .mainzone .charts:not(.facetted) .charts-table .chart .chart-wrapper {
  height: 100%;
}
.charts-container .pivot-charts .mainzone .charts:not(.facetted) .chart-wrapper {
  overflow: auto;
}
.charts-container .pivot-charts .mainzone .charts.facetted {
  flex: 0 1 auto;
  overflow: auto;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table {
  width: 100%;
  height: 100%;
  display: table;
  border-collapse: collapse;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table .chart {
  height: 1px;
  display: table-row;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table .chart .chart-wrapper {
  display: table-cell;
  position: relative;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table .chart .facet-info {
  display: table-cell;
  max-width: 250px;
  min-width: 50px;
  width: 1px;
  vertical-align: middle;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table .chart .facet-info h2 {
  padding-left: 5px;
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table .chart:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.charts-container .pivot-charts .mainzone .charts.facetted .charts-table .chart:not(.fh) {
  position: relative;
}
.charts-container .pivot-charts .mainzone .x-axis-svg {
  border-top: 1px solid #dddddd;
}
.charts-container .pivot-charts .legend-zone {
  padding: 5px;
  box-sizing: border-box;
}
.charts-container .pivot-charts[legend-placement^=INNER],
.charts-container .pivot-charts[legend-placement=SIDEBAR] {
  display: block;
}
.charts-container .pivot-charts[legend-placement^=INNER] .mainzone,
.charts-container .pivot-charts[legend-placement=SIDEBAR] .mainzone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.charts-container .pivot-charts[legend-placement^=INNER] .legend-zone,
.charts-container .pivot-charts[legend-placement=SIDEBAR] .legend-zone {
  position: absolute;
  overflow: auto;
  visibility: hidden;
  max-width: 25%;
}
.charts-container .pivot-charts[legend-placement^=INNER] .legend-zone.discrete,
.charts-container .pivot-charts[legend-placement=SIDEBAR] .legend-zone.discrete {
  width: auto;
}
.charts-container .pivot-charts[legend-placement^=INNER] .legend-zone.continuous,
.charts-container .pivot-charts[legend-placement=SIDEBAR] .legend-zone.continuous {
  width: 25%;
}
.charts-container .pivot-charts[legend-placement^=INNER][legend-placement=INNER_TOP_LEFT] .legend-zone,
.charts-container .pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_TOP_LEFT] .legend-zone {
  top: 0;
  left: 0;
}
.charts-container .pivot-charts[legend-placement^=INNER][legend-placement=INNER_TOP_RIGHT] .legend-zone,
.charts-container .pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_TOP_RIGHT] .legend-zone {
  top: 0;
  right: 0;
}
.charts-container .pivot-charts[legend-placement^=INNER][legend-placement=INNER_BOTTOM_RIGHT] .legend-zone,
.charts-container .pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_BOTTOM_RIGHT] .legend-zone {
  bottom: 0;
  right: 0;
}
.charts-container .pivot-charts[legend-placement^=INNER][legend-placement=INNER_BOTTOM_LEFT] .legend-zone,
.charts-container .pivot-charts[legend-placement=SIDEBAR][legend-placement=INNER_BOTTOM_LEFT] .legend-zone {
  bottom: 0;
  left: 0;
}
.charts-container .pivot-charts[legend-placement^=INNER][legend-placement=SIDEBAR] .legend-zone,
.charts-container .pivot-charts[legend-placement=SIDEBAR][legend-placement=SIDEBAR] .legend-zone {
  display: none;
}
.charts-container .pivot-charts[legend-placement^=OUTER] {
  display: flex;
  width: 100%;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] {
  flex-direction: row-reverse;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] {
  flex-direction: row;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] {
  flex-direction: column-reverse;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] {
  flex-direction: column;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .legend-zone,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .legend-zone {
  max-height: 25%;
  overflow: auto;
  box-sizing: border-box;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .discrete-color-legend,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .discrete-color-legend {
  display: flex;
  flex-wrap: wrap;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .discrete-color-legend .item,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .discrete-color-legend .item {
  flex: 0 0 auto;
  padding: 3px 10px;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .color-legend.continuous,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .color-legend.continuous {
  padding: 10px 20px;
  box-sizing: border-box;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_TOP] .chart-brush-wrapper,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_BOTTOM] .chart-brush-wrapper {
  position: static;
  flex: 0 0 auto;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone {
  height: 100%;
  max-width: 25%;
  overflow: auto;
  box-sizing: border-box;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone > div > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone > div > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone > div > div > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone > div > div > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone > div > div > div > div,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone > div > div > div > div {
  height: 100%;
}
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_LEFT] .legend-zone .color-legend.continuous,
.charts-container .pivot-charts[legend-placement^=OUTER][legend-placement=OUTER_RIGHT] .legend-zone .color-legend.continuous {
  padding: 20px 10px;
  box-sizing: border-box;
}
.charts-container .pivot-charts[legend-placement^=OUTER] .mainzone {
  flex: 1 1 auto;
}
.charts-container .pivot-charts[legend-placement^=OUTER] .legend-zone {
  flex: 0 0 auto;
}
.charts-container .table-pivot-table {
  position: relative;
  margin-top: 5px;
}
.charts-container .table-pivot-table .fattable-header-container {
  border-bottom: 1px solid #dddddd;
}
.charts-container .table-pivot-table .cell {
  line-height: 16px;
}
.charts-container .table-pivot-table .headercell {
  font-weight: 600;
}
.charts-container .table-pivot-table .rowheadercell {
  padding-left: 5px;
  white-space: nowrap;
}
.charts-container .table-pivot-table .headercell,
.charts-container .table-pivot-table .maincell,
.charts-container .table-pivot-table .colmargincell,
.charts-container .table-pivot-table .rowmargincell,
.charts-container .table-pivot-table .margincell {
  text-align: right;
  margin-right: 2px;
  white-space: nowrap;
}
.charts-container .table-pivot-table .odd {
  background: #f2f2f2;
}
.charts-container .table-pivot-table .colored {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding: 0px;
}
.charts-container .table-pivot-table .colored .colored-content-wrapper {
  padding: 2px;
  height: 100%;
  width: 100%;
}
.charts-container .table-pivot-table .measure-labels {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-container .table-pivot-table.has-tooltip .maincell:hover > .colored-content-wrapper {
  background-color: #ffffff !important;
}
.charts-container .table-pivot-table.has-tooltip .maincell:hover {
  background-color: #bbbbbb;
}
.animation-controls__btn {
  line-height: 1.8;
}
.palette-picker__list-zone .sample,
.dropdown-menu .palette-picker-sample,
.dropdown-toggle .palette-picker-sample {
  float: right;
  margin: 0;
  margin-right: 15px;
}
.palette-picker__list-zone .sample > li,
.dropdown-menu .palette-picker-sample > li,
.dropdown-toggle .palette-picker-sample > li {
  width: 8px;
  height: 19px;
  display: inline-block;
}
.palette-picker__list-zone .sample.continuous,
.dropdown-menu .palette-picker-sample.continuous,
.dropdown-toggle .palette-picker-sample.continuous {
  width: 50px;
  height: 19px;
}
.dropdown-menu .palette-picker-item-wrapper {
  width: 182px;
}
.palette-picker__list-zone {
  max-height: 180px;
  overflow: auto;
  padding: 0;
  font-size: 12px;
}
.palette-picker__list-zone a {
  color: inherit;
}
.palette-picker__list-zone > ul {
  margin: 0;
}
.palette-picker__list-zone > ul > li {
  margin: 0;
  padding: 2px;
  padding-left: 10px;
  background: #ffffff;
  position: relative;
  list-style: none;
}
.palette-picker__list-zone > ul > li:hover {
  background-color: #f2f2f2;
}
.palette-picker__list-zone > ul > li.selected {
  background-color: #dddddd;
}
.palette-picker__list-zone > ul > li a {
  display: block;
}
.palette-picker__list-zone > ul > li a:hover {
  text-decoration: none;
}
.palette-picker__list-zone .bootstrap-select {
  width: 99% !important;
}
.palette-picker__list-zone .bootstrap-select > .btn {
  width: 100% !important;
}
.palette-picker__list-zone .bootstrap-select > .btn > span.filter-option {
  width: calc(100% - 15px);
  text-overflow: ellipsis;
}
/* When the palette picker is on the left side, then we don't want it to scroll, but
 * instead to display all palettes */
.options-zone .palette-picker__list-zone {
  max-height: inherit;
}
.palette-picker__quantization-group {
  width: 168px;
}
.dkuform-chart-options .control-group.palette-picker__steps-group .controls input[type="number"],
.dkuform-chart-options .control-group.palette-picker__scale-group .controls select {
  width: 100%;
}
.dkuform-chart-options .control-group.palette-picker__steps-group .control-label {
  width: auto;
}
.mx-charts-contextual-menu {
  position: absolute;
  top: 100%;
  border-radius: 0 0 0;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  padding: 10px;
  font-size: 0.8em;
  z-index: 1;
  background: #ffffff;
}
.fixed-contextual-menu-align-right {
  position: absolute;
  top: 100%;
  border-radius: 0 0 0;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  padding: 10px;
  font-size: 0.8em;
  z-index: 1;
  background: #ffffff;
  width: 200px;
  right: 0;
}
.fixed-contextual-menu-align-left {
  position: absolute;
  top: 100%;
  border-radius: 0 0 0;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  padding: 10px;
  font-size: 0.8em;
  z-index: 1;
  background: #ffffff;
  width: 200px;
  left: 0;
}
.contextualMenu {
  position: absolute;
  top: 100%;
  border-radius: 0 0 0;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  padding: 10px;
  font-size: 0.8em;
  z-index: 1;
  background: #ffffff;
  left: 4px;
  right: 4px;
}
.chart-configuration-wrapper.drag-active .chart-wrapper-zone {
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.chart-configuration-wrapper.drag-active .chart-wrapper__x-axis-label {
  fill: transparent;
}
.chart-configuration-wrapper {
  padding: 16px;
}
.chart-configuration-wrapper .chart-configuration {
  position: relative;
}
.chart-configuration-wrapper .chart-configuration .top-bar {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
}
.chart-configuration-wrapper .chart-configuration .top-bar .button-bar {
  width: 255px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 20px;
  box-sizing: border-box;
}
.chart-configuration-wrapper .chart-configuration .top-bar .chart-param-bar {
  width: calc(100% - 355px);
  padding-right: 10px;
  box-sizing: border-box;
}
.chart-configuration-wrapper .chart-configuration .top-bar .chart-param-bar .mtopright {
  margin-top: 10px;
  margin-right: 10px;
}
.chart-configuration-wrapper .chart-configuration .top-bar .share-bar {
  width: 13%;
}
.chart-configuration-wrapper .chart-configuration .top-bar .share-bar .mainzone {
  text-align: center;
  margin-top: 10px;
}
.chart-configuration-wrapper .chart-configuration .top-bar .share-bar .share-bar__publish-btn {
  position: relative;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe {
  text-align: center;
  height: 30px;
  width: 100%;
  text-transform: uppercase;
  border: 1px solid #dddddd;
  background: none;
  color: #666666;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe i {
  vertical-align: middle;
  font-size: 17px;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe:hover {
  color: #333333;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe.btn--publish {
  border: none;
  color: #ffffff;
  background-color: #28a9dd;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe.btn--publish.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe.btn-publish.published {
  background-color: #81c141;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe:focus {
  outline: none;
}
.chart-configuration-wrapper .chart-configuration button.btn-wireframe.active {
  background-color: #f2f2f2;
}
.chart-configuration-wrapper .chart-configuration .btn--chart-download {
  height: 30px;
  width: 100%;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper {
  margin-top: 10px;
  position: relative;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  z-index: 2;
  box-shadow: 0 5px 10px rgba(34, 34, 34, 0.2);
}
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel ul.download-list {
  list-style: none;
  margin: 0;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel ul.download-list li {
  white-space: nowrap;
  height: 30px;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  width: 100%;
  position: relative;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel ul.download-list li:hover {
  background-color: #f2f2f2;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel ul.download-list li:hover a,
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel ul.download-list li:hover a:hover {
  text-decoration: none;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper .download-panel ul.download-list li a {
  color: #444444;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 10px;
}
.chart-configuration-wrapper .chart-configuration .download-wrapper--upper {
  margin-top: -10px;
}
.chart-configuration-wrapper .chart-configuration .left-column {
  width: 250px;
  float: left;
  padding-right: 16px;
}
.chart-type-picker {
  display: inline-block;
}
.chart-type-picker button.switch-chart-type-picker {
  position: relative;
  border: 1px solid #dddddd;
  color: #bbbbbb;
  cursor: pointer;
  height: auto;
  padding: 0;
  background-color: #ffffff;
}
.chart-type-picker button.switch-chart-type-picker:hover {
  color: #666666;
  border-color: #dddddd;
}
.chart-type-picker button.switch-chart-type-picker:focus {
  outline: none;
}
.chart-type-picker button.switch-chart-type-picker i.icon-caret-down {
  position: absolute;
  top: 2 px;
  right: 2px;
}
.chart-type-picker button.switch-chart-type-picker img,
.chart-type-picker button.switch-chart-type-picker .no-image-yet {
  vertical-align: bottom;
  width: 66px;
  height: 66px;
}
.chart-type-picker button.switch-chart-type-picker i.webapp {
  display: inline-block;
  font-size: 40px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  text-align: center;
  color: #26addb;
}
.select-chart-type {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3000;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  box-shadow: none;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.select-chart-type .tabs {
  background-color: #dddddd;
  flex-shrink: 0;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav {
  position: relative;
  background-color: #ffffff;
  border: none;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li {
  padding: 0;
  border-bottom: 1px solid #dddddd;
  opacity: 1;
  display: block;
  float: none;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li.active {
  background-color: #ffffff;
  position: relative;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li.active::after {
  content: '';
  position: absolute;
  right: -2px;
  bottom: 0px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li.active img {
  -webkit-filter: none;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li.active i.webapp {
  -webkit-filter: none;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li a.chart-family-link,
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker {
  border: none;
  padding: 0;
  margin: 0;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li a.chart-family-link img,
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker img {
  height: 68px;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li a.chart-family-link i.webapp,
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker i.webapp {
  height: 68px;
  width: 68px;
  line-height: 68px;
  font-size: 40px;
  text-align: center;
  display: inline-block;
  color: #999999;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li a.chart-family-link::before,
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker::before {
  content: none;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker {
  height: 68px;
  width: 68px;
  background-color: aliceblue;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker img {
  width: 70%;
  -webkit-filter: none;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker i.webapp {
  width: 70%;
  -webkit-filter: none;
  color: #26addb;
}
.select-chart-type .tabs ul.nav.nav-tabs.chart-family-nav li button.switch-chart-type-picker:hover {
  color: #666666;
}
.select-chart-type .chart-family-list {
  border: none;
  border-left: 1px solid #dddddd;
  padding: 25px;
  padding-left: 40px;
  padding-bottom: 0px;
  overflow: hidden;
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.select-chart-type .chart-family-list .chart-family {
  height: 100%;
  display: none;
}
.select-chart-type .chart-family-list .chart-family.active {
  display: flex;
  flex-direction: column;
}
.select-chart-type .chart-family-list .chart-family h1 {
  color: #666666;
  font-weight: 400;
  font-size: 40px;
  margin: 0;
  margin-bottom: 25px;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack.w50 {
  width: 45%;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack.w50 .chart-type-list .chart-type {
  width: 50%;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack h2 {
  font-weight: 400;
  font-size: 25px;
  color: #666666;
  border-bottom: 1px solid #dddddd;
  margin: 0;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 20px;
  margin-bottom: 5px;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type {
  width: 25%;
  white-space: nowrap;
  margin-bottom: 15px;
  padding-right: 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type:hover:not(.disabled) .chart-type-description h5 {
  font-weight: 400;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type:hover:not(.disabled) .chart-type-description span {
  color: #666666;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected img,
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected i {
  border-color: #3b99fc;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected .chart-type-description h5 {
  font-weight: 400;
  color: #3b99fc;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected .chart-type-description span {
  color: #3b99fc;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected:hover .chart-type-description h5 {
  font-weight: 400;
  color: #666666;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected:hover .chart-type-description span {
  color: #666666;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.notimplemented {
  cursor: not-allowed;
  -webkit-filter: grayscale(100%);
  opacity: 0.4;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.notimplemented img {
  background-color: #f9e3e5;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.nice-disabled {
  cursor: not-allowed;
  opacity: 0.8;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.nice-disabled span.reason {
  color: #ce1228;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.nice-disabled img {
  -webkit-filter: grayscale(100%);
  background-color: #f9e3e5;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type img {
  display: inline-block;
  width: 30%;
  height: auto;
  border: 1px solid #999999;
}
@media screen and (min-aspect-ratio: 1375/590) {
  .select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type img {
    max-width: 60px;
  }
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type i {
  display: inline-block;
  width: 30%;
  height: 4vw;
  width: 4vw;
  line-height: 4vw;
  text-align: center;
  font-size: 3vw;
  height: auto;
  border: 1px solid #bbbbbb;
  color: #26addb;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type .chart-type-description {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  width: 60%;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type .chart-type-description h5 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type .chart-type-description span {
  font-size: 11px;
  white-space: normal;
  line-height: 15px;
  color: #bbbbbb;
  display: inline-block;
}
.select-chart-type ul {
  margin: 0;
  padding: 0;
}
.select-chart-type ul > li {
  margin: 0;
  padding: 1px;
  list-style: none;
  display: inline-block;
  opacity: 0.25;
}
.select-chart-type ul > li img {
  -webkit-filter: grayscale(100%);
}
.select-chart-type ul > li.active {
  opacity: 1;
  cursor: pointer;
}
.select-chart-type ul > li.active img {
  -webkit-filter: grayscale(0%);
}
.select-chart-type ul > li.active i {
  color: #26addb !important;
}
.select-chart-type ul > li.disabled {
  opacity: 0.4;
}
.select-chart-type ul > li.current img,
.select-chart-type ul > li.current i {
  border-color: #3b99fc;
}
.select-chart-type ul > li.current i {
  color: #26addb !important;
}
.analysis-chart-type-selection .select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected img {
  border-color: #4f934f;
}
.analysis-chart-type-selection .select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected .chart-type-description h5 {
  font-weight: 400;
  color: #4f934f;
}
.analysis-chart-type-selection .select-chart-type .chart-family-list .chart-family .chart-pack-list .chart-pack .chart-type-list .chart-type.selected .chart-type-description span {
  color: #4f934f;
}
.options-pannel {
  overflow: hidden;
}
.options-pannel,
.options-pannel.options-pannel-visible {
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  transition: 0.2s linear all;
}
.options-pannel {
  max-height: 0;
  opacity: 0;
}
.options-pannel.options-pannel-visible {
  max-height: 1000px;
  opacity: 1;
}
.options-toggler-wrapper {
  position: relative;
  flex: 0 0 auto;
  padding-right: 5px;
}
.options-toggler-wrapper::before {
  content: '';
  height: 10px;
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
}
.crisp-edges {
  shape-rendering: crispEdges;
}
.hover-fill:hover {
  color: #3b99fc;
  fill: currentcolor;
}
.stroke-cc.stroke-cc.stroke-cc {
  stroke: currentcolor;
}
.stroke-cc.stroke-cc.stroke-cc * {
  stroke: inherit;
}
.stroke-cc.stroke-cc.stroke-cc text {
  stroke: none;
}
.svg-defaults {
  width: auto;
  height: auto;
}
.edit-palette-modal .sorting-container {
  padding: 5px 0;
}
.edit-palette-modal ul.color-list > li {
  height: 30px;
}
.edit-palette-modal ul.color-list > li > * {
  vertical-align: middle;
}
.edit-palette-modal ul.color-list > li .color-preview {
  display: inline-block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.edit-palette-modal ul.color-list > li input.color {
  width: 100px;
  margin-left: 16px;
}
.edit-palette-modal ul.color-list > li input.color:not(:focus) {
  border: none;
  box-shadow: none;
}
.edit-palette-modal ul.color-list > li .sort-handle {
  margin-right: 16px;
}
.edit-palette-modal .code-wrapper {
  margin: 25px 0 15px 0;
  border: 1px solid #dddddd;
  padding: 10px;
}
.edit-palette-modal .code-wrapper,
.edit-palette-modal .code-wrapper .CodeMirror {
  background: #ffffff;
}
.leaflet-popup-content {
  font-family: 'SourceSansPro';
}
.dku-loader-in-chart {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  left: -36px;
  display: none;
}
.dku-loader-in-chart--active {
  display: block;
}
.missing-data-area {
  fill: #f2f2f2;
}
.aggregation-metric--hidden {
  color: #bbbbbb;
}
#flow-graph {
  cursor: grab;
  display: block;
  height: 100%;
}
#flow-graph.moving {
  cursor: move;
}
#flow-graph.moving svg g.node:not(.zone):not(.zone_label) {
  cursor: move;
}
#flow-graph.moving svg g.zone_cluster polygon {
  cursor: move;
}
#flow-graph .mx-ml-recipe-flow-icon {
  fill: #29af5d;
  color: #29af5d;
}
#flow-graph .mx-ml-recipe-flow-icon .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .mx-ml-recipe-flow-icon .nodelabel-wrapper span {
  color: #ffffff;
  background: #29af5d;
}
#flow-graph .mx-visual-recipe-flow-icon {
  fill: #f9bd38;
  color: #f9bd38;
}
#flow-graph .mx-visual-recipe-flow-icon .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .mx-visual-recipe-flow-icon .nodelabel-wrapper span {
  color: #ffffff;
  background: #f9bd38;
}
#flow-graph .mx-code-recipe-flow-icon {
  fill: #f28c38;
  color: #f28c38;
}
#flow-graph .mx-code-recipe-flow-icon .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .mx-code-recipe-flow-icon .nodelabel-wrapper span {
  color: #ffffff;
  background: #f28c38;
}
#flow-graph .mx-continuous-recipe-flow-icon {
  fill: #3b7879;
  color: #3b7879;
}
#flow-graph .mx-continuous-recipe-flow-icon .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .mx-continuous-recipe-flow-icon .nodelabel-wrapper span {
  color: #ffffff;
  background: #3b7879;
}
#flow-graph .recipeicon-pig,
#flow-graph .recipeicon-hive,
#flow-graph .recipeicon-impala,
#flow-graph .recipeicon-python,
#flow-graph .recipeicon-julia,
#flow-graph .recipeicon-shell,
#flow-graph .recipeicon-r,
#flow-graph .recipeicon-sql_script,
#flow-graph .recipeicon-sql_query,
#flow-graph .recipeicon-pyspark,
#flow-graph .recipeicon-sparkr,
#flow-graph .recipeicon-spark_scala,
#flow-graph .recipeicon-spark_sql_query {
  fill: #f28c38;
  color: #f28c38;
}
#flow-graph .recipeicon-pig .nodelabel-wrapper,
#flow-graph .recipeicon-hive .nodelabel-wrapper,
#flow-graph .recipeicon-impala .nodelabel-wrapper,
#flow-graph .recipeicon-python .nodelabel-wrapper,
#flow-graph .recipeicon-julia .nodelabel-wrapper,
#flow-graph .recipeicon-shell .nodelabel-wrapper,
#flow-graph .recipeicon-r .nodelabel-wrapper,
#flow-graph .recipeicon-sql_script .nodelabel-wrapper,
#flow-graph .recipeicon-sql_query .nodelabel-wrapper,
#flow-graph .recipeicon-pyspark .nodelabel-wrapper,
#flow-graph .recipeicon-sparkr .nodelabel-wrapper,
#flow-graph .recipeicon-spark_scala .nodelabel-wrapper,
#flow-graph .recipeicon-spark_sql_query .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-pig .nodelabel-wrapper span,
#flow-graph .recipeicon-hive .nodelabel-wrapper span,
#flow-graph .recipeicon-impala .nodelabel-wrapper span,
#flow-graph .recipeicon-python .nodelabel-wrapper span,
#flow-graph .recipeicon-julia .nodelabel-wrapper span,
#flow-graph .recipeicon-shell .nodelabel-wrapper span,
#flow-graph .recipeicon-r .nodelabel-wrapper span,
#flow-graph .recipeicon-sql_script .nodelabel-wrapper span,
#flow-graph .recipeicon-sql_query .nodelabel-wrapper span,
#flow-graph .recipeicon-pyspark .nodelabel-wrapper span,
#flow-graph .recipeicon-sparkr .nodelabel-wrapper span,
#flow-graph .recipeicon-spark_scala .nodelabel-wrapper span,
#flow-graph .recipeicon-spark_sql_query .nodelabel-wrapper span {
  color: #ffffff;
  background: #f28c38;
}
#flow-graph .recipeicon-shaker,
#flow-graph .recipeicon-sync,
#flow-graph .recipeicon-update,
#flow-graph .recipeicon-sampling,
#flow-graph .recipeicon-grouping,
#flow-graph .recipeicon-distinct,
#flow-graph .recipeicon-join,
#flow-graph .recipeicon-fuzzyjoin,
#flow-graph .recipeicon-split,
#flow-graph .recipeicon-topn,
#flow-graph .recipeicon-sort,
#flow-graph .recipeicon-pivot,
#flow-graph .recipeicon-vstack,
#flow-graph .recipeicon-merge_folder,
#flow-graph .recipeicon-window,
#flow-graph .recipeicon-download,
#flow-graph .recipeicon-export {
  fill: #f9bd38;
  color: #f9bd38;
}
#flow-graph .recipeicon-shaker .nodelabel-wrapper,
#flow-graph .recipeicon-sync .nodelabel-wrapper,
#flow-graph .recipeicon-update .nodelabel-wrapper,
#flow-graph .recipeicon-sampling .nodelabel-wrapper,
#flow-graph .recipeicon-grouping .nodelabel-wrapper,
#flow-graph .recipeicon-distinct .nodelabel-wrapper,
#flow-graph .recipeicon-join .nodelabel-wrapper,
#flow-graph .recipeicon-fuzzyjoin .nodelabel-wrapper,
#flow-graph .recipeicon-split .nodelabel-wrapper,
#flow-graph .recipeicon-topn .nodelabel-wrapper,
#flow-graph .recipeicon-sort .nodelabel-wrapper,
#flow-graph .recipeicon-pivot .nodelabel-wrapper,
#flow-graph .recipeicon-vstack .nodelabel-wrapper,
#flow-graph .recipeicon-merge_folder .nodelabel-wrapper,
#flow-graph .recipeicon-window .nodelabel-wrapper,
#flow-graph .recipeicon-download .nodelabel-wrapper,
#flow-graph .recipeicon-export .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-shaker .nodelabel-wrapper span,
#flow-graph .recipeicon-sync .nodelabel-wrapper span,
#flow-graph .recipeicon-update .nodelabel-wrapper span,
#flow-graph .recipeicon-sampling .nodelabel-wrapper span,
#flow-graph .recipeicon-grouping .nodelabel-wrapper span,
#flow-graph .recipeicon-distinct .nodelabel-wrapper span,
#flow-graph .recipeicon-join .nodelabel-wrapper span,
#flow-graph .recipeicon-fuzzyjoin .nodelabel-wrapper span,
#flow-graph .recipeicon-split .nodelabel-wrapper span,
#flow-graph .recipeicon-topn .nodelabel-wrapper span,
#flow-graph .recipeicon-sort .nodelabel-wrapper span,
#flow-graph .recipeicon-pivot .nodelabel-wrapper span,
#flow-graph .recipeicon-vstack .nodelabel-wrapper span,
#flow-graph .recipeicon-merge_folder .nodelabel-wrapper span,
#flow-graph .recipeicon-window .nodelabel-wrapper span,
#flow-graph .recipeicon-download .nodelabel-wrapper span,
#flow-graph .recipeicon-export .nodelabel-wrapper span {
  color: #ffffff;
  background: #f9bd38;
}
#flow-graph .recipeicon-csync,
#flow-graph .recipeicon-cpython,
#flow-graph .recipeicon-ksql,
#flow-graph .recipeicon-streaming_spark_scala {
  fill: #3b7879;
  color: #3b7879;
}
#flow-graph .recipeicon-csync .nodelabel-wrapper,
#flow-graph .recipeicon-cpython .nodelabel-wrapper,
#flow-graph .recipeicon-ksql .nodelabel-wrapper,
#flow-graph .recipeicon-streaming_spark_scala .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-csync .nodelabel-wrapper span,
#flow-graph .recipeicon-cpython .nodelabel-wrapper span,
#flow-graph .recipeicon-ksql .nodelabel-wrapper span,
#flow-graph .recipeicon-streaming_spark_scala .nodelabel-wrapper span {
  color: #ffffff;
  background: #3b7879;
}
#flow-graph .recipeicon-prediction_training,
#flow-graph .recipeicon-prediction_scoring,
#flow-graph .recipeicon-clustering_training,
#flow-graph .recipeicon-clustering_scoring,
#flow-graph .recipeicon-evaluation,
#flow-graph .recipeicon-standalone_evaluation,
#flow-graph .recipeicon-clustering_cluster {
  fill: #29af5d;
  color: #29af5d;
}
#flow-graph .recipeicon-prediction_training .nodelabel-wrapper,
#flow-graph .recipeicon-prediction_scoring .nodelabel-wrapper,
#flow-graph .recipeicon-clustering_training .nodelabel-wrapper,
#flow-graph .recipeicon-clustering_scoring .nodelabel-wrapper,
#flow-graph .recipeicon-evaluation .nodelabel-wrapper,
#flow-graph .recipeicon-standalone_evaluation .nodelabel-wrapper,
#flow-graph .recipeicon-clustering_cluster .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-prediction_training .nodelabel-wrapper span,
#flow-graph .recipeicon-prediction_scoring .nodelabel-wrapper span,
#flow-graph .recipeicon-clustering_training .nodelabel-wrapper span,
#flow-graph .recipeicon-clustering_scoring .nodelabel-wrapper span,
#flow-graph .recipeicon-evaluation .nodelabel-wrapper span,
#flow-graph .recipeicon-standalone_evaluation .nodelabel-wrapper span,
#flow-graph .recipeicon-clustering_cluster .nodelabel-wrapper span {
  color: #ffffff;
  background: #29af5d;
}
#flow-graph .recipeicon-custom-code {
  fill: #aa4141;
  color: #aa4141;
}
#flow-graph .recipeicon-custom-code .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-custom-code .nodelabel-wrapper span {
  color: #ffffff;
  background: #aa4141;
}
#flow-graph .recipeicon-app {
  fill: #666666;
  color: #666666;
}
#flow-graph .recipeicon-app .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph .recipeicon-app .nodelabel-wrapper span {
  color: #ffffff;
  background: #666666;
}
#flow-graph:not(.with-zones) {
  background: #ffffff;
}
#flow-graph.with-zones {
  background: #f9f9f9;
}
#flow-graph svg {
  width: 100% !important;
  height: 100% !important;
}
#flow-graph svg.crosshair {
  cursor: crosshair;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).highlight,
#flow-graph svg g.edge.highlight {
  opacity: 1;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out,
#flow-graph svg g.edge.fade-out {
  opacity: 0.35;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).fade-out--no-filter,
#flow-graph svg g.edge.fade-out--no-filter {
  opacity: 0.35;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.fade-out--no-filter),
#flow-graph svg g.edge.filter-remove:not(.fade-out--no-filter) {
  opacity: 0.15;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove:not(.fade-out--no-filter):not(.focus) > g,
#flow-graph svg g.edge.filter-remove:not(.fade-out--no-filter):not(.focus) > g {
  color: #666666;
  fill: #666666;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .nodelabel-wrapper span,
#flow-graph svg g.edge .nodelabel-wrapper span {
  color: #ffffff;
  background: #2196F3;
}
#flow-graph svg g.node:not(.zone):not(.zone_label):not(.selected) .nodelabel-wrapper span,
#flow-graph svg g.edge:not(.selected) .nodelabel-wrapper span {
  color: inherit;
  background: none;
}
#flow-graph svg g.node:not(.zone):not(.zone_label):not(.selected) .selection-outline,
#flow-graph svg g.edge:not(.selected) .selection-outline {
  visibility: hidden;
}
#flow-graph svg g.zone_cluster {
  cursor: pointer;
}
#flow-graph svg g.zone_cluster polygon {
  stroke: #bbbbbb;
  stroke-width: 1px;
  fill: #ffffff;
}
#flow-graph svg g.zone_cluster.selected polygon {
  stroke: inherit;
  fill: #ffffff;
  stroke-width: 2;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) {
  cursor: pointer;
  text-align: center;
  opacity: 1;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .selection-outline {
  fill: none;
  stroke: #007eff;
  stroke-width: 2px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label):not(.filter-remove):hover {
  opacity: 1;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-ok,
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-error,
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-disabled,
#flow-graph svg g.node:not(.zone):not(.zone_label) .avatar32 {
  border: 2px solid #ffffff;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-ok,
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-error,
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-disabled {
  color: #ffffff;
  font-size: 17px;
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 4px 1px 0 0;
  box-sizing: border-box;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-ok {
  background: #81c141;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-error {
  background: #ce1228;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-disabled {
  background: #f2f2f2;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-totem-ok.icon-forward {
  font-size: 16px;
  padding: 5px 7px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-discussions-sticker__background {
  fill: #ffffff;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-discussions-sticker__indicator {
  overflow: visible;
  color: #434a54;
  font-size: 19px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-discussions-sticker__indicator--unread {
  color: #28a9dd;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-discussions-sticker__content {
  color: #ffffff;
  font-size: 10px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-information-sticker__background {
  fill: #ffffff;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .flow-information-sticker__indicator {
  overflow: visible;
  color: #4e5662;
  font-size: 17px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-discussions-sticker__indicator {
  font-size: 35px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-discussions-sticker__content {
  font-size: 19px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label)[data-type=RECIPE] .flow-information-sticker__indicator {
  font-size: 34px;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove .never-built-computable.never-built-computable.never-built-computable .main-dataset-rectangle {
  stroke: #666666;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove .never-built-computable.never-built-computable.never-built-computable .nodeicon,
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove .never-built-computable.never-built-computable.never-built-computable .nodelabel-wrapper {
  color: #666666;
}
#flow-graph svg g.node:not(.zone):not(.zone_label).filter-remove .never-built-computable.never-built-computable.never-built-computable .selection-outline {
  stroke: #666666;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .main-dataset-rectangle,
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .partitioning-indicator {
  stroke: #28a9dd;
  stroke-dasharray: 5,5;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .main-dataset-rectangle:not(.dataset-zone-imported),
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .partitioning-indicator:not(.dataset-zone-imported) {
  fill: #ffffff !important;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .nodeicon,
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .nodelabel-wrapper {
  color: #28a9dd;
}
#flow-graph svg g.node:not(.zone):not(.zone_label) .never-built-computable.never-built-computable.never-built-computable .selection-outline {
  stroke-dasharray: 5,5;
}
#flow-graph svg g.edge {
  stroke: #666666;
  stroke-width: 0.7px;
}
#flow-graph svg g.edge text {
  display: none;
}
#flow-graph svg g.edge ellipse {
  fill: #000001;
}
#flow-graph svg g.edge:not(.filter-remove):hover,
#flow-graph svg g.edge.highlight {
  opacity: 1;
}
#flow-graph svg g.edge:not(.filter-remove):hover path,
#flow-graph svg g.edge.highlight path {
  stroke-width: 2px;
  stroke: #333333;
}
#flow-graph svg g.edge:not(.filter-remove):hover ellipse,
#flow-graph svg g.edge.highlight ellipse {
  fill: #000001;
}
#flow-graph svg g.edge.grey-out-path path.grey-out-path {
  stroke: #e9e9e9;
}
#flow-graph svg g.edge.grey-out-path ellipse.grey-out-path {
  stroke: #e9e9e9;
  fill: #e9e9e9;
}
#flow-graph svg g[data-type] .icon-being-built {
  color: #4caf50;
  font-size: 20px;
}
#flow-graph svg g[data-type] .icon-continuous-activity-done {
  color: #f28c37;
  font-size: 20px;
}
#flow-graph svg g[data-type] .icon-about-to-be-built {
  color: #4caf50;
  font-size: 20px;
}
#flow-graph svg g[data-type] > .dataset-rectangle {
  stroke-width: 2px;
  stroke: #ffffff;
}
#flow-graph svg g[data-type] .dataset-zone-exported {
  stroke-width: 1px;
  fill-opacity: 0.2;
  stroke: #28a9dd;
  stroke-dasharray: 4 2;
}
#flow-graph svg g[data-type] .dataset-zone-imported.dataset-zone-imported {
  fill-opacity: 0.2;
}
#flow-graph svg g[data-type] .dataset-zone-imported.dataset-zone-imported.main-dataset-rectangle {
  stroke-width: 1px;
  stroke: #28a9dd;
  stroke-dasharray: 4 2;
}
#flow-graph svg g[data-type] .model-zone-exported.sm-icon path {
  transform: translate(5px, 5px) scale(0.9);
}
#flow-graph svg g[data-type] .model-zone-exported.fill {
  stroke-width: 1px;
  fill-opacity: 0.2;
  stroke: #29af5d;
  stroke-dasharray: 4 2;
}
#flow-graph svg g[data-type] .model-zone-imported.model-zone-imported {
  fill-opacity: 0.6;
  stroke-width: 2px;
  stroke: #29af5d;
  stroke-dasharray: 4 2;
}
#flow-graph svg g[data-type] .folder-zone-imported.folder-zone-imported {
  fill-opacity: 0.5;
}
#flow-graph svg g[data-type] .partitioning-indicator {
  fill-opacity: 0.5;
}
#flow-graph svg g[data-type] .node__rectangle--blank {
  color: #ffffff;
  fill: #ffffff;
  fill-opacity: 1.0;
}
#flow-graph svg g[data-type] .node__rectangle--partitioned {
  stroke-width: 2px;
  stroke: #ffffff;
}
#flow-graph svg g[data-type] .nodeicon {
  color: #ffffff;
  font-size: 42px;
}
#flow-graph svg g[data-type] .nodeicon .icon-bar-chart {
  font-size: 39px;
}
#flow-graph svg g[data-type] .nodeicon-not-inverted {
  color: inherit;
  font-size: 42px;
}
#flow-graph svg g[data-type] .nodeicondataset-imported {
  color: #28a9dd;
  font-size: 42px;
}
#flow-graph svg g[data-type] .nodeicon-small {
  color: #ffffff;
  font-size: 15px;
}
#flow-graph svg g[data-type] .nodeicon-small-dark {
  color: #bbbbbb;
  font-size: 15px;
}
#flow-graph svg g[data-type] .nodelabel-wrapper p,
#flow-graph svg g[data-type] .nodelabel-wrapper span {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  line-height: 1.2;
  opacity: 1;
  padding: 1px 6px;
  border-radius: 3px;
}
#flow-graph svg g[data-type=LOCAL_DATASET] {
  fill: #28a9dd;
  color: #28a9dd;
}
#flow-graph svg g[data-type=LOCAL_DATASET] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=LOCAL_DATASET] .nodelabel-wrapper span {
  color: #ffffff;
  background: #28a9dd;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] {
  fill: #000001;
  color: #000001;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] .nodelabel-wrapper span {
  color: #ffffff;
  background: #000001;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] .dataset.error {
  fill: #ce1228;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] .dataset.good {
  fill: #31708f;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] .nodelabel-wrapper span {
  color: #ffffff;
  background: #222222;
}
#flow-graph svg g[data-type=FOREIGN_DATASET] .top {
  fill: #ffffff;
  opacity: 0.1;
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT] {
  fill: #3b7879;
  color: #3b7879;
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=LOCAL_STREAMING_ENDPOINT] .nodelabel-wrapper span {
  color: #ffffff;
  background: #3b7879;
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL] {
  fill: #29af5d;
  color: #29af5d;
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=LOCAL_SAVEDMODEL] .nodelabel-wrapper span {
  color: #ffffff;
  background: #29af5d;
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE] {
  fill: #29af5d;
  color: #29af5d;
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=LOCAL_MODELEVALUATIONSTORE] .nodelabel-wrapper span {
  color: #ffffff;
  background: #29af5d;
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER] {
  fill: #28a9dd;
  color: #28a9dd;
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=LOCAL_MANAGED_FOLDER] .nodelabel-wrapper span {
  color: #ffffff;
  background: #28a9dd;
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER],
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL],
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE] {
  fill: #000001;
  color: #000001;
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER] .nodelabel-wrapper,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL] .nodelabel-wrapper,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=FOREIGN_MANAGED_FOLDER] .nodelabel-wrapper span,
#flow-graph svg g[data-type=FOREIGN_SAVEDMODEL] .nodelabel-wrapper span,
#flow-graph svg g[data-type=FOREIGN_MODELEVALUATIONSTORE] .nodelabel-wrapper span {
  color: #ffffff;
  background: #000001;
}
#flow-graph svg g[data-type=RECIPE] .recipe {
  fill: #ffffff;
}
#flow-graph svg g[data-type=RECIPE][data-state~=DONE] .recipe {
  fill: #4caf50;
}
#flow-graph svg g[data-type=RECIPE][data-state~=RUNNING] .recipe {
  fill: #31708f;
}
#flow-graph svg g[data-type=RECIPE][data-state~=FAILED] .recipe {
  fill: #ce1228;
}
#flow-graph svg g[data-type=RECIPE]:not(.selected) .nodelabel-wrapper {
  visibility: hidden;
}
#flow-graph svg g[data-type=ANALYSIS] {
  fill: #29af5d;
  color: #29af5d;
}
#flow-graph svg g[data-type=ANALYSIS] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=ANALYSIS] .nodelabel-wrapper span {
  color: #ffffff;
  background: #29af5d;
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK],
#flow-graph svg g[data-type=SQL_NOTEBOOK] {
  fill: #f28c38;
  color: #f28c38;
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK] .nodelabel-wrapper,
#flow-graph svg g[data-type=SQL_NOTEBOOK] .nodelabel-wrapper {
  overflow: hidden;
}
#flow-graph svg g[data-type=JUPYTER_NOTEBOOK] .nodelabel-wrapper span,
#flow-graph svg g[data-type=SQL_NOTEBOOK] .nodelabel-wrapper span {
  color: #ffffff;
  background: #f28c38;
}
#flow-graph svg .node-top-label {
  text-align: center;
  font-size: 14px;
  color: #333333;
}
#flow-graph svg .node-top-label span {
  background: rgba(255, 255, 255, 0.7);
}
#flow-graph:not(.no-animation) g.node,
#flow-graph:not(.no-animation) g.edge {
  -webkit-transition: all 0.20s ease-in;
  -moz-transition: all 0.20s ease-in;
  -ms-transition: all 0.20s ease-in;
  -o-transition: all 0.20s ease-in;
  transition: all 0.20s ease-in;
}
#flow-graph.rectangle-selection svg {
  cursor: crosshair;
}
#flow-graph.has-selection svg g.node:not(.zone):not(.zone_label) {
  opacity: 0.35;
}
#flow-graph.has-selection svg g.node:not(.zone):not(.zone_label).highlight {
  opacity: 1;
}
#flow-graph.has-selection svg g.node:not(.zone):not(.zone_label).selected {
  opacity: 1;
}
#flow-graph.has-selection svg g.node:not(.zone):not(.zone_label).selected .nodelabel-wrapper {
  overflow: initial;
}
#flow-graph.has-selection svg g.zone_cluster:not(.clusterHighlight) .zone_header {
  color: inherit !important;
  background-color: inherit !important;
  stroke: inherit !important;
}
#flow-graph.has-selection svg g.edge.select-preview > path {
  stroke-width: 3;
}
@keyframes fold-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#flow-graph svg .edge.folded-edge.folded-nested.folded-boundary-edge.unfold-preview > path {
  opacity: 0;
}
#flow-graph svg .fold-transition .folded-icon {
  animation: fold-fade-in 0.5s;
}
#flow-graph svg g.node.select-preview > path,
#flow-graph svg g.edge.select-preview > path {
  stroke-width: 2;
}
#flow-graph svg g.node.fold-preview > path,
#flow-graph svg g.edge.fold-preview > path,
#flow-graph svg g.node.fold-preview .folded-icon > path,
#flow-graph svg g.edge.fold-preview .folded-icon > path,
#flow-graph svg g.node.unfold-preview > path,
#flow-graph svg g.edge.unfold-preview > path,
#flow-graph svg g.node.unfold-preview .folded-icon > path,
#flow-graph svg g.edge.unfold-preview .folded-icon > path {
  stroke-dasharray: 8;
  stroke-width: 2;
}
#flow-graph svg g.node.fold-transition,
#flow-graph svg g.edge.fold-transition,
#flow-graph svg g.node.fold-transition *,
#flow-graph svg g.edge.fold-transition * {
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
#flow-graph svg g.node.folded-nested,
#flow-graph svg g.edge.folded-nested {
  visibility: hidden;
  opacity: 0;
}
#flow-graph svg g.node.folded-nested.unfold-preview,
#flow-graph svg g.edge.folded-nested.unfold-preview {
  visibility: visible;
  opacity: 0.4;
  pointer-events: none;
}
#flow-graph svg g.node.folded-nested .folded-boundary-marker-circle,
#flow-graph svg g.edge.folded-nested .folded-boundary-marker-circle {
  pointer-events: none;
}
#flow-graph svg g.node.folded-node.folded-node,
#flow-graph svg g.edge.folded-node.folded-node {
  visibility: hidden;
  opacity: 0;
}
#flow-graph svg g.node.folded-node.folded-node.unfold-preview,
#flow-graph svg g.edge.folded-node.folded-node.unfold-preview {
  visibility: visible;
  opacity: 0.4;
  pointer-events: none;
}
#flow-graph svg g.node.folded-edge path,
#flow-graph svg g.edge.folded-edge path,
#flow-graph svg g.node.folded-edge ellipse,
#flow-graph svg g.edge.folded-edge ellipse {
  opacity: 0;
}
#flow-graph svg g.node.folded-edge .folded-boundary-marker,
#flow-graph svg g.edge.folded-edge .folded-boundary-marker {
  opacity: 1;
}
#flow-graph svg g.node.folded-edge.unfold-preview path,
#flow-graph svg g.edge.folded-edge.unfold-preview path,
#flow-graph svg g.node.folded-edge.unfold-preview ellipse,
#flow-graph svg g.edge.folded-edge.unfold-preview ellipse {
  opacity: 0.4;
  pointer-events: none;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge path,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge path,
#flow-graph svg g.node.folded-edge.folded-boundary-edge path,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge path {
  opacity: 0;
  pointer-events: none;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge ellipse,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge ellipse,
#flow-graph svg g.node.folded-edge.folded-boundary-edge ellipse,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge ellipse {
  opacity: 0;
  pointer-events: none;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge.unfold-preview > path,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge.unfold-preview > path,
#flow-graph svg g.node.folded-edge.folded-boundary-edge.unfold-preview > path,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge.unfold-preview > path,
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge.unfold-preview > ellipse,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge.unfold-preview > ellipse,
#flow-graph svg g.node.folded-edge.folded-boundary-edge.unfold-preview > ellipse,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge.unfold-preview > ellipse {
  opacity: 0.4;
  pointer-events: none;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge path.folded-boundary-marker-line,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge path.folded-boundary-marker-line,
#flow-graph svg g.node.folded-edge.folded-boundary-edge path.folded-boundary-marker-line,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge path.folded-boundary-marker-line {
  opacity: 1;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge path.folded-boundary-marker-plus,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge path.folded-boundary-marker-plus,
#flow-graph svg g.node.folded-edge.folded-boundary-edge path.folded-boundary-marker-plus,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge path.folded-boundary-marker-plus {
  cursor: pointer;
  opacity: 1;
  stroke: #0b93d5;
  stroke-width: 2px;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge .folded-boundary-marker-circle,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge .folded-boundary-marker-circle,
#flow-graph svg g.node.folded-edge.folded-boundary-edge .folded-boundary-marker-circle,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge .folded-boundary-marker-circle {
  visibility: visible;
  cursor: pointer;
  stroke: #0b93d5;
  stroke-width: 2px;
  fill: white;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge:hover .folded-boundary-marker-circle,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge:hover .folded-boundary-marker-circle,
#flow-graph svg g.node.folded-edge.folded-boundary-edge:hover .folded-boundary-marker-circle,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge:hover .folded-boundary-marker-circle {
  fill: #0b93d5;
}
#flow-graph svg g.node.folded-boundary-edge.folded-boundary-edge:hover path.folded-boundary-marker-plus,
#flow-graph svg g.edge.folded-boundary-edge.folded-boundary-edge:hover path.folded-boundary-marker-plus,
#flow-graph svg g.node.folded-edge.folded-boundary-edge:hover path.folded-boundary-marker-plus,
#flow-graph svg g.edge.folded-edge.folded-boundary-edge:hover path.folded-boundary-marker-plus {
  stroke: white;
}
#flow-graph .svg-debug-text {
  display: block !important;
}
#flow-graph.with-flow-view-focus svg g.node.out-of-focus .bzicon {
  fill: #dddddd !important;
  color: #dddddd !important;
}
#flow-graph.with-flow-view-focus svg g.node.out-of-focus .partitioning-indicator {
  fill: #dddddd !important;
}
#flow-graph.with-flow-view-focus svg g.node.out-of-focus:not(.selected) .nodelabel-wrapper span {
  color: #dddddd !important;
}
#flow-graph.with-flow-view-focus svg g.node.out-of-focus .never-built-computable.never-built-computable .main-dataset-rectangle {
  stroke: #dddddd !important;
}
#flow-graph.with-flow-view-focus svg g.node.out-of-focus .never-built-computable.never-built-computable .nodeicon,
#flow-graph.with-flow-view-focus svg g.node.out-of-focus .never-built-computable.never-built-computable .nodelabel-wrapper {
  color: #dddddd !important;
}
#flow-graph.with-flow-view-focus svg g.zone_cluster .zone_header {
  color: inherit !important;
  background-color: inherit !important;
  stroke: inherit !important;
}
#flow-graph.with-flow-view-focus svg g.zone_cluster.out-of-focus {
  background-color: #dddddd !important;
  color: #222222 !important;
  stroke: #dddddd !important;
}
#flow-graph.with-flow-view-focus svg g.zone_cluster .tool-simple-zone {
  stroke: none;
}
.graph-zoned-cluster__no-color {
  color: inherit !important;
  background-color: inherit !important;
  stroke: inherit !important;
}
.zone_cluster:not(.selected) .zone_header div {
  height: calc(100% - 1px);
  border-bottom: 1px solid #bbbbbb;
}
.zone_header {
  background-color: inherit;
}
.zone_header div {
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 100%;
  font-size: 22px;
  margin: 0px;
  background-color: inherit;
}
.zone_header p {
  margin: auto;
  padding: 0px 0px 0px 16px;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2;
}
.zone_header i {
  margin-right: 16px;
}
#flow-widgets-container {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  pointer-events: none;
}
#flow-widgets-container > * {
  pointer-events: initial;
}
.flow_zone_controls {
  background: transparent;
  height: 30px;
}
.flow--zoomed.flow--zoomed {
  width: calc(100% - 4px);
  height: calc(100% - 30px - 2px);
  margin-right: auto;
  margin-left: auto;
  background-color: white;
}
.flow-widgets-container--zoomed {
  top: calc(30px + 10px) !important;
}
.selectpicker--zoomed.selectpicker--zoomed {
  background-color: transparent;
  border-color: transparent;
}
@keyframes animated-selection {
  0% {
    stroke-dashoffset: 0;
  }
  33% {
    stroke-dashoffset: 3;
  }
  66% {
    stroke-dashoffset: 6;
  }
  100% {
    stroke-dashoffset: 9;
  }
}
#flow-selection-rectangle {
  fill-opacity: 0.13;
  stroke-dasharray: 8, 12;
  stroke: #666666;
  stroke-width: 1;
}
#flow-tool-zone {
  position: absolute;
  bottom: 0;
  width: 260px;
}
#flow-tool-zone .tool-selector {
  width: 260px;
}
#flow-tool-zone .tool-selector .selector.selector.selector {
  width: 100%;
  text-align: left;
  text-transform: initial;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#flow-tool-zone .flow-tool-mainzone {
  margin-bottom: 10px;
  width: 260px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #dddddd;
}
#flow-tool-zone .flow-tool-mainzone .header {
  padding: 0 10px;
  border-bottom: 1px solid #dddddd;
}
#flow-tool-zone .flow-tool-mainzone .header h5 {
  margin: 5px 0;
  font-weight: 500;
}
#flow-tool-zone .flow-tool-mainzone .header .close {
  outline: none;
}
#flow-tool-zone .flow-tool-mainzone .header .zoom {
  color: #cccccc;
  margin: 3px 6px;
}
#flow-tool-zone .flow-tool-mainzone .header .zoom:hover {
  color: #bbbbbb;
}
#flow-tool-zone .flow-tool-mainzone .tool-progress {
  padding: 10px;
}
#flow-tool-zone .flow-tool-mainzone .tool-options-form label.control-label {
  line-height: 14px;
  font-size: 12px;
}
#flow-tool-zone .flow-tool-mainzone .tool-options-form input[type=checkbox] {
  margin: 0;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet {
  font-family: SourceSansPro;
  font-weight: 400;
  margin-bottom: 10px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet .global-tag-category-label {
  background-color: #f2f2f2;
  color: #666666;
  border-radius: 2px;
  line-height: 18px;
  font-size: 11px;
  padding: 0 4px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet li label {
  margin: 0;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet li:hover,
#flow-tool-zone .flow-tool-mainzone ul.tool-facet li .single-focused {
  background: #f2f2f2;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet li:hover .global-tag-category-label,
#flow-tool-zone .flow-tool-mainzone ul.tool-facet li .single-focused .global-tag-category-label {
  background-color: #dddddd;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet .bullet {
  margin: 0 10px;
  top: 7px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet .text {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-width: 178px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet .number {
  text-align: right;
  display: block;
  width: 20px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet .tool-state {
  margin-top: 5px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet label {
  padding-left: 5px;
  padding-right: 10px;
}
#flow-tool-zone .flow-tool-mainzone ul.tool-facet .bullet {
  top: 5px;
}
#flow-tool-zone .flow-tool-mainzone .tool-actions {
  line-height: 26px;
  margin: 5px 10px 5px;
}
#flow-tool-zone .flow-tool-mainzone .multi-update-text,
#flow-tool-zone .flow-tool-mainzone .update-text {
  margin: 0 10px 0px 10px;
  padding: 2px;
  border-radius: 2px;
  background-color: #d9e6ed;
  height: 50px;
  line-height: 50px;
  word-break: break-word;
  overflow: hidden;
}
#flow-tool-zone .flow-tool-mainzone .multi-update-text span,
#flow-tool-zone .flow-tool-mainzone .update-text span {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  text-align: center;
}
#flow-tool-zone .flow-tool-mainzone .update-text {
  height: 20px;
  line-height: 20px;
}
#flow-tool-zone .flow-tool-mainzone .control-group.disabled {
  opacity: 0.4;
}
#flow-tool-zone input[type="date"]::-webkit-outer-spin-button,
#flow-tool-zone input[type="date"]::-webkit-inner-spin-button,
#flow-tool-zone input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear and the buttons to increment/decrement */
  -webkit-appearance: none;
  margin: 0;
}
.propagate-schema-tool__options-form {
  margin-meft: 0;
  margin-top: 10px;
}
.propagate-schema-tool__options-form .control-group label.control-label {
  margin-bottom: 10px;
  line-height: 15px;
  height: auto;
  font-size: 12px;
  width: 210px;
}
ul.simple-list {
  margin: 0;
}
ul.simple-list li {
  padding: 0 15px;
}
ul.simple-list li a {
  color: #666666;
}
ul.simple-list li a:hover {
  text-decoration: none;
}
ul.simple-list li a:focus {
  outline: none;
}
ul.simple-list li a:hover {
  color: #222222;
}
#flow-editor-page {
  background: #ffffff;
  position: relative;
  margin: 0;
}
#flow-editor-page .mainPane {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 75%;
}
#flow-editor-page .mainPane .search-menu {
  position: absolute;
  top: 0;
  left: 0;
}
#flow-editor-page .mainPane .new-button {
  position: absolute;
  top: 0;
  right: 0;
}
#flow-editor-page .mainPane.no-pointer-events * {
  pointer-events: none;
}
#flow-editor-page .mainPane.no-pointer-events svg {
  pointer-events: initial;
}
#flow-editor-page .mainPane.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3004;
}
#flow-editor-page .rightPane {
  position: absolute;
  right: 0;
  width: calc(100% - 40px);
  top: 0;
  bottom: 0;
}
#flow-editor-page .rightPane .content {
  overflow: auto;
  height: 100%;
  position: relative;
}
#flow-editor-page .rightPane .content .notselected {
  margin-top: 100px;
  text-align: center;
  color: #bbbbbb;
  font-weight: 400;
}
#flow-editor-page #flow-search-input input {
  width: 230px;
}
#flow-editor-page #flow-search-counter {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 27px;
  padding-right: 40px;
}
#flow-editor-page #flow-search-counter.with-zones {
  background: rgba(249, 249, 249, 0.8);
}
#flow-editor-page #flow-search-counter strong,
#flow-editor-page #flow-search-counter small {
  color: #333333;
}
#flow-editor-page .flow-search-popover {
  position: absolute;
  width: 300px;
  top: 30px;
  z-index: 2000;
  background-color: #ffffff;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px;
  font-size: 13px;
}
#flow-editor-page .flow-search-popover .no-match {
  padding: 1em;
  text-align: center;
}
#flow-editor-page .flow-search-popover .scrollzone {
  max-height: 368px;
  overflow: auto;
}
#flow-editor-page .flow-search-popover ul {
  margin-bottom: 0;
}
#flow-editor-page .flow-search-popover ul li {
  border-radius: 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 2px;
  min-height: 24px;
  color: #666666;
  line-height: 1.1em;
}
#flow-editor-page .flow-search-popover ul li .actions {
  font-size: 10px;
  opacity: 0;
}
#flow-editor-page .flow-search-popover ul li .actions a {
  text-decoration: none;
}
#flow-editor-page .flow-search-popover ul li:hover {
  background: #f2f2f2;
}
#flow-editor-page .flow-search-popover ul li:hover .actions {
  opacity: 1;
}
#flow-editor-page .flow-search-popover ul li a {
  color: #666666;
}
#flow-editor-page .flow-search-popover ul li a span:hover {
  text-decoration: underline;
}
#flow-editor-page .flow-search-popover ul li i {
  float: left;
  font-size: 1.7em;
  color: rgba(0, 0, 0, 0.25);
  margin-right: 10px;
}
#flow-editor-page .flow-search-popover ul li .title {
  max-width: 72%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
#flow-editor-page .flow-search-popover ul li small {
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  font-size: 0.9em;
  margin-left: 0em;
}
#flow-editor-page .flow-search-popover ul li small strong {
  text-transform: capitalize;
}
#flow-editor-page .flow-search-popover ul li date {
  display: inline;
  color: #cccccc;
  font-size: 10px;
}
#flow-editor-page .flow-search-popover ul li .line2 {
  display: block;
  margin-left: 38px;
}
#flow-editor-page .flow-search-popover ul li .line2 ul.tags {
  font-size: 10px;
  margin: 0;
}
#flow-editor-page .flow-search-popover ul li .line2 ul.tags li.tag {
  color: #ffffff;
  display: inline;
  list-style: none;
  border-radius: 0.4em;
  margin-right: 0.3em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  opacity: 0.7;
}
#flow-editor-page .flow-search-popover ul li .line2 ul.tags li.tag:hover {
  opacity: 1;
}
#flow-editor-page .flow-search-popover ul li:hover {
  background: rgba(255, 194, 65, 0.07);
}
#flow-editor-page .flow-search-popover ul li.active {
  color: #222222;
  background: rgba(255, 194, 65, 0.23);
}
.mx-tool-facet {
  font-family: SourceSansPro;
  font-weight: 400;
}
.mx-tool-facet li label {
  margin: 0;
}
.mx-tool-facet li:hover,
.mx-tool-facet li .single-focused {
  background: #f2f2f2;
}
.mx-tool-facet li:hover .global-tag-category-label,
.mx-tool-facet li .single-focused .global-tag-category-label {
  background-color: #dddddd;
}
.mx-tool-facet .bullet {
  margin: 0 10px;
  top: 7px;
}
.mx-tool-facet .text {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-width: 178px;
}
.mx-tool-facet .number {
  text-align: right;
  display: block;
  width: 20px;
}
.flow-filter,
.flow-filter__options-popover {
  font-family: SourceSansPro;
  font-weight: 400;
}
.flow-filter .global-tag-category-label,
.flow-filter__options-popover .global-tag-category-label {
  background-color: #f2f2f2;
  color: #666666;
  border-radius: 2px;
  line-height: 18px;
  font-size: 11px;
  padding: 0 4px;
}
.flow-filter li label,
.flow-filter__options-popover li label {
  margin: 0;
}
.flow-filter li:hover,
.flow-filter__options-popover li:hover,
.flow-filter li .single-focused,
.flow-filter__options-popover li .single-focused {
  background: #f2f2f2;
}
.flow-filter li:hover .global-tag-category-label,
.flow-filter__options-popover li:hover .global-tag-category-label,
.flow-filter li .single-focused .global-tag-category-label,
.flow-filter__options-popover li .single-focused .global-tag-category-label {
  background-color: #dddddd;
}
.flow-filter .bullet,
.flow-filter__options-popover .bullet {
  margin: 0 10px;
  top: 7px;
}
.flow-filter .text,
.flow-filter__options-popover .text {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-width: 178px;
}
.flow-filter .number,
.flow-filter__options-popover .number {
  text-align: right;
  display: block;
  width: 20px;
}
.flow-filter li,
.flow-filter__options-popover li {
  cursor: pointer;
}
.flow-filter .bullet,
.flow-filter__options-popover .bullet {
  top: 0;
}
[flow-filter] {
  background-color: #4caf50;
}
[flow-filter] .flow-filter__controls .icon {
  color: #666666;
  cursor: pointer;
  padding-left: 10px;
}
[flow-filter] .flow-filter__controls .icon:hover {
  color: #222222;
}
[flow-filter] .active-filter {
  font-weight: 600;
}
[flow-filter] .flow-filter__mode-selector {
  width: 240px !important;
}
[flow-filter] .facet-filterable-list__value-list__items {
  max-height: 100px;
  overflow-y: auto;
  padding-right: 10px;
  margin-right: -10px;
}
[flow-filter] .flow-filter__facet-title {
  margin-top: 4px;
  margin-bottom: 2px;
}
[flow-filter] .flow-filter__option {
  cursor: pointer;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[flow-filter] .flow-filter__option:hover {
  background: #ffffff;
}
[flow-filter] .flow-filter__filter-name {
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}
[flow-filter] .filter-line {
  display: flex;
}
.flow-filter .flow-filter__daterangepicker .theInput {
  width: 240px;
}
.flow-filter .line {
  margin-top: 10px;
}
.flow-filter .line.flow-filter__filter-rule .bootstrap-select {
  width: 100px !important;
}
.flow-filter .line.flow-filter__filter-rule .input-append > .theInput,
.flow-filter .line.flow-filter__filter-rule [custom-element-popup] > .dku-select-button {
  width: 205px !important;
}
.flow-filter__typeahead.dropdown-menu {
  overflow: hidden;
}
#flow-editor-page .flow-filter-toggle-button {
  text-transform: initial;
}
#flow-editor-page .flow-filter-toggle-button .tooltip {
  text-transform: none;
}
.flow-tool-selector-popover {
  top: auto;
  bottom: 40px;
  left: 10px;
  width: 260px;
  padding: 7px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.flow-tool-selector-popover h2 {
  font-weight: 400;
  font-size: 15px;
  color: #666666;
  border-bottom: 1px solid #dddddd;
  margin: 4px 0 3px 0;
  line-height: 21px;
}
.flow-tool-selector-popover .flow-view:hover {
  background: #ffffff;
}
.flow-tool-selector-popover .views-group div {
  padding-left: 20px;
}
.flow-tool-selector-popover .active-view a {
  color: #00aedb;
  font-weight: 600;
}
.flow-tool-item-popover .buttons {
  padding: 10px;
}
.flow-tool-item-popover .main {
  max-height: 200px;
}
.flow-tool-item-popover .header {
  padding: 15px;
  border-bottom: 1px solid #dddddd;
}
.flow-tool-item-popover .header h5 {
  margin: 10px 0;
  font-weight: 400;
  font-size: 18px;
  color: #444444;
}
.empty-flow-cta {
  margin: 110px auto 0 auto;
  width: 500px;
}
.empty-flow-cta h1 {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 30px;
}
.empty-flow-cta p {
  font-size: 14px;
}
.empty-flow-cta p.image {
  margin: 25px 0;
}
.empty-flow-cta h1,
.empty-flow-cta p {
  text-align: center;
  font-weight: 400;
  color: #666666;
}
.navigator-nav-bar-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 24px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
}
.navigator-nav-bar-overlay:hover {
  opacity: 0;
}
#flow-graph.navigator {
  z-index: 200000;
  background: rgba(255, 255, 255, 0.9);
  top: 40px;
  height: auto;
}
#flow-graph.navigator svg {
  cursor: default;
}
#flow-graph.navigator svg foreignObject.recipe-icon,
#flow-graph.navigator svg foreignObject.nav-nodeicon {
  overflow: visible;
}
#flow-graph.navigator svg .recipeicon-custom-code .recipe-icon > div {
  background-color: #aa4141;
}
#flow-graph.navigator svg .recipeicon-custom-code .recipe-icon > div i {
  color: #ffffff;
  font-size: .5em;
  margin-top: 0.45em;
  display: inline-block;
}
#flow-graph.navigator svg .recipeicon-app .recipe-icon > div {
  background-color: #666666;
}
#flow-graph.navigator svg .recipeicon-app .recipe-icon > div i {
  color: #ffffff;
  font-size: .5em;
  margin-top: 0.45em;
  display: inline-block;
}
#flow-graph.navigator svg .recipe-icon > div {
  background-color: #ffffff;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
#flow-graph.navigator svg .dataset-info > div,
#flow-graph.navigator svg .node-status > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 0 20px;
  color: #333333;
}
#flow-graph.navigator svg .dataset-info > div.center,
#flow-graph.navigator svg .node-status > div.center {
  display: block;
  text-align: center;
  padding-top: 10px;
}
#flow-graph.navigator svg .dataset-info > div.center h6 span,
#flow-graph.navigator svg .node-status > div.center h6 span,
#flow-graph.navigator svg .dataset-info > div.center .counts > span,
#flow-graph.navigator svg .node-status > div.center .counts > span {
  padding: 3px;
  background: rgba(255, 255, 255, 0.7);
}
#flow-graph.navigator svg .dataset-info > div.left,
#flow-graph.navigator svg .node-status > div.left {
  flex-wrap: wrap-reverse;
  text-align: right;
}
#flow-graph.navigator svg .dataset-info > div.left h6,
#flow-graph.navigator svg .node-status > div.left h6 {
  padding-left: 10px;
}
#flow-graph.navigator svg .dataset-info > div:not(.left):not(.center),
#flow-graph.navigator svg .node-status > div:not(.left):not(.center) {
  flex-wrap: wrap;
  text-align: left;
}
#flow-graph.navigator svg .dataset-info > div:not(.left):not(.center) h6,
#flow-graph.navigator svg .node-status > div:not(.left):not(.center) h6 {
  padding-right: 10px;
}
#flow-graph.navigator svg .dataset-info > div > *,
#flow-graph.navigator svg .node-status > div > * {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
#flow-graph.navigator svg .dataset-info > div > div,
#flow-graph.navigator svg .node-status > div > div {
  width: 100%;
}
#flow-graph.navigator svg .dataset-info > div h6,
#flow-graph.navigator svg .node-status > div h6 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
#flow-graph.navigator svg .dataset-info > div .counts i,
#flow-graph.navigator svg .node-status > div .counts i {
  margin-right: 2px;
}
#flow-graph.navigator svg .dataset-info > div span.count,
#flow-graph.navigator svg .node-status > div span.count {
  padding-right: 8px;
}
#flow-graph.navigator svg g[data-type] {
  cursor: pointer;
}
#flow-graph.navigator svg g[data-type].highlight,
#flow-graph.navigator svg g[data-type]:hover {
  opacity: 1;
}
#flow-graph.navigator svg g.bzicon {
  cursor: pointer;
}
#flow-graph.navigator svg g.bzicon circle {
  fill: none;
}
#flow-graph.navigator svg g.bzicon.selected circle {
  stroke: #007eff;
  stroke-width: 5;
}
#flow-graph.navigator svg g.selected rect {
  stroke: #007eff;
  stroke-width: 2;
}
#flow-graph.navigator svg g[data-type="LOCAL_SAVEDMODEL"].selected rect {
  stroke-width: 5;
}
#flow-graph.navigator svg g[data-type="LOCAL_MODELEVALUATIONSTORE"].selected rect {
  stroke-width: 5;
}
#flow-graph.navigator svg g[data-type=LOCAL_MANAGED_FOLDER].selected rect {
  stroke: none;
}
#flow-graph.navigator svg g[data-type=LOCAL_MANAGED_FOLDER].selected .icon-flow_dataset_folder::before {
  color: #007eff;
}
#flow-graph.navigator svg g[data-type=LOCAL_DATASET],
#flow-graph.navigator svg g[data-type=FOREIGN_DATASET],
#flow-graph.navigator svg g[data-type=LOCAL_STREAMING_ENDPOINT],
#flow-graph.navigator svg g[data-type=JUPYTER_NOTEBOOK],
#flow-graph.navigator svg g[data-type=SQL_NOTEBOOK],
#flow-graph.navigator svg g[data-type=ANALYSIS],
#flow-graph.navigator svg g[data-type=INSIGHT] {
  color: #ffffff;
}
#flow-graph.navigator svg g[data-type=LOCAL_SAVEDMODEL],
#flow-graph.navigator svg g[data-type=FOREIGN_SAVEDMODEL],
#flow-graph.navigator svg [data-type=LOCAL_MODELEVALUATIONSTORE],
#flow-graph.navigator svg g[data-type=FOREIGN_MODELEVALUATIONSTORE],
#flow-graph.navigator svg g[data-type=LOCAL_MANAGED_FOLDER],
#flow-graph.navigator svg g[data-type=FOREIGN_MANAGED_FOLDER] {
  fill-opacity: 0;
}
#flow-graph.navigator svg g[data-type=LOCAL_SAVEDMODEL] .nav-nodeicon i,
#flow-graph.navigator svg g[data-type=FOREIGN_SAVEDMODEL] .nav-nodeicon i,
#flow-graph.navigator svg [data-type=LOCAL_MODELEVALUATIONSTORE] .nav-nodeicon i,
#flow-graph.navigator svg g[data-type=FOREIGN_MODELEVALUATIONSTORE] .nav-nodeicon i,
#flow-graph.navigator svg g[data-type=LOCAL_MANAGED_FOLDER] .nav-nodeicon i,
#flow-graph.navigator svg g[data-type=FOREIGN_MANAGED_FOLDER] .nav-nodeicon i {
  display: inline-block;
  margin-top: -0.21em;
  margin-left: -0.21em;
}
#flow-graph.navigator svg g[data-type=FOREIGN_MANAGED_FOLDER] {
  color: #333333;
}
#flow-graph.navigator svg .flowLink {
  text-align: center;
}
#flow-graph.navigator .right-sidebar {
  border-left: 1px solid #dddddd;
  background: #ffffff;
}
#flow-graph.navigator .nonflow-items {
  border-top: 1px solid #222222;
}
#flow-graph.navigator .nonflow-items .header {
  text-align: center;
  margin: 15px 0;
}
#flow-graph.navigator .nonflow-items .header i {
  font-size: 30px;
}
#flow-graph.navigator .nonflow-items ul {
  list-style: none;
  margin: 0;
}
#flow-graph.navigator .object-right-column-summary i.icon.color {
  font-size: 14px;
  padding-right: 5px;
}
#flow-graph.navigator i.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #cccccc;
}
#flow-tooltip {
  font-size: 13px;
  padding: 0;
  pointer-events: none;
  min-width: 200px;
  max-width: 300px;
}
#flow-tooltip .header {
  border-bottom: 1px solid #dddddd;
  padding: 15px 10px 15px 15px;
}
#flow-tooltip .header .title {
  font-family: 'SourceSansPro';
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
#flow-tooltip .header .interests {
  padding-left: 15px;
}
#flow-tooltip .never-built-computable {
  border-bottom: 1px solid #dddddd;
}
#flow-tooltip .body {
  padding: 0 15px;
}
#flow-tooltip .body > :first-child {
  margin-top: 15px;
}
#flow-tooltip .body > :last-child {
  margin-bottom: 15px;
}
#flow-tooltip .body .bullet {
  margin: 0 5px;
  top: 2px;
}
.multi-right-column-summary .item-header .object-icon .flow-multi-right-column i {
  font-size: 11px;
  line-height: 14px;
}
.multi-right-column-summary .item-header .object-icon.single-type i {
  font-size: 24px;
}
.copy-data-tooltip {
  z-index: 9999;
  padding-left: 10px;
  padding-right: 10px;
}
.copy-data-tooltip .help-inline {
  color: #666666;
  font-size: 12px;
  width: 230px;
}
.flow-export-dir input[type=number] {
  vertical-align: top !important;
}
.flow-export-dir .flow-export-error {
  display: block;
  color: #b94a48;
}
.flow-export-dir .exclamation-error-display {
  position: absolute;
  color: #b94a48;
  margin-left: 70px;
  margin-top: -16px;
}
[navigator-flow] g[data-type="LOCAL_SAVEDMODEL"] rect {
  transform-origin: center;
  transform-box: fill-box;
}
[navigator-flow] g[data-type="LOCAL_MODELEVALUATIONSTORE"] rect {
  transform-origin: center;
  transform-box: fill-box;
}
.recipe-custom-code-object {
  align-items: center;
  display: flex;
  font-size: 60px;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.subflow-copy-modal-categorie-title {
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 8px;
  line-height: 24px;
}
.flow-actions-controls {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
}
.flow-actions-controls > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.flow-actions-controls > .flex .override-min-width {
  min-width: 0px;
}
.flow-actions-controls > .flex-no-basis,
.flow-actions-controls .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.flow-actions-controls > .flex-no-basis .override-min-width,
.flow-actions-controls .flex-no-basis .override-min-width {
  min-width: 0px;
}
.flow-actions-controls > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.flow-actions-controls > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.flow-actions-controls > .noflex,
.flow-actions-controls .top-level-tabs,
.flow-actions-controls > .alert,
.flow-actions-controls > .bottom-bar,
.flow-actions-controls > .input-append,
.flow-actions-controls > div[block-api-error],
.flow-actions-controls > h1,
.flow-actions-controls > h2,
.flow-actions-controls > h3,
.flow-actions-controls > h4,
.flow-actions-controls > h5,
.flow-actions-controls > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flow-actions-controls .flow-actions {
  display: inline-block;
  align-self: flex-end;
}
/* Various CodeMirror fixes -> SHOULD NOT BE HERE */
.CodeMirror-code > div > pre {
  z-index: 0 !important;
}
.CodeMirror-lines .CodeMirror-measure + div {
  z-index: 0 !important;
}
.CodeMirror-code > div > pre {
  padding-bottom: 2px;
}
.CodeMirror-lint-tooltip {
  white-space: pre-wrap !important;
  font-size: 9pt !important;
}
.code-based-recipe-creation-modal {
  min-width: 690px;
  width: 690px;
  height: 85%;
  max-height: 550px;
}
.code-based-recipe-creation-modal .modal-body {
  max-height: initial;
  min-height: 200px;
  overflow-y: initial;
}
.download-visual-recipe-modal {
  min-width: 690px;
  width: 495px;
  min-width: 495px;
  height: 85%;
  max-height: 330px;
  padding-right: 10px;
}
.download-visual-recipe-modal .modal-body {
  max-height: initial;
  min-height: 200px;
  overflow-y: initial;
}
.download-visual-recipe-modal .modal-header {
  width: 505px;
}
.download-visual-recipe-modal .modal-footer {
  width: 505px;
}
/* **************************************************
 * Main recipe editor
 * **************************************************/
.custom-python-dep-editor {
  min-width: 690px;
  width: 690px;
}
.custom-python-dep-editor .CodeMirror,
.custom-python-dep-editor .CodeMirror-scroll {
  max-height: 300px !important;
  height: 300px !important;
}
.custom-python-dep-editor .modal-footer {
  text-align: left !important;
}
.custom-python-dep-editor div.modal-body {
  padding: 0px;
}
.custom-python-dep-editor .test-results.alert {
  margin-bottom: 0px;
}
.custom-python-dep-editor .test-results ul > li {
  list-style: none;
}
h1.whitebox-settings-section1-title-margined {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #444444;
  margin: 15px 0;
  padding-bottom: 0;
}
h2.whitebox-settings-section2-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #444444;
  padding-bottom: 0;
}
.recipe-editor-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* TODO @recipes replace by standard-settings-infozone standard-settings-section1, etc (nothing to change but avoiding potential conflict now) */
}
.recipe-editor-page div.recipe-job-result {
  max-height: 280px;
  margin-top: 8px;
  overflow: auto;
  border-radius: 0;
}
.recipe-editor-page div.recipe-job-result h4 {
  word-wrap: break-word;
}
.recipe-editor-page div.recipe-job-result div.alert {
  margin: 0px;
  padding: 8px;
  border-radius: 0;
}
.recipe-editor-page .pre-run-validation-error p {
  margin: 0;
}
.recipe-editor-page .pre-run-validation-error ul {
  margin-bottom: 0;
}
.recipe-editor-page .recipe-noneditable-exec-options {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: 5px;
}
.recipe-editor-page .recipe-noneditable-exec-options p {
  margin: 0;
}
.recipe-editor-page .recipe-run-partition-display {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.recipe-editor-page .recipe-run-partition-display .partition:not(.first-partition) {
  margin-left: 5px;
}
.recipe-editor-page .recipe-exec-button {
  display: inline-block;
}
.recipe-editor-page .horizontal-centerer {
  margin-left: calc(100vw - 100%);
}
.recipe-editor-page .w800 {
  width: 800px;
}
.recipe-editor-page .formbased-recipe-infozone {
  box-sizing: border-box;
  margin: 16px auto;
  border: 1px solid rgba(255, 255, 255, 0);
}
.recipe-editor-page .recipe-settings-section1 {
  background: #ffffff;
  box-sizing: border-box;
  margin: 16px auto;
  border: 1px solid #dddddd;
}
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2.dkuform-horizontal .control-label {
  height: auto;
  line-height: 1.5;
}
.recipe-editor-page .recipe-settings-section1__line {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 h5,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 h5 {
  margin-top: 0;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .group-key-selector,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .group-key-selector {
  margin: 10px 0;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .group-key-selector > div,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .group-key-selector > div {
  display: inline-block;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .group-key-selector .btn-green,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .group-key-selector .btn-green {
  background-color: #4caf50;
  color: #ffffff;
  border: none;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .group-key-selector > a,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .group-key-selector > a {
  margin: 0 10px;
}
.recipe-editor-page .formbased-recipe-infozone h1,
.recipe-editor-page .recipe-settings-section1 h1,
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 {
  padding: 16px;
}
.recipe-editor-page .formbased-recipe-infozone h1 .recipe-settings-section1-title,
.recipe-editor-page .recipe-settings-section1 h1 .recipe-settings-section1-title,
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2 .recipe-settings-section1-title,
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2 .recipe-settings-section1-title {
  padding: 0;
}
.recipe-editor-page .formbased-recipe-infozone .recipe-settings-section2:not(:first-of-type),
.recipe-editor-page .recipe-settings-section1 .recipe-settings-section2:not(:first-of-type) {
  border-top: 1px solid #dddddd;
}
.recipe-editor-page .formbased-recipe-infozone h1.recipe-settings-section1-title,
.recipe-editor-page .recipe-settings-section1 h1.recipe-settings-section1-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #444444;
  margin: 0;
  padding-bottom: 0;
}
.recipe-editor-page .formbased-recipe-infozone h1.recipe-settings-section1-title .keyadd-btn,
.recipe-editor-page .recipe-settings-section1 h1.recipe-settings-section1-title .keyadd-btn {
  margin-right: 10px;
  width: 220px;
  text-align: left;
}
.recipe-editor-page .formbased-recipe-infozone h1.recipe-settings-section1-title > span,
.recipe-editor-page .recipe-settings-section1 h1.recipe-settings-section1-title > span {
  font-size: 12px;
  padding-left: 20px;
}
.recipe-editor-page .formbased-recipe-infozone h1.recipe-settings-section1-title .greenbtn,
.recipe-editor-page .recipe-settings-section1 h1.recipe-settings-section1-title .greenbtn {
  user-select: none;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 1px;
  background-color: #d7f0d6;
  color: #ffffff;
}
.recipe-editor-page .formbased-recipe-infozone h2.recipe-settings-section2-title,
.recipe-editor-page .recipe-settings-section1 h2.recipe-settings-section2-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #444444;
  margin: 10px 0;
}
.recipe-editor-page .formbased-recipe-infozone h3.recipe-settings-section3-title,
.recipe-editor-page .recipe-settings-section1 h3.recipe-settings-section3-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
}
.recipe-editor-page .recipe-settings-floating-result {
  width: 800px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.recipe-editor-page .recipe-settings-floating-result .alert.alert.alert {
  margin: 0;
  border-radius: 0;
}
.recipe-editor-page .recipe-settings-floating-run {
  position: absolute;
  left: 10px;
  bottom: 10px;
  max-width: 150px;
  text-align: center;
}
.recipe-editor-page .recipe-settings-floating-run__container.disabled {
  opacity: 0.4;
}
.recipe-editor-page .code-based-recipe-editor-tab .code-based-recipe-main-zone {
  margin-left: 10px;
  box-sizing: border-box;
  width: auto;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  padding: 10px 10px 0 10px;
}
.recipe-editor-page .code-based-recipe-editor-tab .code-based-recipe-main-zone .editor {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 150px;
  width: 100%;
  box-sizing: border-box;
}
.recipe-editor-page .code-based-recipe-editor-tab .code-based-recipe-main-zone .editor .CodeMirror:not(.CodeMirror-fullscreen) {
  border: 1px solid #dddddd;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  height: inherit;
}
.recipe-editor-page .code-based-recipe-editor-tab .code-based-recipe-main-zone .editor .CodeMirror:not(.CodeMirror-fullscreen) .CodeMirror-scroll {
  height: inherit;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .tab-content {
  margin: 0;
  padding: 0;
}
.recipe-editor-page .code-based-recipe-editor-tab .recipe-right-menu .datasets-wrapper2 {
  background: #ffffff;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.recipe-editor-page .job-result pre {
  margin: 0;
  border-radius: 0;
  font-size: 10px;
  line-height: 1.2;
}
.recipe-editor-page .pig-explorer {
  margin-left: 10px;
}
.recipe-editor-page .pig-explorer .pig-item-bullet {
  font-size: 0.95em;
}
.recipe-editor-page .pig-explorer .pig-field-name {
  font-size: 0.95em;
}
.recipe-editor-page .pig-explorer .pig-field-unnamed {
  font-size: 0.95em;
}
.recipe-editor-page .pig-explorer .pig-field-value-type {
  color: #cccccc;
  font-size: 0.85em;
}
.recipe-editor-page .pig-explorer .pig-field-relation-type {
  color: #771177;
  font-size: 0.85em;
}
.recipe-editor-page .pig-explorer .pig-field-bag-of-tuples-type {
  color: #3399FF;
  font-size: 0.85em;
}
.recipe-editor-page .pig-explorer .pig-field-tuple-type {
  color: #117711;
  font-size: 0.85em;
}
.recipe-editor-page .pig-explorer .pig-field-bag-type {
  color: #776600;
  font-size: 0.85em;
}
.recipe-editor-page .pig-explorer ul {
  margin-left: 18px;
}
.recipe-editor-page .pig-explorer li {
  list-style: none;
}
.recipe-editor-page .custom-code-recipe h1.custom-code-recipe-title {
  margin-left: 0;
  font-weight: 400;
  font-size: 34px;
}
.recipe-editor-page .custom-code-recipe .recipe-settings-section2 p {
  margin: 0 0 4px 0;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items {
  list-style-type: none;
  margin: 0px;
  width: 206px;
  display: inline-block;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items .add,
.recipe-editor-page .custom-code-recipe ul.suggest-items .remove {
  margin-top: 1px;
  margin-right: 4px;
  cursor: pointer;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items .add {
  color: #4caf50;
  margin-right: 5px;
  margin-top: 3px;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items .add:hover {
  color: #66bb6a;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items .remove:hover {
  color: #222222;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item {
  box-sizing: border-box;
  color: #444444;
  padding: 2px;
  width: 99%;
  line-height: 16px;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item:hover {
  background: #ffffff;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item span {
  font-size: 0.9em;
  display: inline-block;
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item input[type=text] {
  font-size: 0.9em;
  height: 20px;
  white-space: nowrap;
  vertical-align: top;
  padding-top: 0px;
  width: 180px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  border: solid 1px transparent;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item input[type=text]:focus,
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item input[type=text]:focus:hover {
  border: 1px solid #dddddd;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item input[type=text]:hover {
  border: 1px solid transparent;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item i.icon-remove,
.recipe-editor-page .custom-code-recipe ul.suggest-items li.item i.icon-trash {
  display: inline-block;
  float: right;
  position: relative;
  font-size: 15px;
  cursor: pointer;
  margin-right: 5px;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.newItem:before {
  content: none;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.newItem form {
  margin: 0px 0px 10px 0px;
}
.recipe-editor-page .custom-code-recipe ul.suggest-items li.newItem input[type=text],
.recipe-editor-page .custom-code-recipe ul.suggest-items li.newItem input[type=text]:hover {
  border: 1px solid #dddddd;
}
.recipe-editor-page .flow-variables .flow-variable {
  cursor: pointer;
  margin-left: -10px;
  padding: 5px 0 7px 10px;
}
.recipe-editor-page .flow-variables .flow-variable:nth-child(odd) {
  background: #f2f2f2;
}
.recipe-editor-page .flow-variables .flow-variable .value {
  line-height: 9px;
}
.editor-statusbar {
  font-size: 1em;
  padding: 0 5px;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  margin-bottom: 8px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.editor-statusbar ul {
  margin: 0;
}
.editor-statusbar .editor-statusbar__error {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.editor-statusbar .editor-statusbar--full-width {
  flex: 1;
  overflow: hidden;
}
.editor-statusbar .editor-statusbar__help {
  margin-left: 32px;
}
.job-result-pane {
  max-height: 40vh;
  overflow: auto;
}
.job-result-pane .alert {
  margin: 5px;
  border-radius: 0;
}
/* **************************************************
 * Recipe editor but not in the main container
 * **************************************************/
.mx-search-field {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px;
  margin-left: 10px;
  display: inline;
}
.mx-search-field span {
  margin: 0px 2px;
}
.mx-search-field input[type="search"] {
  border: none;
  margin: -3px 0px 0px 0px;
  width: 150px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.mx-search-field input[type="search"]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.partitioning-info {
  font-size: 12px;
}
.partitioning-info .partitioned {
  display: inline-block;
}
.partitioning-info .partitioned .partitioned-by-dimension {
  display: inline-block;
  margin: 0 10px;
}
.partitioning-info .partitioned .partitioned-by-dimension .details {
  color: #bbbbbb;
}
.half-pane {
  width: 49.9%;
  float: left;
  vertical-align: top;
  box-sizing: border-box;
}
.half-pane:first-child {
  padding-right: 10px;
}
.half-pane:last-child {
  padding-left: 10px;
}
.recipe-io .edit-section {
  max-height: 400px;
}
.recipe-io .top-line {
  border-top: 1px solid #dddddd;
}
.recipe-io .top-line-except-first-row:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.recipe-io .mx-row-height {
  height: 41px;
  line-height: 41px;
}
.recipe-io .setup-row {
  height: 41px;
  line-height: 41px;
  padding: 0px 28px 0px 28px;
}
.recipe-io .setup-row .btn-close {
  line-height: 41px;
}
.recipe-io .setup-row .search-field {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px;
  margin-left: 10px;
  display: inline;
}
.recipe-io .setup-row .search-field span {
  margin: 0px 2px;
}
.recipe-io .setup-row .search-field input[type="search"] {
  border: none;
  margin: -3px 0px 0px 0px;
  width: 150px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-io .setup-row .search-field input[type="search"]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-io .setup-top-row {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
}
.recipe-io .role-header {
  margin: 20px 15px 5px 25px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.recipe-io .illustration {
  display: inline-block;
  margin-right: 5px;
  color: #28a9dd;
}
.recipe-io ul {
  margin: 0px;
  list-style: none;
}
.recipe-io ul li > div {
  line-height: 20px;
}
.recipe-io ul li a {
  font-size: 15px;
  color: #666666;
}
.recipe-io ul li a:hover {
  text-decoration: none;
}
.recipe-io ul li small {
  color: #bbbbbb;
}
.recipe-io .choices li {
  height: 41px;
  line-height: 41px;
  padding: 0px 28px 0px 28px;
}
.recipe-io .choices li .btn-close {
  line-height: 41px;
}
.recipe-io .choices li .search-field {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px;
  margin-left: 10px;
  display: inline;
}
.recipe-io .choices li .search-field span {
  margin: 0px 2px;
}
.recipe-io .choices li .search-field input[type="search"] {
  border: none;
  margin: -3px 0px 0px 0px;
  width: 150px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-io .choices li .search-field input[type="search"]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-io .choices li .disabled {
  opacity: 0.6;
  pointer-events: none;
}
.recipe-io .choices li .disabled a > i {
  visibility: hidden;
}
.recipe-io .choices li:hover {
  background: #f2f2f2;
}
.recipe-io .choices li:hover > a {
  color: #2d86fb;
}
.recipe-io .choices li:hover div:not(.disabled) > a {
  color: #2d86fb;
}
.recipe-io .choices li > div {
  line-height: 41px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}
.recipe-io .choices li > div small,
.recipe-io .choices li > div a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  line-height: 20px;
}
.recipe-io .choices li > div a > i {
  margin-right: 15px;
}
.recipe-io .choices li > div small {
  margin-left: 28px;
}
.recipe-io .bounded-list {
  overflow: auto;
  max-height: 150px;
}
.recipe-io .chosen {
  padding: 0px 0px 11px 0px;
}
.recipe-io .chosen li {
  height: initial;
  line-height: 41px;
  padding: 10px 15px;
  margin: 2px 15px -2px 15px;
  background: #ffffff;
  box-shadow: 1px 1px 4px -1px #dddddd;
}
.recipe-io .chosen li:not(:last-child) {
  margin-bottom: 10px;
}
.recipe-io .chosen li > div {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.recipe-io .chosen li div,
.recipe-io .chosen li i {
  line-height: 20px;
}
.recipe-io .chosen li .action {
  float: right;
}
.recipe-io .chosen li i {
  font-size: 15px;
}
.recipe-io .chosen li a {
  color: #222222;
}
.recipe-io .chosen li label {
  font-size: 13px;
}
.recipe-io .chosen li .partitionDeps {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.recipe-io .chosen li .partitionDeps input[type=text],
.recipe-io .chosen li .partitionDeps input[type=url],
.recipe-io .chosen li .partitionDeps input[type=number],
.recipe-io .chosen li .partitionDeps input[type=date],
.recipe-io .chosen li .partitionDeps input[type=time],
.recipe-io .chosen li .partitionDeps input[type=password],
.recipe-io .chosen li .partitionDeps textarea,
.recipe-io .chosen li .partitionDeps select,
.recipe-io .chosen li .partitionDeps button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.recipe-io .chosen li .partitionDeps input[type=text]:focus,
.recipe-io .chosen li .partitionDeps input[type=url]:focus,
.recipe-io .chosen li .partitionDeps input[type=number]:focus,
.recipe-io .chosen li .partitionDeps input[type=date]:focus,
.recipe-io .chosen li .partitionDeps input[type=time]:focus,
.recipe-io .chosen li .partitionDeps input[type=password]:focus,
.recipe-io .chosen li .partitionDeps textarea:focus,
.recipe-io .chosen li .partitionDeps select:focus,
.recipe-io .chosen li .partitionDeps button.btn.selectpicker:focus,
.recipe-io .chosen li .partitionDeps input[type=text]:hover,
.recipe-io .chosen li .partitionDeps input[type=url]:hover,
.recipe-io .chosen li .partitionDeps input[type=number]:hover,
.recipe-io .chosen li .partitionDeps input[type=date]:hover,
.recipe-io .chosen li .partitionDeps input[type=time]:hover,
.recipe-io .chosen li .partitionDeps input[type=password]:hover,
.recipe-io .chosen li .partitionDeps textarea:hover,
.recipe-io .chosen li .partitionDeps select:hover,
.recipe-io .chosen li .partitionDeps button.btn.selectpicker:hover {
  color: #333333;
}
.recipe-io .chosen li .partitionDeps input[type=text]:focus,
.recipe-io .chosen li .partitionDeps input[type=url]:focus,
.recipe-io .chosen li .partitionDeps input[type=number]:focus,
.recipe-io .chosen li .partitionDeps input[type=date]:focus,
.recipe-io .chosen li .partitionDeps input[type=time]:focus,
.recipe-io .chosen li .partitionDeps input[type=password]:focus,
.recipe-io .chosen li .partitionDeps textarea:focus,
.recipe-io .chosen li .partitionDeps select:focus,
.recipe-io .chosen li .partitionDeps button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.recipe-io .chosen li .partitionDeps input[type=text].ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=url].ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=number].ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=date].ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=time].ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps input[type=password].ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps textarea.ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps select.ng-dirty.ng-invalid,
.recipe-io .chosen li .partitionDeps button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.recipe-io .chosen li .partitionDeps button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.recipe-io .chosen li .partitionDeps input[type=checkbox],
.recipe-io .chosen li .partitionDeps input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.recipe-io .chosen li .partitionDeps input[type=radio] {
  position: relative;
  top: -1px;
}
.recipe-io .chosen li .partitionDeps input:focus {
  border: 1px #31708f solid;
}
.recipe-io .chosen li .partitionDeps input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.recipe-io .chosen li .partitionDeps textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.recipe-io .chosen li .partitionDeps a:hover {
  text-decoration: none;
}
.recipe-io .chosen li .partitionDeps a:focus {
  outline: none;
}
.recipe-io .chosen li .partitionDeps .alert {
  border-radius: 0;
}
.recipe-io .chosen li .partitionDeps input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.recipe-io .chosen li .partitionDeps .partition-dep:not(:first-child) {
  margin-top: 10px;
}
.recipe-io .chosen li .partitionDeps .partition-dep form {
  margin-top: 10px;
}
.recipe-io .chosen li .partitionDeps .partition-name {
  width: 60px;
  text-align: right;
  display: inline-block;
}
.recipe-io .chosen li .partitionDeps input[type=number] {
  width: 80px;
}
.recipe-io .chosen li .partitionDeps input[type=text] {
  width: 200px;
}
.recipe-io .chosen li .partitionDeps input.fixed-date {
  width: 100px;
}
.recipe-io .chosen li .partitionDeps li {
  box-shadow: none;
  margin: 0px;
  padding: 5px 10px;
  line-height: 18px;
  border-box: none;
}
.recipe-io .chosen li .partitionDeps .expand-variables {
  display: inline-block;
  font-size: 12px;
}
.recipe-io .chosen li .clickable-row a:hover {
  text-decoration: underline;
}
.recipe-io .chosen li .output-name,
.recipe-io .chosen li .input-name {
  word-wrap: break-word;
}
.recipe-io .floating-close {
  position: absolute;
  display: inline;
  right: 28px;
  z-index: 2000;
}
.recipe-io .floating-close a {
  height: 41px;
  line-height: 41px;
}
.recipe-io .suggested-new-output-dataset {
  position: relative;
}
.recipe-io .suggested-new-output-dataset form {
  padding: 0px 28px 0px 28px;
}
.recipe-io .suggested-new-output-dataset .control-group {
  margin-top: 0px;
  margin-bottom: 19px;
}
.recipe-io .suggested-new-output-dataset .control-group .control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0px;
  width: auto;
  float: none;
  text-align: left;
  color: #666666;
}
.recipe-io .suggested-new-output-dataset .control-group .controls {
  margin-top: 0px;
  margin-left: 0px;
  line-height: 20px;
}
.recipe-io .suggested-new-output-dataset .control-group select {
  width: 100%;
  color: #666666;
  height: 30px;
}
.recipe-io .suggested-new-output-dataset .control-group input {
  width: 100%;
  color: #666666;
  height: 30px;
}
.recipe-io .suggested-new-output-dataset .control-group .bootstrap-select {
  width: 100% !important;
  height: 30px;
}
.recipe-io .suggested-new-output-dataset .control-group .bootstrap-select button {
  height: 100%;
  color: #666666;
}
.recipe-io .suggested-new-output-dataset .actions {
  text-align: center;
}
.recipe-io .suggested-new-output-dataset .actions .btn {
  margin: 5px auto;
  height: 32px;
}
.recipe-io .bottom-button {
  padding: 0px 15px;
  margin: 0px 0px 10px 0px;
}
.recipe-io .btn-add {
  max-width: 250px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.recipe-io .btn-close {
  font-size: 12px;
  text-decoration: none;
  color: #bbbbbb;
}
.recipe-io .btn-close:hover {
  text-decoration: none;
}
.dku-switches {
  margin: 10px auto 10px auto;
  text-align: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
}
.dku-switches a {
  color: #bbbbbb;
}
.dku-switches a:hover {
  text-decoration: none;
}
.dku-switches .selected {
  font-weight: 600;
  color: #666666;
}
.recipe-modal-io .partitioning-info,
.recipe-settings-section1 .partitioning-info {
  line-height: 1;
  margin-left: -23px;
  margin-top: -7px;
  font-size: 11px;
}
.recipe-modal-io .top-line,
.recipe-settings-section1 .top-line {
  border-top: 1px solid #dddddd;
}
.recipe-modal-io .mx-row-height,
.recipe-settings-section1 .mx-row-height {
  height: 41px;
  line-height: 41px;
}
.recipe-modal-io .setup-row,
.recipe-settings-section1 .setup-row {
  height: 41px;
  line-height: 41px;
  padding: 0px 28px 0px 28px;
}
.recipe-modal-io .setup-row .btn-close,
.recipe-settings-section1 .setup-row .btn-close {
  line-height: 41px;
}
.recipe-modal-io .setup-row .search-field,
.recipe-settings-section1 .setup-row .search-field {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px;
  margin-left: 10px;
  display: inline;
}
.recipe-modal-io .setup-row .search-field span,
.recipe-settings-section1 .setup-row .search-field span {
  margin: 0px 2px;
}
.recipe-modal-io .setup-row .search-field input[type="search"],
.recipe-settings-section1 .setup-row .search-field input[type="search"] {
  border: none;
  margin: -3px 0px 0px 0px;
  width: 150px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-modal-io .setup-row .search-field input[type="search"]:focus,
.recipe-settings-section1 .setup-row .search-field input[type="search"]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-modal-io .setup-top-row,
.recipe-settings-section1 .setup-top-row {
  font-size: 18px;
}
.recipe-modal-io .role-header,
.recipe-settings-section1 .role-header {
  margin: 20px 15px 5px 15px;
  font-size: 16px;
  color: #666666;
}
.recipe-modal-io .illustration,
.recipe-settings-section1 .illustration {
  color: #28a9dd;
}
.recipe-modal-io .information,
.recipe-settings-section1 .information {
  word-break: break-word;
  text-overflow: ellipsis;
  padding: 0px 5px 0px 10px;
}
.recipe-modal-io .information span,
.recipe-settings-section1 .information span {
  line-height: 20px;
  display: inline-block;
}
.recipe-modal-io ul,
.recipe-settings-section1 ul {
  margin: 0px;
  list-style: none;
}
.recipe-modal-io li a,
.recipe-settings-section1 li a,
.recipe-modal-io .item a,
.recipe-settings-section1 .item a {
  color: #666666;
}
.recipe-modal-io li a:hover,
.recipe-settings-section1 li a:hover,
.recipe-modal-io .item a:hover,
.recipe-settings-section1 .item a:hover {
  text-decoration: none;
}
.recipe-modal-io li small,
.recipe-settings-section1 li small,
.recipe-modal-io .item small,
.recipe-settings-section1 .item small {
  color: #666666;
}
.recipe-modal-io .choices li,
.recipe-settings-section1 .choices li,
.recipe-modal-io .choices .item,
.recipe-settings-section1 .choices .item {
  height: 41px;
  line-height: 41px;
  padding: 0px 28px 0px 28px;
}
.recipe-modal-io .choices li .btn-close,
.recipe-settings-section1 .choices li .btn-close,
.recipe-modal-io .choices .item .btn-close,
.recipe-settings-section1 .choices .item .btn-close {
  line-height: 41px;
}
.recipe-modal-io .choices li .search-field,
.recipe-settings-section1 .choices li .search-field,
.recipe-modal-io .choices .item .search-field,
.recipe-settings-section1 .choices .item .search-field {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px;
  margin-left: 10px;
  display: inline;
}
.recipe-modal-io .choices li .search-field span,
.recipe-settings-section1 .choices li .search-field span,
.recipe-modal-io .choices .item .search-field span,
.recipe-settings-section1 .choices .item .search-field span {
  margin: 0px 2px;
}
.recipe-modal-io .choices li .search-field input[type="search"],
.recipe-settings-section1 .choices li .search-field input[type="search"],
.recipe-modal-io .choices .item .search-field input[type="search"],
.recipe-settings-section1 .choices .item .search-field input[type="search"] {
  border: none;
  margin: -3px 0px 0px 0px;
  width: 150px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-modal-io .choices li .search-field input[type="search"]:focus,
.recipe-settings-section1 .choices li .search-field input[type="search"]:focus,
.recipe-modal-io .choices .item .search-field input[type="search"]:focus,
.recipe-settings-section1 .choices .item .search-field input[type="search"]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.recipe-modal-io .choices li .disabled,
.recipe-settings-section1 .choices li .disabled,
.recipe-modal-io .choices .item .disabled,
.recipe-settings-section1 .choices .item .disabled {
  opacity: 0.6;
  pointer-events: none;
}
.recipe-modal-io .choices li .disabled a > i,
.recipe-settings-section1 .choices li .disabled a > i,
.recipe-modal-io .choices .item .disabled a > i,
.recipe-settings-section1 .choices .item .disabled a > i {
  visibility: hidden;
}
.recipe-modal-io .choices li .disabled a .illustration,
.recipe-settings-section1 .choices li .disabled a .illustration,
.recipe-modal-io .choices .item .disabled a .illustration,
.recipe-settings-section1 .choices .item .disabled a .illustration {
  display: inline-block;
  margin-right: 5px;
}
.recipe-modal-io .choices li:hover,
.recipe-settings-section1 .choices li:hover,
.recipe-modal-io .choices .item:hover,
.recipe-settings-section1 .choices .item:hover {
  background: #f2f2f2;
}
.recipe-modal-io .choices li:hover > a,
.recipe-settings-section1 .choices li:hover > a,
.recipe-modal-io .choices .item:hover > a,
.recipe-settings-section1 .choices .item:hover > a {
  color: #267cfb;
}
.recipe-modal-io .choices li:hover div:not(.disabled) > a,
.recipe-settings-section1 .choices li:hover div:not(.disabled) > a,
.recipe-modal-io .choices .item:hover div:not(.disabled) > a,
.recipe-settings-section1 .choices .item:hover div:not(.disabled) > a {
  color: #267cfb;
}
.recipe-modal-io .choices li > div,
.recipe-settings-section1 .choices li > div,
.recipe-modal-io .choices .item > div,
.recipe-settings-section1 .choices .item > div {
  line-height: 41px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}
.recipe-modal-io .choices li > div small,
.recipe-settings-section1 .choices li > div small,
.recipe-modal-io .choices .item > div small,
.recipe-settings-section1 .choices .item > div small,
.recipe-modal-io .choices li > div a,
.recipe-settings-section1 .choices li > div a,
.recipe-modal-io .choices .item > div a,
.recipe-settings-section1 .choices .item > div a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  line-height: 20px;
}
.recipe-modal-io .choices li > div a > i,
.recipe-settings-section1 .choices li > div a > i,
.recipe-modal-io .choices .item > div a > i,
.recipe-settings-section1 .choices .item > div a > i {
  margin-right: 15px;
}
.recipe-modal-io .choices li > div a .illustration,
.recipe-settings-section1 .choices li > div a .illustration,
.recipe-modal-io .choices .item > div a .illustration,
.recipe-settings-section1 .choices .item > div a .illustration {
  display: inline-block;
  margin-right: 5px;
}
.recipe-modal-io .choices li > div small,
.recipe-settings-section1 .choices li > div small,
.recipe-modal-io .choices .item > div small,
.recipe-settings-section1 .choices .item > div small {
  margin-left: 28px;
}
.recipe-modal-io .bounded-list,
.recipe-settings-section1 .bounded-list {
  overflow: auto;
  max-height: 150px;
}
.recipe-modal-io .chosen,
.recipe-settings-section1 .chosen {
  padding: 0px 0px 10px 0px;
}
.recipe-modal-io .chosen > li,
.recipe-settings-section1 .chosen > li,
.recipe-modal-io .chosen .item,
.recipe-settings-section1 .chosen .item {
  height: 41px;
  line-height: 41px;
  height: auto;
  padding: 0px 15px 0px 15px;
  margin: 0px 15px 0px 15px;
}
.recipe-modal-io .chosen > li:not(.prompt),
.recipe-settings-section1 .chosen > li:not(.prompt),
.recipe-modal-io .chosen .item:not(.prompt),
.recipe-settings-section1 .chosen .item:not(.prompt) {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.recipe-modal-io .chosen > li:not(:last-child),
.recipe-settings-section1 .chosen > li:not(:last-child),
.recipe-modal-io .chosen .item:not(:last-child),
.recipe-settings-section1 .chosen .item:not(:last-child) {
  margin-bottom: 10px;
}
.recipe-modal-io .chosen > li .action,
.recipe-settings-section1 .chosen > li .action,
.recipe-modal-io .chosen .item .action,
.recipe-settings-section1 .chosen .item .action {
  float: right;
}
.recipe-modal-io .floating-close,
.recipe-settings-section1 .floating-close {
  position: absolute;
  display: inline;
  right: 28px;
  z-index: 2000;
}
.recipe-modal-io .floating-close a,
.recipe-settings-section1 .floating-close a {
  height: 41px;
  line-height: 41px;
}
.recipe-modal-io .suggested-new-output-dataset,
.recipe-settings-section1 .suggested-new-output-dataset {
  position: relative;
}
.recipe-modal-io .suggested-new-output-dataset form,
.recipe-settings-section1 .suggested-new-output-dataset form {
  padding: 0px 28px 0px 28px;
}
.recipe-modal-io .suggested-new-output-dataset form .control-group,
.recipe-settings-section1 .suggested-new-output-dataset form .control-group {
  margin-bottom: 11px;
}
.recipe-modal-io .suggested-new-output-dataset .actions,
.recipe-settings-section1 .suggested-new-output-dataset .actions {
  text-align: center;
}
.recipe-modal-io .bottom-button,
.recipe-settings-section1 .bottom-button {
  padding: 0px 15px;
  margin: 0px 0px 10px 0px;
}
.recipe-modal-io .btn-add,
.recipe-settings-section1 .btn-add {
  height: 41px;
  line-height: 41px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  background: #3b99fc;
  color: #ffffff;
}
.recipe-modal-io .btn-add:hover,
.recipe-settings-section1 .btn-add:hover {
  background: #58a8fc;
}
.recipe-modal-io .btn-close,
.recipe-settings-section1 .btn-close {
  font-size: 12px;
  text-decoration: none;
}
.recipe-modal-io .btn-close:hover,
.recipe-settings-section1 .btn-close:hover {
  text-decoration: none;
}
.recipe-modal-io .dss-object-selector-mainzone:not(.has-dataset) {
  height: 38px;
  line-height: 36px;
}
.recipe-modal-io__disabled-explanation {
  padding: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  color: #bbbbbb;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-end;
}
.recipe-modal-io__disabled-explanation .override-min-height {
  min-height: 0px;
}
.recipe-modal-io__disabled-explanation > .standard-container__wrap {
  flex-grow: 0;
}
.recipe-modal-io__disabled-explanation > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.recipe-modal-io__disabled-explanation > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.recipe-modal-io__disabled-explanation > .flex .override-min-height {
  min-height: 0px;
}
.recipe-modal-io__disabled-explanation > .flex-no-basis,
.recipe-modal-io__disabled-explanation .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.recipe-modal-io__disabled-explanation > .flex-no-basis .override-min-height,
.recipe-modal-io__disabled-explanation .flex-no-basis .override-min-height {
  min-height: 0px;
}
.recipe-modal-io__disabled-explanation > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.recipe-modal-io__disabled-explanation > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.recipe-modal-io__disabled-explanation > .noflex,
.recipe-modal-io__disabled-explanation .top-level-tabs,
.recipe-modal-io__disabled-explanation > .alert,
.recipe-modal-io__disabled-explanation > .bottom-bar,
.recipe-modal-io__disabled-explanation > .input-append,
.recipe-modal-io__disabled-explanation > div[block-api-error],
.recipe-modal-io__disabled-explanation > h1,
.recipe-modal-io__disabled-explanation > h2,
.recipe-modal-io__disabled-explanation > h3,
.recipe-modal-io__disabled-explanation > h4,
.recipe-modal-io__disabled-explanation > h5,
.recipe-modal-io__disabled-explanation > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.recipe-modal-io__padded-elem {
  padding: 8px 24px 0 24px;
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.recipe-modal-io__padded-elem .control-group {
  margin-bottom: 16px;
}
.recipe-modal-io__prediction-model-selector {
  padding: calc(23px) 24px 0 24px;
}
.recipe-modal-io__prediction-model-selector .control-group {
  margin-bottom: 16px;
}
.recipe-modal-io__prediction-model-selector .control-group .btn-group {
  height: 38px;
}
.recipe-modal-io__recipe-display-list {
  padding-top: 10px;
}
.recipe-modal-io__recipe-display-list:first-of-type {
  padding-top: calc(34px);
}
.recipe-modal-io--padtop-16 .recipe-modal-io__recipe-display-list:first-of-type {
  padding-top: 16px;
}
.recipe-modal-io__single-output-half-pane {
  padding-top: 8px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.recipe-modal-io__single-output-half-pane .override-min-height {
  min-height: 0px;
}
.recipe-modal-io__single-output-half-pane > .standard-container__wrap {
  flex-grow: 0;
}
.recipe-modal-io__single-output-half-pane > .standard-container__wrap + .standard-container__wrap {
  margin-top: 32px;
  margin-left: 0;
  flex-grow: 0;
}
.recipe-modal-io__single-output-half-pane > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.recipe-modal-io__single-output-half-pane > .flex .override-min-height {
  min-height: 0px;
}
.recipe-modal-io__single-output-half-pane > .flex-no-basis,
.recipe-modal-io__single-output-half-pane .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.recipe-modal-io__single-output-half-pane > .flex-no-basis .override-min-height,
.recipe-modal-io__single-output-half-pane .flex-no-basis .override-min-height {
  min-height: 0px;
}
.recipe-modal-io__single-output-half-pane > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.recipe-modal-io__single-output-half-pane > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.recipe-modal-io__single-output-half-pane > .noflex,
.recipe-modal-io__single-output-half-pane .top-level-tabs,
.recipe-modal-io__single-output-half-pane > .alert,
.recipe-modal-io__single-output-half-pane > .bottom-bar,
.recipe-modal-io__single-output-half-pane > .input-append,
.recipe-modal-io__single-output-half-pane > div[block-api-error],
.recipe-modal-io__single-output-half-pane > h1,
.recipe-modal-io__single-output-half-pane > h2,
.recipe-modal-io__single-output-half-pane > h3,
.recipe-modal-io__single-output-half-pane > h4,
.recipe-modal-io__single-output-half-pane > h5,
.recipe-modal-io__single-output-half-pane > h6 {
  -webkit-flex-flex: 0 0 auto;
  flex: 0 0 auto;
}
.recipe-modal-io__single-output-half-pane .suggested-new-output-dataset {
  padding-top: 0!important;
}
.recipe-settings legend {
  border-bottom: none;
}
.recipe-settings .settings-block {
  height: initial;
  padding: 15px 25px;
  margin: 15px 15px;
  background: #ffffff;
  box-shadow: 1px 1px 2px #dddddd;
}
.recipe-settings .settings-block.disabled {
  opacity: 0.5;
}
.recipe-settings .settings-block h4 {
  font-weight: 400;
}
.popup-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup-info .linky {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
}
.popup-info .hidden-help {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  overflow: hidden;
}
.popup-info .helpy {
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  background: #ffffff;
  height: 250px;
  transform: translate(0px, 250px);
}
.popup-info .helpy .help-zone {
  padding: 15px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  height: 200px;
}
.popup-info.hovered .hidden-help {
  height: 250px;
}
.popup-info.hovered .helpy {
  transform: translate(0px, 0px);
  -webkit-transition: all, 0.5s, ease-in;
  -moz-transition: all, 0.5s, ease-in;
  -ms-transition: all, 0.5s, ease-in;
  -o-transition: all, 0.5s, ease-in;
  transition: all, 0.5s, ease-in;
}
.modal .sql-results-table {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
}
.modal .sql-results-table tr th {
  padding: 0;
  margin: 0;
  background: #ffffff;
}
.modal .sql-results-table tr td {
  padding: 0;
  line-height: 15px;
}
.modal .sql-results-table tr td .cell {
  min-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.modal .sql-results-table .column-header {
  padding: 5px;
  line-height: 1.6;
  position: relative;
}
.modal .sql-results-table .column-header .type {
  font-weight: 400;
  color: #bbbbbb;
  font-size: 0.8em;
}
.modal .sql-results-table .column-header .name a {
  outline: 0;
}
.code-edit-schema-box {
  min-width: 1100px;
}
.code-edit-schema-box .column-header-meanings-menu {
  font-family: 'SourceSansPro';
}
.code-edit-schema-box .column-header-meanings-menu ul {
  margin: 0;
}
.code-edit-schema-box .column-header-meanings-menu ul li {
  list-style: none;
  padding: 0 6px;
}
.code-edit-schema-box .column-header-meanings-menu ul li:hover:not(.nav-header) {
  background-color: #f2f2f2;
}
.code-edit-schema-box .column-header-meanings-menu ul li a {
  font-size: 13px;
  display: block;
  width: 100%;
  color: #333333 !important;
}
.code-edit-schema-box .column-header-meanings-menu ul li a:hover {
  text-decoration: none;
}
.code-edit-schema-box .column-header-meanings-menu ul li a:focus {
  outline: none;
}
.code-edit-schema-box .column-header-meanings-menu ul li:not(.dropdown-submenu) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.code-edit-schema-box .column-header-meanings-menu ul li.divider {
  border-bottom: 1px solid #dddddd;
}
.code-edit-schema-box .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu {
  border-radius: 0;
}
.code-edit-schema-box .column-header-meanings-menu ul li.dropdown-submenu a {
  background: none;
}
.code-edit-schema-box .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li.nav-header {
  padding: 0 6px;
}
.code-edit-schema-box .column-header-meanings-menu ul li.dropdown-submenu .dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  padding: 0;
}
.code-edit-schema-box span.column-edit-meaning {
  cursor: pointer;
}
.code-edit-schema-box span.column-edit-meaning:hover .caret {
  opacity: 0.8;
}
.code-edit-schema-box span.column-edit-meaning .caret {
  vertical-align: middle;
  transition: all 0.2s ease;
  opacity: 0.3;
}
.code-edit-schema-box span.no-rows-info {
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}
.code-edit-schema-box .type-sidebar {
  transition: width 0.4s ease-in-out;
  border-left: 1px solid #dddddd;
}
.code-edit-schema-box .type-sidebar.hidden {
  width: 0;
}
.code-edit-schema-box .header {
  padding-top: 5px;
  font-weight: 600;
  height: 33px;
}
.code-edit-schema-box .header.last-header {
  border-bottom: 1px solid #dddddd;
}
.code-edit-schema-box .header span {
  display: inline-block;
}
.code-edit-schema-box span {
  display: inline-block;
}
.code-edit-schema-box span.name {
  width: 440px;
}
.code-edit-schema-box .mass {
  width: 20px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.code-edit-schema-box .mass .checkbox-label {
  padding: 6px;
}
.code-edit-schema-box .mass input[type='checkbox'] {
  vertical-align: middle;
  margin: 0px;
}
.code-edit-schema-box .mass-toggle {
  display: inline-block;
  width: 50px;
  padding-left: 10px;
}
.code-edit-schema-box .mass-actions {
  margin-left: 25px;
}
.code-edit-schema-box .mass-actions > * {
  margin-left: 10px;
}
.code-edit-schema-box .mass-actions small {
  color: #666666;
  font-style: italic;
}
.code-edit-schema-box div.columns {
  margin-bottom: 0;
  display: inline-block;
  min-width: 100%;
}
.code-edit-schema-box div.columns li {
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 34px;
  height: 36px;
  border-bottom: 1px solid #dddddd;
}
.code-edit-schema-box div.columns li input {
  box-shadow: none;
}
.code-edit-schema-box div.columns li ins {
  text-decoration: none;
  color: #cccccc;
  font-size: 18px;
  letter-spacing: -2px;
  display: inline-block;
  width: 15px;
  cursor: move;
}
.code-edit-schema-box div.columns li * {
  vertical-align: middle;
}
.code-edit-schema-box div.columns li.selected {
  background-color: #e7f3ff;
}
.code-edit-schema-box div.columns li.selected ins {
  color: #f2f2f2;
}
.code-edit-schema-box div.columns li .actions {
  font-size: 16px;
  color: #bbbbbb;
  transition: opacity .2s;
  opacity: 0;
  margin-right: 10px;
}
.code-edit-schema-box div.columns li .actions a {
  margin: 1px 0 0 5px;
}
.code-edit-schema-box div.columns li:hover .actions {
  opacity: 1;
}
.code-edit-schema-box div.columns a {
  color: #333333;
  margin: 0 5px;
}
.code-edit-schema-box div.columns a:hover {
  text-decoration: none;
}
.code-edit-schema-box div.columns a:focus {
  outline: none;
}
.code-edit-schema-box div.columns li span.name {
  box-sizing: border-box;
  padding-right: 15px;
  position: relative;
}
.code-edit-schema-box div.columns li span.name input {
  width: 100%;
}
.code-edit-schema-box div.columns li span.name label {
  line-height: inherit;
  font-size: inherit;
}
.code-edit-schema-box div.columns li span.name label > span {
  position: absolute;
  top: 0px;
  left: 0;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.code-edit-schema-box div.columns span.comment {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-style: italic;
  color: #bbbbbb;
}
.code-edit-schema-box form {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.code-edit-schema-box form input[type=text],
.code-edit-schema-box form input[type=url],
.code-edit-schema-box form input[type=number],
.code-edit-schema-box form input[type=date],
.code-edit-schema-box form input[type=time],
.code-edit-schema-box form input[type=password],
.code-edit-schema-box form textarea,
.code-edit-schema-box form select,
.code-edit-schema-box form button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.code-edit-schema-box form input[type=text]:focus,
.code-edit-schema-box form input[type=url]:focus,
.code-edit-schema-box form input[type=number]:focus,
.code-edit-schema-box form input[type=date]:focus,
.code-edit-schema-box form input[type=time]:focus,
.code-edit-schema-box form input[type=password]:focus,
.code-edit-schema-box form textarea:focus,
.code-edit-schema-box form select:focus,
.code-edit-schema-box form button.btn.selectpicker:focus,
.code-edit-schema-box form input[type=text]:hover,
.code-edit-schema-box form input[type=url]:hover,
.code-edit-schema-box form input[type=number]:hover,
.code-edit-schema-box form input[type=date]:hover,
.code-edit-schema-box form input[type=time]:hover,
.code-edit-schema-box form input[type=password]:hover,
.code-edit-schema-box form textarea:hover,
.code-edit-schema-box form select:hover,
.code-edit-schema-box form button.btn.selectpicker:hover {
  color: #333333;
}
.code-edit-schema-box form input[type=text]:focus,
.code-edit-schema-box form input[type=url]:focus,
.code-edit-schema-box form input[type=number]:focus,
.code-edit-schema-box form input[type=date]:focus,
.code-edit-schema-box form input[type=time]:focus,
.code-edit-schema-box form input[type=password]:focus,
.code-edit-schema-box form textarea:focus,
.code-edit-schema-box form select:focus,
.code-edit-schema-box form button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.code-edit-schema-box form input[type=text].ng-dirty.ng-invalid,
.code-edit-schema-box form input[type=url].ng-dirty.ng-invalid,
.code-edit-schema-box form input[type=number].ng-dirty.ng-invalid,
.code-edit-schema-box form input[type=date].ng-dirty.ng-invalid,
.code-edit-schema-box form input[type=time].ng-dirty.ng-invalid,
.code-edit-schema-box form input[type=password].ng-dirty.ng-invalid,
.code-edit-schema-box form textarea.ng-dirty.ng-invalid,
.code-edit-schema-box form select.ng-dirty.ng-invalid,
.code-edit-schema-box form button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.code-edit-schema-box form button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.code-edit-schema-box form button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.code-edit-schema-box form input[type=checkbox],
.code-edit-schema-box form input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.code-edit-schema-box form input[type=radio] {
  position: relative;
  top: -1px;
}
.code-edit-schema-box form input:focus {
  border: 1px #31708f solid;
}
.code-edit-schema-box form input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.code-edit-schema-box form textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.code-edit-schema-box form a:hover {
  text-decoration: none;
}
.code-edit-schema-box form a:focus {
  outline: none;
}
.code-edit-schema-box form .alert {
  border-radius: 0;
}
.code-edit-schema-box form input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.code-edit-schema-box select {
  width: 100px;
  border: none;
  color: #666666;
  background: transparent;
}
.code-edit-schema-box div.add {
  padding: 10px;
}
.code-edit-schema-box .dataset-schema-editor span.name {
  width: 300px;
}
.code-edit-schema-box .alert-info {
  margin: 15px 15px 0 15px;
}
.code-edit-schema-box .modal-body {
  padding: 0;
}
.popover.column-info-popover .popover-title {
  padding: 30px 0 0 30px;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  background: none;
}
.popover.column-info-popover .popover-content {
  height: 300px;
  overflow-y: auto;
}
.popover.column-info-popover .popover-content div.line {
  height: auto;
}
.popover.column-info-popover .popover-content .meaning-definition {
  padding: 10px 0;
}
.popover.column-info-popover .popover-content .meaning-definition hr {
  margin: 7px 0;
}
.popover.column-info-popover .popover-content .meaning-definition .type,
.popover.column-info-popover .popover-content .meaning-definition .id,
.popover.column-info-popover .popover-content .meaning-definition .columns {
  display: none;
}
.popover .popover-content > .column-info {
  width: 300px;
  box-sizing: border-box;
  height: 300px;
}
.execution-plan {
  overflow: auto;
}
.execution-plan pre {
  white-space: pre;
  word-wrap: normal;
  background: inherit;
  border: none;
  line-height: 14px;
  font-size: 11px;
  font-family: 'Lucida Console', monospace;
}
.execution-plan .warning {
  color: #f28c37;
}
.execution-plan .clear {
  color: #4caf50;
}
.sql-modal .tabs {
  margin: 0 !important;
  padding: 0 9px;
}
.sql-modal .tabs .tab {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2px;
  display: inline-block;
  list-style: none;
  padding: 0px 13px 0px;
  margin: 0 3px;
  line-height: 48px;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: none;
  position: relative;
  color: #666666;
}
.sql-modal .tabs .tab:hover {
  text-decoration: none;
}
.sql-modal .tabs .tab:focus {
  outline: none;
}
.sql-modal .tabs .tab:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -1px;
  content: ' ';
  z-index: -1;
  height: 46px;
}
.sql-modal .tabs .tab.enabled {
  z-index: 3;
  font-weight: 500;
  position: relative;
}
.sql-modal .tabs .tab.enabled:before {
  border-bottom: 2px solid #666666;
}
.sql-modal .tabs .tab.enabled:not(.dku-fw500-width) {
  padding: 0 10px 1px;
}
.sql-modal .tabs .tab.tab--compact {
  margin: 0px;
  padding: 0px;
}
.sql-modal .CodeMirror,
.sql-modal .execution-plan {
  height: 240px;
  padding: 5px;
  border: 1px solid #dddddd;
  border-radius: 0;
  background-color: #f2f2f2;
  font-size: 11px;
}
.new-sql-recipe-box {
  width: 700px;
}
.managed-folder-view .main-zone {
  max-width: 1050px;
  margin: 0 auto;
}
.managed-folder-view .main-zone .leftPane.sampling {
  background: #ffffff;
}
.managed-folder-view .main-zone .leftPane.sampling .tabbable .tab-content {
  background: #ffffff;
}
.managed-folder-view .main-zone .leftPane.sampling .run-button {
  border-top: 0;
}
.managed-folder-view .main-zone .leftPane tabs {
  position: relative;
  height: 100%;
  height: calc(100% - 45px);
}
.managed-folder-view .main-zone .leftPane .tabbable {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.managed-folder-view .main-zone .leftPane .tabbable > ul.nav-tabs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  padding-top: 3px;
  padding-left: 0;
}
.managed-folder-view .main-zone .leftPane .tabbable > ul.nav-tabs > li {
  height: 56px;
  flex: 1 1 auto;
  text-align: center;
  margin-left: 0px;
}
.managed-folder-view .main-zone .leftPane .tabbable > ul.nav-tabs > li a:hover {
  background-color: initial;
  border-color: transparent;
  background: initial;
}
.managed-folder-view .main-zone .leftPane .tabbable > ul.nav-tabs > li .title {
  font-size: 17.5px;
}
.managed-folder-view .main-zone .leftPane .tabbable > ul.nav-tabs > li .subtitle {
  color: #bbbbbb;
  font-weight: 400;
  font-size: 13px;
}
.managed-folder-view .main-zone .leftPane .tabbable .tab-content {
  overflow: auto;
  margin: 0;
  flex: 1 1 0;
  position: relative;
  background-color: #f2f2f2;
}
.managed-folder-view .main-zone .leftPane .tabbable .tab-content {
  padding: 0;
}
.managed-folder-view .main-zone .leftPane .tabbable li > a {
  height: 50px;
}
.managed-folder-view .view-header {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  height: auto;
  align-items: flex-start;
  margin-bottom: 10px;
}
.managed-folder-view .view-header h2.main-title {
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  border-bottom: none;
  margin-right: 15px;
  padding: 0;
}
.managed-folder-view .view-header h2.main-title i:first-child {
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.managed-folder-view .view-header h2.main-title .path-element {
  cursor: not-allowed;
}
.managed-folder-view .view-header h2.main-title .path-element.browsable {
  cursor: pointer;
}
.managed-folder-view .view-header h2.main-title .path-element.browsable:hover {
  color: #333333;
}
.managed-folder-view .view-header h2.main-title i.icon-caret-down {
  margin-left: 2px;
  color: #666666;
  font-size: 15px;
  cursor: pointer;
}
.managed-folder-view .view-header h2.main-title i.icon-caret-down:hover {
  color: #333333;
}
.managed-folder-view .view-header h2.main-title .meta {
  font-size: 14px;
  margin-left: 10px;
}
.managed-folder-view .folder-content .content-list-wrapper,
.managed-folder-view .folder-content .content-preview-wrapper {
  flex: 0 0 50%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.managed-folder-view .folder-content .content-list-wrapper {
  border-right: none;
}
.managed-folder-view .folder-content .content-preview-wrapper .preview-cta {
  color: #bbbbbb;
}
.managed-folder-view .folder-content .centered-info {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #bbbbbb;
  position: relative;
}
.managed-folder-view .files-zone {
  position: relative;
}
.managed-folder-view .files-zone .droparea {
  border: none;
  background: transparent;
}
.managed-folder-view .files-zone .droparea .nested-template-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.managed-folder-view .files-zone .content-file-list-wrapper {
  flex: 1 1 0;
  overflow-y: scroll;
}
.managed-folder-view .files-zone .content-file-list-wrapper ul.contents-file-list {
  padding: 0;
  margin: 0;
}
.managed-folder-view .files-zone .contents-file-list-lines-wrapper[full-click] {
  cursor: initial;
}
.managed-folder-view .files-zone .contents-file-list-line {
  display: flex;
  color: #bbbbbb;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #dddddd;
  align-items: center;
  cursor: pointer;
}
.managed-folder-view .files-zone .contents-file-list-line .name {
  flex: 0 0 100%;
  padding-left: 15px;
  padding-right: 0px;
  color: #666666;
  box-sizing: border-box;
}
.managed-folder-view .files-zone .contents-file-list-line .name i {
  display: inline-block;
  width: 20px;
}
.managed-folder-view .files-zone .contents-file-list-line:hover:not(.header),
.managed-folder-view .files-zone .contents-file-list-line.hovered {
  background-color: #f2f2f2;
}
.managed-folder-view .files-zone .contents-file-list-line:hover:not(.header).selected,
.managed-folder-view .files-zone .contents-file-list-line.hovered.selected {
  background-color: #e7f3ff;
}
.managed-folder-view .files-zone .contents-file-list-line.selected {
  background-color: #e7f3ff;
}
.managed-folder-view .files-zone .contents-file-list-line .name {
  flex: 0 0 45%;
  padding-right: 20px;
}
.managed-folder-view .files-zone .contents-file-list-line.header .name {
  cursor: pointer;
}
.managed-folder-view .files-zone .contents-file-list-line.header .name i {
  font-size: 10px;
  margin-left: 10px;
  color: #666666;
}
.managed-folder-view .files-zone .contents-file-list-line .upload-progress-wrapper {
  flex: 1 1 0;
  padding-right: 10px;
}
.managed-folder-view .files-zone .contents-file-list-line .upload-progress-wrapper progress {
  width: 100%;
}
.managed-folder-view .files-zone .contents-file-list-line .meta-info {
  flex: 1 1 0;
  display: flex;
  text-align: left;
}
.managed-folder-view .files-zone .contents-file-list-line .meta-info > * {
  flex: 1 1 0;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.managed-folder-view .files-zone .contents-file-list-line .meta-info > *:not(:first-child) {
  padding-left: 20px;
}
.managed-folder-view .files-zone .contents-file-list-line .meta-info > * i {
  font-size: 10px;
  margin-left: 10px;
  color: #666666;
}
.managed-folder-view .files-zone .contents-file-list-line .action-col {
  flex: 0 0 75px;
  text-align: center;
}
.managed-folder-view .files-zone .contents-file-list-line .action-col a {
  display: none;
}
.managed-folder-view .files-zone .contents-file-list-line:hover:not(.header) .action-col a,
.managed-folder-view .files-zone .contents-file-list-line.hovered .action-col a {
  display: inline-block;
  color: #bbbbbb;
  text-align: center;
  width: 29%;
}
.managed-folder-view .files-zone .contents-file-list-line:hover:not(.header) .action-col a:hover,
.managed-folder-view .files-zone .contents-file-list-line.hovered .action-col a:hover {
  color: #666666;
  text-decoration: none;
}
.managed-folder-view .files-zone .contents-file-list-line.header {
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  border-bottom: 1px solid #dddddd;
  color: #333333;
  overflow-y: scroll;
}
.managed-folder-view .files-zone .contents-file-list-line.header .name {
  color: #333333;
  padding-left: 35px;
}
.managed-folder-view .files-zone .upload-hook {
  flex: 0 0 auto;
  box-sizing: border-box;
  position: static;
  border-top: 1px solid #dddddd;
}
.managed-folder-view .files-zone.empty-folder > * {
  position: relative;
}
.managed-folder-view .files-zone.empty-folder > * .upload-hook {
  display: none;
}
.managed-folder-view .files-zone.empty-folder > * .preview-cta .default-cta {
  display: block;
}
.managed-folder-view .files-zone.empty-folder > * .preview-cta .dropping-cta {
  display: none;
}
.managed-folder-view .files-zone.empty-folder > * .preview-cta .upload-hook {
  display: inline-block;
  margin-top: 30px;
  width: 30%;
  padding: 20px;
  border: 1px dashed #dddddd;
  position: static;
}
.managed-folder-view .files-zone.empty-folder > *.candrop:before {
  display: none;
}
.managed-folder-view .files-zone.empty-folder > *.candrop .preview-cta {
  visibility: visible;
}
.managed-folder-view .files-zone.empty-folder > *.candrop .preview-cta .default-cta {
  display: none;
}
.managed-folder-view .files-zone.empty-folder > *.candrop .preview-cta .dropping-cta {
  display: block;
}
.managed-folder-view .files-zone.empty-folder > *.candrop .preview-cta .upload-hook {
  background-color: rgba(0, 255, 0, 0.1);
}
.managed-folder-view .files-zone:not(.empty-folder) .droparea.candrop:before {
  display: none;
}
.managed-folder-view .files-zone:not(.empty-folder) .droparea.candrop .nested-template-container .contents-file-list-line.header {
  border-bottom: 1px solid #3b99fc;
}
.managed-folder-view .files-zone:not(.empty-folder) .droparea.candrop .nested-template-container .content-file-list-wrapper {
  position: relative;
  border: 1px solid #3b99fc;
  border-top: none;
  overflow: hidden;
}
.managed-folder-view .files-zone:not(.empty-folder) .droparea.candrop .nested-template-container .content-file-list-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #e7f3ff;
  opacity: 0.5;
}
.managed-folder-view .files-zone:not(.empty-folder) .droparea.candrop .nested-template-container .upload-hook {
  background-color: #3b99fc;
  border-color: #3b99fc;
  color: #ffffff;
  line-height: 26px;
}
.managed-folder-view .content-preview-wrapper .preview-header {
  height: 40px;
  line-height: 40px;
  display: flex;
  color: #bbbbbb;
  border-bottom: 1px solid #dddddd;
}
.managed-folder-view .content-preview-wrapper .preview-header .name {
  flex: 0 1 auto;
  color: #666666;
  text-align: left;
  padding-left: 10px;
}
.managed-folder-view .content-preview-wrapper .preview-header .meta-info {
  flex: 1 1 0;
  text-align: center;
}
.managed-folder-view .content-preview-wrapper .preview-header .action-btn {
  flex: 0 0 auto;
  text-align: right;
  padding-right: 5px;
}
.managed-folder-view .content-preview-wrapper .preview-header .action-btn a {
  padding: 0 5px;
  color: #bbbbbb;
}
.managed-folder-view .content-preview-wrapper .preview-header .action-btn a i {
  vertical-align: baseline;
}
.managed-folder-view .content-preview-wrapper .preview-header .action-btn a:hover {
  text-decoration: none;
}
.managed-folder-view .content-preview-wrapper .preview-zone {
  display: flex;
}
.managed-folder-view .content-preview-wrapper .preview-zone img {
  width: 100%;
  object-fit: contain;
  padding: 10px;
  box-sizing: border-box;
}
.managed-folder-view .content-preview-wrapper .preview-zone pre {
  background: transparent;
  border: none;
  width: 100%;
  box-sizing: border-box;
}
.move-item-modal .modal-body {
  padding: 0;
  height: 500px !important;
}
.move-item-modal .browse-path .contents-file-list-line.disabled {
  cursor: not-allowed;
}
.move-item-modal .browse-path .contents-file-list-line.disabled .name {
  color: #bbbbbb;
}
.move-item-modal .instructions {
  border: none;
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid #dddddd;
}
.move-item-modal .search-input {
  box-shadow: none;
}
.move-item-modal .input-wrapper {
  border-top: 1px solid #dddddd;
}
.move-item-modal .input-wrapper input {
  width: calc(100% - 20px);
  margin: 0;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
}
.managed-folder-overwrite label {
  font-size: 13px;
  margin-bottom: 0px;
}
.managed-folder-overwrite .overwrite-list-aligned {
  margin-left: 1em;
}
.managed-folder-overwrite .overwrite-files-list {
  margin: 0;
  padding: 1em;
  overflow: auto;
}
.managed-folder-overwrite .overwrite-files-list > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.export-recipe-body legend {
  font-size: 15px;
}
/*******************************
 * Recipe listing from plugins
 ******************************/
.custom-recipe-element {
  padding: 10px;
  display: flex;
}
.custom-recipe-element .custom-recipe-icon {
  margin: 10px 5px;
}
.custom-recipe-element .custom-recipe-icon i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  flex-shrink: 0;
}
.custom-recipe-element .custom-recipe-label {
  margin: 5px 10px;
  align-self: center;
}
.custom-recipe-element .custom-recipe-label .title {
  line-height: 22px;
  margin-bottom: 5px;
}
.custom-recipe-element .custom-recipe-label p {
  margin-bottom: 0;
}
/*******************************
 * Mixins
 ******************************/
.mx-pig-relation-explorer .pig-item-bullet {
  font-size: 0.95em;
}
.mx-pig-relation-explorer .pig-field-name {
  font-size: 0.95em;
}
.mx-pig-relation-explorer .pig-field-unnamed {
  font-size: 0.95em;
}
.mx-pig-relation-explorer .pig-field-value-type {
  color: #cccccc;
  font-size: 0.85em;
}
.mx-pig-relation-explorer .pig-field-relation-type {
  color: #771177;
  font-size: 0.85em;
}
.mx-pig-relation-explorer .pig-field-bag-of-tuples-type {
  color: #3399FF;
  font-size: 0.85em;
}
.mx-pig-relation-explorer .pig-field-tuple-type {
  color: #117711;
  font-size: 0.85em;
}
.mx-pig-relation-explorer .pig-field-bag-type {
  color: #776600;
  font-size: 0.85em;
}
/*******************************
 * Engines
 ******************************/
.engine-selection-widget.disabled {
  opacity: 0.5;
}
.engine-selection-widget .icon-warning {
  font-size: 0.85em;
}
.modal.dku-modal.engines-modal div.modal-body {
  max-height: 600px !important;
}
.engines-modal h5 {
  font-weight: 400;
}
.engines-modal .already-existing a:hover {
  text-decoration: none;
}
.engines-modal .already-existing a:focus {
  outline: none;
}
.engines-modal .already-existing .btn {
  margin-top: 10px;
}
.engines-modal .already-existing ul {
  margin: 0 0 0 20px;
}
.engines-modal .already-existing li {
  list-style: disc outside;
  color: #666666;
}
.engines-modal .already-existing li li {
  list-style: square outside;
}
.engines-modal .engine {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
}
.engines-modal .engine:not(.selectable) {
  color: #dddddd;
}
.engines-modal .engine.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.engines-modal .engine.selected,
.engines-modal .engine.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.engines-modal .engine i:not(.universe-color) {
  color: #666666;
}
.engines-modal .engine .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.engines-modal .engine .selection-indicator i {
  color: #3b99fc;
}
.engines-modal .engine .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.engines-modal .engine .selectable-item__description {
  font-weight: 400;
}
.engines-modal .engine.engine--disabled {
  opacity: 0.5;
}
.engines-modal .engine .engine__name {
  color: #222222;
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
  width: 120px;
}
.engines-modal .engine .engine__status {
  display: inline-block;
  vertical-align: middle;
}
.engines-modal .engine .engine__description {
  color: #222222;
  font-weight: 500;
  margin-bottom: 4px;
}
.engines-modal .engine .engine__status-details {
  color: #222222;
}
.engines-modal .engine .engine__status-details--warning {
  color: #c05b0a;
}
.engines-modal .engine .engine__status-details--warning .engine__status-message {
  color: #c05b0a;
}
.engines-modal .engine .engine__status-details--error {
  color: #b0050f;
}
.engines-modal .engine .engine__status-details--error .engine__status-message {
  color: #b0050f;
}
.engines-modal .engine .engine__status-message {
  color: #666666;
  font-weight: 400;
  margin: 0;
}
.engines-modal .engine .engine__status {
  width: 260px;
}
.engines-modal .unselectable-engines-toggle {
  margin: 15px 10px 0px 20px;
}
.engines-modal .unselectable-engines-toggle__title {
  cursor: pointer;
  font-weight: 500;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form li > ul {
  margin-left: 25px;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form ul li {
  list-style: none;
  margin-bottom: 10px;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form input[type=number] {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form input[type=number]:focus,
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form input[type=number]:hover {
  color: #333333;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form input[type=number]:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form input[type=number].ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.standalone_evaluation_recipe__cost-matrix .cost-matrix-form span.explain {
  display: inline-block;
  width: 200px;
}
.standalone_evaluation_recipe__features .editable-list__template .bootstrap-select.btn-group {
  display: inherit;
}
.visual-recipe-with-steps {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.visual-recipe-with-steps .mainPane {
  left: 0px;
  right: 0px;
}
.visual-recipe-with-steps .leftPane,
.visual-recipe-with-steps .rightPane {
  width: 300px;
}
.visual-recipe-with-steps .leftPane {
  left: -300px;
}
.visual-recipe-with-steps .rightPane {
  right: -301px;
}
.visual-recipe-with-steps.showRightPane .mainPane {
  right: 300px;
}
.visual-recipe-with-steps.showRightPane .rightPane {
  right: 0;
}
.visual-recipe-with-steps.showLeftPane .mainPane {
  left: 300px;
}
.visual-recipe-with-steps.showLeftPane .leftPane {
  left: 0;
}
.visual-recipe-with-steps .mainPane {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 10px 10px 10px 20px;
  -webkit-transition: right 0.25s ease-out, left 0.25s ease-out;
  -moz-transition: right 0.25s ease-out, left 0.25s ease-out;
  -o-transition: right 0.25s ease-out, left 0.25s ease-out;
  transition: right 0.25s ease-out, left 0.25s ease-out;
  overflow: auto;
}
.visual-recipe-with-steps .mainPane h1 {
  margin: 10px 30px;
}
.visual-recipe-with-steps .mainPane h6 {
  color: #666666;
  font-weight: 400;
}
.visual-recipe-with-steps .mainPane h6 strong {
  color: #333333;
}
.visual-recipe-with-steps .mainPane h6 a {
  display: inline-block;
}
.visual-recipe-with-steps .mainPane h6 a:hover {
  text-decoration: none;
}
.visual-recipe-with-steps .leftPane,
.visual-recipe-with-steps .rightPane {
  position: absolute;
  top: 0;
  bottom: 0;
  border: 1px solid #dddddd;
  z-index: 1;
  -webkit-transition: right 0.25s ease-out, left 0.25s ease-out;
  -moz-transition: right 0.25s ease-out, left 0.25s ease-out;
  -o-transition: right 0.25s ease-out, left 0.25s ease-out;
  transition: right 0.25s ease-out, left 0.25s ease-out;
}
.visual-recipe-with-steps .leftPane > .handle,
.visual-recipe-with-steps .rightPane > .handle {
  background: #cccccc;
  position: absolute;
  top: 25%;
  height: 100px;
  width: 15px;
  cursor: pointer;
}
.visual-recipe-with-steps .leftPane > .handle:before,
.visual-recipe-with-steps .rightPane > .handle:before,
.visual-recipe-with-steps .leftPane > .handle:after,
.visual-recipe-with-steps .rightPane > .handle:after {
  content: '';
  display: block;
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 30%;
  width: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(34, 34, 34, 0.1);
}
.visual-recipe-with-steps .leftPane > .handle:after,
.visual-recipe-with-steps .rightPane > .handle:after {
  left: auto;
  right: 30%;
}
.visual-recipe-with-steps .leftPane > .handle[title],
.visual-recipe-with-steps .rightPane > .handle[title] {
  width: 19px;
}
.visual-recipe-with-steps .leftPane > .handle[title]:before,
.visual-recipe-with-steps .rightPane > .handle[title]:before {
  display: none;
}
.visual-recipe-with-steps .leftPane > .handle[title]:after,
.visual-recipe-with-steps .rightPane > .handle[title]:after {
  content: attr(title);
  border: none;
  top: auto;
  bottom: auto;
  left: 19px;
  right: auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(34, 34, 34, 0.5);
  display: block;
  text-align: center;
  width: 100px;
  line-height: 19px;
  font-size: 15px;
}
.visual-recipe-with-steps .leftPane {
  border-width: 0 1px 0 0;
}
.visual-recipe-with-steps .leftPane .handle {
  left: 100%;
  border-radius: 0 10px 10px 0;
}
.visual-recipe-with-steps .rightPane {
  border-width: 0 0 0 1px;
}
.visual-recipe-with-steps .rightPane .handle {
  right: 100%;
  border-radius: 10px 0 0 10px;
}
.visual-recipe-with-steps .mainPane {
  left: 220px;
  right: 220px;
}
.visual-recipe-with-steps .leftPane,
.visual-recipe-with-steps .rightPane {
  width: 220px;
}
.visual-recipe-with-steps .leftPane {
  left: 0px;
}
.visual-recipe-with-steps .rightPane {
  right: -1px;
}
.visual-recipe-with-steps.showRightPane .mainPane {
  right: 220px;
}
.visual-recipe-with-steps.showRightPane .rightPane {
  right: 0;
}
.visual-recipe-with-steps.showLeftPane .mainPane {
  left: 220px;
}
.visual-recipe-with-steps.showLeftPane .leftPane {
  left: 0;
}
.visual-recipe-with-steps .leftPane {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
  padding: 0;
  box-sizing: border-box;
}
.visual-recipe-with-steps .leftPane .steps {
  overflow-y: auto;
  overflow-x: hidden;
}
.visual-recipe-with-steps .leftPane .recipe-step {
  display: block;
  width: 220px;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 1px;
  text-align: center;
  line-height: 18px;
  color: #bbbbbb;
  position: relative;
}
.visual-recipe-with-steps .leftPane .recipe-step.active {
  font-weight: 600;
  background-color: #dddddd;
}
.visual-recipe-with-steps .leftPane .recipe-step.clickable:hover:not(.active) {
  cursor: pointer;
  color: #666666;
  background-color: #f2f2f2;
}
.visual-recipe-with-steps .leftPane .recipe-step .status {
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 6px;
  border: 1px dotted #666666;
  border-radius: 14px;
  width: 14px;
  height: 14px;
}
.visual-recipe-with-steps .leftPane .recipe-step .status:after {
  position: relative;
  bottom: 2px;
  font-family: FontAwesome;
  font-style: initial;
}
.visual-recipe-with-steps .leftPane .recipe-step.active,
.visual-recipe-with-steps .leftPane .recipe-step.valid-step,
.visual-recipe-with-steps .leftPane .recipe-step.step-with-warnings,
.visual-recipe-with-steps .leftPane .recipe-step.invalid-step {
  color: #444444;
}
.visual-recipe-with-steps .leftPane .recipe-step.active .status,
.visual-recipe-with-steps .leftPane .recipe-step.valid-step .status,
.visual-recipe-with-steps .leftPane .recipe-step.step-with-warnings .status,
.visual-recipe-with-steps .leftPane .recipe-step.invalid-step .status {
  border: 1px solid #bbbbbb;
}
.visual-recipe-with-steps .leftPane .recipe-step.valid-step .status {
  background-color: #4caf50;
}
.visual-recipe-with-steps .leftPane .recipe-step.valid-step .status:after {
  color: #ffffff;
  content: '\f00c';
}
.visual-recipe-with-steps .leftPane .recipe-step.step-with-warnings .status {
  background-color: #f28c37;
}
.visual-recipe-with-steps .leftPane .recipe-step.step-with-warnings .status:after {
  color: #ffffff;
  content: '\f071';
}
.visual-recipe-with-steps .leftPane .recipe-step.invalid-step .status {
  background-color: #ce1228;
}
.visual-recipe-with-steps .leftPane .recipe-step.invalid-step .status:after {
  color: #ffffff;
  content: '\f00d';
}
.visual-recipe-with-steps .leftPane .recipe-step .label {
  display: inline-block;
  margin-bottom: 4px;
}
.visual-recipe-with-steps .leftPane .recipe-step .vertical-line {
  position: absolute;
  left: 110px;
  bottom: 30px;
  height: 500px;
  border-right: 1px dotted #666666;
}
.visual-recipe-with-steps .leftPane .inputs .vertical-line {
  display: none;
}
.visual-recipe-with-steps .leftPane .inputs .status:after {
  content: '↓';
}
.visual-recipe-with-steps .leftPane .run {
  text-align: center;
  margin-bottom: 15px;
  border-top: 1px solid #dddddd;
}
.visual-recipe-with-steps .leftPane .run .recipe-exec-button {
  display: block;
}
.visual-recipe-with-steps .mainPane {
  background-color: #f2f2f2;
  width: calc(100% - 220px);
  padding: 0;
}
.visual-recipe-with-steps .mainPane .area-label {
  text-transform: uppercase;
  font-weight: initial;
}
.visual-recipe-with-steps input[type=text],
.visual-recipe-with-steps input[type=url],
.visual-recipe-with-steps input[type=number],
.visual-recipe-with-steps input[type=date],
.visual-recipe-with-steps input[type=time],
.visual-recipe-with-steps input[type=password],
.visual-recipe-with-steps textarea,
.visual-recipe-with-steps select,
.visual-recipe-with-steps button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.visual-recipe-with-steps input[type=text]:focus,
.visual-recipe-with-steps input[type=url]:focus,
.visual-recipe-with-steps input[type=number]:focus,
.visual-recipe-with-steps input[type=date]:focus,
.visual-recipe-with-steps input[type=time]:focus,
.visual-recipe-with-steps input[type=password]:focus,
.visual-recipe-with-steps textarea:focus,
.visual-recipe-with-steps select:focus,
.visual-recipe-with-steps button.btn.selectpicker:focus,
.visual-recipe-with-steps input[type=text]:hover,
.visual-recipe-with-steps input[type=url]:hover,
.visual-recipe-with-steps input[type=number]:hover,
.visual-recipe-with-steps input[type=date]:hover,
.visual-recipe-with-steps input[type=time]:hover,
.visual-recipe-with-steps input[type=password]:hover,
.visual-recipe-with-steps textarea:hover,
.visual-recipe-with-steps select:hover,
.visual-recipe-with-steps button.btn.selectpicker:hover {
  color: #333333;
}
.visual-recipe-with-steps input[type=text]:focus,
.visual-recipe-with-steps input[type=url]:focus,
.visual-recipe-with-steps input[type=number]:focus,
.visual-recipe-with-steps input[type=date]:focus,
.visual-recipe-with-steps input[type=time]:focus,
.visual-recipe-with-steps input[type=password]:focus,
.visual-recipe-with-steps textarea:focus,
.visual-recipe-with-steps select:focus,
.visual-recipe-with-steps button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.visual-recipe-with-steps input[type=text].ng-dirty.ng-invalid,
.visual-recipe-with-steps input[type=url].ng-dirty.ng-invalid,
.visual-recipe-with-steps input[type=number].ng-dirty.ng-invalid,
.visual-recipe-with-steps input[type=date].ng-dirty.ng-invalid,
.visual-recipe-with-steps input[type=time].ng-dirty.ng-invalid,
.visual-recipe-with-steps input[type=password].ng-dirty.ng-invalid,
.visual-recipe-with-steps textarea.ng-dirty.ng-invalid,
.visual-recipe-with-steps select.ng-dirty.ng-invalid,
.visual-recipe-with-steps button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.visual-recipe-with-steps button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.visual-recipe-with-steps button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.visual-recipe-with-steps input[type=checkbox],
.visual-recipe-with-steps input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.visual-recipe-with-steps input[type=radio] {
  position: relative;
  top: -1px;
}
.visual-recipe-with-steps input:focus {
  border: 1px #31708f solid;
}
.visual-recipe-with-steps input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.visual-recipe-with-steps textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.visual-recipe-with-steps a:hover {
  text-decoration: none;
}
.visual-recipe-with-steps a:focus {
  outline: none;
}
.visual-recipe-with-steps .alert {
  border-radius: 0;
}
.visual-recipe-with-steps input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.visual-recipe-with-steps input,
.visual-recipe-with-steps label {
  margin: 0;
}
.visual-recipe-with-steps input input[type=checkbox],
.visual-recipe-with-steps label input[type=checkbox] {
  margin-bottom: 2px;
}
.visual-recipe-with-steps a:hover {
  text-decoration: none;
}
.visual-recipe-with-steps a:focus {
  outline: none;
}
.visual-recipe-with-steps .error-message {
  font-size: 0.8em;
  font-weight: 600;
  color: #ce1228;
  white-space: pre-wrap;
  word-break: break-word;
}
.visual-recipe-with-steps .alert {
  margin: 0;
}
.visual-recipe-with-steps .padded-step-settings {
  padding: 16px;
}
.visual-recipe-with-steps .computed-columns .computed-column {
  padding: 10px 20px 10px 0;
}
.visual-recipe-with-steps .computed-columns .computed-column .column-name,
.visual-recipe-with-steps .computed-columns .computed-column .column-expression {
  display: inline-block;
  vertical-align: top;
  word-wrap: break-word;
}
.visual-recipe-with-steps .computed-columns .computed-column .column-name {
  width: 20%;
  padding-top: 1px;
}
.visual-recipe-with-steps .computed-columns .computed-column .column-name span {
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  margin-left: 3px;
}
.visual-recipe-with-steps .computed-columns .computed-column .column-name input {
  /* copy Codemirror  style */
  width: 90%;
}
.visual-recipe-with-steps .computed-columns .computed-column select {
  height: 24px;
}
.visual-recipe-with-steps .computed-columns .computed-column .column-expression {
  width: 75%;
}
.visual-recipe-with-steps .computed-columns .computed-column .column-expression .editor .CodeMirror {
  border: 1px solid #dddddd;
  height: auto;
  min-height: 60px;
}
.visual-recipe-with-steps *[drag-drop-list].droppable.drop-accepted {
  background: #dff0d8;
  border: 1px solid #d6e9c6;
}
.visual-recipe-with-steps *[drag-drop-list].drop-accepted:before,
.visual-recipe-with-steps *[drag-drop-list].drop-rejected:before {
  content: '';
  pointer-events: none;
  text-align: center;
  opacity: 0.25;
}
.visual-recipe-with-steps *[drag-drop-list] .sortable-placeholder {
  display: block;
  width: 100%;
  margin-left: 21px;
  sizing: border-box;
  background: #ffffff !important;
  content: 'placeholder';
  border: 1px dashed #bbbbbb !important;
  height: 30px;
}
.visual-recipe-with-steps .message {
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: 600;
}
.visual-recipe-with-steps .message.drop-inactive {
  font-weight: 400;
  font-size: 0.9em;
  color: #bbbbbb;
}
.visual-recipe-with-steps .grel-reference-and-examples {
  background-color: #ffffff;
}
.visual-recipe-with-steps .grel-reference-and-examples .tab-content {
  height: 250px;
  overflow: auto;
  padding: 16px;
}
.visual-recipe-run-summary .job-result.alert-error {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.visual-recipe-run-summary .execution button {
  margin-top: 15px;
}
.visual-recipe-run-summary .execution .bootstrap-select {
  margin-top: 15px;
}
.visual-recipe-run-summary .output-schema.editable .column-label {
  line-height: 27px;
}
.visual-recipe-run-summary .output-schema .column-type {
  display: inline-block;
  width: 50px;
  padding: 0 5px;
}
.visual-recipe-run-summary .output-schema li {
  margin: 1px 0;
}
.visual-recipe-run-summary .output-schema .original-column-name {
  margin-left: 105px;
  font-size: 11px;
  color: #666666;
}
.popover-visual-recipe-errors {
  left: 221px;
  border-radius: 0;
  padding: 0 26px 0 13px;
}
.popover-visual-recipe-errors .title {
  margin-bottom: 0;
}
.dataset-bullet:before {
  content: "\f111";
  font-size: 11px;
  font-family: FontAwesome;
  font-style: initial;
}
.dataset-color-0 {
  color: #28a9dd;
  border-top-color: #28a9dd;
}
.dataset-color-1 {
  color: #29af5d;
  border-top-color: #29af5d;
}
.dataset-color-2 {
  color: #8541aa;
  border-top-color: #8541aa;
}
.dataset-color-3 {
  color: #f44336;
  border-top-color: #f44336;
}
.dataset-color-4 {
  color: #4785a4;
  border-top-color: #4785a4;
}
.dataset-color-5 {
  color: #f28c38;
  border-top-color: #f28c38;
}
.left-dataset-color-0 {
  border-left: 1px solid #28a9dd;
}
.left-dataset-color-1 {
  border-left: 1px solid #29af5d;
}
.left-dataset-color-2 {
  border-left: 1px solid #8541aa;
}
.left-dataset-color-3 {
  border-left: 1px solid #f44336;
}
.left-dataset-color-4 {
  border-left: 1px solid #4785a4;
}
.left-dataset-color-5 {
  border-left: 1px solid #f28c38;
}
.right-dataset-color-0 {
  border-right: 1px solid #28a9dd;
}
.right-dataset-color-1 {
  border-right: 1px solid #29af5d;
}
.right-dataset-color-2 {
  border-right: 1px solid #8541aa;
}
.right-dataset-color-3 {
  border-right: 1px solid #f44336;
}
.right-dataset-color-4 {
  border-right: 1px solid #4785a4;
}
.right-dataset-color-5 {
  border-right: 1px solid #f28c38;
}
.datasets-background-table {
  height: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  position: absolute;
}
.datasets-background-table col {
  border-right: 1px dashed #bbbbbb;
}
.datasets-background-table col.error {
  background-color: #f9e3e5 !important;
}
.datasets-background-table col:nth-child(even) {
  background-color: #f2f2f2;
}
.dataset-tools a {
  margin-left: 3px;
  color: #bbbbbb;
}
.dataset-tools a:hover {
  color: #222222;
}
.datasets-table {
  background: none;
  position: absolute;
  z-index: 2;
}
.datasets-table > tbody > tr:first-child {
  border-bottom: 2px solid #bbbbbb;
}
.datasets-table td {
  vertical-align: top;
}
.datasets-table td .change-input {
  visibility: hidden;
}
.datasets-table td:hover .change-input {
  visibility: visible;
}
.datasets-table .dataset-header {
  margin: 15px 15px 4px 4px;
}
.datasets-table .dataset-header h4 {
  margin: 0;
}
.datasets-table .dataset-header .dataset-bullet {
  margin-right: 4px;
}
.datasets-table .dataset-header .dataset-name {
  display: inline-block;
  max-width: 290px;
  font-size: 1em;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.datasets-table .add-input-button {
  display: inline-block;
  margin: 13px 0 0 15px;
}
.datasets-background-table > tbody > tr > td,
.datasets-table > tbody > tr > td {
  padding: 15px 6px 0 12px;
}
.datasets-background-table .dataset-column,
.datasets-table .dataset-column {
  min-width: 400px;
  max-width: 400px;
  width: 400px;
}
.input-filter-block .distinct {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.input-filter-block .filter-expression {
  display: block;
  width: 360px;
  word-wrap: break-word;
  margin-left: 17px;
  color: #bbbbbb;
}
.input-filter-block .filter-expression:hover {
  color: #222222;
  text-decoration: none !important;
}
.input-filter-block .filter-expression span {
  white-space: pre;
}
.computed-columns-block {
  margin-left: 15px;
  max-width: 360px;
}
.computed-columns-block .computed-columns {
  color: #222222;
}
.computed-columns-block .computed-columns .computed-column-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.computed-columns-block .computed-columns .computed-column-mode {
  padding-left: 10px;
}
.computed-columns-block .computed-columns .computed-column-expression {
  margin-left: 17px;
  color: #bbbbbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 15px;
}
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 150px;
}
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select .dku-select-button {
  width: 150px;
}
.filter-editor,
.computed-column-step-editor {
  /* Color invalid dataset uniqueness issues, even when non dirty */
}
.filter-editor input[type=checkbox],
.computed-column-step-editor input[type=checkbox] {
  /* Work-around misalignment */
  margin-top: 1px;
}
.filter-editor input,
.computed-column-step-editor input,
.filter-editor textarea,
.computed-column-step-editor textarea,
.filter-editor select,
.computed-column-step-editor select,
.filter-editor .help-inline,
.computed-column-step-editor .help-inline,
.filter-editor .uneditable-input,
.computed-column-step-editor .uneditable-input,
.filter-editor .input-prepend,
.computed-column-step-editor .input-prepend,
.filter-editor .input-append,
.computed-column-step-editor .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.filter-editor .hide,
.computed-column-step-editor .hide {
  display: none;
}
.filter-editor .control-group,
.computed-column-step-editor .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.filter-editor .control-group:before,
.computed-column-step-editor .control-group:before,
.filter-editor .control-group:after,
.computed-column-step-editor .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.filter-editor .control-group:after,
.computed-column-step-editor .control-group:after {
  clear: both;
}
.filter-editor .control-label,
.computed-column-step-editor .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.filter-editor .controls,
.computed-column-step-editor .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.filter-editor .controls:first-child,
.computed-column-step-editor .controls:first-child {
  *padding-left: 180px;
}
.filter-editor .help-block,
.computed-column-step-editor .help-block {
  margin-bottom: 0;
}
.filter-editor input + .help-block,
.computed-column-step-editor input + .help-block,
.filter-editor select + .help-block,
.computed-column-step-editor select + .help-block,
.filter-editor textarea + .help-block,
.computed-column-step-editor textarea + .help-block,
.filter-editor .uneditable-input + .help-block,
.computed-column-step-editor .uneditable-input + .help-block,
.filter-editor .input-prepend + .help-block,
.computed-column-step-editor .input-prepend + .help-block,
.filter-editor .input-append + .help-block,
.computed-column-step-editor .input-append + .help-block {
  margin-top: 10px;
}
.filter-editor .form-actions,
.computed-column-step-editor .form-actions {
  padding-left: 180px;
}
.filter-editor .control-group:not(:first-child),
.computed-column-step-editor .control-group:not(:first-child) {
  margin-top: 19px;
  margin-bottom: 0;
}
.filter-editor label.control-label,
.computed-column-step-editor label.control-label {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 220px;
  cursor: default;
}
.filter-editor label.control-label.disabled,
.computed-column-step-editor label.control-label.disabled {
  color: #999999;
}
.filter-editor label.control-label-compact,
.computed-column-step-editor label.control-label-compact {
  width: 120px;
}
.filter-editor .controls,
.computed-column-step-editor .controls {
  margin-left: 230px;
}
.filter-editor .controls-compact,
.computed-column-step-editor .controls-compact {
  margin-left: 130px;
}
.filter-editor input[type=text],
.computed-column-step-editor input[type=text],
.filter-editor input[type=url],
.computed-column-step-editor input[type=url],
.filter-editor input[type=number],
.computed-column-step-editor input[type=number],
.filter-editor input[type=date],
.computed-column-step-editor input[type=date],
.filter-editor input[type=time],
.computed-column-step-editor input[type=time],
.filter-editor input[type=password],
.computed-column-step-editor input[type=password],
.filter-editor textarea,
.computed-column-step-editor textarea,
.filter-editor select,
.computed-column-step-editor select,
.filter-editor button.btn.selectpicker,
.computed-column-step-editor button.btn.selectpicker {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
}
.filter-editor input[type=text]:focus,
.computed-column-step-editor input[type=text]:focus,
.filter-editor input[type=url]:focus,
.computed-column-step-editor input[type=url]:focus,
.filter-editor input[type=number]:focus,
.computed-column-step-editor input[type=number]:focus,
.filter-editor input[type=date]:focus,
.computed-column-step-editor input[type=date]:focus,
.filter-editor input[type=time]:focus,
.computed-column-step-editor input[type=time]:focus,
.filter-editor input[type=password]:focus,
.computed-column-step-editor input[type=password]:focus,
.filter-editor textarea:focus,
.computed-column-step-editor textarea:focus,
.filter-editor select:focus,
.computed-column-step-editor select:focus,
.filter-editor button.btn.selectpicker:focus,
.computed-column-step-editor button.btn.selectpicker:focus,
.filter-editor input[type=text]:hover,
.computed-column-step-editor input[type=text]:hover,
.filter-editor input[type=url]:hover,
.computed-column-step-editor input[type=url]:hover,
.filter-editor input[type=number]:hover,
.computed-column-step-editor input[type=number]:hover,
.filter-editor input[type=date]:hover,
.computed-column-step-editor input[type=date]:hover,
.filter-editor input[type=time]:hover,
.computed-column-step-editor input[type=time]:hover,
.filter-editor input[type=password]:hover,
.computed-column-step-editor input[type=password]:hover,
.filter-editor textarea:hover,
.computed-column-step-editor textarea:hover,
.filter-editor select:hover,
.computed-column-step-editor select:hover,
.filter-editor button.btn.selectpicker:hover,
.computed-column-step-editor button.btn.selectpicker:hover {
  color: #333333;
}
.filter-editor input[type=text]:focus,
.computed-column-step-editor input[type=text]:focus,
.filter-editor input[type=url]:focus,
.computed-column-step-editor input[type=url]:focus,
.filter-editor input[type=number]:focus,
.computed-column-step-editor input[type=number]:focus,
.filter-editor input[type=date]:focus,
.computed-column-step-editor input[type=date]:focus,
.filter-editor input[type=time]:focus,
.computed-column-step-editor input[type=time]:focus,
.filter-editor input[type=password]:focus,
.computed-column-step-editor input[type=password]:focus,
.filter-editor textarea:focus,
.computed-column-step-editor textarea:focus,
.filter-editor select:focus,
.computed-column-step-editor select:focus,
.filter-editor button.btn.selectpicker:focus,
.computed-column-step-editor button.btn.selectpicker:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.filter-editor input[type=text].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=text].ng-dirty.ng-invalid,
.filter-editor input[type=url].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=url].ng-dirty.ng-invalid,
.filter-editor input[type=number].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=number].ng-dirty.ng-invalid,
.filter-editor input[type=date].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=date].ng-dirty.ng-invalid,
.filter-editor input[type=time].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=time].ng-dirty.ng-invalid,
.filter-editor input[type=password].ng-dirty.ng-invalid,
.computed-column-step-editor input[type=password].ng-dirty.ng-invalid,
.filter-editor textarea.ng-dirty.ng-invalid,
.computed-column-step-editor textarea.ng-dirty.ng-invalid,
.filter-editor select.ng-dirty.ng-invalid,
.computed-column-step-editor select.ng-dirty.ng-invalid,
.filter-editor button.btn.selectpicker.ng-dirty.ng-invalid,
.computed-column-step-editor button.btn.selectpicker.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.filter-editor button.btn.selectpicker,
.computed-column-step-editor button.btn.selectpicker {
  line-height: 16px;
  padding: 1px 20px 1px 4px;
  background-color: #ffffff;
}
.filter-editor button.btn.selectpicker:hover,
.computed-column-step-editor button.btn.selectpicker:hover {
  background-color: #f2f2f2;
}
.filter-editor input[type=checkbox],
.computed-column-step-editor input[type=checkbox],
.filter-editor input[type=radio],
.computed-column-step-editor input[type=radio] {
  margin: 0 5px 0 0;
  float: none;
}
.filter-editor input[type=radio],
.computed-column-step-editor input[type=radio] {
  position: relative;
  top: -1px;
}
.filter-editor input:focus,
.computed-column-step-editor input:focus {
  border: 1px #31708f solid;
}
.filter-editor input.ng-invalid-dataset-name-unique,
.computed-column-step-editor input.ng-invalid-dataset-name-unique {
  background-color: #d53648;
}
.filter-editor textarea,
.computed-column-step-editor textarea {
  line-height: 14px;
  height: auto;
  padding: 4px 4px;
}
.filter-editor a:hover,
.computed-column-step-editor a:hover {
  text-decoration: none;
}
.filter-editor a:focus,
.computed-column-step-editor a:focus {
  outline: none;
}
.filter-editor .alert,
.computed-column-step-editor .alert {
  border-radius: 0;
}
.filter-editor input[type="date"]::-webkit-clear-button,
.computed-column-step-editor input[type="date"]::-webkit-clear-button {
  /* Removes the cross to clear */
  -webkit-appearance: none;
  margin: 0;
}
.filter-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select,
.computed-column-step-editor .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 206px;
}
.filter-editor input[type=file],
.computed-column-step-editor input[type=file] {
  padding-top: 4px;
  height: 22px;
}
.filter-editor .help-inline,
.computed-column-step-editor .help-inline {
  color: #666666;
  font-size: 12px;
  width: 230px;
}
.filter-editor .help-inline.help-inline--full-width,
.computed-column-step-editor .help-inline.help-inline--full-width {
  width: 100%;
}
.filter-editor .help-inline.disabled,
.computed-column-step-editor .help-inline.disabled {
  color: #999999;
}
.filter-editor .dss-object-selector-mainzone,
.computed-column-step-editor .dss-object-selector-mainzone {
  width: 206px;
  background: #ffffff;
}
.filter-editor fieldset,
.computed-column-step-editor fieldset {
  min-width: 0;
}
.filter-editor .CodeMirror,
.computed-column-step-editor .CodeMirror {
  height: 150px;
  margin: 0 0 5px 0;
  border: 1px solid #dddddd;
}
.filter-editor .filter-mode .bootstrap-select,
.computed-column-step-editor .filter-mode .bootstrap-select {
  width: 230px !important;
  margin-left: 4px !important;
}
.filter-editor .var-col-selector,
.computed-column-step-editor .var-col-selector {
  float: left;
  width: 240px;
  height: 150px;
  margin-right: 10px;
}
.filter-editor .var-col-selector .selector-list,
.computed-column-step-editor .var-col-selector .selector-list {
  overflow: auto;
  height: 114px;
}
.filter-editor .var-col-selector .selector-list .column-name-line,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line,
.filter-editor .var-col-selector .selector-list .variable-name-line,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line {
  margin-right: 5px;
  -webkit-display: flex;
  display: flex;
  justify-content: space-between;
}
.filter-editor .var-col-selector .selector-list .column-name-line .column-name,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line .column-name,
.filter-editor .var-col-selector .selector-list .variable-name-line .column-name,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line .column-name,
.filter-editor .var-col-selector .selector-list .column-name-line .variable-name,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line .variable-name,
.filter-editor .var-col-selector .selector-list .variable-name-line .variable-name,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line .variable-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #28a9dd;
}
.filter-editor .var-col-selector .selector-list .column-name-line .column-type,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line .column-type,
.filter-editor .var-col-selector .selector-list .variable-name-line .column-type,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line .column-type,
.filter-editor .var-col-selector .selector-list .column-name-line .variable-value,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line .variable-value,
.filter-editor .var-col-selector .selector-list .variable-name-line .variable-value,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line .variable-value {
  font-size: 0.9em;
  color: #bbbbbb;
}
.filter-editor .var-col-selector .selector-list .column-name-line .variable-name,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line .variable-name,
.filter-editor .var-col-selector .selector-list .variable-name-line .variable-name,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line .variable-name,
.filter-editor .var-col-selector .selector-list .column-name-line .variable-value,
.computed-column-step-editor .var-col-selector .selector-list .column-name-line .variable-value,
.filter-editor .var-col-selector .selector-list .variable-name-line .variable-value,
.computed-column-step-editor .var-col-selector .selector-list .variable-name-line .variable-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 50%;
}
.filter-editor input,
.computed-column-step-editor input {
  padding-right: 10px !important;
}
.filter-editor input.ng-invalid,
.computed-column-step-editor input.ng-invalid {
  border: 1px solid #ce1228;
}
.filter-editor input,
.computed-column-step-editor input,
.filter-editor select,
.computed-column-step-editor select {
  margin: 2px 1px;
}
.filter-editor input[type=time],
.computed-column-step-editor input[type=time] {
  width: 100px;
}
.filter-editor input[type=date],
.computed-column-step-editor input[type=date] {
  width: 150px;
}
.filter-editor .operator .bootstrap-select,
.computed-column-step-editor .operator .bootstrap-select {
  width: 100px !important;
}
.filter-editor .operator .bootstrap-select .filter-option,
.computed-column-step-editor .operator .bootstrap-select .filter-option {
  display: inline-block !important;
  text-align: center !important;
}
.filter-editor .operator .bootstrap-select .filter-option:after,
.computed-column-step-editor .operator .bootstrap-select .filter-option:after {
  display: none;
}
.filter-editor .add-button,
.computed-column-step-editor .add-button {
  text-align: center;
  max-width: 550px;
  padding: 5px;
}
.filter-editor .message-bar,
.computed-column-step-editor .message-bar {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 5px;
  max-height: 120px;
  overflow-y: auto;
}
.filter-editor .message-bar .alert-error,
.computed-column-step-editor .message-bar .alert-error {
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 0;
}
.filter-editor .message-bar .alert-success,
.computed-column-step-editor .message-bar .alert-success {
  margin-bottom: 0;
}
.modal-body .filter-conditions-editor {
  max-height: 200px;
  overflow: auto;
}
.modal-body .filter-conditions-editor .bootstrap-select,
.modal-body .filter-conditions-editor input {
  width: 190px !important;
}
.modal-body .filter-conditions-editor .operator div {
  width: 95px !important;
}
/**** Recipe specific ****/
.vstack-recipe .merging-mode {
  padding: 20px;
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}
.vstack-recipe .column-selection-editor {
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
  display: inline-block;
  margin: 20px auto;
  padding: 10px 0;
  max-width: 90%;
  min-width: 300px;
  text-align: left;
}
.vstack-recipe .column-selection-editor .collection-selection__scroll-box {
  overflow-y: auto;
}
.vstack-recipe .column-selection-editor .column {
  overflow: visible;
  padding: 0px 30px;
}
.vstack-recipe .column-selection-editor .column:hover {
  background-color: #dddddd;
}
.vstack-recipe .column-selection-editor .column-label {
  min-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}
.vstack-recipe .column-selection-editor .column-label.no-checkbox {
  cursor: default;
}
.vstack-recipe .column-selection-editor .column-name:not(.strong) {
  color: #bbbbbb;
}
.vstack-recipe .column-selection-editor .column-existence-indicator {
  margin: 0 5px;
}
.vstack-recipe table.dataset-label-mapping th {
  text-align: left;
}
.vstack-recipe .virtual-inputs {
  overflow: auto;
  max-height: 50%;
  padding: 10px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.vstack-recipe .virtual-inputs .virtual-input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-right: 20px;
  min-width: 300px;
  max-width: 4500px;
  font-size: 1.2em;
  font-weight: 600;
}
.vstack-recipe .vstack-header-container-left {
  padding: 24px 6px 0 6px;
}
.vstack-recipe .vstack-remap .none-opt-vstack span.filter-option {
  opacity: 0.3;
}
.vstack-recipe .vstack-remap.grid-container {
  display: grid;
  overflow: auto;
}
.vstack-recipe .vstack-remap.grid-container .grid {
  display: flex;
  flex-wrap: nowrap;
}
.vstack-recipe .vstack-remap.grid-container .grid .grid-col {
  width: 165px;
  border-right: 1px solid #dddddd;
}
.vstack-recipe .vstack-remap.grid-container .grid .grid-item {
  height: 33px;
  z-index: 2;
}
.vstack-recipe .vstack-remap.grid-container .grid .grid-item--header {
  top: 0;
  height: 66px;
  width: 164px;
  position: sticky;
  position: -webkit-sticky;
  background: #f2f2f2;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.vstack-recipe .vstack-remap.grid-container .grid .grid-item--header-left {
  top: 0;
  height: 66px;
  position: sticky;
  position: -webkit-sticky;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.vstack-recipe .vstack-remap.grid-container .grid .grid-col--fixed-left {
  left: 0;
  width: 280px;
  position: sticky;
  z-index: 3;
  background: #ffffff;
}
.join-recipe .limited-width {
  text-overflow: ellipsis;
  overflow: hidden;
}
.join-recipe .join-block .join-condition .left-column {
  width: 345px;
  max-width: 345px;
}
.join-recipe .join-block .join-condition .right-column {
  width: 391px;
  max-width: 391px;
}
.join-recipe .join-block:not(:hover):not(.selected) .join-line {
  border-top: 1px solid #dddddd;
}
.join-recipe .join-block:not(:hover):not(.selected) .matching-type-name {
  border: 1px solid #dddddd;
  margin: 0;
}
.join-recipe .join-block:not(:hover):not(.selected) .join-type-name {
  font-weight: 400;
}
.join-recipe .output-columns {
  vertical-align: top;
  color: #666666;
}
.join-recipe .output-columns .column-name-block {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  color: #666666;
  position: relative;
  bottom: 6px;
}
.join-recipe .output-columns .column-name-block input {
  margin: 0;
}
.join-recipe .output-columns .header {
  padding: 5px 5px 5px 0;
}
.join-recipe .output-columns .header .column-selection-mode {
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
}
.join-recipe .output-columns .header .dataset-prefix {
  position: relative;
  bottom: 2px;
}
.join-recipe .output-columns .header .dataset-prefix input {
  width: 120px;
}
.join-recipe .output-columns .body {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #dddddd;
}
.join-recipe .output-columns .output-column {
  height: 35px;
  margin: 5px 0;
}
.join-recipe .output-columns .output-column .column-name {
  display: flex;
  display: -webkit-flex;
  max-width: 320px;
}
.join-recipe .output-columns .output-column .column-name input[type=checkbox] {
  vertical-align: bottom;
  margin-top: 7px;
  margin-right: 5px;
}
.join-recipe .output-columns .output-column .column-name .current-name {
  display: inline-block;
  line-height: 25px;
  margin-left: 4px;
  padding-top: 1px;
  width: 300px;
}
.join-recipe .output-columns .output-column .column-name .alias-editor {
  width: 295px;
}
.join-recipe .output-columns .output-column:not(.selected) .column-name .current-name {
  color: #bbbbbb;
}
.join-recipe .output-columns .output-column .column-type {
  margin-left: 5px;
}
.join-recipe .output-columns .output-column .original-name {
  margin-left: 20px;
  font-size: 0.7em;
  line-height: 1em;
  font-style: italic;
  color: #bbbbbb;
}
.join-recipe .output-columns .output-column.duplicate .column-name {
  color: #ce1228;
}
.join-recipe .output-columns .output-column .edit-column-alias {
  cursor: pointer;
  margin: 2px 0 0 6px;
}
.join-recipe .output-columns .output-column:not(:hover) .edit-column-alias,
.join-recipe .output-columns .output-column:not(.selected) .edit-column-alias {
  opacity: 0;
}
.join-recipe .output-columns .full {
  padding: 4px 8px;
  border: 1px solid #dddddd;
}
.fuzzy-join-additional-settings .explanation {
  font-size: 12px;
}
.fuzzy-join-additional-settings .fuzzy-join-matching-details {
  align-items: center;
}
.fuzzy-join-additional-settings .fuzzy-join-matching-details__label {
  padding-left: 16px;
}
.fuzzy-join-additional-settings .alert {
  font-size: 14px;
  padding: 2px 10px;
  height: 26px;
  box-sizing: border-box;
  line-height: 26px;
}
.join-block__tooltip {
  background: transparent !important;
}
.join-block__tooltip .label {
  padding-right: 5px;
  font-weight: bold;
}
.join-block__tooltip .normalisation-parameter {
  padding-left: 20px;
}
.join-block {
  margin: 4px;
}
.join-block .header {
  margin: 5px 0;
}
.join-block .join-type {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9em;
}
.join-block .join-type__separator {
  width: 7px;
  display: inline-block;
  margin: 3px -4px 3px -3px;
  border-top: 1px solid black;
}
.join-block .join-condition {
  clear: both;
}
.join-block .join-condition > div {
  height: 20px;
}
.join-block .join-condition .join-line {
  margin: 0;
  border-bottom: 0;
}
.join-block .join-condition .vertical-line {
  border-left: 2px solid;
  display: inline-block;
  position: relative;
  right: 8px;
  bottom: 8px;
  height: 15px;
}
.join-block .fuzzy-join-condition {
  position: relative;
}
.join-block .fuzzy-join-condition--selected {
  z-index: 1;
}
.join-block .fuzzy-join-condition > div {
  height: 32px;
  line-height: 32px;
}
.join-block .fuzzy-join-condition fuzzy-join-condition-settings {
  font-weight: normal;
  display: block;
  min-height: 100px;
}
.join-block .fuzzy-join-condition__close {
  position: relative;
  top: 4px;
}
.join-block .fuzzy-join-condition__chevron {
  margin-right: 16px;
  font-size: 13px;
  position: relative;
  top: 16px;
  transform: translateY(-50%);
}
.join-block .fuzzy-join-condition .vertical-line {
  position: absolute;
  left: 4px;
  bottom: 50%;
  height: 32px;
}
.join-block .fuzzy-join-condition .left-column .join-line {
  margin: 16px 0;
}
.join-block .fuzzy-join-condition .middle-column {
  display: flex;
}
.join-block .fuzzy-join-condition .middle-column .dku-html-tooltip-activation-zone {
  display: flex;
}
.join-block .fuzzy-join-condition .middle-column .matching-type-name {
  min-width: 10px;
  width: auto;
  padding-left: 8px;
  padding-right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  line-height: 16px;
  position: relative;
}
.join-block .fuzzy-join-condition .middle-column .join-line {
  top: 16px;
}
.join-block .fuzzy-join-condition__distance-type {
  position: absolute;
  color: #bbbbbb;
  white-space: nowrap;
  transform: translate(-100%, 100%);
  left: -2px;
  top: -4px;
}
.join-block .join-condition,
.join-block .join-condition div {
  cursor: pointer;
}
.join-block .column-bullet {
  position: relative;
  float: left;
  width: 15px;
  font-size: 0.85em;
}
.join-block .left-column {
  width: 45%;
  max-width: 45%;
  white-space: nowrap;
}
.join-block .left-column .column-name {
  float: left;
  padding-right: 15px;
  white-space: nowrap;
  max-width: 90%;
}
.join-block .left-column .join-line {
  margin: 10px 0;
}
.join-block .middle-column .matching-type-name {
  float: left;
  width: 20px;
  text-align: center;
  border-radius: 30px;
  margin: 1px 0;
}
.join-block .middle-column .join-line {
  position: relative;
  top: 10px;
  padding: 5px 0;
}
.join-block .right-column {
  width: 45%;
  max-width: 45%;
  white-space: nowrap;
}
.join-block a:hover {
  text-decoration: none;
}
.join-block .join-block__condition-type {
  margin: 5px 0;
}
.join-block .join-block__remove-conditions {
  min-width: 0;
}
.join-recipe .join-block .fuzzy-join-condition .left-column {
  width: 336px;
  max-width: 336px;
}
.matching-type-symbol {
  max-width: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.join-modal {
  width: 800px;
}
.join-modal .tabs {
  margin: 0 !important;
  margin-left: 4px !important;
}
.join-modal .tabs .tab {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2px;
  display: inline-block;
  list-style: none;
  padding: 0px 13px 0px;
  margin: 0 3px;
  line-height: 48px;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: none;
  position: relative;
  color: #666666;
}
.join-modal .tabs .tab:hover {
  text-decoration: none;
}
.join-modal .tabs .tab:focus {
  outline: none;
}
.join-modal .tabs .tab:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -1px;
  content: ' ';
  z-index: -1;
  height: 46px;
}
.join-modal .tabs .tab.enabled {
  z-index: 3;
  font-weight: 500;
  position: relative;
}
.join-modal .tabs .tab.enabled:before {
  border-bottom: 2px solid #666666;
}
.join-modal .tabs .tab.enabled:not(.dku-fw500-width) {
  padding: 0 10px 1px;
}
.join-modal .tabs .tab.tab--compact {
  margin: 0px;
  padding: 0px;
}
.join-modal .dataset-name {
  font-weight: 600;
}
.join-modal .condition-type,
.join-modal .condition-settings {
  margin: 10px 0;
}
.join-modal .condition-type .control-label,
.join-modal .condition-settings .control-label {
  width: 240px;
}
.join-modal .dataset-column-selector {
  max-width: 265px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.join-modal .modal-body {
  padding: 0 15px 0 15px;
}
.join-modal .settings-block {
  min-height: 300px;
}
.join-modal .settings-block .keep-unmatched label {
  margin: 0 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.join-modal .join-condition:hover,
.join-modal .join-condition.selected {
  font-weight: 600;
}
.join-modal .join-condition:not(:hover):not(.selected) .join-line {
  border-top: 1px solid #dddddd;
}
.join-modal .join-condition:not(:hover):not(.selected) .matching-type-name {
  border: 1px solid #dddddd;
  margin: 0;
}
.join-modal .join-condition.selected .join-line {
  border-width: 2px;
}
.join-modal .conditions-settings {
  padding: 15px 30px 10px 30px;
}
.join-modal .join-condition-settings {
  margin-top: 8px;
}
.join-modal .join-condition-settings,
.join-modal .matching-settings {
  padding: 5px 15px;
}
.join-modal .join-condition-settings {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.join-modal .join-condition-settings .condition-type .bootstrap-select {
  min-width: 220px;
  width: auto !important;
}
.join-modal .join-condition-settings .column-name .bootstrap-select {
  width: 320px !important;
}
.join-modal .join-condition-settings table {
  background-color: inherit;
}
.join-modal .join-condition-settings .fuzzy-join-normalisation-params {
  height: 110px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.join-modal .join-condition-settings .fuzzy-join-normalisation-params__language.bootstrap-select {
  width: 150px !important;
}
.join-modal .join-condition-settings .fuzzy-join-normalisation-params__language.bootstrap-select .dku-select-button {
  width: 150px;
}
.join-modal .join-condition-settings .matching-type-symbol {
  text-align: center;
  width: 100%;
}
.join-modal .conditions-settings *,
.join-modal .join-condition-settings * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.join-modal .add-condition-button {
  margin-left: 46%;
}
.join-modal .rows-limit {
  width: 45px;
  text-align: right;
  padding: 2px 2px;
  margin: 0;
}
.join-modal .join-type {
  cursor: pointer;
}
.join-modal .join-type .join-type-icon {
  text-align: center;
  padding-left: 20px;
  padding-right: 30px;
  width: 100px;
}
.join-modal .join-type .join-type-icon i {
  font-size: 42px;
  color: #444444;
}
.join-modal .join-type.selected {
  font-weight: 600;
}
.join-modal .join-type.disabled {
  cursor: not-allowed;
  color: #bbbbbb;
}
.join-modal .join-type.disabled i {
  color: #bbbbbb;
}
.join-modal input[type=checkbox] {
  margin: 0 10px;
}
.join-modal .join-modal__fuzzyjoin-block .join-block-body {
  width: 100%;
  box-sizing: border-box;
  max-height: 390px;
  padding-right: 15px;
  overflow: auto;
}
.grouping-recipe,
.window-recipe,
.distinct-recipe,
.topn-recipe,
.sort-recipe,
.pivot-recipe,
.split-recipe {
  box-sizing: border-box;
}
.grouping-recipe.popover,
.window-recipe.popover,
.distinct-recipe.popover,
.topn-recipe.popover,
.sort-recipe.popover,
.pivot-recipe.popover,
.split-recipe.popover {
  padding: 5px;
}
.grouping-recipe.popover label,
.window-recipe.popover label,
.distinct-recipe.popover label,
.topn-recipe.popover label,
.sort-recipe.popover label,
.pivot-recipe.popover label,
.split-recipe.popover label {
  display: inline-block;
  width: 120px;
}
.grouping-recipe.popover input,
.window-recipe.popover input,
.distinct-recipe.popover input,
.topn-recipe.popover input,
.sort-recipe.popover input,
.pivot-recipe.popover input,
.split-recipe.popover input,
.grouping-recipe.popover select,
.window-recipe.popover select,
.distinct-recipe.popover select,
.topn-recipe.popover select,
.sort-recipe.popover select,
.pivot-recipe.popover select,
.split-recipe.popover select {
  height: 24px;
  line-height: 24px;
  width: 220px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.grouping-recipe.popover select,
.window-recipe.popover select,
.distinct-recipe.popover select,
.topn-recipe.popover select,
.sort-recipe.popover select,
.pivot-recipe.popover select,
.split-recipe.popover select {
  width: 230px;
}
.grouping-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.window-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.distinct-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.topn-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.sort-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.pivot-recipe .recipe-settings-schema-fattable .column-rows .column-row,
.split-recipe .recipe-settings-schema-fattable .column-rows .column-row {
  border: none;
  table-layout: auto;
}
.grouping-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key,
.window-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key,
.distinct-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key,
.topn-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key,
.sort-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key,
.pivot-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key,
.split-recipe .recipe-settings-schema-fattable .column-rows .column-row:hover > .column-add-group-key {
  visibility: visible;
}
.grouping-recipe .recipe-settings-schema-fattable .column-rows .column-name,
.window-recipe .recipe-settings-schema-fattable .column-rows .column-name,
.distinct-recipe .recipe-settings-schema-fattable .column-rows .column-name,
.topn-recipe .recipe-settings-schema-fattable .column-rows .column-name,
.sort-recipe .recipe-settings-schema-fattable .column-rows .column-name,
.pivot-recipe .recipe-settings-schema-fattable .column-rows .column-name,
.split-recipe .recipe-settings-schema-fattable .column-rows .column-name {
  max-width: 150px;
  width: 150px;
}
.grouping-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.window-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.distinct-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.topn-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.sort-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.pivot-recipe .recipe-settings-schema-fattable .column-rows .column-type,
.split-recipe .recipe-settings-schema-fattable .column-rows .column-type {
  width: 60px;
}
.grouping-recipe .main-step .recipe-settings-section1,
.window-recipe .main-step .recipe-settings-section1,
.distinct-recipe .main-step .recipe-settings-section1,
.topn-recipe .main-step .recipe-settings-section1,
.sort-recipe .main-step .recipe-settings-section1,
.pivot-recipe .main-step .recipe-settings-section1,
.split-recipe .main-step .recipe-settings-section1 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg {
  padding-top: 10px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation {
  table-layout: auto;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .aggregation:hover > .column-add-group-key {
  visibility: visible;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-checkbox {
  width: 25px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key {
  text-transform: uppercase;
  font-size: 12px;
  color: #bbbbbb;
  visibility: hidden;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-add-group-key:hover {
  color: #666666;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-name {
  max-width: 150px;
  width: 150px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-type {
  width: 60px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .agg-options {
  width: 30px;
  overflow: hidden;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .border-right {
  border-right: 1px solid #dddddd;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-field-agg .aggregations .column-agg {
  padding-left: 5px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg {
  padding-top: 10px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .explanation {
  padding: 10px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle {
  display: inline-block;
  font-size: 12px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input {
  display: none;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + *,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + *,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + *,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + *,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + *,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + *,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input + * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 1px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + * {
  background-color: #f2f2f2;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:enabled + *:hover {
  background-color: #4caf50;
  color: #ffffff;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + * {
  background-color: #4caf50;
  color: #ffffff;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:checked + *:hover {
  background-color: #4caf50;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + * {
  background: none;
  pointer-events: none;
  cursor: default;
  color: #cccccc;
  font-weight: 400;
  text-decoration: line-through;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport .dku-labelled-toggle input:disabled + *:hover {
  background-color: inherit;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport input {
  margin: 0;
  height: 24px;
  line-height: 24px;
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #dddddd;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.selected {
  background-color: #e7f3ff;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused {
  background-color: #f2f2f2;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div.focused.selected {
  background-color: #e7f3ff;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div .mass {
  display: inline-block;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox],
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox],
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox],
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox],
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox],
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox],
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div input[type=checkbox] {
  margin-right: 10px;
  width: initial;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div {
  vertical-align: middle;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div span.mx-textellipsis {
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: middle;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.small {
  width: 100px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .fattable-viewport > div > div > div.verysmall {
  width: 40px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-agg {
  padding-right: 2px;
  padding-left: 2px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-name {
  flex-grow: 4;
  flex-basis: 150px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params {
  margin-left: 5px;
  transition: width 1s;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params select {
  width: 100%;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.displayed {
  width: 70px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .date-params.collapsed {
  width: 0;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lead-params,
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .lag-params {
  flex-shrink: 4;
  flex-basis: 30px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs {
  width: 400px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .column-aggs > div {
  display: inline-block;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-end {
  width: 5px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .aggregation .agg-options {
  width: 30px;
  overflow: hidden;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-checkbox {
  padding-left: 10px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .column-type {
  max-width: 50px;
  width: 50px;
}
.grouping-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right,
.window-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right,
.distinct-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right,
.topn-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right,
.sort-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right,
.pivot-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right,
.split-recipe .main-step .recipe-settings-section1 .recipe-settings-window-field-agg .aggregations .border-right {
  border-right: 1px solid #dddddd;
}
.grouping-recipe .main-step .values .handle,
.window-recipe .main-step .values .handle,
.distinct-recipe .main-step .values .handle,
.topn-recipe .main-step .values .handle,
.sort-recipe .main-step .values .handle,
.pivot-recipe .main-step .values .handle,
.split-recipe .main-step .values .handle {
  cursor: move;
}
.grouping-recipe .main-step .mass,
.window-recipe .main-step .mass,
.distinct-recipe .main-step .mass,
.topn-recipe .main-step .mass,
.sort-recipe .main-step .mass,
.pivot-recipe .main-step .mass,
.split-recipe .main-step .mass {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
}
.grouping-recipe .main-step .keys .nokeys-message,
.window-recipe .main-step .keys .nokeys-message,
.distinct-recipe .main-step .keys .nokeys-message,
.topn-recipe .main-step .keys .nokeys-message,
.sort-recipe .main-step .keys .nokeys-message,
.pivot-recipe .main-step .keys .nokeys-message,
.split-recipe .main-step .keys .nokeys-message {
  border: 1px dashed #cccccc;
  padding: 5px;
  font-size: 13px;
  text-align: center;
}
.grouping-recipe .main-step .keys ul,
.window-recipe .main-step .keys ul,
.distinct-recipe .main-step .keys ul,
.topn-recipe .main-step .keys ul,
.sort-recipe .main-step .keys ul,
.pivot-recipe .main-step .keys ul,
.split-recipe .main-step .keys ul {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grouping-recipe .main-step .keys ul li,
.window-recipe .main-step .keys ul li,
.distinct-recipe .main-step .keys ul li,
.topn-recipe .main-step .keys ul li,
.sort-recipe .main-step .keys ul li,
.pivot-recipe .main-step .keys ul li,
.split-recipe .main-step .keys ul li {
  list-style: none;
}
.grouping-recipe .main-step .pivots .pivot,
.window-recipe .main-step .pivots .pivot,
.distinct-recipe .main-step .pivots .pivot,
.topn-recipe .main-step .pivots .pivot,
.sort-recipe .main-step .pivots .pivot,
.pivot-recipe .main-step .pivots .pivot,
.split-recipe .main-step .pivots .pivot {
  margin: 10px 0;
  border-top: 1px solid #dddddd;
}
.grouping-recipe .main-step .values,
.window-recipe .main-step .values,
.distinct-recipe .main-step .values,
.topn-recipe .main-step .values,
.sort-recipe .main-step .values,
.pivot-recipe .main-step .values,
.split-recipe .main-step .values {
  min-height: 300px;
}
.grouping-recipe .main-step .global-count,
.window-recipe .main-step .global-count,
.distinct-recipe .main-step .global-count,
.topn-recipe .main-step .global-count,
.sort-recipe .main-step .global-count,
.pivot-recipe .main-step .global-count,
.split-recipe .main-step .global-count {
  text-align: center;
  border-top: 1px solid #dddddd;
  margin-top: 22px;
}
.grouping-recipe .main-step .global-count label,
.window-recipe .main-step .global-count label,
.distinct-recipe .main-step .global-count label,
.topn-recipe .main-step .global-count label,
.sort-recipe .main-step .global-count label,
.pivot-recipe .main-step .global-count label,
.split-recipe .main-step .global-count label {
  display: inline-block;
  padding: 2px 10px 5px 10px;
  margin-top: 4px;
}
.grouping-recipe .main-step .tools,
.window-recipe .main-step .tools,
.distinct-recipe .main-step .tools,
.topn-recipe .main-step .tools,
.sort-recipe .main-step .tools,
.pivot-recipe .main-step .tools,
.split-recipe .main-step .tools {
  margin-bottom: 13px;
}
.grouping-recipe .main-step .tools label,
.window-recipe .main-step .tools label,
.distinct-recipe .main-step .tools label,
.topn-recipe .main-step .tools label,
.sort-recipe .main-step .tools label,
.pivot-recipe .main-step .tools label,
.split-recipe .main-step .tools label {
  display: inline-block;
  margin-left: 10px;
}
.grouping-recipe .main-step .tools .filter input,
.window-recipe .main-step .tools .filter input,
.distinct-recipe .main-step .tools .filter input,
.topn-recipe .main-step .tools .filter input,
.sort-recipe .main-step .tools .filter input,
.pivot-recipe .main-step .tools .filter input,
.split-recipe .main-step .tools .filter input {
  width: 185px;
}
.grouping-recipe .main-step ul.aggregations,
.window-recipe .main-step ul.aggregations,
.distinct-recipe .main-step ul.aggregations,
.topn-recipe .main-step ul.aggregations,
.sort-recipe .main-step ul.aggregations,
.pivot-recipe .main-step ul.aggregations,
.split-recipe .main-step ul.aggregations {
  display: table;
  margin-left: 0;
}
.grouping-recipe .main-step ul.aggregations li,
.window-recipe .main-step ul.aggregations li,
.distinct-recipe .main-step ul.aggregations li,
.topn-recipe .main-step ul.aggregations li,
.sort-recipe .main-step ul.aggregations li,
.pivot-recipe .main-step ul.aggregations li,
.split-recipe .main-step ul.aggregations li {
  display: table-row;
}
.grouping-recipe .main-step ul.aggregations li:hover,
.window-recipe .main-step ul.aggregations li:hover,
.distinct-recipe .main-step ul.aggregations li:hover,
.topn-recipe .main-step ul.aggregations li:hover,
.sort-recipe .main-step ul.aggregations li:hover,
.pivot-recipe .main-step ul.aggregations li:hover,
.split-recipe .main-step ul.aggregations li:hover {
  background-color: #f2f2f2;
}
.grouping-recipe .main-step ul.aggregations li > *,
.window-recipe .main-step ul.aggregations li > *,
.distinct-recipe .main-step ul.aggregations li > *,
.topn-recipe .main-step ul.aggregations li > *,
.sort-recipe .main-step ul.aggregations li > *,
.pivot-recipe .main-step ul.aggregations li > *,
.split-recipe .main-step ul.aggregations li > * {
  display: table-cell;
  white-space: nowrap;
  height: 26px;
  vertical-align: middle;
  padding: 1px 2px;
}
.grouping-recipe .main-step ul.aggregations li > *.column-type,
.window-recipe .main-step ul.aggregations li > *.column-type,
.distinct-recipe .main-step ul.aggregations li > *.column-type,
.topn-recipe .main-step ul.aggregations li > *.column-type,
.sort-recipe .main-step ul.aggregations li > *.column-type,
.pivot-recipe .main-step ul.aggregations li > *.column-type,
.split-recipe .main-step ul.aggregations li > *.column-type {
  padding-right: 15px;
}
.grouping-recipe .main-step ul.aggregations li > *.column-name,
.window-recipe .main-step ul.aggregations li > *.column-name,
.distinct-recipe .main-step ul.aggregations li > *.column-name,
.topn-recipe .main-step ul.aggregations li > *.column-name,
.sort-recipe .main-step ul.aggregations li > *.column-name,
.pivot-recipe .main-step ul.aggregations li > *.column-name,
.split-recipe .main-step ul.aggregations li > *.column-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 200px;
  max-width: 500px;
}
.grouping-recipe .main-step ul.aggregations li > *.agg-options,
.window-recipe .main-step ul.aggregations li > *.agg-options,
.distinct-recipe .main-step ul.aggregations li > *.agg-options,
.topn-recipe .main-step ul.aggregations li > *.agg-options,
.sort-recipe .main-step ul.aggregations li > *.agg-options,
.pivot-recipe .main-step ul.aggregations li > *.agg-options,
.split-recipe .main-step ul.aggregations li > *.agg-options {
  padding-left: 15px;
  font-size: 13px;
  color: #333333;
}
.grouping-recipe .main-step ul.aggregations li > *.agg-options label,
.window-recipe .main-step ul.aggregations li > *.agg-options label,
.distinct-recipe .main-step ul.aggregations li > *.agg-options label,
.topn-recipe .main-step ul.aggregations li > *.agg-options label,
.sort-recipe .main-step ul.aggregations li > *.agg-options label,
.pivot-recipe .main-step ul.aggregations li > *.agg-options label,
.split-recipe .main-step ul.aggregations li > *.agg-options label {
  display: inline-block;
  width: 65px;
}
.grouping-recipe .main-step ul.aggregations .sortable-placeholder,
.window-recipe .main-step ul.aggregations .sortable-placeholder,
.distinct-recipe .main-step ul.aggregations .sortable-placeholder,
.topn-recipe .main-step ul.aggregations .sortable-placeholder,
.sort-recipe .main-step ul.aggregations .sortable-placeholder,
.pivot-recipe .main-step ul.aggregations .sortable-placeholder,
.split-recipe .main-step ul.aggregations .sortable-placeholder {
  display: table-row;
  height: 30px;
  background-color: #ce1228;
}
.grouping-recipe .main-step ul.aggregations .handle,
.window-recipe .main-step ul.aggregations .handle,
.distinct-recipe .main-step ul.aggregations .handle,
.topn-recipe .main-step ul.aggregations .handle,
.sort-recipe .main-step ul.aggregations .handle,
.pivot-recipe .main-step ul.aggregations .handle,
.split-recipe .main-step ul.aggregations .handle {
  cursor: move;
  position: relative;
}
.grouping-recipe .explanation,
.window-recipe .explanation,
.distinct-recipe .explanation,
.topn-recipe .explanation,
.sort-recipe .explanation,
.pivot-recipe .explanation,
.split-recipe .explanation {
  font-size: 12px;
  color: #666666;
}
.window-recipe .window-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc("100% - 300px");
  display: inline-block;
}
.window-recipe .window-prefix {
  display: inline-block;
  font-size: 15px;
  margin-left: 13px;
  color: #666666;
  position: relative;
  top: -8px;
}
.window-recipe .window-prefix-label {
  line-height: 26px;
  vertical-align: middle;
}
.window-recipe .window-definition .control-group {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  min-width: 250px;
  max-width: 400px;
  padding-right: 20px;
  box-sizing: border-box;
}
.window-recipe .window-definition .control-group .area-label {
  margin-bottom: 10px;
  text-align: center;
}
.window-recipe .window-definition .bounds .bootstrap-select button {
  width: 280px;
}
.window-recipe .window-definition .remove {
  margin-left: 5px;
  position: relative;
  top: 2px;
  color: #666666;
}
.mx-hoverable-multipleColumnSelection--action .multipleColumnSelection--action {
  margin-left: 10px;
  opacity: 0;
}
.mx-hoverable-multipleColumnSelection--action .multipleColumnSelection--action a {
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.mx-hoverable-multipleColumnSelection--action:hover .multipleColumnSelection--action {
  opacity: 1;
}
.aggregate-popup .concat-distinct[disabled=disabled],
.aggregate-popup .first-last-ignore-nulls[disabled=disabled] {
  opacity: 0.3;
  pointer-events: none;
}
.distinct-recipe .main-step .recipe-settings-section1,
.topn-recipe .main-step .recipe-settings-section1,
.sort-recipe .main-step .recipe-settings-section1,
.pivot-recipe .main-step .recipe-settings-section1,
.pivot-recipe-aggregation-details .main-step .recipe-settings-section1 {
  padding: 0;
}
.distinct-recipe .noitem-placeholder,
.topn-recipe .noitem-placeholder,
.sort-recipe .noitem-placeholder,
.pivot-recipe .noitem-placeholder,
.pivot-recipe-aggregation-details .noitem-placeholder {
  padding: 3px 0px;
  font-family: 'SourceSansPro';
  color: #f28c37;
}
.distinct-recipe .col-desc,
.topn-recipe .col-desc,
.sort-recipe .col-desc,
.pivot-recipe .col-desc,
.pivot-recipe-aggregation-details .col-desc {
  padding: 3px 10px;
  min-width: 200px;
  max-width: 400px;
  border-radius: 4px;
  background-color: #c4e0fe;
}
.distinct-recipe .col-desc .col-name,
.topn-recipe .col-desc .col-name,
.sort-recipe .col-desc .col-name,
.pivot-recipe .col-desc .col-name,
.pivot-recipe-aggregation-details .col-desc .col-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.distinct-recipe .col-desc .col-type,
.topn-recipe .col-desc .col-type,
.sort-recipe .col-desc .col-type,
.pivot-recipe .col-desc .col-type,
.pivot-recipe-aggregation-details .col-desc .col-type {
  margin-left: 10px;
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.distinct-recipe .col-desc.not-selected,
.topn-recipe .col-desc.not-selected,
.sort-recipe .col-desc.not-selected,
.pivot-recipe .col-desc.not-selected,
.pivot-recipe-aggregation-details .col-desc.not-selected {
  background-color: #f2f2f2;
}
.distinct-recipe .col-desc.not-selected .col-name,
.topn-recipe .col-desc.not-selected .col-name,
.sort-recipe .col-desc.not-selected .col-name,
.pivot-recipe .col-desc.not-selected .col-name,
.pivot-recipe-aggregation-details .col-desc.not-selected .col-name {
  font-weight: 400;
}
.distinct-recipe .multipleColumnSelection,
.topn-recipe .multipleColumnSelection,
.sort-recipe .multipleColumnSelection,
.pivot-recipe .multipleColumnSelection,
.pivot-recipe-aggregation-details .multipleColumnSelection {
  margin: 0;
  list-style: none;
}
.distinct-recipe .multipleColumnSelection li,
.topn-recipe .multipleColumnSelection li,
.sort-recipe .multipleColumnSelection li,
.pivot-recipe .multipleColumnSelection li,
.pivot-recipe-aggregation-details .multipleColumnSelection li {
  margin: 10px 10px 0 0;
}
.distinct-recipe .multipleColumnSelection li .multipleColumnSelection--item,
.topn-recipe .multipleColumnSelection li .multipleColumnSelection--item,
.sort-recipe .multipleColumnSelection li .multipleColumnSelection--item,
.pivot-recipe .multipleColumnSelection li .multipleColumnSelection--item,
.pivot-recipe-aggregation-details .multipleColumnSelection li .multipleColumnSelection--item {
  border-radius: 4px;
  background-color: #c4e0fe;
}
.distinct-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action,
.topn-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action,
.sort-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action,
.pivot-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action,
.pivot-recipe-aggregation-details .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action {
  margin-left: 10px;
  opacity: 0;
}
.distinct-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action a,
.topn-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action a,
.sort-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action a,
.pivot-recipe .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action a,
.pivot-recipe-aggregation-details .multipleColumnSelection li .multipleColumnSelection--item .multipleColumnSelection--action a {
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.distinct-recipe .multipleColumnSelection li .multipleColumnSelection--item:hover .multipleColumnSelection--action,
.topn-recipe .multipleColumnSelection li .multipleColumnSelection--item:hover .multipleColumnSelection--action,
.sort-recipe .multipleColumnSelection li .multipleColumnSelection--item:hover .multipleColumnSelection--action,
.pivot-recipe .multipleColumnSelection li .multipleColumnSelection--item:hover .multipleColumnSelection--action,
.pivot-recipe-aggregation-details .multipleColumnSelection li .multipleColumnSelection--item:hover .multipleColumnSelection--action {
  opacity: 1;
}
.distinct-recipe .multipleColumnSelection .choice-pending .selectpicker .filter-option,
.topn-recipe .multipleColumnSelection .choice-pending .selectpicker .filter-option,
.sort-recipe .multipleColumnSelection .choice-pending .selectpicker .filter-option,
.pivot-recipe .multipleColumnSelection .choice-pending .selectpicker .filter-option,
.pivot-recipe-aggregation-details .multipleColumnSelection .choice-pending .selectpicker .filter-option {
  color: #bbbbbb;
}
.distinct-recipe .multipleOrderSelection--list,
.topn-recipe .multipleOrderSelection--list,
.sort-recipe .multipleOrderSelection--list,
.pivot-recipe .multipleOrderSelection--list,
.pivot-recipe-aggregation-details .multipleOrderSelection--list {
  margin: 0;
  list-style: none;
}
.distinct-recipe .multipleOrderSelection--list .noitem-placeholder,
.topn-recipe .multipleOrderSelection--list .noitem-placeholder,
.sort-recipe .multipleOrderSelection--list .noitem-placeholder,
.pivot-recipe .multipleOrderSelection--list .noitem-placeholder,
.pivot-recipe-aggregation-details .multipleOrderSelection--list .noitem-placeholder {
  color: #ce1228;
}
.distinct-recipe .multipleOrderSelection--item,
.topn-recipe .multipleOrderSelection--item,
.sort-recipe .multipleOrderSelection--item,
.pivot-recipe .multipleOrderSelection--item,
.pivot-recipe-aggregation-details .multipleOrderSelection--item {
  margin: 10px 0;
}
.distinct-recipe .multipleOrderSelection--item .handle-row,
.topn-recipe .multipleOrderSelection--item .handle-row,
.sort-recipe .multipleOrderSelection--item .handle-row,
.pivot-recipe .multipleOrderSelection--item .handle-row,
.pivot-recipe-aggregation-details .multipleOrderSelection--item .handle-row {
  padding: 3px;
  color: #cccccc;
}
.distinct-recipe .multipleOrderSelection--item .handle-row .icon-reorder,
.topn-recipe .multipleOrderSelection--item .handle-row .icon-reorder,
.sort-recipe .multipleOrderSelection--item .handle-row .icon-reorder,
.pivot-recipe .multipleOrderSelection--item .handle-row .icon-reorder,
.pivot-recipe-aggregation-details .multipleOrderSelection--item .handle-row .icon-reorder {
  pointer-events: none;
}
.distinct-recipe .multipleOrderSelection--order,
.topn-recipe .multipleOrderSelection--order,
.sort-recipe .multipleOrderSelection--order,
.pivot-recipe .multipleOrderSelection--order,
.pivot-recipe-aggregation-details .multipleOrderSelection--order {
  margin-left: 3px;
  padding: 3px;
  font-weight: 600;
}
.distinct-recipe .multipleOrderSelection--coldesc,
.topn-recipe .multipleOrderSelection--coldesc,
.sort-recipe .multipleOrderSelection--coldesc,
.pivot-recipe .multipleOrderSelection--coldesc,
.pivot-recipe-aggregation-details .multipleOrderSelection--coldesc {
  margin-left: 10px;
}
.distinct-recipe .multipleOrderSelection--sort,
.topn-recipe .multipleOrderSelection--sort,
.sort-recipe .multipleOrderSelection--sort,
.pivot-recipe .multipleOrderSelection--sort,
.pivot-recipe-aggregation-details .multipleOrderSelection--sort {
  margin-left: 3px;
}
.distinct-recipe .multipleOrderSelection--sort ul li a,
.topn-recipe .multipleOrderSelection--sort ul li a,
.sort-recipe .multipleOrderSelection--sort ul li a,
.pivot-recipe .multipleOrderSelection--sort ul li a,
.pivot-recipe-aggregation-details .multipleOrderSelection--sort ul li a {
  padding: 2px 14px;
}
.distinct-recipe .multipleOrderSelection--sort ul li a span,
.topn-recipe .multipleOrderSelection--sort ul li a span,
.sort-recipe .multipleOrderSelection--sort ul li a span,
.pivot-recipe .multipleOrderSelection--sort ul li a span,
.pivot-recipe-aggregation-details .multipleOrderSelection--sort ul li a span {
  margin-left: 6px;
  font-size: 13px;
}
.distinct-recipe .multipleOrderSelection--sort button,
.topn-recipe .multipleOrderSelection--sort button,
.sort-recipe .multipleOrderSelection--sort button,
.pivot-recipe .multipleOrderSelection--sort button,
.pivot-recipe-aggregation-details .multipleOrderSelection--sort button {
  padding: 3px 10px;
  text-transform: none;
  text-align: left;
}
.distinct-recipe .multipleOrderSelection--action,
.topn-recipe .multipleOrderSelection--action,
.sort-recipe .multipleOrderSelection--action,
.pivot-recipe .multipleOrderSelection--action,
.pivot-recipe-aggregation-details .multipleOrderSelection--action {
  margin-left: 3px;
  padding: 3px;
}
.distinct-recipe .multipleOrderSelection--action a,
.topn-recipe .multipleOrderSelection--action a,
.sort-recipe .multipleOrderSelection--action a,
.pivot-recipe .multipleOrderSelection--action a,
.pivot-recipe-aggregation-details .multipleOrderSelection--action a {
  color: #666666;
}
.distinct-recipe .multipleOrderSelection--add,
.topn-recipe .multipleOrderSelection--add,
.sort-recipe .multipleOrderSelection--add,
.pivot-recipe .multipleOrderSelection--add,
.pivot-recipe-aggregation-details .multipleOrderSelection--add {
  margin: 10px 0;
}
.distinct-recipe .multipleOrderSelection--add .selectpicker .filter-option,
.topn-recipe .multipleOrderSelection--add .selectpicker .filter-option,
.sort-recipe .multipleOrderSelection--add .selectpicker .filter-option,
.pivot-recipe .multipleOrderSelection--add .selectpicker .filter-option,
.pivot-recipe-aggregation-details .multipleOrderSelection--add .selectpicker .filter-option {
  color: #bbbbbb;
}
.distinct-recipe .twoPanesColumnSelection,
.topn-recipe .twoPanesColumnSelection,
.sort-recipe .twoPanesColumnSelection,
.pivot-recipe .twoPanesColumnSelection,
.pivot-recipe-aggregation-details .twoPanesColumnSelection {
  height: 500px;
  align-items: center;
}
.distinct-recipe .twoPanesColumnSelection .pane,
.topn-recipe .twoPanesColumnSelection .pane,
.sort-recipe .twoPanesColumnSelection .pane,
.pivot-recipe .twoPanesColumnSelection .pane,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane {
  padding: 0;
  margin: 0;
  height: 100%;
  max-width: 48%;
}
.distinct-recipe .twoPanesColumnSelection .pane .colsearch,
.topn-recipe .twoPanesColumnSelection .pane .colsearch,
.sort-recipe .twoPanesColumnSelection .pane .colsearch,
.pivot-recipe .twoPanesColumnSelection .pane .colsearch,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .colsearch {
  height: 26px;
  margin-bottom: 10px;
}
.distinct-recipe .twoPanesColumnSelection .pane .colsearch .colsearch-icon,
.topn-recipe .twoPanesColumnSelection .pane .colsearch .colsearch-icon,
.sort-recipe .twoPanesColumnSelection .pane .colsearch .colsearch-icon,
.pivot-recipe .twoPanesColumnSelection .pane .colsearch .colsearch-icon,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .colsearch .colsearch-icon {
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  background-color: #f2f2f2;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist,
.topn-recipe .twoPanesColumnSelection .pane .collist,
.sort-recipe .twoPanesColumnSelection .pane .collist,
.pivot-recipe .twoPanesColumnSelection .pane .collist,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist {
  padding: 0;
  margin: 0;
  border: 1px solid #dddddd;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item {
  cursor: pointer;
  height: 26px;
  padding: 3px 10px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item .colname,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item .colname,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item .colname,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item .colname,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item .colname {
  overflow: hidden;
  text-overflow: ellipsis;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item .coltype,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item .coltype,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item .coltype,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item .coltype,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item .coltype,
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item .colstatus,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item .colstatus,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item .colstatus,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item .colstatus,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item .colstatus {
  margin-left: 10px;
  color: #bbbbbb;
  font-size: 13px;
  font-family: 'SourceSansPro';
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item .colaction {
  opacity: 0;
  color: #666666;
  user-select: none;
  font-size: 25px;
  font-weight: 400;
  margin-left: 10px;
  vertical-align: middle;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction:hover,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction:hover,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction:hover,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item .colaction:hover,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item .colaction:hover {
  color: #222222;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item:hover {
  background-color: #ffffff;
}
.distinct-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover a,
.topn-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover a,
.sort-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover a,
.pivot-recipe .twoPanesColumnSelection .pane .collist .collist-item:hover a,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .pane .collist .collist-item:hover a {
  opacity: 1;
}
.distinct-recipe .twoPanesColumnSelection .actions,
.topn-recipe .twoPanesColumnSelection .actions,
.sort-recipe .twoPanesColumnSelection .actions,
.pivot-recipe .twoPanesColumnSelection .actions,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .actions {
  width: 50px;
  padding: 3px;
}
.distinct-recipe .twoPanesColumnSelection .actions button,
.topn-recipe .twoPanesColumnSelection .actions button,
.sort-recipe .twoPanesColumnSelection .actions button,
.pivot-recipe .twoPanesColumnSelection .actions button,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .actions button {
  margin: 10px;
  padding-left: 6px;
  font-size: 18px;
  line-height: 18px;
}
.distinct-recipe .twoPanesColumnSelection .retrieve .collist,
.topn-recipe .twoPanesColumnSelection .retrieve .collist,
.sort-recipe .twoPanesColumnSelection .retrieve .collist,
.pivot-recipe .twoPanesColumnSelection .retrieve .collist,
.pivot-recipe-aggregation-details .twoPanesColumnSelection .retrieve .collist {
  border: 1px solid #3b99fc;
}
.pivot-recipe-aggregation-details {
  margin-left: 10px;
  background-color: #ffffff;
  width: 420px;
  z-index: 0;
  padding: 5px;
}
.pivot-recipe-aggregation-details > div {
  padding: 5px;
}
.pivot-recipe .explanation {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
.pivot-recipe .no-item {
  color: #ce1228;
  background-color: #f9e3e5;
}
.pivot-recipe .key-columns-selection-wrapper {
  margin: 0 0 20px 0;
}
.pivot-recipe .key-columns-selection-wrapper > li {
  margin: 5px;
}
.pivot-recipe .key-columns-selection-wrapper > li .multipleColumnSelection--action {
  margin-left: 10px;
  opacity: 0;
}
.pivot-recipe .key-columns-selection-wrapper > li .multipleColumnSelection--action a {
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.pivot-recipe .key-columns-selection-wrapper > li:hover .multipleColumnSelection--action {
  opacity: 1;
}
.pivot-recipe .identifier-columns-selection-wrapper {
  margin: 0;
  list-style: none;
}
.pivot-recipe .identifier-columns-selection-wrapper > li {
  margin: 10px 0;
}
.pivot-recipe .identifier-columns-selection-wrapper > li .multipleColumnSelection--action {
  margin-left: 10px;
  opacity: 0;
}
.pivot-recipe .identifier-columns-selection-wrapper > li .multipleColumnSelection--action a {
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.pivot-recipe .identifier-columns-selection-wrapper > li:hover .multipleColumnSelection--action {
  opacity: 1;
}
.pivot-recipe .content-selection-wrapper {
  margin: 0;
  list-style: none;
}
.pivot-recipe .content-selection-wrapper > li {
  position: relative;
  margin: 10px 0;
}
.pivot-recipe .content-selection-wrapper > li .multipleColumnSelection--action {
  margin-left: 10px;
  opacity: 0;
}
.pivot-recipe .content-selection-wrapper > li .multipleColumnSelection--action a {
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.pivot-recipe .content-selection-wrapper > li:hover .multipleColumnSelection--action {
  opacity: 1;
}
.pivot-recipe .content-selection-wrapper > li .multipleOrderSelection--coldesc {
  position: relative;
  width: 400px;
}
.pivot-recipe .content-selection-wrapper > li #globalCountCheckbox {
  position: absolute;
  top: 7px;
  left: -10px;
}
.pivot-recipe .content-selection-wrapper > li a {
  color: #222222;
}
.pivot-recipe .content-selection-wrapper > li a .icon-caret-up {
  margin-right: 5px;
}
.pivot-recipe .pivot-setup-table {
  width: 100%;
  background: initial;
}
.pivot-recipe .pivot-setup-table tr > td {
  vertical-align: top;
}
.pivot-recipe .pivot-setup-table .left {
  width: 400px;
  position: relative;
}
.pivot-recipe .pivot-setup-table .left .boxed {
  margin-left: 5px;
}
.pivot-recipe .pivot-setup-table .middle {
  width: 20px;
}
.pivot-recipe .pivot-setup-table .right {
  position: relative;
}
.pivot-recipe .pivot-setup-table .top {
  max-height: 650px;
}
.pivot-recipe .pivot-setup-table .boxed {
  padding: 20px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.pivot-recipe .pivot-setup-table .box-title {
  color: #333333;
  line-height: 26px;
}
.pivot-recipe .pivot-setup-table .box-title td {
  padding: 17px 0 5px 3px;
}
.pivot-recipe .pivot-setup-table .box-title .illustration {
  display: inline-block;
  font-size: 20px;
  width: 20px;
}
.pivot-recipe .pivot-setup-table .box-title .illustration .color-to-background {
  background: #333333;
}
.pivot-recipe .pivot-setup-table .box-title .description {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
}
.pivot-recipe .pivot-setup-table .box-title .btn-group {
  float: right;
}
.pivot-recipe .pivot-limit-mode {
  margin: 5px;
}
.pivot-recipe .multipleOrderSelection--add {
  margin: 10px;
}
.pivot-recipe .table-explicit-values-wrapper {
  max-height: 250px;
  margin: 10px 0;
}
.pivot-recipe .table-explicit-values {
  margin-bottom: 10px;
}
.pivot-recipe .table-explicit-values tr {
  border: none;
}
.pivot-recipe .table-explicit-values th {
  margin: 0;
  padding: 2px;
  border: none;
}
.pivot-recipe .table-explicit-values td {
  margin: 0;
  padding: 2px;
  border: none;
}
.pivot-recipe .table-aggregates {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 10px;
}
.pivot-recipe .table-aggregates tr {
  border: none;
}
.pivot-recipe .table-aggregates td {
  margin: 0;
  padding: 5px;
  border: none;
}
.pivot-recipe .pivoted-schema-fattable .column-rows .column-row {
  line-height: 30px;
}
.pivot-recipe .pivoted-schema-fattable .column-rows .column-row .column-type {
  width: 100px;
  padding-left: 20px;
  display: inline-block;
}
.pivot-recipe .pivoted-schema-fattable .column-rows .column-row .column-name {
  display: inline-block;
}
.pivot-recipe .pivot-help-zone {
  height: 335px;
  font-size: 11px;
  border: 1px solid #dddddd;
  padding: 10px;
  background: #f2f2f2;
}
.pivot-recipe .pivot-help-zone .example-selector {
  position: relative;
}
.pivot-recipe .pivot-help-zone .example-selector > div {
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  vertical-align: top;
}
.pivot-recipe .pivot-help-zone .example-selector .example-list {
  margin: 1px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pivot-recipe .pivot-help-zone .example-selector .example-list ul li {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  margin: 2px 0;
  padding: 3px 10px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-list ul li.active {
  font-weight: 600;
}
.pivot-recipe .pivot-help-zone .example-selector .example-list ul li.hovered {
  background: #dddddd;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary {
  margin: 3px 1px;
  padding: 0 0 0 20px;
  height: 138px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .header {
  padding: 5px 10px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .setup {
  padding: 2px 10px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .setup .key {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .setup .value {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .setup .illustration {
  display: inline-block;
  font-size: 14px;
  width: 16px;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .setup .illustration .color-to-background {
  background: #666666;
}
.pivot-recipe .pivot-help-zone .example-selector .example-summary .hint {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 10px;
}
.pivot-recipe .pivot-help-zone .example-output span.output-marker {
  color: #bbbbbb;
  font-size: 20px;
  line-height: 20px;
  margin-top: -4px;
}
.pivot-recipe .pivot-help-zone .example-output i.icon {
  color: #bbbbbb;
  font-size: 34px;
  width: 34px;
  height: 34px;
}
.pivot-recipe .pivot-help-zone .example-output .line {
  width: 100%;
  height: 1px;
  border-top: 1px solid #dddddd;
}
.pivot-recipe .pivot-help-zone .example-output .example-table {
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #dddddd;
  background: inherit;
}
.pivot-recipe .pivot-help-zone .example-output .example-table th {
  border: 1px solid #dddddd;
}
.pivot-recipe .pivot-help-zone .example-output .example-table td {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.pivot-recipe .pivot-help-zone .example-output .example-table th,
.pivot-recipe .pivot-help-zone .example-output .example-table td {
  padding: 1px 5px;
}
.pivot-recipe .pivot-help-zone .example-output .example-table.input td {
  color: #333333;
  line-height: 17px;
}
.pivot-recipe .pivot-help-zone .example-output .example-table.output.bold-first-col td:not(:first-child) {
  color: #333333;
}
.pivot-recipe .pivot-help-zone .example-output .example-table.output.bold-first-col td:first-child {
  font-weight: 600;
}
.pivot-recipe .pivot-help-zone .example-output .example-table.output:not(.bold-first-col) td {
  color: #333333;
  line-height: 17px;
}
.pivot-recipe .pivot-help-zone .example-output .table-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.custom-aggregates-modal .custom-aggregates {
  list-style: none;
  margin: 0;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate {
  margin: 5px 0 30px 0;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate > div:not(:first-child) {
  margin-left: 20px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .expression-editor {
  position: relative;
  margin-top: 5px;
  margin-left: 20px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .expression-editor .help-popover {
  position: absolute;
  left: -15px;
  top: 3px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .label-editor {
  margin-top: 5px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .type-editor {
  margin-top: 5px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .type-editor .bootstrap-select {
  width: 50px !important;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .type-editor .base-type-editor {
  border: 1px solid #dddddd;
  display: inline-block;
  padding: 0 3px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .type-editor .base-type-editor b {
  vertical-align: middle;
  margin-left: 3px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .type-editor input[type=text] {
  width: 30px;
  height: 22px;
  margin-top: -1px;
}
.custom-aggregates-modal .custom-aggregates .custom-aggregate .CodeMirror {
  border: 1px solid #dddddd;
  height: auto;
  min-height: 22px;
}
.update-recipe .update-recipe-key {
  list-style-type: none;
  margin: 10px 0;
}
.update-recipe .update-recipe-key .keypart {
  margin: 2px 0;
}
.update-recipe input#keypart {
  width: 300px !important;
}
.update-recipe .key-status {
  font-size: 0.9em;
  font-style: italic;
  color: #666666;
}
.download-recipe .sources > li:not(:first-child) {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #dddddd;
}
.download-recipe .sources .paths-list {
  margin: 5px 0;
  max-height: 100px;
}
.download-recipe .sources .paths-list td {
  line-height: 15px;
}
.download-recipe .add-source-cta {
  margin: 0 auto;
  color: #666666;
  text-align: center;
}
.download-recipe .add-source-cta h1 {
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
}
.download-recipe .add-source-cta p {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
}
.download-recipe .add-source-cta p.small {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 16px;
}
.sort-recipe .main-step .recipe-settings-section1,
.topn-recipe .main-step .recipe-settings-section1 {
  width: 818px;
  border: 1px solid #dddddd;
}
.sort-recipe .main-step .recipe-settings-section1:not(.first-section),
.topn-recipe .main-step .recipe-settings-section1:not(.first-section) {
  margin-top: 20px;
}
.topn-recipe .topNBottomMInputs input {
  width: 60px;
  margin: 0 5px;
}
.topn-recipe h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #333333;
  margin-bottom: 0.4em;
}
.topn-recipe h3:not(:first-child) {
  margin-top: 1.4em;
}
.topn-recipe input[type="radio"] {
  margin-left: 2px;
}
.split-recipe .filter-editor .message-bar,
.split-recipe .computed-column-step-editor .message-bar {
  margin-bottom: 0;
}
.split-recipe .add-value {
  text-align: center;
}
.split-recipe .variables {
  padding: 5px;
}
.split-recipe .variables .variable {
  margin: 10px 0;
}
.split-recipe .variables .CodeMirror {
  border: 1px solid #dddddd;
  margin-top: 5px;
  height: 60px;
}
.split-recipe .formbased-recipe-infozone.split__infozone {
  margin-top: 30px;
  margin-bottom: 30px;
}
.split-recipe .formbased-recipe-infozone .btn,
.split-recipe .formbased-recipe-infozone .btn-group.btn-group.btn-group.btn-group.btn-group.btn-group {
  width: initial;
  max-width: 500px;
}
.split-recipe .dkuform-horizontal .control-label {
  height: initial;
}
.split-recipe .split-gauge {
  height: 24px;
  width: 100px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #dddddd;
  background: #f2f2f2;
}
.split-recipe .split-gauge .gauge-handles {
  pointer-events: none;
  fill: none;
  stroke: none;
}
.split-recipe .split-gauge .resize {
  shape-rendering: crispedges;
}
.split-recipe .split-gauge .resize .separator,
.split-recipe .split-gauge .resize .handle {
  fill: #3b99fc;
  stroke: #ffffff;
  stroke-width: 1px;
}
.split-recipe .split-gauge .handles {
  fill: #3b99fc;
  stroke: none;
  pointer-events: none;
}
.split-recipe .split-gauge .x.brush .extent {
  fill: #c4e0fe;
}
.split-recipe .form5.form5.form5 .control-label {
  padding-left: 0px;
  width: 540px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
}
.split-recipe .form5.form5.form5 .controls {
  margin-left: 550px;
}
.split-recipe .form3.form3.form3 .control-label {
  margin: 0;
  width: 300px;
}
.split-recipe .form3.form3.form3 .controls {
  margin-left: 380px;
}
.split-recipe .form3.form3.form3 .autofill {
  display: block;
  float: left;
  height: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.split-recipe .form3.form3.form3 .autofill .label {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 5px;
}
.split-recipe .filter-split {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid #dddddd;
}
.split-recipe .filter-split .remove {
  position: absolute;
  top: 4px;
  right: 7px;
}
.split-recipe .arrow {
  line-height: 24px;
}
.split-recipe .select-columns .control-group.title h2.control-label {
  margin-top: 5px;
  width: inherit;
}
.split-recipe .select-columns ul li {
  list-style: none;
}
.split-recipe .select-columns ul li + li {
  margin-top: 10px;
}
.split-recipe .select-columns ul li .handle-row {
  cursor: move;
}
.split-recipe .select-columns ul li .handle-row .icon-reorder {
  color: #cccccc;
}
.split-recipe .select-columns ul li .col-rank {
  margin-left: 3px;
  padding: 3px;
  font-weight: 500;
  color: #bbbbbb;
}
.split-recipe .select-columns ul li .col-desc {
  padding: 3px 10px;
  min-width: 200px;
  max-width: 400px;
  border-radius: 4px;
  background-color: lightblue;
}
.split-recipe .select-columns ul li .col-desc .col-name {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.split-recipe .select-columns ul li .col-desc .col-type {
  margin-left: 10px;
  color: #bbbbbb;
  mix-blend-mode: multiply;
}
.split-recipe .select-columns ul li .col-desc.invalid {
  background-color: #f9e3e5;
}
.split-recipe .select-columns ul li .col-order {
  margin-left: 5px;
}
.split-recipe .select-columns ul li .col-order i {
  color: #444444;
  font-size: 13px;
}
.split-recipe .select-columns ul li .remove {
  margin-left: 3px;
}
.split-recipe .select-columns ul li .remove .icon-trash {
  font-size: 14px;
  color: #cccccc;
}
.split-recipe .dropdown-columns .selectpicker .filter-option {
  color: #bbbbbb;
}
.split-recipe .invalid-column-select .dku-select-button {
  border: 1px solid #ce1228;
}
.split-recipe .recipe-settings-section1 {
  padding: 16px;
  margin: 0 auto 16px auto;
}
.split-recipe .recipe-settings-section1 h1,
.split-recipe .recipe-settings-section1 .recipe-settings-section2 {
  padding: 0;
}
.split-recipe .info-message-inline-display {
  margin-bottom: 0;
}
.split-recipe .main-step .recipe-settings-section1 {
  width: 818px;
  border: 1px solid #dddddd;
}
.split-recipe .main-step .recipe-settings-section1:not(.first-section) {
  margin-top: 16px;
}
.split-recipe .main-step h3.recipe-settings-section2-subtext {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
  vertical-align: middle;
}
.split-recipe .main-step .modal-container .modal {
  box-shadow: none;
  border: 1px solid #dddddd;
}
.split-recipe .main-step .modal-container .modal-header button.close {
  display: none;
}
.split-recipe .recipe-settings-info-general {
  padding: 15px 30px 5px 30px;
}
.split-recipe .recipe-settings-section1.no-border {
  border: none;
}
.split-recipe .recipe-settings-info-small-wrapper {
  margin: 0 10px 15px 10px;
}
.split-recipe .recipe-settings-section2-label {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.split-recipe .dkuform-horizontal .split-mode.recipe-settings-section1-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
}
.split-recipe .dkuform-horizontal .split-mode.recipe-settings-section2-title {
  margin-right: 10px;
}
.split-recipe .dkuform-horizontal .btn-change {
  margin-top: -4px;
}
.split-recipe .dkuform-horizontal .control-group {
  margin: 0;
}
.split-recipe .dkuform-horizontal .control-group:not(.title) {
  position: relative;
}
.split-recipe .dkuform-horizontal .control-group.text:last-child {
  margin-bottom: 0px;
}
.split-recipe .dkuform-horizontal .control-group .gauge-container {
  display: inline-block;
  vertical-align: middle;
}
.split-recipe .dkuform-horizontal .control-group .recipe-settings-section2__text {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
}
.split-recipe .dkuform-horizontal .control-group .control-label {
  color: #444444;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges {
  width: 514px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity {
  width: 150px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges input.range-extremity-min {
  width: 150px;
  margin-left: -3px;
  margin-right: 8px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity-common {
  border: 1px solid transparent;
  display: inline-block;
  width: 166px;
  color: #bbbbbb;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 4px;
  vertical-align: middle;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity-common a {
  color: inherit;
  display: block;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity-common .icon-pencil {
  color: #bbbbbb;
  float: right;
  line-height: 24px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity-common.invalid {
  color: #ce1228;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity-common.invalid .icon-pencil {
  color: #ce1228;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .range-extremity-common:hover {
  border-color: #dddddd;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-min {
  border: 1px solid transparent;
  display: inline-block;
  width: 166px;
  color: #bbbbbb;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 4px;
  vertical-align: middle;
  margin-right: 8px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-min a {
  color: inherit;
  display: block;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-min .icon-pencil {
  color: #bbbbbb;
  float: right;
  line-height: 24px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-min.invalid {
  color: #ce1228;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-min.invalid .icon-pencil {
  color: #ce1228;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-min:hover {
  border-color: #dddddd;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges input.range-extremity-max {
  width: 150px;
  margin-right: -3px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-max {
  border: 1px solid transparent;
  display: inline-block;
  width: 166px;
  color: #bbbbbb;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 4px;
  vertical-align: middle;
  width: 165px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-max a {
  color: inherit;
  display: block;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-max .icon-pencil {
  color: #bbbbbb;
  float: right;
  line-height: 24px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-max.invalid {
  color: #ce1228;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-max.invalid .icon-pencil {
  color: #ce1228;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges div.range-extremity-max:hover {
  border-color: #dddddd;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .date-ranges {
  margin-right: -3px;
  margin-left: -3px;
  width: 250px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .date-ranges input {
  width: 100%;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .input-date + range-bracket {
  margin-right: 61px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .gauge-container {
  width: 100px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .bracket {
  width: 26px;
  display: inline-block;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.split-recipe .dkuform-horizontal .control-group .control-label.ranges .remaining {
  width: 367px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.shares {
  width: 500px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.shares input {
  width: 160px;
  padding-left: 20px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.shares .gauge-container {
  margin-left: 35px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.shares .gauge-container .split-gauge {
  width: 250px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.shares .percent {
  position: absolute;
  left: 4px;
  top: 3px;
  font-size: 13px;
}
.split-recipe .dkuform-horizontal .control-group .control-label.shares .remaining {
  width: 160px;
}
.split-recipe .dkuform-horizontal .control-group .control-label .remaining {
  vertical-align: middle;
  display: inline-block;
}
.split-recipe .dkuform-horizontal .control-group .control-label .warning {
  color: #f28c37;
}
.split-recipe .dkuform-horizontal .control-group .control-label .icon-dku-case_sensitive {
  font-size: 19px;
  padding-left: 3px;
}
.split-recipe .dkuform-horizontal .control-group .control-label .icon-dku-case_sensitive.insensitive {
  color: #cccccc;
}
.split-recipe .dkuform-horizontal .control-group .control-label .dku-toggle {
  padding-right: 10px;
}
.split-recipe .dkuform-horizontal .control-group .control-label .dku-toggle.dku-toggle input:checked + *:before {
  background: #3b99fc;
}
.split-recipe .dkuform-horizontal .control-group .controls.ranges {
  margin-left: 530px;
}
.split-recipe .dkuform-horizontal .control-group .controls.shares {
  margin-left: 530px;
}
.modal.split-modal {
  width: 725px;
  height: 390px;
}
.modal.split-modal .split-option__wrapper {
  margin-right: 34px;
  width: 323px;
}
.modal.split-modal .split-option__big-button-container {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  width: 100%;
  height: 46px;
  padding: 0;
  margin: 0 0 18px 0;
  background-color: #ffffff;
}
.modal.split-modal .split-option__big-button-container:not(.selectable) {
  color: #dddddd;
}
.modal.split-modal .split-option__big-button-container.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.modal.split-modal .split-option__big-button-container.selected,
.modal.split-modal .split-option__big-button-container.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.modal.split-modal .split-option__big-button-container i:not(.universe-color) {
  color: #666666;
}
.modal.split-modal .split-option__big-button-container .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.modal.split-modal .split-option__big-button-container .selection-indicator i {
  color: #3b99fc;
}
.modal.split-modal .split-option__big-button-container .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.modal.split-modal .split-option__big-button-container .selectable-item__description {
  font-weight: 400;
}
.modal.split-modal .split-option__big-button {
  color: #444444;
  padding: 15px 0px 15px 16px;
  margin: 0px;
}
.modal.split-modal .split-option__big-button-title {
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 13px;
}
.modal.split-modal .split-option__big-button-title i {
  margin-right: 15px;
}
.modal.split-modal .split-option__explanation {
  width: 253px;
  text-align: justify;
  vertical-align: top;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #222222;
  color: #666666;
}
/*
 * Lists
 */
.list-items .dashboard-item .unauthorized-content-warning {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.list-items .dashboard-item .list-btn-wrapper,
.list-items .insight-item .list-btn-wrapper {
  position: relative;
  transform: translate(0, 25%);
  display: block;
  padding-left: 10px;
}
.list-items .dashboard-item .list-btn,
.list-items .insight-item .list-btn {
  font-size: 20px;
  color: #999999;
  display: inline-block;
  vertical-align: middle;
}
.list-items .dashboard-item .list-btn.listed,
.list-items .insight-item .list-btn.listed {
  color: #f44336;
}
.list-items .dashboard-item .list-btn.linked,
.list-items .insight-item .list-btn.linked {
  color: #bbbbbb;
}
.list-items .dashboard-item .list-btn.pinned,
.list-items .insight-item .list-btn.pinned {
  color: #f44336;
}
.list-items .dashboard-item .list-btn.disabled,
.list-items .insight-item .list-btn.disabled {
  cursor: default;
}
.list-items .dashboard-item .list-btn:not(:first-child),
.list-items .insight-item .list-btn:not(:first-child) {
  margin-left: 5px;
}
.list-items .dashboard-item .list-btn .listed-status-label,
.list-items .insight-item .list-btn .listed-status-label {
  font-size: 13px;
  margin-left: 5px;
  width: 50px;
  display: inline-block;
  text-align: right;
}
.list-items .dashboard-item a.list-btn:hover,
.list-items .insight-item a.list-btn:hover,
.list-items .dashboard-item a.list-btn:focus,
.list-items .insight-item a.list-btn:focus,
.list-items .dashboard-item a.list-btn:visited,
.list-items .insight-item a.list-btn:visited {
  text-decoration: none;
}
.list-items .dashboard-item a.list-btn:not(.disabled):hover,
.list-items .insight-item a.list-btn:not(.disabled):hover {
  color: #ea1c0d;
}
.list-page-4 .main-list-zone ul.list-items li .insight-item .illustration i.insight-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 4px;
  border-radius: 3px;
  box-sizing: initial;
  line-height: 17px;
  position: relative;
}
.dashboard-right-column-summary-header i,
.insight-right-column-summary-header i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 20px;
  color: #f44336;
}
.object-right-column-summary .accordion ul.insights-list li .object-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 3px;
  border-radius: 3px;
  box-sizing: initial;
  margin-right: 5px;
  position: static;
}
.insight-type-list-popover .insight-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 13px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  padding: 4px;
  border-radius: 3px;
  box-sizing: initial;
  margin-right: 10px;
}
.dashboards-home-page .fattable-viewport > div:hover {
  overflow: visible;
  z-index: 1;
}
/*
 * Dashboard
 */
.dashboard-view.full-screen,
.insight-view.full-screen,
.dashboard-edit.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3004;
}
.dashboard-view.full-screen .full-screen-link,
.insight-view.full-screen .full-screen-link,
.dashboard-edit.full-screen .full-screen-link {
  opacity: 1;
}
.dashboard-view .full-screen-link,
.insight-view .full-screen-link,
.dashboard-edit .full-screen-link {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 12px;
  z-index: 100;
  border: 1px solid #333333;
  height: 24px;
  width: 24px;
  line-height: 26px;
  text-align: center;
}
.dashboard-view .full-screen-link,
.insight-view .full-screen-link,
.dashboard-edit .full-screen-link,
.dashboard-view .next-page-link,
.insight-view .next-page-link,
.dashboard-edit .next-page-link,
.dashboard-view .previous-page-link,
.insight-view .previous-page-link,
.dashboard-edit .previous-page-link {
  color: #333333;
  cursor: pointer;
  opacity: 0.3;
}
.dashboard-view .full-screen-link:hover,
.insight-view .full-screen-link:hover,
.dashboard-edit .full-screen-link:hover,
.dashboard-view .next-page-link:hover,
.insight-view .next-page-link:hover,
.dashboard-edit .next-page-link:hover,
.dashboard-view .previous-page-link:hover,
.insight-view .previous-page-link:hover,
.dashboard-edit .previous-page-link:hover {
  opacity: 0.5;
}
.dashboard-view .next-page-link,
.dashboard-edit .next-page-link,
.dashboard-view .previous-page-link,
.dashboard-edit .previous-page-link {
  z-index: 20;
  position: absolute;
  top: calc(50% - 14px);
  height: 28px;
  width: 28px;
  background: #222222;
  border-radius: 50%;
  padding: 0 8px;
  box-sizing: border-box;
}
.dashboard-view .next-page-link > i,
.dashboard-edit .next-page-link > i,
.dashboard-view .previous-page-link > i,
.dashboard-edit .previous-page-link > i {
  color: #ffffff;
  line-height: 28px;
  font-size: 25px;
}
.dashboard-view .next-page-link,
.dashboard-edit .next-page-link {
  right: 15px;
  text-align: right;
}
.dashboard-view .previous-page-link,
.dashboard-edit .previous-page-link {
  left: 15px;
  text-align: left;
}
.dashboard-view .dashboard-tab-selector {
  border-top: 1px solid #dddddd;
}
.dashboard-view .dashboard-tab {
  display: inline-block;
  padding: 2px 15px;
  color: #666666;
}
.dashboard-view .dashboard-tab__title {
  cursor: pointer;
  max-width: 200px;
  font-size: 15px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-view .dashboard-tab__title::after {
  display: block;
  content: attr(text-content);
  font-weight: 500;
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  margin-bottom: -1px;
}
.dashboard-view .dashboard-tab--current {
  border-top: 3px solid #dddddd;
}
.dashboard-view .dashboard-tab--current .dashboard-tab__title {
  font-weight: 500;
  cursor: default;
}
.dashboard-edit {
  box-sizing: border-box;
}
.dashboard-edit .dashboard-slide-selector {
  height: 80px;
  border-top: 1px solid #dddddd;
  display: flex;
  overflow-x: auto;
  color: #666666;
}
.dashboard-edit .dashboard-slide-tab {
  cursor: pointer;
  width: 85px;
  padding: 6px 8px;
  flex: 0 0 auto;
}
.dashboard-edit .dashboard-slide-tab:not(:hover) .dashboard-slide-tab__tools-bar {
  visibility: hidden;
}
.dashboard-edit .dashboard-slide-tab:not(:hover) .dashboard-slide-tab__title {
  margin-right: 0;
}
.dashboard-edit .dashboard-slide-tab--current {
  background: #cccccc;
  cursor: default;
}
.dashboard-edit .dashboard-slide-tab__content {
  height: 65px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
.dashboard-edit .dashboard-slide-tab__content--new-slide {
  line-height: 65px;
  border: 1px solid #3b99fc;
  color: #3b99fc;
  font-size: 50px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
}
.dashboard-edit .dashboard-slide-tab__tools-bar {
  position: absolute;
  bottom: 0px;
  right: 2px;
  line-height: 19px;
  padding-right: 6px;
  text-align: right;
  background: rgba(255, 255, 255, 0.7);
}
.dashboard-edit .dashboard-slide-tab__tool-button {
  color: #999999;
  font-size: 11px;
  padding-right: 5px;
  text-decoration: none;
}
.dashboard-edit .dashboard-slide-tab__tool-button:hover {
  color: #444444;
}
.dashboard-edit .dashboard-slide-tab__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  position: relative;
  top: 45px;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.7);
  margin-right: 40px;
}
.dashboard-edit .add-insight-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 50px;
  line-height: 50px;
  font-size: 40px;
  z-index: 1000;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  background: #81c141;
  cursor: pointer;
}
.dashboard-edit .inline-left-panel-plus {
  display: inline-block;
  text-align: center;
  width: 40px;
  color: #81c141;
  font-size: 25px;
  font-weight: 400;
  text-decoration: none;
  vertical-align: middle;
}
.dashboard-edit .inline-page-plus {
  display: inline-block;
  text-align: center;
  width: 40px;
}
.dashboard-edit .inline-page-plus:before {
  content: '+';
  line-height: 18Px;
  border: 1px solid #3b99fc;
  color: #3b99fc;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  width: 25px;
  height: 20px;
  text-decoration: none;
}
.dashboard-edit .right-panel-edit {
  width: 300px;
  border-left: 1px solid #dddddd;
}
.dashboard-edit .right-panel-edit .content-insight .insight-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 11px;
  width: 11px;
  height: 11px;
  line-height: 11px;
  padding: 3px;
  border-radius: 3px;
  box-sizing: initial;
  margin-right: 3px;
}
.dashboard-edit .right-panel-edit .tile-title-input::-webkit-input-placeholder {
  color: #333333;
}
.dashboard-edit .right-panel-edit .color-picker-wrapper .color-picker {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  border: 1px solid #dddddd;
}
.dashboard-edit .right-panel-edit .color-picker-wrapper .color-picker.default {
  background: transparent;
  border: 1px solid #333333;
}
.dashboard-edit .right-panel-edit .color-picker-wrapper .reset,
.dashboard-edit .right-panel-edit .color-picker-wrapper .label {
  line-height: 20px;
  margin-left: 5px;
}
.dashboard-edit .right-panel-edit .color-picker-wrapper small .reset {
  margin-left: 0px;
}
.dashboard-edit .right-panel-edit .color-picker-wrapper .reset.disabled {
  color: #bbbbbb;
  cursor: pointer;
}
.dashboard-edit .tile-params .image-upload {
  border: 1px solid #dddddd;
  padding: 10px;
  border-radius: 4px;
  background: #ffffff;
  height: 48px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.dashboard-edit .tile-params .image-upload .no-image {
  text-align: center;
}
.dashboard-edit .tile-params .image-upload .has-image .icon-picture {
  float: left;
  font-size: 20px;
  color: #bbbbbb;
  padding-top: 3px;
}
.dashboard-edit .tile-params .image-upload .has-image > div {
  margin-left: 35px;
  line-height: 25px;
}
.dashboard-edit .tile-params .image-upload .has-image > div .uploaded {
  color: #666666;
}
.dashboard-page-wrapper {
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  background: #f2f2f2;
}
.tile-wrapper .tile-options.display-on-hover {
  display: none;
}
.tile-wrapper:hover .tile-options.display-on-hover {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
}
.dashboard-page {
  position: relative;
  min-height: 100%;
}
.dashboard-page.has-grid {
  background: #f2f2f2;
}
.dashboard-page .grid-display {
  min-height: 100%;
  right: -2px;
  top: -2px;
  left: -2px;
  bottom: -3px;
}
.dashboard-page .alert.alert-error {
  margin-bottom: 0;
}
.dashboard-page .page-title {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.dashboard-page .page-title.default-background {
  background: #f2f2f2;
}
.dashboard-page.editable .dashboard-tile .tile-content.loaded::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 10;
}
.dashboard-page.editable .dashboard-grid .tile-wrapper > .tile-outline {
  cursor: -webkit-grab;
}
.dashboard-page.editable .dashboard-grid .tile-wrapper.dragging > .tile-outline {
  cursor: -webkit-grabbing;
}
.dashboard-page:not(.editable) .tile-outline .tile-options:not(:hover) .tile-target {
  display: none;
}
.dashboard-page:not(.editable) .tile-outline .tile-options .tile-target span {
  display: none;
}
.dashboard-page:not(.editable) .dashboard-tile .text-tile .btn-edit {
  display: none;
}
.dashboard-page:not(.editable) .dashboard-tile .insight-image .btn-upload-image {
  display: none;
}
.dashboard-page:not(.editable) .dashboard-tile .btn-configure-chart {
  display: none;
}
.dashboard-page .dashboard-grid {
  margin: 0;
  position: relative;
}
.dashboard-page .dashboard-grid .tile-wrapper,
.dashboard-page .dashboard-grid li.position-highlight {
  position: absolute;
  padding: 3px;
  box-sizing: border-box;
}
.dashboard-page .dashboard-grid .tile-wrapper {
  list-style: none;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline {
  border: solid 1px transparent;
  background: #ffffff;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline.deleted {
  border-color: #eed3d7;
  background: #f2dede;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline.deleted .centered-info {
  color: #ce1228;
  font-size: 15px;
  font-weight: 500;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline.error-loading {
  border-color: #ce1228;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options {
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options .tile-title {
  font-weight: 500;
  font-size: 13px;
  margin-right: 10px;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options .tile-target {
  margin-right: 3px;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options .tile-actions a,
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options .tile-target a {
  color: #bbbbbb;
  font-size: 11px;
  padding-right: 5px;
  text-decoration: none;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options .tile-actions a:hover,
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options .tile-target a:hover {
  color: #444444;
}
.dashboard-page .dashboard-grid .tile-wrapper > .tile-outline .tile-options:not(:hover) .tile-target span {
  display: none;
}
.dashboard-page .dashboard-grid .tile-wrapper:not(.selected) .ui-resizable-handle {
  display: none !important;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle {
  width: 5px !important;
  height: 5px !important;
  background-color: #ffffff;
  border: 1px solid #3b99fc;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-nw {
  left: 0;
  top: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-ne {
  top: 0;
  right: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-sw {
  bottom: 0;
  left: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-se {
  bottom: 0;
  right: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-n {
  top: 0;
  left: 50%;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-s {
  bottom: 0;
  left: 50%;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-w {
  left: 0;
  top: 50%;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle.ui-resizable-e {
  right: 0;
  top: 50%;
}
.dashboard-page .dashboard-grid .tile-wrapper.selected > div.h100 {
  border-color: #3b99fc;
}
.dashboard-page .dashboard-grid .tile-wrapper.invisible {
  visibility: hidden;
}
.dashboard-page .dashboard-grid .tile-wrapper:not(.dragging) {
  -webkit-transition: left 0.2s, top 0.2s, width 0.2s, height 0.2s;
}
.dashboard-page .dashboard-grid .tile-wrapper.newPinlet {
  box-shadow: 0px 0px 7px #3b99fc;
}
.dashboard-page .dashboard-grid .tile-wrapper > .fh {
  padding: 3px 2px;
}
.dashboard-page .dashboard-grid .tile-wrapper > .fh > .noflex {
  background-color: #ffffff;
  border-bottom: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile {
  background: #ffffff;
  border-radius: 0px;
  background-color: #ffffff;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .access-warning {
  cursor: pointer;
  border-radius: 0px;
  margin: 10px;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .text-tile.one-col.one-row .centered-info p {
  font-size: 14px;
  margin: 5px 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.orig-size img {
  object-fit: none;
  max-width: none;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.fit-size img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.stretch-size img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.fit-crop-size img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image .insight-image-placeholder {
  text-align: center;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image .insight-image-placeholder i.icon-picture {
  color: #cccccc;
  font-size: 50px;
  display: block;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image .insight-image-placeholder i.icon-picture + .btn {
  margin-top: 10px;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.insight-image-and-desc {
  flex-direction: column;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.insight-image-and-desc img {
  max-height: 70%;
  padding: 0 20px;
}
.dashboard-page .dashboard-grid .tile-wrapper .dashboard-tile .insight-image.insight-image-and-desc .description-wrapper {
  overflow: scroll;
  max-height: 100%;
  padding: 0 20px;
  margin-top: 10px;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable {
  position: relative;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-disabled .ui-resizable-handle,
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.dashboard-page .dashboard-grid .tile-wrapper .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.dashboard-page .dashboard-grid li.position-highlight {
  -webkit-transition: none;
  transition: none;
  list-style: none;
}
.dashboard-page .dashboard-grid li.position-highlight .inner {
  border: none;
  background: #cccccc;
  height: 100%;
  width: 100%;
}
dashboard-tile,
.dashboard-tile {
  height: 100%;
}
dashboard-tile > div,
.dashboard-tile > div {
  height: 100%;
}
div.miniature {
  cursor: pointer;
  height: 100%;
}
div.miniature div.shakerTable {
  min-width: none;
}
div.miniature h3.insight-title-overlay {
  left: 0px;
  top: 26px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  color: #ffffff;
  position: absolute;
  display: table-cell;
  font-size: 17px;
  vertical-align: middle;
  padding: 10px 10px 30px 10px;
  margin-bottom: 0px;
  text-align: center;
  z-index: 1000;
}
div.miniature:hover h3.insight-title-overlay {
  display: none;
}
.pinlet-container.hasTitle .miniature {
  height: calc(100% - 26px);
}
.dashboard-tile {
  position: relative;
}
.dashboard-tile .metrics .metrics-plots .tile {
  height: auto;
  width: auto;
  border: none;
}
.dashboard-tile .metrics .metrics-plots .tile .tile-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: auto;
  height: auto;
}
.dashboard-tile .metrics .metrics-plots .tile:hover {
  background: initial;
}
.dashboard-tile .metrics .metrics-plots .banner {
  border: none;
}
.new-insight-modal {
  width: 700px;
}
.new-insight-modal .links {
  padding: 20px 20px 0 20px;
}
.new-insight-modal a.back {
  color: #bbbbbb;
}
.new-insight-modal a.back i {
  margin-right: 5px;
}
.new-insight-modal .insight-types .btn {
  display: inline-block;
  text-align: left;
  width: 48%;
  margin: 1%;
  height: 50px;
  background: #f2f2f2;
  border: 1px solid #dddddd;
  border-radius: 2px !important;
  font-size: 11px;
  line-height: normal;
  padding: 0;
}
.new-insight-modal .insight-types .btn i {
  margin-bottom: 3px;
  display: block;
  font-size: 20px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  float: left;
}
.new-insight-modal .insight-types .btn .name,
.new-insight-modal .insight-types .btn .desc {
  margin-left: 30px;
}
.new-insight-modal .insight-types .btn .name {
  margin-top: 9px;
  margin-bottom: 1px;
  font-weight: 500;
  margin-left: 30px;
  font-size: 12px;
}
.new-insight-modal .insight-types .btn .desc {
  text-transform: none;
  color: #666666;
}
.new-insight-modal .insight-types .btn:hover {
  background: #f2f2f2;
}
.new-insight-modal .dkuform-modal-horizontal .control-group:first-child {
  margin-top: 19px;
  margin-bottom: 0;
}
.new-insight-modal .dkuform-modal-horizontal label.control-label {
  font-weight: 500;
}
.new-insight-modal .dkuform-modal-horizontal div[insight-source-info] {
  font-size: 12px;
  margin-top: 5px;
}
.new-insight-modal .list-daterange-box-yyyymmddhhmm .picker input[type=text] {
  width: 206px;
}
.new-insight-modal .alert.alert-warning {
  margin: 20px 0 0 -230px;
}
.new-insight-modal .alert.alert-warning,
.new-insight-modal .alert.alert-warning label {
  font-size: 13px;
}
.new-insight-modal .existing-tab .filters {
  height: auto;
  padding: 10px 5px;
}
.new-insight-modal .existing-tab .filters > * {
  margin: 0 5px;
}
.new-insight-modal .existing-tab .filters .object-picker {
  width: 100% !important;
}
.new-insight-modal .existing-tab .filters .source-types .bootstrap-select {
  width: 115px !important;
}
.new-insight-modal .existing-tab .advanced-mode {
  padding: 10px 5px;
  border-top: 1px solid #dddddd;
}
.new-insight-modal .existing-tab .insight-list ul {
  min-height: 300px;
  max-height: 300px;
}
.new-insight-modal .existing-tab .insight-list .insight-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  padding: 3px;
  border-radius: 3px;
  box-sizing: initial;
  margin-right: 10px;
  margin-top: 5px;
}
.new-insight-modal .existing-tab .insight-list .add {
  color: #bbbbbb;
  text-transform: uppercase;
  font-size: .9em;
  display: none;
  margin-right: 10px;
}
.new-insight-modal .existing-tab .insight-list li:hover .add {
  display: block;
}
.new-insight-modal .existing-tab .insight-list li [class="universe-color"] {
  color: #bbbbbb;
}
.new-insight-modal .existing-tab .insight-details .accordion-title {
  display: none;
}
.new-insight-modal .existing-tab .insight-details .item-header h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*
 * Mutipining modal
 */
.multipin-insight-modal {
  width: 700px;
}
.multipin-insight-modal .modal-footer {
  border-top: 1px solid #dddddd;
}
.multipin-insight-modal form {
  margin: 0;
}
.multipin-insight-modal .table-wrapper {
  max-height: 298px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.multipin-insight-modal table.table {
  margin-bottom: 0;
}
.multipin-insight-modal table.table td,
.multipin-insight-modal table.table th {
  border-top: none;
  line-height: 26px;
}
.multipin-insight-modal table.table td i,
.multipin-insight-modal table.table th i {
  line-height: 26px;
  margin-right: 10px;
}
.multipin-insight-modal table.table td span.action-btn,
.multipin-insight-modal table.table th span.action-btn {
  display: block;
  height: 100%;
  cursor: pointer;
  text-align: center;
  margin-right: 0px;
}
.multipin-insight-modal table.table td.align-with-select,
.multipin-insight-modal table.table th.align-with-select {
  padding-left: 15px;
}
.multipin-insight-modal table.table td.align-with-select:nth-child(2),
.multipin-insight-modal table.table th.align-with-select:nth-child(2) {
  width: 304px;
  box-sizing: border-box;
}
.multipin-insight-modal table.table td.align-with-select:nth-child(3),
.multipin-insight-modal table.table th.align-with-select:nth-child(3) {
  width: 237px;
  box-sizing: border-box;
}
.multipin-insight-modal table.table td.width-of-select,
.multipin-insight-modal table.table th.width-of-select {
  width: 220px;
}
.multipin-insight-modal table.table.table-head th:first-child {
  width: 13px;
}
.multipin-insight-modal table.table.table-head th:first-child + th {
  width: 297px;
}
.multipin-insight-modal a.add-multipin-btn {
  color: #bbbbbb;
}
.multipin-insight-modal a.add-multipin-btn:hover:not(.disabled) {
  text-decoration: none;
  color: #666666;
}
.multipin-insight-modal a.add-multipin-btn i {
  margin-left: 8px;
  margin-right: 16px;
}
.multipin-insight-modal a.add-multipin-btn.disabled {
  text-decoration: none;
  color: #bbbbbb;
  cursor: default;
}
.multipin-insight-modal .modal-error {
  margin-top: 0px;
}
.multipin-insight-modal .control-group.pointer-mode {
  margin-bottom: 0;
  margin-top: 20px;
}
.multipin-insight-modal .control-group.pointer-mode input[type=checkbox] {
  vertical-align: initial;
  margin-right: 5px;
  margin-top: 0;
}
.multipin-insight-modal .modal-error {
  margin-top: 0px;
}
.multichart-modal .modal-body {
  padding: 0;
}
.multichart-modal .items-list {
  list-style-type: none;
  margin: 0;
}
.multichart-modal .items-list__item {
  padding: 20px 25px;
  border-bottom: 1px solid #dddddd;
}
.multichart-modal .items-list__item:last-child {
  border-bottom: 0 none;
}
.multichart-modal .items-list__name {
  color: #666666;
  vertical-align: top;
  font-size: 12px;
  line-height: 12px;
  margin-left: 5px;
}
.multichart-modal .items-list__thumbnail {
  padding-left: 5px;
  width: 60px;
  font-size: 38px;
}
.multichart-modal .items-list__item-wrap {
  display: flex;
}
.multichart-modal .items-list__input {
  align-self: center;
}
.multichart-modal .items-list__label {
  display: flex;
  flex: 1;
}
.multichart-modal .half-pane {
  height: auto;
  padding: 25px;
}
.multichart-modal .half-pane:last-child {
  padding-left: 25px;
}
.multichart-modal .quarter-pane {
  width: 30%;
  padding: 0;
  max-height: 420px;
  overflow-y: auto;
}
.multichart-modal .threequarters-pane {
  width: 70%;
}
.move-copy-modal {
  width: 700px;
}
.move-copy-modal input[type=checkbox] {
  vertical-align: initial;
  margin-right: 5px;
  margin-top: 0;
}
.move-copy-modal .modal-error {
  margin-top: 0px;
}
.move-export-modal {
  width: 700px;
}
.move-export-modal .exclamation-error-display {
  position: absolute;
  color: #ce1228;
  margin-left: 70px;
  margin-top: -16px;
}
.dashboard-export-dir input[type=number] {
  vertical-align: top !important;
}
.dashboard-export-dir .dashboard-export-error {
  display: block;
  color: #ce1228;
}
.dashboard-export-dir .exclamation-error-display {
  position: absolute;
  color: #ce1228;
  margin-left: 70px;
  margin-top: -16px;
}
.modal .modal-footer .advanced-parameters {
  margin-left: 20px;
  float: left;
}
.modal .modal-footer .advanced-parameters input[type=checkbox] {
  vertical-align: initial;
  margin-right: 5px;
  margin-top: 0;
}
.advanced-parameters--label {
  line-height: 30px;
}
.dashboard-page .tile-wrapper .centered-info,
.insight-preview .centered-info {
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.dashboard-page .tile-wrapper .tile-content,
.insight-preview .tile-content {
  position: relative;
}
.dashboard-page .tile-wrapper .tile-content .no-click-overlay,
.insight-preview .tile-content .no-click-overlay {
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
}
.dashboard-page .tile-wrapper .tile-content .no-click-overlay .centered-info,
.insight-preview .tile-content .no-click-overlay .centered-info {
  font-size: 24px;
}
.dashboard-page .tile-wrapper .tile-content .insight-placeholder,
.insight-preview .tile-content .insight-placeholder {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 3px;
  overflow: hidden;
}
.dashboard-page .tile-wrapper .tile-content .insight-placeholder > div,
.insight-preview .tile-content .insight-placeholder > div {
  flex: 0 0 auto;
}
.dashboard-page .tile-wrapper .tile-content .insight-placeholder .insight-icon,
.insight-preview .tile-content .insight-placeholder .insight-icon {
  line-height: 30px;
  font-size: 30px;
}
.dashboard-page .tile-wrapper .tile-content .insight-placeholder .insight-name,
.insight-preview .tile-content .insight-placeholder .insight-name {
  padding: 0 5px;
  margin: 10px 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  line-height: 15px;
  font-size: 15px;
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
}
.dashboard-page .tile-wrapper .tile-content .insight-placeholder .insight-icon,
.insight-preview .tile-content .insight-placeholder .insight-icon {
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
}
.dashboard-page .tile-wrapper .tile-content .insight-placeholder .alert.alert-error,
.insight-preview .tile-content .insight-placeholder .alert.alert-error {
  margin: 0;
  margin-top: 5px;
  padding: 3px;
  flex: 0 1 auto;
  overflow: auto;
}
.dashboard-page .tile-wrapper .tile-content .insight-unconfigured .unconfigured-message,
.insight-preview .tile-content .insight-unconfigured .unconfigured-message {
  display: inline-block;
  padding: 0 5px;
  margin: 10px 0;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 15px;
  font-size: 15px;
  color: #666666;
  font-family: 'SourceSansPro';
  font-weight: 400;
}
.dashboard-page .tile-wrapper .tile-content.one-row.one-col .insight-placeholder,
.insight-preview .tile-content.one-row.one-col .insight-placeholder {
  flex-direction: row;
}
.dashboard-page .tile-wrapper .tile-content.one-row.one-col .insight-placeholder .insight-name,
.insight-preview .tile-content.one-row.one-col .insight-placeholder .insight-name {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-row.one-col .insight-placeholder .insight-icon,
.insight-preview .tile-content.one-row.one-col .insight-placeholder .insight-icon {
  font-size: 15px;
  line-height: 15px;
  padding: 5px;
  border-radius: 3px;
  margin-right: 3px;
}
.dashboard-page .tile-wrapper .tile-content.one-row.one-col .insight-placeholder .alert.alert-error,
.insight-preview .tile-content.one-row.one-col .insight-placeholder .alert.alert-error {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-row.one-col .insight-unconfigured .btn-configure-chart,
.insight-preview .tile-content.one-row.one-col .insight-unconfigured .btn-configure-chart {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-col:not(.one-row) .insight-placeholder .insight-name,
.insight-preview .tile-content.one-col:not(.one-row) .insight-placeholder .insight-name {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-col:not(.one-row) .insight-placeholder .insight-load,
.insight-preview .tile-content.one-col:not(.one-row) .insight-placeholder .insight-load {
  margin-top: 10px;
}
.dashboard-page .tile-wrapper .tile-content.one-col:not(.one-row) .insight-placeholder .alert.alert-error,
.insight-preview .tile-content.one-col:not(.one-row) .insight-placeholder .alert.alert-error {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-col:not(.one-row) .insight-unconfigured .btn-configure-chart,
.insight-preview .tile-content.one-col:not(.one-row) .insight-unconfigured .btn-configure-chart {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-row:not(.one-col) .insight-placeholder,
.insight-preview .tile-content.one-row:not(.one-col) .insight-placeholder {
  flex-direction: row;
}
.dashboard-page .tile-wrapper .tile-content.one-row:not(.one-col) .insight-placeholder .insight-icon,
.insight-preview .tile-content.one-row:not(.one-col) .insight-placeholder .insight-icon {
  font-size: 15px;
  line-height: 15px;
  padding: 5px;
  border-radius: 3px;
  margin-right: 3px;
}
.dashboard-page .tile-wrapper .tile-content.one-row:not(.one-col) .insight-placeholder .insight-name,
.insight-preview .tile-content.one-row:not(.one-col) .insight-placeholder .insight-name {
  white-space: nowrap;
  flex: 0 1 auto;
}
.dashboard-page .tile-wrapper .tile-content.one-row:not(.one-col) .insight-placeholder .alert.alert-error,
.insight-preview .tile-content.one-row:not(.one-col) .insight-placeholder .alert.alert-error {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-row:not(.one-col) .insight-unconfigured .btn-configure-chart,
.insight-preview .tile-content.one-row:not(.one-col) .insight-unconfigured .btn-configure-chart {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.two-rows:not(.one-col) .insight-placeholder .insight-name,
.insight-preview .tile-content.two-rows:not(.one-col) .insight-placeholder .insight-name {
  white-space: nowrap;
  margin: 10px 0;
  flex: 0 1 auto;
}
.dashboard-page .tile-wrapper .tile-content.two-rows:not(.one-col) .insight-placeholder .alert.alert-error,
.insight-preview .tile-content.two-rows:not(.one-col) .insight-placeholder .alert.alert-error {
  display: none;
}
/* Insight-specific tile styles */
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_last_runs .scenario-reports .above-gantt .range,
.insight-preview .tile-content .loaded.scenario_last_runs .scenario-reports .above-gantt .range,
.insight-view.scenario_last_runs .scenario-reports .above-gantt .range,
.insight-edit.scenario_last_runs .scenario-reports .above-gantt .range {
  margin-right: 10px;
  line-height: initial;
  margin-top: 5px;
}
.dashboard-page .tile-wrapper .tile-content .loaded.metrics h4.tile-header {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content.one-row.one-col .metrics.loaded .tile-footer {
  display: none;
}
.dashboard-page.editable .tile-wrapper .oa,
.dashboard-page.editable .tile-wrapper .oya,
.dashboard-page.editable .tile-wrapper .tile-content .loaded.saved-model_report .overflow-wrapper {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
.dashboard-page.editable .tile-wrapper .tile-content .fattable-v-scrollbar,
.dashboard-page.editable .tile-wrapper .tile-content .fattable-h-scrollbar {
  display: none;
}
.dashboard-page.editable .tile-wrapper .tile-content .loaded.managed-folder_content .main-zone [managed-folder-contents-preview] {
  overflow: hidden;
}
.dashboard-page.editable .dashboard-grid .tile-wrapper.transparent {
  background: #f2f2f2;
}
.dashboard-page.editable .dashboard-grid .tile-wrapper.transparent > .tile-outline {
  background: #f2f2f2;
}
.dashboard-page.editable .dashboard-grid .tile-wrapper.transparent .dashboard-tile {
  background: #f2f2f2;
}
.dashboard-page:not(.editable) .dashboard-grid .tile-wrapper.transparent {
  background: transparent;
}
.dashboard-page:not(.editable) .dashboard-grid .tile-wrapper.transparent > .tile-outline {
  background: transparent;
}
.dashboard-page:not(.editable) .dashboard-grid .tile-wrapper.transparent .dashboard-tile {
  background: transparent;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table .shaker,
.insight-preview .tile-content .loaded.dataset_table .shaker {
  overflow: hidden;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .view-buttons-wrapper .btn-group,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .view-buttons-wrapper .btn-group {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .filter.global-search,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .filter.global-search {
  pointer-events: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .filter.global-search:not(.filled),
.insight-preview .tile-content .loaded.dataset_table.dataset_table .filter.global-search:not(.filled) {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .filter.global-search input,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .filter.global-search input {
  padding-right: 5px;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .filter.global-search .clear-filter,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .filter.global-search .clear-filter {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .facetsFilters .icon-trash,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .facetsFilters .icon-trash {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader > div > div,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader > div > div,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader a,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader a {
  cursor: default;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .caret,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .caret {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .column-header-dropdown-menu,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .column-header-dropdown-menu {
  display: none !important;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .sort-link,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .sort-link,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .filter-icon,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .filter-icon {
  pointer-events: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning a,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning a {
  cursor: default;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning .caret,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning .caret,
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning a .caret,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .meaning a .caret {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .column-header-meanings-menu,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .column-header-meanings-menu {
  display: none !important;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table.dataset_table .columnHeader .progress-validity,
.insight-preview .tile-content .loaded.dataset_table.dataset_table .columnHeader .progress-validity {
  cursor: default;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table .shakerTable,
.insight-preview .tile-content .loaded.dataset_table .shakerTable {
  height: 100%;
}
.dashboard-page .tile-wrapper .tile-content .loaded.dataset_table .shakerTable .fattable-header-container,
.insight-preview .tile-content .loaded.dataset_table .shakerTable .fattable-header-container {
  overflow: hidden !important;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_last_runs svg,
.insight-preview .tile-content .loaded.scenario_last_runs svg {
  margin: 0;
  border-left: 0;
  border-right: 0;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_last_runs svg g.brush-inversion,
.insight-preview .tile-content .loaded.scenario_last_runs svg g.brush-inversion,
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_last_runs svg g.brush-handles,
.insight-preview .tile-content .loaded.scenario_last_runs svg g.brush-handles {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.managed-folder_content *:not([managed-folder-contents-view]) [managed-folder-contents-preview],
.insight-preview .tile-content .loaded.managed-folder_content *:not([managed-folder-contents-view]) [managed-folder-contents-preview] {
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  overflow-y: auto;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .doctor-explanation,
.insight-preview .tile-content .loaded.saved-model_report .doctor-explanation {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .export-btn,
.insight-preview .tile-content .loaded.saved-model_report .export-btn {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .overflow-wrapper,
.insight-preview .tile-content .loaded.saved-model_report .overflow-wrapper {
  height: 100%;
  overflow: auto;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .w100-on-dashboard,
.insight-preview .tile-content .loaded.saved-model_report .w100-on-dashboard {
  width: 100%;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .hide-on-dashboard,
.insight-preview .tile-content .loaded.saved-model_report .hide-on-dashboard {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.saved-model_report .clustering-results-page .cluster-hierarchy .cluster-container,
.insight-preview .tile-content .loaded.saved-model_report .clustering-results-page .cluster-hierarchy .cluster-container {
  margin: 0;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button,
.insight-preview .tile-content .loaded.scenario_run_button {
  text-align: center;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run {
  cursor: pointer;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run i,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run i {
  display: block;
  font-size: 40px;
  margin-bottom: 5px;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .btn,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .btn {
  background: none;
  font-size: 16px;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .run,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .run {
  background: #81c141;
  color: #ffffff;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .run:hover,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .run:hover {
  background: #94ca5e;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .run:active,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .run:active,
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .run:focus,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .run:focus {
  box-shadow: none;
  transition: all 0.2s ease;
  background: #79bb3b;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .running,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .running {
  background: #3b99fc;
  color: #ffffff;
  transition: all 0.2s ease;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .running:not([disabled]):hover,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .running:not([disabled]):hover {
  background: #58a8fc;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .running:active,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .running:active,
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .running:focus,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .running:focus {
  box-shadow: none;
  background: #3591fc;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .running:hover .running,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .running:hover .running {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .no-last-run .running:not(:hover) .abort,
.insight-preview .tile-content .loaded.scenario_run_button .no-last-run .running:not(:hover) .abort {
  display: none;
}
.dashboard-page .tile-wrapper .tile-content .loaded.scenario_run_button .with-last-run .btn,
.insight-preview .tile-content .loaded.scenario_run_button .with-last-run .btn {
  width: 85px;
  margin-bottom: 5px;
}
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls,
.insight-preview .tile-content .loaded.chart .animation-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:hover,
.insight-preview .tile-content .loaded.chart .animation-controls:hover {
  background: rgba(255, 255, 255, 0.5);
}
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) *,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) * {
  visibility: hidden;
}
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup],
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup],
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .flex,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .flex,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .current-label,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .current-label,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .current-label,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .current-label,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .flex > .current-label,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .flex > .current-label,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex > .current-label,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex > .current-label,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .caret,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .caret,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .caret,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .caret,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .flex > .caret,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .flex > .caret,
.dashboard-page .tile-wrapper .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex > .caret,
.insight-preview .tile-content .loaded.chart .animation-controls:not(:hover) [custom-element-popup] > .btn-group > .flex > .caret {
  visibility: visible;
}
.insight-preview .insight-load,
.insight-preview .insight-name {
  display: none;
}
.insight-preview .tile-content .loaded.managed-folder_content [managed-folder-contents-list] {
  pointer-events: none;
  border: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.tile-wrapper .insight-load.display-on-hover {
  visibility: hidden;
}
.tile-wrapper:hover .insight-load.display-on-hover {
  visibility: visible;
}
.insight-edit.chart h3.title,
.insight-view.chart h3.title {
  pointer-events: none;
}
.insight-edit.chart h3.title i.icon-pencil,
.insight-view.chart h3.title i.icon-pencil {
  display: none;
}
.insight-edit.dataset_table.dataset_table .view-buttons-wrapper .btn-group {
  display: none;
}
.insight-edit.dataset_table.dataset_table .columnHeader .meaning,
.insight-edit.dataset_table.dataset_table .columnHeader .meaning a {
  cursor: default;
}
.insight-edit.dataset_table.dataset_table .columnHeader .meaning .caret,
.insight-edit.dataset_table.dataset_table .columnHeader .meaning a .caret {
  display: none;
}
.insight-edit.dataset_table.dataset_table .columnHeader .column-header-meanings-menu {
  display: none !important;
}
.insight-edit.dataset_table.dataset_table .columnHeader .progress-validity {
  cursor: default;
}
.insight-view {
  background: #f2f2f2;
}
.insight-view.dataset_table.dataset_table .view-buttons-wrapper .btn-group {
  display: none;
}
.insight-view.dataset_table.dataset_table .filter.global-search {
  pointer-events: none;
}
.insight-view.dataset_table.dataset_table .filter.global-search:not(.filled) {
  display: none;
}
.insight-view.dataset_table.dataset_table .filter.global-search input {
  padding-right: 5px;
}
.insight-view.dataset_table.dataset_table .filter.global-search .clear-filter {
  display: none;
}
.insight-view.dataset_table.dataset_table .facetsFilters .icon-trash {
  display: none;
}
.insight-view.dataset_table.dataset_table .columnHeader,
.insight-view.dataset_table.dataset_table .columnHeader > div > div,
.insight-view.dataset_table.dataset_table .columnHeader a {
  cursor: default;
}
.insight-view.dataset_table.dataset_table .columnHeader .caret {
  display: none;
}
.insight-view.dataset_table.dataset_table .columnHeader .column-header-dropdown-menu {
  display: none !important;
}
.insight-view.dataset_table.dataset_table .columnHeader .sort-link,
.insight-view.dataset_table.dataset_table .columnHeader .filter-icon {
  pointer-events: none;
}
.insight-view.dataset_table.dataset_table .columnHeader .meaning,
.insight-view.dataset_table.dataset_table .columnHeader .meaning a {
  cursor: default;
}
.insight-view.dataset_table.dataset_table .columnHeader .meaning .caret,
.insight-view.dataset_table.dataset_table .columnHeader .meaning a .caret {
  display: none;
}
.insight-view.dataset_table.dataset_table .columnHeader .column-header-meanings-menu {
  display: none !important;
}
.insight-view.dataset_table.dataset_table .columnHeader .progress-validity {
  cursor: default;
}
.insight-view.metrics .metrics-plots {
  width: 800px;
  background: #ffffff;
}
table.dashboard-miniature {
  border-collapse: separate;
  width: 100%;
  margin-top: -6px;
  /*
        Hardcore css
        This is used to set the correct row height based on the column width (computed by the table layout to fit 12 columns)

        In the context of a table td:before, 100% refers to the width of the cell, thus margin-top: 100% creates a square cell
        That's what we want for cells with colspan = 1 & rowspan = 1
        If colspan or rowspan is not 1 we need to divide that by colSpan and multiply by rowSpan, we also need to take into account
        the (colSpan-1) horizontal borders & (rowSpan-1) vertical borders that are included

    */
}
table.dashboard-miniature,
table.dashboard-miniature th,
table.dashboard-miniature td {
  border: 3px solid #ffffff;
  padding: 0;
  opacity: 0.5;
}
table.dashboard-miniature td.filler-cell {
  background: #ffffff;
}
table.dashboard-miniature td[colspan="12"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  66px  +  66px);
}
table.dashboard-miniature td[colspan="12"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(91.66666667%  -  60.5px  +  55px);
}
table.dashboard-miniature td[colspan="12"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(83.33333333%  -  55px  +  45px);
}
table.dashboard-miniature td[colspan="12"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(75%  -  49.5px  +  36px);
}
table.dashboard-miniature td[colspan="12"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  44px  +  28px);
}
table.dashboard-miniature td[colspan="12"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(58.33333333%  -  38.5px  +  21px);
}
table.dashboard-miniature td[colspan="12"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  33px  +  15px);
}
table.dashboard-miniature td[colspan="12"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(41.66666667%  -  27.5px  +  10px);
}
table.dashboard-miniature td[colspan="12"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  22px  +  6px);
}
table.dashboard-miniature td[colspan="12"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(25%  -  16.5px  +  3px);
}
table.dashboard-miniature td[colspan="12"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(16.66666667%  -  11px  +  1px);
}
table.dashboard-miniature td[colspan="12"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(8.33333333%  -  5.5px  +  0px);
}
table.dashboard-miniature td[colspan="11"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(109.09090909%  -  65.45454545px  +  72px);
}
table.dashboard-miniature td[colspan="11"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  60px  +  60px);
}
table.dashboard-miniature td[colspan="11"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(90.90909091%  -  54.54545455px  +  49.09090909px);
}
table.dashboard-miniature td[colspan="11"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(81.81818182%  -  49.09090909px  +  39.27272727px);
}
table.dashboard-miniature td[colspan="11"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(72.72727273%  -  43.63636364px  +  30.54545455px);
}
table.dashboard-miniature td[colspan="11"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(63.63636364%  -  38.18181818px  +  22.90909091px);
}
table.dashboard-miniature td[colspan="11"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(54.54545455%  -  32.72727273px  +  16.36363636px);
}
table.dashboard-miniature td[colspan="11"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(45.45454545%  -  27.27272727px  +  10.90909091px);
}
table.dashboard-miniature td[colspan="11"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(36.36363636%  -  21.81818182px  +  6.54545455px);
}
table.dashboard-miniature td[colspan="11"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(27.27272727%  -  16.36363636px  +  3.27272727px);
}
table.dashboard-miniature td[colspan="11"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(18.18181818%  -  10.90909091px  +  1.09090909px);
}
table.dashboard-miniature td[colspan="11"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(9.09090909%  -  5.45454545px  +  0px);
}
table.dashboard-miniature td[colspan="10"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(120%  -  64.8px  +  79.2px);
}
table.dashboard-miniature td[colspan="10"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(110%  -  59.4px  +  66px);
}
table.dashboard-miniature td[colspan="10"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  54px  +  54px);
}
table.dashboard-miniature td[colspan="10"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(90%  -  48.6px  +  43.2px);
}
table.dashboard-miniature td[colspan="10"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(80%  -  43.2px  +  33.6px);
}
table.dashboard-miniature td[colspan="10"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(70%  -  37.8px  +  25.2px);
}
table.dashboard-miniature td[colspan="10"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(60%  -  32.4px  +  18px);
}
table.dashboard-miniature td[colspan="10"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  27px  +  12px);
}
table.dashboard-miniature td[colspan="10"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(40%  -  21.6px  +  7.2px);
}
table.dashboard-miniature td[colspan="10"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(30%  -  16.2px  +  3.6px);
}
table.dashboard-miniature td[colspan="10"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(20%  -  10.8px  +  1.2px);
}
table.dashboard-miniature td[colspan="10"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(10%  -  5.4px  +  0px);
}
table.dashboard-miniature td[colspan="9"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(133.33333333%  -  64px  +  88px);
}
table.dashboard-miniature td[colspan="9"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(122.22222222%  -  58.66666667px  +  73.33333333px);
}
table.dashboard-miniature td[colspan="9"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(111.11111111%  -  53.33333333px  +  60px);
}
table.dashboard-miniature td[colspan="9"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  48px  +  48px);
}
table.dashboard-miniature td[colspan="9"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(88.88888889%  -  42.66666667px  +  37.33333333px);
}
table.dashboard-miniature td[colspan="9"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(77.77777778%  -  37.33333333px  +  28px);
}
table.dashboard-miniature td[colspan="9"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  32px  +  20px);
}
table.dashboard-miniature td[colspan="9"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(55.55555556%  -  26.66666667px  +  13.33333333px);
}
table.dashboard-miniature td[colspan="9"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(44.44444444%  -  21.33333333px  +  8px);
}
table.dashboard-miniature td[colspan="9"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  16px  +  4px);
}
table.dashboard-miniature td[colspan="9"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(22.22222222%  -  10.66666667px  +  1.33333333px);
}
table.dashboard-miniature td[colspan="9"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(11.11111111%  -  5.33333333px  +  0px);
}
table.dashboard-miniature td[colspan="8"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  63px  +  99px);
}
table.dashboard-miniature td[colspan="8"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(137.5%  -  57.75px  +  82.5px);
}
table.dashboard-miniature td[colspan="8"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(125%  -  52.5px  +  67.5px);
}
table.dashboard-miniature td[colspan="8"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(112.5%  -  47.25px  +  54px);
}
table.dashboard-miniature td[colspan="8"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  42px  +  42px);
}
table.dashboard-miniature td[colspan="8"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(87.5%  -  36.75px  +  31.5px);
}
table.dashboard-miniature td[colspan="8"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(75%  -  31.5px  +  22.5px);
}
table.dashboard-miniature td[colspan="8"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(62.5%  -  26.25px  +  15px);
}
table.dashboard-miniature td[colspan="8"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  21px  +  9px);
}
table.dashboard-miniature td[colspan="8"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(37.5%  -  15.75px  +  4.5px);
}
table.dashboard-miniature td[colspan="8"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(25%  -  10.5px  +  1.5px);
}
table.dashboard-miniature td[colspan="8"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(12.5%  -  5.25px  +  0px);
}
table.dashboard-miniature td[colspan="7"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(171.42857143%  -  61.71428571px  +  113.14285714px);
}
table.dashboard-miniature td[colspan="7"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(157.14285714%  -  56.57142857px  +  94.28571429px);
}
table.dashboard-miniature td[colspan="7"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(142.85714286%  -  51.42857143px  +  77.14285714px);
}
table.dashboard-miniature td[colspan="7"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(128.57142857%  -  46.28571429px  +  61.71428571px);
}
table.dashboard-miniature td[colspan="7"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(114.28571429%  -  41.14285714px  +  48px);
}
table.dashboard-miniature td[colspan="7"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  36px  +  36px);
}
table.dashboard-miniature td[colspan="7"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(85.71428571%  -  30.85714286px  +  25.71428571px);
}
table.dashboard-miniature td[colspan="7"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(71.42857143%  -  25.71428571px  +  17.14285714px);
}
table.dashboard-miniature td[colspan="7"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(57.14285714%  -  20.57142857px  +  10.28571429px);
}
table.dashboard-miniature td[colspan="7"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(42.85714286%  -  15.42857143px  +  5.14285714px);
}
table.dashboard-miniature td[colspan="7"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(28.57142857%  -  10.28571429px  +  1.71428571px);
}
table.dashboard-miniature td[colspan="7"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(14.28571429%  -  5.14285714px  +  0px);
}
table.dashboard-miniature td[colspan="6"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  60px  +  132px);
}
table.dashboard-miniature td[colspan="6"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(183.33333333%  -  55px  +  110px);
}
table.dashboard-miniature td[colspan="6"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(166.66666667%  -  50px  +  90px);
}
table.dashboard-miniature td[colspan="6"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  45px  +  72px);
}
table.dashboard-miniature td[colspan="6"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(133.33333333%  -  40px  +  56px);
}
table.dashboard-miniature td[colspan="6"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(116.66666667%  -  35px  +  42px);
}
table.dashboard-miniature td[colspan="6"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  30px  +  30px);
}
table.dashboard-miniature td[colspan="6"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(83.33333333%  -  25px  +  20px);
}
table.dashboard-miniature td[colspan="6"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  20px  +  12px);
}
table.dashboard-miniature td[colspan="6"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  15px  +  6px);
}
table.dashboard-miniature td[colspan="6"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  10px  +  2px);
}
table.dashboard-miniature td[colspan="6"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(16.66666667%  -  5px  +  0px);
}
table.dashboard-miniature td[colspan="5"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(240%  -  57.6px  +  158.4px);
}
table.dashboard-miniature td[colspan="5"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(220%  -  52.8px  +  132px);
}
table.dashboard-miniature td[colspan="5"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  48px  +  108px);
}
table.dashboard-miniature td[colspan="5"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(180%  -  43.2px  +  86.4px);
}
table.dashboard-miniature td[colspan="5"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(160%  -  38.4px  +  67.2px);
}
table.dashboard-miniature td[colspan="5"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(140%  -  33.6px  +  50.4px);
}
table.dashboard-miniature td[colspan="5"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(120%  -  28.8px  +  36px);
}
table.dashboard-miniature td[colspan="5"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  24px  +  24px);
}
table.dashboard-miniature td[colspan="5"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(80%  -  19.2px  +  14.4px);
}
table.dashboard-miniature td[colspan="5"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(60%  -  14.4px  +  7.2px);
}
table.dashboard-miniature td[colspan="5"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(40%  -  9.6px  +  2.4px);
}
table.dashboard-miniature td[colspan="5"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(20%  -  4.8px  +  0px);
}
table.dashboard-miniature td[colspan="4"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  54px  +  198px);
}
table.dashboard-miniature td[colspan="4"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(275%  -  49.5px  +  165px);
}
table.dashboard-miniature td[colspan="4"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(250%  -  45px  +  135px);
}
table.dashboard-miniature td[colspan="4"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(225%  -  40.5px  +  108px);
}
table.dashboard-miniature td[colspan="4"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  36px  +  84px);
}
table.dashboard-miniature td[colspan="4"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(175%  -  31.5px  +  63px);
}
table.dashboard-miniature td[colspan="4"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  27px  +  45px);
}
table.dashboard-miniature td[colspan="4"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(125%  -  22.5px  +  30px);
}
table.dashboard-miniature td[colspan="4"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  18px  +  18px);
}
table.dashboard-miniature td[colspan="4"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(75%  -  13.5px  +  9px);
}
table.dashboard-miniature td[colspan="4"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  9px  +  3px);
}
table.dashboard-miniature td[colspan="4"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(25%  -  4.5px  +  0px);
}
table.dashboard-miniature td[colspan="3"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(400%  -  48px  +  264px);
}
table.dashboard-miniature td[colspan="3"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(366.66666667%  -  44px  +  220px);
}
table.dashboard-miniature td[colspan="3"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(333.33333333%  -  40px  +  180px);
}
table.dashboard-miniature td[colspan="3"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  36px  +  144px);
}
table.dashboard-miniature td[colspan="3"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(266.66666667%  -  32px  +  112px);
}
table.dashboard-miniature td[colspan="3"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(233.33333333%  -  28px  +  84px);
}
table.dashboard-miniature td[colspan="3"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  24px  +  60px);
}
table.dashboard-miniature td[colspan="3"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(166.66666667%  -  20px  +  40px);
}
table.dashboard-miniature td[colspan="3"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(133.33333333%  -  16px  +  24px);
}
table.dashboard-miniature td[colspan="3"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  12px  +  12px);
}
table.dashboard-miniature td[colspan="3"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  8px  +  4px);
}
table.dashboard-miniature td[colspan="3"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  4px  +  0px);
}
table.dashboard-miniature td[colspan="2"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(600%  -  36px  +  396px);
}
table.dashboard-miniature td[colspan="2"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(550%  -  33px  +  330px);
}
table.dashboard-miniature td[colspan="2"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(500%  -  30px  +  270px);
}
table.dashboard-miniature td[colspan="2"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(450%  -  27px  +  216px);
}
table.dashboard-miniature td[colspan="2"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(400%  -  24px  +  168px);
}
table.dashboard-miniature td[colspan="2"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(350%  -  21px  +  126px);
}
table.dashboard-miniature td[colspan="2"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  18px  +  90px);
}
table.dashboard-miniature td[colspan="2"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(250%  -  15px  +  60px);
}
table.dashboard-miniature td[colspan="2"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  12px  +  36px);
}
table.dashboard-miniature td[colspan="2"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  9px  +  18px);
}
table.dashboard-miniature td[colspan="2"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  6px  +  6px);
}
table.dashboard-miniature td[colspan="2"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  3px  +  0px);
}
table.dashboard-miniature td[colspan="1"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(1200%  -  0px  +  792px);
}
table.dashboard-miniature td[colspan="1"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(1100%  -  0px  +  660px);
}
table.dashboard-miniature td[colspan="1"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(1000%  -  0px  +  540px);
}
table.dashboard-miniature td[colspan="1"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(900%  -  0px  +  432px);
}
table.dashboard-miniature td[colspan="1"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(800%  -  0px  +  336px);
}
table.dashboard-miniature td[colspan="1"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(700%  -  0px  +  252px);
}
table.dashboard-miniature td[colspan="1"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(600%  -  0px  +  180px);
}
table.dashboard-miniature td[colspan="1"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(500%  -  0px  +  120px);
}
table.dashboard-miniature td[colspan="1"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(400%  -  0px  +  72px);
}
table.dashboard-miniature td[colspan="1"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  0px  +  36px);
}
table.dashboard-miniature td[colspan="1"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  0px  +  12px);
}
table.dashboard-miniature td[colspan="1"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  0px  +  0px);
}
div.thin-borders table.dashboard-miniature {
  border-collapse: separate;
  width: 100%;
  margin-top: -2px;
  /*
        Hardcore css
        This is used to set the correct row height based on the column width (computed by the table layout to fit 12 columns)

        In the context of a table td:before, 100% refers to the width of the cell, thus margin-top: 100% creates a square cell
        That's what we want for cells with colspan = 1 & rowspan = 1
        If colspan or rowspan is not 1 we need to divide that by colSpan and multiply by rowSpan, we also need to take into account
        the (colSpan-1) horizontal borders & (rowSpan-1) vertical borders that are included

    */
}
div.thin-borders table.dashboard-miniature,
div.thin-borders table.dashboard-miniature th,
div.thin-borders table.dashboard-miniature td {
  border: 1px solid #ffffff;
  padding: 0;
  opacity: 0.5;
}
div.thin-borders table.dashboard-miniature td.filler-cell {
  background: #ffffff;
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  22px  +  22px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(91.66666667%  -  20.16666667px  +  18.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(83.33333333%  -  18.33333333px  +  15px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(75%  -  16.5px  +  12px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  14.66666667px  +  9.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(58.33333333%  -  12.83333333px  +  7px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  11px  +  5px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(41.66666667%  -  9.16666667px  +  3.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  7.33333333px  +  2px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(25%  -  5.5px  +  1px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(16.66666667%  -  3.66666667px  +  0.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="12"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(8.33333333%  -  1.83333333px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(109.09090909%  -  21.81818182px  +  24px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  20px  +  20px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(90.90909091%  -  18.18181818px  +  16.36363636px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(81.81818182%  -  16.36363636px  +  13.09090909px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(72.72727273%  -  14.54545455px  +  10.18181818px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(63.63636364%  -  12.72727273px  +  7.63636364px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(54.54545455%  -  10.90909091px  +  5.45454545px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(45.45454545%  -  9.09090909px  +  3.63636364px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(36.36363636%  -  7.27272727px  +  2.18181818px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(27.27272727%  -  5.45454545px  +  1.09090909px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(18.18181818%  -  3.63636364px  +  0.36363636px);
}
div.thin-borders table.dashboard-miniature td[colspan="11"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(9.09090909%  -  1.81818182px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(120%  -  21.6px  +  26.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(110%  -  19.8px  +  22px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  18px  +  18px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(90%  -  16.2px  +  14.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(80%  -  14.4px  +  11.2px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(70%  -  12.6px  +  8.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(60%  -  10.8px  +  6px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  9px  +  4px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(40%  -  7.2px  +  2.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(30%  -  5.4px  +  1.2px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(20%  -  3.6px  +  0.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="10"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(10%  -  1.8px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(133.33333333%  -  21.33333333px  +  29.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(122.22222222%  -  19.55555556px  +  24.44444444px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(111.11111111%  -  17.77777778px  +  20px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  16px  +  16px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(88.88888889%  -  14.22222222px  +  12.44444444px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(77.77777778%  -  12.44444444px  +  9.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  10.66666667px  +  6.66666667px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(55.55555556%  -  8.88888889px  +  4.44444444px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(44.44444444%  -  7.11111111px  +  2.66666667px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  5.33333333px  +  1.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(22.22222222%  -  3.55555556px  +  0.44444444px);
}
div.thin-borders table.dashboard-miniature td[colspan="9"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(11.11111111%  -  1.77777778px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  21px  +  33px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(137.5%  -  19.25px  +  27.5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(125%  -  17.5px  +  22.5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(112.5%  -  15.75px  +  18px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  14px  +  14px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(87.5%  -  12.25px  +  10.5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(75%  -  10.5px  +  7.5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(62.5%  -  8.75px  +  5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  7px  +  3px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(37.5%  -  5.25px  +  1.5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(25%  -  3.5px  +  0.5px);
}
div.thin-borders table.dashboard-miniature td[colspan="8"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(12.5%  -  1.75px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(171.42857143%  -  20.57142857px  +  37.71428571px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(157.14285714%  -  18.85714286px  +  31.42857143px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(142.85714286%  -  17.14285714px  +  25.71428571px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(128.57142857%  -  15.42857143px  +  20.57142857px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(114.28571429%  -  13.71428571px  +  16px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  12px  +  12px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(85.71428571%  -  10.28571429px  +  8.57142857px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(71.42857143%  -  8.57142857px  +  5.71428571px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(57.14285714%  -  6.85714286px  +  3.42857143px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(42.85714286%  -  5.14285714px  +  1.71428571px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(28.57142857%  -  3.42857143px  +  0.57142857px);
}
div.thin-borders table.dashboard-miniature td[colspan="7"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(14.28571429%  -  1.71428571px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  20px  +  44px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(183.33333333%  -  18.33333333px  +  36.66666667px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(166.66666667%  -  16.66666667px  +  30px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  15px  +  24px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(133.33333333%  -  13.33333333px  +  18.66666667px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(116.66666667%  -  11.66666667px  +  14px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  10px  +  10px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(83.33333333%  -  8.33333333px  +  6.66666667px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  6.66666667px  +  4px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  5px  +  2px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  3.33333333px  +  0.66666667px);
}
div.thin-borders table.dashboard-miniature td[colspan="6"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(16.66666667%  -  1.66666667px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(240%  -  19.2px  +  52.8px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(220%  -  17.6px  +  44px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  16px  +  36px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(180%  -  14.4px  +  28.8px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(160%  -  12.8px  +  22.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(140%  -  11.2px  +  16.8px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(120%  -  9.6px  +  12px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  8px  +  8px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(80%  -  6.4px  +  4.8px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(60%  -  4.8px  +  2.4px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(40%  -  3.2px  +  0.8px);
}
div.thin-borders table.dashboard-miniature td[colspan="5"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(20%  -  1.6px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  18px  +  66px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(275%  -  16.5px  +  55px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(250%  -  15px  +  45px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(225%  -  13.5px  +  36px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  12px  +  28px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(175%  -  10.5px  +  21px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  9px  +  15px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(125%  -  7.5px  +  10px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  6px  +  6px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(75%  -  4.5px  +  3px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  3px  +  1px);
}
div.thin-borders table.dashboard-miniature td[colspan="4"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(25%  -  1.5px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(400%  -  16px  +  88px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(366.66666667%  -  14.66666667px  +  73.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(333.33333333%  -  13.33333333px  +  60px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  12px  +  48px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(266.66666667%  -  10.66666667px  +  37.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(233.33333333%  -  9.33333333px  +  28px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  8px  +  20px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(166.66666667%  -  6.66666667px  +  13.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(133.33333333%  -  5.33333333px  +  8px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  4px  +  4px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(66.66666667%  -  2.66666667px  +  1.33333333px);
}
div.thin-borders table.dashboard-miniature td[colspan="3"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(33.33333333%  -  1.33333333px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(600%  -  12px  +  132px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(550%  -  11px  +  110px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(500%  -  10px  +  90px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(450%  -  9px  +  72px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(400%  -  8px  +  56px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(350%  -  7px  +  42px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  6px  +  30px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(250%  -  5px  +  20px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  4px  +  12px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(150%  -  3px  +  6px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  2px  +  2px);
}
div.thin-borders table.dashboard-miniature td[colspan="2"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(50%  -  1px  +  0px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="12"]:after {
  content: '';
  display: block;
  margin-top: calc(1200%  -  0px  +  264px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="11"]:after {
  content: '';
  display: block;
  margin-top: calc(1100%  -  0px  +  220px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="10"]:after {
  content: '';
  display: block;
  margin-top: calc(1000%  -  0px  +  180px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="9"]:after {
  content: '';
  display: block;
  margin-top: calc(900%  -  0px  +  144px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="8"]:after {
  content: '';
  display: block;
  margin-top: calc(800%  -  0px  +  112px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="7"]:after {
  content: '';
  display: block;
  margin-top: calc(700%  -  0px  +  84px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="6"]:after {
  content: '';
  display: block;
  margin-top: calc(600%  -  0px  +  60px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="5"]:after {
  content: '';
  display: block;
  margin-top: calc(500%  -  0px  +  40px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="4"]:after {
  content: '';
  display: block;
  margin-top: calc(400%  -  0px  +  24px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="3"]:after {
  content: '';
  display: block;
  margin-top: calc(300%  -  0px  +  12px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="2"]:after {
  content: '';
  display: block;
  margin-top: calc(200%  -  0px  +  4px);
}
div.thin-borders table.dashboard-miniature td[colspan="1"][rowspan="1"]:after {
  content: '';
  display: block;
  margin-top: calc(100%  -  0px  +  0px);
}
.expose-object-modal .modal-body {
  padding-bottom: 0;
}
.expose-object-modal .project-select {
  padding: 10px 50px;
  max-height: 200px;
}
.expose-object-modal .project-select li {
  line-height: 40px;
  padding-right: 10px;
  position: relative;
}
.expose-object-modal .project-select li i.icon-trash {
  line-height: 40px;
  position: absolute;
  right: 0;
}
.expose-object-modal .project-select li i.icon-dkubird {
  margin-right: 5px;
}
.insightHTMLContent {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.dashboard-miniature-rh-preview {
  max-height: 200px;
  margin: 5px 15px 15px 15px;
}
.filter-promote .icon-dku-promote {
  line-height: inherit;
  color: #f44336;
}
@keyframes opacity-pulse-high {
  from {
    opacity: 0.4;
  }
  50% {
    opacity: 1.0;
  }
  to {
    opacity: 0.4;
  }
}
@-webkit-keyframes opacity-pulse-high {
  from {
    opacity: 0.4;
  }
  50% {
    opacity: 1.0;
  }
  to {
    opacity: 0.4;
  }
}
@keyframes job-running-pulse {
  from {
    opacity: 0.3;
    background-color: #d7f0d6;
  }
  50% {
    opacity: 1.0;
    color: #4caf50;
    background-color: #d7f0d6;
  }
  to {
    opacity: 0.3;
    background-color: #d7f0d6;
  }
}
@-webkit-keyframes job-running-pulse {
  from {
    opacity: 0.3;
    background-color: #d7f0d6;
  }
  50% {
    opacity: 1.0;
    color: #4caf50;
    background-color: #d7f0d6;
  }
  to {
    opacity: 0.3;
    background-color: #d7f0d6;
  }
}
@keyframes job-running-pulse-selected {
  from {
    opacity: 0.3;
    background-color: #4caf50;
    color: #ffffff;
  }
  50% {
    opacity: 1.0;
    background-color: #4caf50;
    color: #ffffff;
  }
  to {
    opacity: 0.3;
    background-color: #4caf50;
    color: #ffffff;
  }
}
@-webkit-keyframes job-running-pulse-selected {
  from {
    opacity: 0.3;
    background-color: #4caf50;
    color: #ffffff;
  }
  50% {
    opacity: 1.0;
    background-color: #4caf50;
    color: #ffffff;
  }
  to {
    opacity: 0.3;
    background-color: #4caf50;
    color: #ffffff;
  }
}
.mx-running-pulse {
  background-color: #d7f0d6;
  animation-name: job-running-pulse;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  -webkit-animation-name: job-running-pulse;
  -webkit-animation-duration: 1.8s;
  -webkit-animation-iteration-count: infinite;
}
.continuous-activity-status pre {
  font-size: 10px;
  line-height: 1.2;
  padding: 0 16px;
}
.continuous-activity-status #logTailPre {
  background: none;
  border: none;
}
.job-status .screen-center {
  margin-top: 100px;
  text-align: center;
}
.job-status .nav-tabs > li > a {
  padding: 4px 10px 4px 10px;
}
.job-status .nav-tabs {
  margin-bottom: 10px;
}
.job-status .tab-content {
  margin: 0;
}
.job-status .warnings li.warning {
  list-style: none;
  display: block;
  margin: 10px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dddddd;
}
.job-status table {
  table-layout: fixed;
  width: 100%;
}
.job-status table td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-status pre {
  font-size: 10px;
  line-height: 1.2;
  padding: 0 16px;
}
.job-status .job-status-regular .activities-table .item {
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}
.job-status .job-status-regular .activities-table .item div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.job-status .job-status-regular .activities-table .FAILED {
  background-color: #f9e3e5;
}
.job-status .job-status-regular .activities-table .FAILED.selected {
  background-color: #ce1228;
  color: #ffffff;
}
.job-status .job-status-regular .activities-table .ABORTED {
  background-color: #f9e3e5;
}
.job-status .job-status-regular .activities-table .ABORTED.selected {
  background-color: #ce1228;
  color: #ffffff;
}
.job-status .job-status-regular .activities-table .SKIPPED {
  background-color: #dddddd;
  opacity: 0.5;
}
.job-status .job-status-regular .activities-table .SKIPPED.selected {
  background-color: #666666;
  color: #ffffff;
}
.job-status .job-status-regular .activities-table .RUNNING {
  background-color: #d7f0d6;
  animation-name: job-running-pulse;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  -webkit-animation-name: job-running-pulse;
  -webkit-animation-duration: 1.8s;
  -webkit-animation-iteration-count: infinite;
}
.job-status .job-status-regular .activities-table .RUNNING.selected {
  animation-name: job-running-pulse-selected;
  -webkit-animation-name: job-running-pulse-selected;
}
.job-status .job-status-regular .activities-table .WAITING {
  background-color: #f2f2f2;
}
.job-status .job-status-regular .activities-table .WAITING.selected {
  background-color: #666666;
  color: #ffffff;
}
.job-status .job-status-regular .activities-table .NOT_STARTED {
  background-color: #dddddd;
}
.job-status .job-status-regular .activities-table .NOT_STARTED.selected {
  background-color: #666666;
  color: #ffffff;
}
.job-status .job-status-regular .activities-table .DONE {
  background-color: #d7f0d6;
}
.job-status .job-status-regular .activities-table .DONE.selected {
  background-color: #4caf50;
  color: #ffffff;
}
.job-status .job-status-regular .activities-table .DONE.warnings {
  background-color: #d7f0d6;
}
.job-status .job-status-regular .activities-table .DONE.warnings.selected {
  background-color: #a7d58b;
  color: #333333;
}
.job-status .job-status-regular .job-status-graph .filter-faded {
  opacity: 0.4;
}
.job-status .job-status-regular .job-status-graph [data-state=FAILED] .fill {
  fill: #ce1228;
}
.job-status .job-status-regular .job-status-graph [data-state=NOT_STARTED] .fill {
  fill: #dddddd;
}
.job-status .job-status-regular .job-status-graph [data-state=DONE] .fill {
  fill: #4caf50;
}
.job-status .job-status-regular .job-status-graph [data-state=RUNNING] .fill {
  background-color: #d7f0d6;
  animation-name: job-running-pulse;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  -webkit-animation-name: job-running-pulse;
  -webkit-animation-duration: 1.8s;
  -webkit-animation-iteration-count: infinite;
}
.job-status .job-status-regular .job-status-graph .mainPane {
  padding: 0;
  height: 100%;
  width: 75%;
  float: left;
}
.job-status .job-status-regular .job-status-graph .rightPane {
  float: left;
  width: 25%;
  height: 100%;
}
.job-status .job-status-regular .job-status-graph .rightPane .content {
  padding-left: 5px;
  padding-right: 10px;
}
.job-status .job-preview .activity-list .header {
  border-bottom: 1px solid #dddddd;
  padding: 3px;
}
.job-status .job-preview .activity-list .header div {
  cursor: pointer;
}
.job-status .job-preview .activity-list .header div.sort-descending:after {
  font-family: FontAwesome;
  content: ' \f0d8 ';
}
.job-status .job-preview .activity-list .header div.sort-ascending:after {
  font-family: FontAwesome;
  content: ' \f0d7 ';
}
.job-status .job-preview .activity-list .item {
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
  height: 35px;
  line-height: 35px;
  padding-left: 3px;
}
.job-status .job-preview .activity-list .item.selected {
  background-color: #dddddd;
}
.job-status .job-preview .activity-list .item.disabled {
  opacity: 0.4;
}
.job-status .job-preview .activity-list .item div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.job-status .job-preview .preview-graph .filter-faded {
  opacity: 0.4;
}
.job-status .job-preview .preview-graph [data-state=recipe-disabled] .fill {
  opacity: 0.5;
}
.job-status .job-preview .preview-graph [data-state=recipe-partial] .fill {
  opacity: 0.7;
}
.job-status .job-preview .preview-graph .mainPane {
  padding: 0;
  height: 100%;
  width: 75%;
  float: left;
}
.job-status .job-preview .preview-graph .rightPane {
  float: left;
  width: 25%;
  height: 100%;
}
.job-status .job-preview .preview-graph .rightPane .content {
  padding-left: 10px;
  padding-right: 10px;
}
.create-notebook-modal-body {
  position: relative;
  max-height: 400px;
  padding: 0;
}
.create-notebook-modal-params__body {
  background-color: #ffffff;
  padding: 0 20px 10px;
}
.create-notebook-modal-params__body .control-group {
  display: flex;
}
.create-notebook-modal-params__body .control-group .controls {
  margin-left: auto;
  margin-right: 0;
}
.notebook-types {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.notebook-types__card {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 80px;
  height: 100px;
  margin: 0;
}
.notebook-types__card:not(.selectable) {
  color: #dddddd;
}
.notebook-types__card.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.notebook-types__card.selected,
.notebook-types__card.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.notebook-types__card i:not(.universe-color) {
  color: #666666;
}
.notebook-types__card .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.notebook-types__card .selection-indicator i {
  color: #3b99fc;
}
.notebook-types__card .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.notebook-types__card .selectable-item__description {
  font-weight: 400;
}
.notebook-types__card:not(.selectable) i {
  color: #dddddd;
}
.notebook-types__card-title {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin: 4px 0 0 0;
}
.cell-results {
  position: relative;
}
.cell-results .sql-results-table {
  display: inline-block;
  width: calc(100% - 44px);
  margin: 0px 0px 0px 44px;
  background: #ffffff;
}
.cell-results .sql-results-table .nbk-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding: 2px;
  white-space: pre;
}
.cell-results .sql-results-table .nbk-cell.even-row {
  background-color: #ffffff;
}
.cell-results .sql-results-table .column-header {
  padding: 5px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.cell-results .sql-results-table .column-header .type {
  font-weight: 400;
  color: #bbbbbb;
  font-size: 0.8em;
}
.cell-results .sql-results-table .column-header .name {
  font-weight: 600;
}
.cell-results .sql-results-table .column-header .name a {
  outline: 0;
}
.sql-notebook .alert {
  border-radius: 0;
}
.sql-notebook .selectable-list .selectable-item {
  border-left: 4px solid transparent;
}
.sql-notebook .selectable-list .selectable-item.selected {
  border-left-color: #3b99fc;
}
.sql-notebook .selectable-list .selectable-item:hover:not(.selected) {
  border-left-color: #e7f3ff;
}
.sql-notebook .leftPane {
  background-color: #ffffff;
}
.sql-notebook .leftPane .header-tabs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  height: auto;
  justify-content: space-around;
  padding-left: 0;
}
.sql-notebook .leftPane .header-tabs > .flex {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.sql-notebook .leftPane .header-tabs > .flex .override-min-width {
  min-width: 0px;
}
.sql-notebook .leftPane .header-tabs > .flex-no-basis,
.sql-notebook .leftPane .header-tabs .flex-no-basis {
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
}
.sql-notebook .leftPane .header-tabs > .flex-no-basis .override-min-width,
.sql-notebook .leftPane .header-tabs .flex-no-basis .override-min-width {
  min-width: 0px;
}
.sql-notebook .leftPane .header-tabs > .flex-no-grow {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
.sql-notebook .leftPane .header-tabs > .flex-no-shrink {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.sql-notebook .leftPane .header-tabs > .noflex,
.sql-notebook .leftPane .header-tabs .top-level-tabs,
.sql-notebook .leftPane .header-tabs > .alert,
.sql-notebook .leftPane .header-tabs > .bottom-bar,
.sql-notebook .leftPane .header-tabs > .input-append,
.sql-notebook .leftPane .header-tabs > div[block-api-error],
.sql-notebook .leftPane .header-tabs > h1,
.sql-notebook .leftPane .header-tabs > h2,
.sql-notebook .leftPane .header-tabs > h3,
.sql-notebook .leftPane .header-tabs > h4,
.sql-notebook .leftPane .header-tabs > h5,
.sql-notebook .leftPane .header-tabs > h6 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.sql-notebook .leftPane .header-tabs .tab {
  cursor: pointer;
}
.sql-notebook .leftPane .header-tabs .tab .title {
  width: 50px;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}
.sql-notebook .leftPane .header-tabs .tab.active .title {
  font-weight: 600;
  border-bottom-color: #dddddd;
}
.sql-notebook .leftPane .tab-content {
  margin: 0;
}
.sql-notebook .leftPane .left-list-empty {
  width: 250px;
  padding-top: 25px;
  margin: 0 20px;
  text-align: center;
  color: #bbbbbb;
}
.sql-notebook .leftPane .left-list-empty h4 {
  color: #666666;
}
.sql-notebook .leftPane .sql-notebook-cells-list .header {
  text-align: center;
  padding: 5px 0;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  border-bottom: 1px solid #dddddd;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item .handle {
  padding: 0 5px 0 0;
  font-size: 15px;
  cursor: move;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item.selectable-item.selected {
  background: #ffffff;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item a,
.sql-notebook .leftPane .sql-notebook-cells-list .item span {
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item a:hover,
.sql-notebook .leftPane .sql-notebook-cells-list .item span:hover {
  text-decoration: none;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item a:focus,
.sql-notebook .leftPane .sql-notebook-cells-list .item span:focus {
  outline: none;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item a:hover,
.sql-notebook .leftPane .sql-notebook-cells-list .item span:hover {
  color: #333333;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item.error {
  border-left-color: #ce1228;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item.success {
  border-left-color: #81c141;
}
.sql-notebook .leftPane .sql-notebook-cells-list .item:hover {
  background: #f2f2f2;
}
.sql-notebook .mainPane {
  padding: 0;
  overflow: hidden;
  border-left: 1px solid #dddddd;
}
.sql-notebook .mainPane [block-api-error] .alert {
  margin: 0;
}
.sql-notebook .mainPane .watch-scroll.scrolling .secondary-scroll .CodeMirror-hscrollbar,
.sql-notebook .mainPane .watch-scroll.scrolling .CodeMirror-vscrollbar,
.sql-notebook .mainPane .watch-scroll.scrolling .fattable * {
  overflow: hidden !important;
}
.sql-notebook .mainPane .sql-notebook-toolbar {
  height: 27px;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.sql-notebook .mainPane .sql-notebook-toolbar .title {
  line-height: 27px;
}
.sql-notebook .mainPane .sql-notebook-toolbar .tools {
  font-size: 0;
}
.sql-notebook .mainPane .sql-notebook-toolbar .snippet-selector-switch {
  float: right;
  margin-left: 10px;
}
.sql-notebook .mainPane .code-snippet-editor-wrapper {
  top: 47px;
  position: absolute;
  width: 100%;
}
.sql-notebook .mainPane .sql-notebook-cell {
  outline: none;
}
.sql-notebook .mainPane .sql-notebook-cell.selected {
  background: #ffffff;
}
.sql-notebook .mainPane .sql-notebook-cell.selected .CodeMirror {
  overflow: hidden;
}
.sql-notebook .mainPane .sql-notebook-cell.selected .CodeMirror .CodeMirror-linenumber {
  visibility: visible;
}
.sql-notebook .mainPane .sql-notebook-cell.selected .CodeMirror .CodeMirror-gutters {
  background: #ffffff;
}
.sql-notebook .mainPane .sql-notebook-cell.multi {
  border-bottom: 1px solid #dddddd;
}
.sql-notebook .mainPane .sql-notebook-cell.multi .cell-header {
  cursor: pointer;
}
.sql-notebook .mainPane .sql-notebook-cell.multi .cell-body {
  border-bottom: 1px solid #dddddd;
}
.sql-notebook .mainPane .sql-notebook-cell.multi.selected .CodeMirror {
  border-color: #e7f3ff;
}
.sql-notebook .mainPane .sql-notebook-cell.multi.selected .CodeMirror .CodeMirror-lines {
  border-color: #e7f3ff;
}
.sql-notebook .mainPane .sql-notebook-cell.multi.selected .CodeMirror .CodeMirror-gutters {
  border-color: #e7f3ff;
}
.sql-notebook .mainPane .sql-notebook-cell.multi.selected .CodeMirror .CodeMirror-gutters:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.sql-notebook .mainPane .sql-notebook-cell.multi.selected .logs {
  border-top-color: #e7f3ff;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header {
  height: 27px;
  padding: 10px;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header.folded:hover {
  background-color: #f2f2f2;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .icon-caret-right,
.sql-notebook .mainPane .sql-notebook-cell .cell-header .icon-caret-down {
  display: inline-block;
  width: 10px;
  font-size: 13px;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  padding-top: 1px;
  width: calc(100% - 420px);
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-title input {
  width: calc(100% - 50px);
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-status {
  margin-right: 20px;
  text-transform: uppercase;
  font-weight: 400;
  vertical-align: middle;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-tools {
  cursor: auto;
}
.sql-notebook .mainPane .sql-notebook-cell .cell-header .cell-tools .cell-tool {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.sql-notebook .mainPane .sql-notebook-cell .CodeMirror {
  position: relative;
  margin-right: 5px;
  border-right: 1px solid #dddddd;
}
.sql-notebook .mainPane .sql-notebook-cell .CodeMirror .CodeMirror-linenumber {
  visibility: hidden;
  pointer-events: none;
}
.sql-notebook .mainPane .sql-notebook-cell .CodeMirror .CodeMirror-lines {
  border-top: 1px solid #dddddd;
}
.sql-notebook .mainPane .sql-notebook-cell .CodeMirror .CodeMirror-gutters {
  background: #f2f2f2;
}
.sql-notebook .mainPane .sql-notebook-query-cell .folded-query {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 24px;
  color: #cccccc;
}
.sql-notebook .mainPane .sql-notebook-query-cell .folded-query i {
  width: 45px;
  display: inline-block;
  text-align: center;
  color: #666666;
  visibility: hidden;
}
.sql-notebook .mainPane .sql-notebook-query-cell .folded-query:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.sql-notebook .mainPane .sql-notebook-query-cell .folded-query:hover i {
  visibility: visible;
}
.sql-notebook .mainPane .sql-notebook-query-cell .cell-code {
  height: 250px;
  width: 100%;
  overflow: hidden;
}
.sql-notebook .mainPane .sql-notebook-query-cell .cell-code .CodeMirror {
  height: 250px;
}
.sql-notebook .mainPane .sql-notebook-query-cell .running-query-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 5;
  background: rgba(34, 34, 34, 0.1);
  color: #bbbbbb;
  left: 44px;
  pointer-events: none;
  padding-top: 40px;
  font-size: 30px;
}
.sql-notebook .mainPane .sql-notebook-query-cell:not(.running) .running-query-overlay {
  display: none;
}
.sql-notebook .mainPane .sql-notebook-query-cell .logs {
  white-space: pre;
  background: #ffffff;
  margin-left: 44px;
  overflow: auto;
}
.sql-notebook .mainPane .sql-notebook-query-cell .sql-results-header {
  min-height: 32px;
  line-height: 27px;
  box-sizing: border-box;
  margin-left: 44px;
  border-left: 1px solid #dddddd;
  padding: 2px 4px;
  background: #f2f2f2;
  color: #333333;
  border-bottom: 1px solid #dddddd;
}
.sql-notebook .mainPane .sql-notebook-query-cell .sql-results-header .resultset-count {
  margin-right: 7px;
}
.sql-notebook .mainPane .sql-notebook-query-cell .sql-results-header .tools {
  margin: 0 10px;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .cell-results,
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-side,
.sql-notebook .mainPane .sql-notebook-query-cell.multi .logs {
  box-sizing: border-box;
  height: 200px;
  overflow: hidden;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .cell-results.unfolded,
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-side.unfolded,
.sql-notebook .mainPane .sql-notebook-query-cell.multi .logs.unfolded {
  height: calc(100vh - 130px);
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-side {
  display: inline-block;
  width: 44px;
  position: absolute;
  top: 0;
  padding: 5px 20px;
  color: #666666;
  box-sizing: border-box;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-side i {
  display: none;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-side:hover {
  cursor: pointer;
  background: #f2f2f2;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-side:hover i {
  display: initial;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-table {
  box-sizing: border-box;
  height: 200px;
}
.sql-notebook .mainPane .sql-notebook-query-cell.multi .sql-results-table.unfolded {
  height: calc(100vh - 150px);
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-above {
  position: absolute;
  top: 0;
  bottom: 266px;
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-above .cell-code {
  height: 100%;
  position: relative;
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-above .cell-code .CodeMirror {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  overflow: hidden;
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-below {
  height: 260px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 5;
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-below .sql-results-header,
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-below .sql-results-table,
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-below .running-query-overlay {
  margin-left: 0;
  left: 0;
  width: 100%;
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .cell-below .sql-results-table {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.sql-notebook .mainPane .sql-notebook-query-cell.single .content-resizer {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: absolute;
  bottom: 260px;
  height: 4px;
  left: 0;
  width: 100%;
  background-color: #f2f2f2;
  cursor: row-resize;
  z-index: 5;
}
.sql-notebook .mainPane .sql-notebook-md-cell .cell-code {
  margin-left: 44px;
}
.sql-notebook .mainPane .sql-notebook-md-cell textarea {
  margin: 0 5px;
  min-width: calc(100% - 10px);
  max-width: calc(100% - 10px);
  min-height: 100px;
}
.sql-notebook .mainPane .sql-notebook-md-cell .actions {
  padding: 10px;
}
.sql-notebook .mainPane .sql-notebook-md-cell .rendered {
  margin-left: 44px;
  min-height: 60px;
  cursor: pointer;
}
.sql-notebook .mainPane .sql-notebook-md-cell .rendered h1 {
  margin-left: 0;
}
.sql-notebook .mainPane .sql-notebook-md-cell.single textarea {
  margin-left: 20px;
  min-width: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
.sql-notebook .mainPane .sql-notebook-footer {
  text-align: center;
  padding: 10px 10px 20px 10px;
}
.sql-notebook-history-modal .main-list {
  max-height: 400px;
}
.sql-notebook-history-modal .main-list .hQuery:nth-child(odd) {
  background: #ffffff;
}
.sql-notebook-history-modal .main-list .item {
  padding: 2px 5px 2px 2px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  -webkit-transition: border-left-color 0.5s;
  -moz-transition: border-left-color 0.5s;
  -ms-transition: border-left-color 0.5s;
  -o-transition: border-left-color 0.5s;
  transition: border-left-color 0.5s;
}
.sql-notebook-history-modal .main-list .item .status {
  float: left;
  margin-right: 5px;
}
.sql-notebook-history-modal .main-list .item .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  height: 26px;
  line-height: 26px;
  display: block;
}
.sql-notebook-history-modal .main-list .item .sql {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 14px;
  font-size: 11px;
  margin-top: 3px;
  height: 41px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.sql-notebook-history-modal .main-list .item .actions {
  margin: 0px;
  margin-right: 3px;
  opacity: 0.5;
  text-align: right;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.sql-notebook-history-modal .main-list .item .actions .date {
  font-size: 11px;
  margin-left: 7px;
}
.sql-notebook-history-modal .main-list .item .actions a {
  text-decoration: none;
  font-size: 16px;
  color: #666666;
}
.sql-notebook-history-modal .main-list .item:hover {
  background: #f2f2f2;
}
.sql-notebook-history-modal .main-list .item:hover .actions {
  opacity: 1;
}
.connection-info-popup .label {
  display: inline-block;
  width: 130px;
  font-weight: 600;
}
/* SQL Explorer directive */
.sql-explorer-top-toolbar {
  margin: 5px;
}
.sql-explorer-project-selector-checkbox {
  vertical-align: text-bottom;
  margin-right: 3px;
}
.sql-explorer-project-selector-label {
  font-size: 13px;
  user-select: none;
  display: inline-block;
  vertical-align: text-top;
}
.sql-explorer .toolbar {
  padding: 4px;
  margin-bottom: 8px;
}
.sql-explorer .toolbar .top-toolbar {
  margin: 5px;
}
.sql-explorer .toolbar .search-toolbar {
  margin-left: 5px;
  margin-right: 5px;
}
.sql-explorer .toolbar .project-selector-checkbox {
  vertical-align: text-bottom;
  margin-right: 3px;
}
.sql-explorer .toolbar .project-selector-label {
  font-size: 13px;
  user-select: none;
  display: inline-block;
  vertical-align: text-top;
}
.sql-explorer .fattable-v-scrollbar {
  overflow-y: scroll;
}
.sql-explorer .item-bullet {
  position: relative;
  top: -9px;
  height: 14px;
  width: 10px;
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  color: #999999;
}
.sql-explorer .item {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  color: #222222;
  padding: 0 10px 0 5px;
  cursor: pointer;
}
.sql-explorer .item.schema-item:hover,
.sql-explorer .item.table-item:hover,
.sql-explorer .item.field-item:hover,
.sql-explorer .item.catalog-item:hover,
.sql-explorer .item.catalog-schema-item:hover,
.sql-explorer .item.catalog-table-item:hover,
.sql-explorer .item.catalog-field-item:hover {
  background: #f2f2f2;
}
.sql-explorer .item.schema-item:hover .item-bullet,
.sql-explorer .item.table-item:hover .item-bullet,
.sql-explorer .item.field-item:hover .item-bullet,
.sql-explorer .item.catalog-item:hover .item-bullet,
.sql-explorer .item.catalog-schema-item:hover .item-bullet,
.sql-explorer .item.catalog-table-item:hover .item-bullet,
.sql-explorer .item.catalog-field-item:hover .item-bullet {
  color: #444444;
}
.sql-explorer .item.schema-item:hover .item-icon,
.sql-explorer .item.table-item:hover .item-icon,
.sql-explorer .item.field-item:hover .item-icon,
.sql-explorer .item.catalog-item:hover .item-icon,
.sql-explorer .item.catalog-schema-item:hover .item-icon,
.sql-explorer .item.catalog-table-item:hover .item-icon,
.sql-explorer .item.catalog-field-item:hover .item-icon {
  color: #444444;
}
.sql-explorer .item:not(:hover) .cc-link {
  opacity: 0;
}
.sql-explorer .item .item-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  display: inline-block;
  height: 26px;
}
.sql-explorer .item .item-icon {
  color: #999999;
  margin-right: 5px;
}
.sql-explorer .item .item-category,
.sql-explorer .item .schema-table-count,
.sql-explorer .item .catalog-schema-count {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  float: right;
  max-width: 70px;
  font-size: 10px;
  color: #666666;
}
.sql-explorer .item .cc-link {
  transition: all 0.2s ease;
  float: right;
  margin-left: 4px;
}
.sql-explorer .schema-item .item-name {
  max-width: 190px;
  font-weight: 500;
}
.sql-explorer .schema-item .schema-table-count {
  color: #666666;
  max-width: 60px;
}
.sql-explorer .table-item .item-name  {
  max-width: 219px;
}
.sql-explorer .table-item .item-bullet {
  margin: 0 0 0 16px;
}
.sql-explorer .table-item .table-schema {
  font-size: 11px;
  color: #666666;
}
.sql-explorer .field-item,
.sql-explorer .nofield-item {
  padding-left: 52px;
}
.sql-explorer .field-item .item-name,
.sql-explorer .nofield-item .item-name {
  max-width: 161px;
}
.sql-explorer .field-item .nofield,
.sql-explorer .nofield-item .nofield {
  cursor: default;
  color: #666666;
  font-style: italic;
  line-height: 22px;
}
.sql-explorer .catalog-item .item-name {
  max-width: 180px;
  font-weight: 600;
}
.sql-explorer .catalog-item .catalog-schema-count {
  max-width: 72px;
}
.sql-explorer .catalog-schema-item .item-name {
  max-width: 180px;
  font-weight: 500;
}
.sql-explorer .catalog-schema-item .item-bullet {
  margin: 0 0 0 16px;
}
.sql-explorer .catalog-schema-item .schema-table-count {
  max-width: 60px;
}
.sql-explorer .catalog-table-item .item-name  {
  max-width: 212px;
}
.sql-explorer .catalog-table-item .item-bullet {
  margin: 0 0 0 32px;
}
.sql-explorer .catalog-table-item .table-schema {
  font-size: 11px;
  color: #666666;
}
.sql-explorer .catalog-field-item,
.sql-explorer .catalog-nofield-item {
  padding-left: 68px;
}
.sql-explorer .catalog-field-item .item-name,
.sql-explorer .catalog-nofield-item .item-name {
  max-width: 145px;
}
.sql-explorer .catalog-field-item .nofield,
.sql-explorer .catalog-nofield-item .nofield {
  cursor: default;
  color: #666666;
  font-style: italic;
  line-height: 22px;
}
.sql-explorer .flat-table-item .item-name  {
  max-width: 245px;
}
.sql-explorer .flat-table-item .table-schema {
  font-size: 11px;
  color: #666666;
}
.sql-explorer .flat-field-item,
.sql-explorer .flat-nofield-item {
  padding-left: 37px;
}
.sql-explorer .flat-field-item .item-name,
.sql-explorer .flat-nofield-item .item-name {
  max-width: 185px;
}
.sql-explorer .flat-field-item .nofield,
.sql-explorer .flat-nofield-item .nofield {
  cursor: default;
  color: #666666;
  font-style: italic;
  line-height: 22px;
}
.sql-explorer--sort-icon {
  font-size: 11px;
}
.dkuform-modal-horizontal input[type="file"].upload-notebook-file-input {
  height: auto;
  line-height: initial;
}
.notebook-list-empty-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main-panel--jupyter-notebook .alert-error {
  margin-bottom: 0px;
}
.export-modal .modal-body {
  max-height: 500px;
}
.export-modal legend + .control-group {
  margin-top: 6px;
}
.export-modal input[type=checkbox] {
  margin: 0px;
}
.export-modal .alert {
  margin-bottom: 10px;
}
.export-modal legend {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 10px;
}
.export-modal legend > label {
  font-size: 18px;
}
.export-modal fieldset {
  margin-top: 5px;
}
.ui-effects-transfer {
  border: 2px dotted #dddddd;
  background-color: #ffffff;
  opacity: 0.5;
  border-radius: 10px;
}
.external-table__sample .dataset-preview-table:after {
  content: '';
}
.external-table__sample .progress-validity .progress .bar.bar-success {
  background-color: #3b99fc;
}
.external-table__sample .cell-results {
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.external-table__sample .cell-results .sql-results-table {
  height: 100%;
  width: 100%;
  margin: 0;
}
.external-table__schema {
  margin-bottom: 0;
}
.external-table__schema .fattable-default-header > div {
  padding-left: 0;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.external-table__schema .fattable-default-header > div .cell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  box-sizing: border-box;
}
.external-table__items {
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 20px;
}
.external-table__items .not-used {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 17px;
}
.external-table h4 {
  font-weight: 400;
}
.object-details__connections .accodrion .line * {
  width: 50%;
}
.object-details__connections .accodrion .line p,
.object-details__connections .accodrion .line li {
  text-align: left;
}
.object-details__connections .accodrion .line ul {
  padding-left: 0;
}
.admin__connections .hitContent .processing_progress {
  font-size: 13px;
  color: #3b99fc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.admin__connections .boxed-next-to-sidebar > * {
  box-shadow: none;
}
.admin__connections .summary-row + div .row-fluid {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.admin__connections .summary-row {
  border-bottom: none;
}
.admin__connections .summary-row .mass-action-btn a > i {
  vertical-align: baseline;
}
.connection-page .connection-page__connection-testing-section {
  padding-bottom: 10px;
  flex-grow: 1;
  flex-shrink: 0;
  max-height: 40%;
}
.connection-page fieldset[disabled] {
  opacity: 0.5;
}
.connection-page .CodeMirror {
  height: 100%;
  border: 1px solid #dddddd;
}
.connection-type {
  text-align: center;
  cursor: pointer;
}
.connection-type.disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.dropdown-menu__tile-delimiter {
  text-align: center;
  padding: 8px;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
}
.dropdown-menu__connections-table td {
  border-collapse: collapse;
  width: 100px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.dropdown-menu__connections-table td:not(.dropdown-menu__tile-delimiter):hover {
  background-color: #f2f2f2;
}
.connection-type__inner {
  padding: 10px 5px;
}
.connection-type__icon-text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
@-webkit-keyframes background-pulse {
  from {
    color: #c80000;
  }
  50% {
    color: #bbbbbb;
  }
  to {
    color: #c80000;
  }
}
@keyframes background-pulse {
  from {
    color: #c80000;
  }
  50% {
    color: #bbbbbb;
  }
  to {
    color: #c80000;
  }
}
.mx-background-pulse {
  animation: background-pulse 1.33s infinite;
  -webkit-animation: background-pulse 1.33s infinite;
}
[conflict-icon] .icon-dku-conflict {
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}
[conflict-icon] .icon-dku-conflict:before {
  width: 18px;
  font-size: 15px;
}
[conflict-icon].warn .icon-dku-conflict {
  animation: background-pulse 1.33s infinite;
  -webkit-animation: background-pulse 1.33s infinite;
}
[conflict-icon].warn .icon-dku-conflict .icon-user {
  color: #ffffff;
}
[conflict-icon] .popover {
  top: 16px !important;
  border-radius: 0px;
  padding: 0px;
}
[conflict-icon] .popover .popover-content {
  cursor: default;
  overflow: hidden;
  padding: 0px;
  color: #333333;
  width: 240px;
}
[conflict-icon] .popover .popover-content .conflict {
  box-sizing: border-box;
  width: 100%;
}
[conflict-icon] .popover .popover-content .conflict:not(:first-child) {
  border-top: 1px solid #dddddd;
}
[conflict-icon] .popover .popover-content .conflict .conflict-header {
  padding: 5px 7px;
  color: #666666;
  font-size: 13px;
}
[conflict-icon] .popover .popover-content .conflict .conflict-user {
  font-size: 16px;
  padding: 6px;
}
[conflict-icon] .popover .popover-content .conflict .conflict-user.current-user {
  font-weight: 600;
}
[conflict-icon] .popover .popover-content .conflict .conflict-user .conflict-user-activity {
  margin-top: 2px;
  font-size: 26px;
  color: #f28c37;
  margin-right: 5px;
  float: right;
}
[conflict-icon] .popover .popover-content .conflict .conflict-user.active .conflict-user-activity {
  color: #4caf50;
}
[conflict-icon] .popover .popover-content .conflict .conflict-user:hover {
  background-color: #f2f2f2;
}
[conflict-icon] .popover .popover-content .conflict.warn .conflict-header {
  color: #f28c37;
  font-weight: 600;
}
[conflict-icon] .popover .popover-content .conflict.warn .icon-warning-sign {
  color: #f28c37;
}
.conflict {
  box-sizing: border-box;
  width: 100%;
}
.conflict:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.conflict__header {
  padding: 5px 7px;
  color: #666666;
  font-size: 13px;
}
.conflict__header--no-user {
  text-align: center;
}
.conflict__user {
  font-size: 16px;
  padding: 6px;
}
.conflict__user:hover {
  background-color: #dddddd;
}
.conflict__user--current {
  font-weight: 600;
}
.conflict__user-activity {
  margin-top: 2px;
  font-size: 26px;
  color: #f28c37;
  margin-right: 5px;
  float: right;
}
.conflict__user-picture {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.conflict__user--active .conflict__user-activity {
  color: #4caf50;
}
.conflict--warn .conflict__header {
  color: #f28c37;
  font-weight: 600;
}
.conflict--warn .icon-warning-sign {
  color: #f28c37;
}
i.icon {
  font-size: 20px;
}
.dropdown-toggle:hover {
  text-decoration: none;
}
.admin-connection-data-page .metric {
  font-size: 17px;
}
ul.datasets {
  margin-left: 0px;
  list-style-type: none;
  display: inline;
}
.semi-opacity {
  opacity: 0.5;
}
.controls .align-right {
  text-align: right;
}
.controls ul.datasets {
  margin-top: 0.8ex;
}
.std-list-header {
  margin-bottom: 10px;
}
legend.settings-section-title {
  border-bottom: none;
}
.variables legend {
  margin-bottom: 10px;
}
.variables .codemirror {
  border: 1px solid #dddddd;
  margin-bottom: 10px;
}
.variables .codemirror .CodeMirror {
  font-size: 12px;
}
.variables .vars .CodeMirror,
.variables .vars .CodeMirror-scroll {
  max-height: 210px !important;
  height: 210px !important;
  overflow-y: scroll;
}
.variables .code .CodeMirror,
.variables .code .CodeMirror-scroll {
  max-height: 180px !important;
  height: 180px !important;
  overflow-y: scroll;
}
.logs-admin .log-container {
  background-color: #ffffff;
}
.logs-admin .log-container .header {
  position: relative;
  background-color: #ffffff;
  height: 40px;
  padding: 9px 0;
  box-sizing: border-box;
}
.logs-admin .log-container .content {
  overflow: auto;
  padding: 0 6px;
  border-radius: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 10px;
}
.logs-admin .log-container .content span {
  display: inline-block;
}
.logs-admin .reload-log a {
  top: 8px;
  right: 21px;
  position: absolute;
  width: 11px;
  height: 13px;
  font-size: 18px;
  text-decoration: none !important;
}
.logs-admin .file-name {
  text-decoration: underline;
}
.logs-admin .diagnosis-run {
  width: 200px;
}
.logs-admin .diagnosis-options a {
  text-decoration: none !important;
}
.logs-admin .diagnosis-options .options-list {
  margin: 10px 0px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 5px 10px;
  color: #444444;
}
.logs-admin .diagnosis-options label {
  font-size: 12px;
}
.licensing-page .progress {
  float: left;
  width: 300px;
  margin-bottom: 0;
}
.licensing-page .progress-info {
  float: left;
  margin-left: 10px;
}
.licensing-page .alert-warning {
  background-color: #fde5ca;
  border-color: #fdf1e7;
}
.mx-contributions-coloring .recipe {
  color: #f9bd38;
}
.mx-contributions-coloring .dataset {
  color: #28a9dd;
}
.mx-contributions-coloring .file {
  color: #28a9dd;
}
.mx-contributions-coloring .snippet {
  color: #f9bd38;
}
.mx-contributions-coloring .java-processor {
  color: #29af5d;
}
.mx-contributions-coloring .webapp {
  color: #f28c38;
}
.mx-contributions-coloring .py-processor {
  color: #29af5d;
}
.mx-contributions-coloring .tutorial {
  color: #222222;
}
.mx-contributions-coloring .project {
  color: #222222;
}
.mx-contributions-coloring .grel {
  color: #222222;
}
.spark-execution-config {
  padding: 10px;
  background: #ffffff;
  margin-bottom: 20px;
}
.spark-execution-config:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.spark-execution-config .settings-section-title {
  margin-top: 0;
}
.messaging-channel-config {
  padding: 10px;
  background: #ffffff;
  margin-bottom: 20px;
}
.messaging-channel-config:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.messaging-channel-config .settings-section-title {
  margin-top: 0;
}
.theme-settings .project-status-form span.status-color {
  margin: 6px 4px auto 0px;
}
.theme-settings .node-name-control-group,
.theme-settings ul.themes-list {
  margin-left: 20px;
}
.theme-settings ul.themes-list {
  list-style: none;
  margin-top: 25px;
  font-size: 0;
}
.theme-settings ul.themes-list li {
  font-size: 13px;
}
.theme-settings .theme {
  text-align: center;
  cursor: pointer;
  width: 200px;
  display: inline-block;
  margin-right: 20px;
}
.theme-settings .theme .meta {
  text-transform: capitalize;
  color: #666666;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 20px;
}
.theme-settings .theme .thumbnail-wrapper {
  position: relative;
  overflow: hidden;
  height: 111px;
  width: 190px;
}
.theme-settings .theme .thumbnail-wrapper .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #222222;
  opacity: 0;
  transition: opacity ease-out, border-color 300ms ease-out;
  z-index: 1;
}
.theme-settings .theme .thumbnail-wrapper .hover-icon {
  color: #ffffff;
  font-size: 40px;
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  z-index: 2;
  transition: bottom 300ms ease-out, opacity 300ms ease-out, transform 300ms ease-out;
}
.theme-settings .theme .thumbnail-wrapper .thumbnail {
  display: inline-block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.theme-settings .theme:not(.active) .thumbnail-wrapper:hover .overlay {
  opacity: 0.2;
}
.theme-settings .theme:not(.active) .thumbnail-wrapper:hover .hover-icon {
  bottom: 50%;
  transform: translate(-50%, 50%);
  opacity: 1;
}
.theme-settings .theme.active .meta {
  color: #3b99fc;
}
.theme-settings .theme.active .thumbnail {
  outline: 1px solid #3b99fc;
}
.angular-ui-tree-drag .project-status {
  background-color: #ffffff;
  opacity: 0.8;
}
.global-tag-category-input.ng-invalid.ng-touched,
.global-tag-category-input.ng-invalid.ng-invalid-unique {
  border: 1px solid #ce1228;
}
.control-group .controls.global-tag-category-form {
  margin: 0;
  display: inline-block;
}
.project-status-settings,
.global-tags-list-section,
.angular-ui-tree-drag,
.tags-settings.tags-settings,
.apply-tags.apply-tags,
.home-messages-settings {
  display: flex;
  flex-direction: column;
}
.project-status-settings:not(.global-tags-list-section),
.global-tags-list-section:not(.global-tags-list-section),
.angular-ui-tree-drag:not(.global-tags-list-section),
.tags-settings.tags-settings:not(.global-tags-list-section),
.apply-tags.apply-tags:not(.global-tags-list-section),
.home-messages-settings:not(.global-tags-list-section) {
  max-height: calc(100vh - 112px);
}
.project-status-settings .project-status-list-wrapper,
.global-tags-list-section .project-status-list-wrapper,
.angular-ui-tree-drag .project-status-list-wrapper,
.tags-settings.tags-settings .project-status-list-wrapper,
.apply-tags.apply-tags .project-status-list-wrapper,
.home-messages-settings .project-status-list-wrapper,
.project-status-settings .home-messages-list-wrapper,
.global-tags-list-section .home-messages-list-wrapper,
.angular-ui-tree-drag .home-messages-list-wrapper,
.tags-settings.tags-settings .home-messages-list-wrapper,
.apply-tags.apply-tags .home-messages-list-wrapper,
.home-messages-settings .home-messages-list-wrapper {
  flex: 0 1 auto;
  overflow-y: scroll;
}
.project-status-settings .project-status,
.global-tags-list-section .project-status,
.angular-ui-tree-drag .project-status,
.tags-settings.tags-settings .project-status,
.apply-tags.apply-tags .project-status,
.home-messages-settings .project-status,
.project-status-settings .tag,
.global-tags-list-section .tag,
.angular-ui-tree-drag .tag,
.tags-settings.tags-settings .tag,
.apply-tags.apply-tags .tag,
.home-messages-settings .tag,
.project-status-settings .tag-row,
.global-tags-list-section .tag-row,
.angular-ui-tree-drag .tag-row,
.tags-settings.tags-settings .tag-row,
.apply-tags.apply-tags .tag-row,
.home-messages-settings .tag-row,
.project-status-settings .home-message,
.global-tags-list-section .home-message,
.angular-ui-tree-drag .home-message,
.tags-settings.tags-settings .home-message,
.apply-tags.apply-tags .home-message,
.home-messages-settings .home-message {
  height: 24px;
  padding: 8px 0;
}
.project-status-settings .project-status .icon-reorder,
.global-tags-list-section .project-status .icon-reorder,
.angular-ui-tree-drag .project-status .icon-reorder,
.tags-settings.tags-settings .project-status .icon-reorder,
.apply-tags.apply-tags .project-status .icon-reorder,
.home-messages-settings .project-status .icon-reorder,
.project-status-settings .tag .icon-reorder,
.global-tags-list-section .tag .icon-reorder,
.angular-ui-tree-drag .tag .icon-reorder,
.tags-settings.tags-settings .tag .icon-reorder,
.apply-tags.apply-tags .tag .icon-reorder,
.home-messages-settings .tag .icon-reorder,
.project-status-settings .tag-row .icon-reorder,
.global-tags-list-section .tag-row .icon-reorder,
.angular-ui-tree-drag .tag-row .icon-reorder,
.tags-settings.tags-settings .tag-row .icon-reorder,
.apply-tags.apply-tags .tag-row .icon-reorder,
.home-messages-settings .tag-row .icon-reorder,
.project-status-settings .home-message .icon-reorder,
.global-tags-list-section .home-message .icon-reorder,
.angular-ui-tree-drag .home-message .icon-reorder,
.tags-settings.tags-settings .home-message .icon-reorder,
.apply-tags.apply-tags .home-message .icon-reorder,
.home-messages-settings .home-message .icon-reorder {
  color: #bbbbbb;
  display: inline-block;
  width: 30px;
  text-align: center;
  margin: 0;
}
.project-status-settings .project-status .status-title,
.global-tags-list-section .project-status .status-title,
.angular-ui-tree-drag .project-status .status-title,
.tags-settings.tags-settings .project-status .status-title,
.apply-tags.apply-tags .project-status .status-title,
.home-messages-settings .project-status .status-title,
.project-status-settings .tag .status-title,
.global-tags-list-section .tag .status-title,
.angular-ui-tree-drag .tag .status-title,
.tags-settings.tags-settings .tag .status-title,
.apply-tags.apply-tags .tag .status-title,
.home-messages-settings .tag .status-title,
.project-status-settings .tag-row .status-title,
.global-tags-list-section .tag-row .status-title,
.angular-ui-tree-drag .tag-row .status-title,
.tags-settings.tags-settings .tag-row .status-title,
.apply-tags.apply-tags .tag-row .status-title,
.home-messages-settings .tag-row .status-title,
.project-status-settings .home-message .status-title,
.global-tags-list-section .home-message .status-title,
.angular-ui-tree-drag .home-message .status-title,
.tags-settings.tags-settings .home-message .status-title,
.apply-tags.apply-tags .home-message .status-title,
.home-messages-settings .home-message .status-title,
.project-status-settings .project-status .tag-title,
.global-tags-list-section .project-status .tag-title,
.angular-ui-tree-drag .project-status .tag-title,
.tags-settings.tags-settings .project-status .tag-title,
.apply-tags.apply-tags .project-status .tag-title,
.home-messages-settings .project-status .tag-title,
.project-status-settings .tag .tag-title,
.global-tags-list-section .tag .tag-title,
.angular-ui-tree-drag .tag .tag-title,
.tags-settings.tags-settings .tag .tag-title,
.apply-tags.apply-tags .tag .tag-title,
.home-messages-settings .tag .tag-title,
.project-status-settings .tag-row .tag-title,
.global-tags-list-section .tag-row .tag-title,
.angular-ui-tree-drag .tag-row .tag-title,
.tags-settings.tags-settings .tag-row .tag-title,
.apply-tags.apply-tags .tag-row .tag-title,
.home-messages-settings .tag-row .tag-title,
.project-status-settings .home-message .tag-title,
.global-tags-list-section .home-message .tag-title,
.angular-ui-tree-drag .home-message .tag-title,
.tags-settings.tags-settings .home-message .tag-title,
.apply-tags.apply-tags .home-message .tag-title,
.home-messages-settings .home-message .tag-title {
  display: inline-block;
  width: 200px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-status-settings .project-status .status-color,
.global-tags-list-section .project-status .status-color,
.angular-ui-tree-drag .project-status .status-color,
.tags-settings.tags-settings .project-status .status-color,
.apply-tags.apply-tags .project-status .status-color,
.home-messages-settings .project-status .status-color,
.project-status-settings .tag .status-color,
.global-tags-list-section .tag .status-color,
.angular-ui-tree-drag .tag .status-color,
.tags-settings.tags-settings .tag .status-color,
.apply-tags.apply-tags .tag .status-color,
.home-messages-settings .tag .status-color,
.project-status-settings .tag-row .status-color,
.global-tags-list-section .tag-row .status-color,
.angular-ui-tree-drag .tag-row .status-color,
.tags-settings.tags-settings .tag-row .status-color,
.apply-tags.apply-tags .tag-row .status-color,
.home-messages-settings .tag-row .status-color,
.project-status-settings .home-message .status-color,
.global-tags-list-section .home-message .status-color,
.angular-ui-tree-drag .home-message .status-color,
.tags-settings.tags-settings .home-message .status-color,
.apply-tags.apply-tags .home-message .status-color,
.home-messages-settings .home-message .status-color,
.project-status-settings .project-status .tag-color,
.global-tags-list-section .project-status .tag-color,
.angular-ui-tree-drag .project-status .tag-color,
.tags-settings.tags-settings .project-status .tag-color,
.apply-tags.apply-tags .project-status .tag-color,
.home-messages-settings .project-status .tag-color,
.project-status-settings .tag .tag-color,
.global-tags-list-section .tag .tag-color,
.angular-ui-tree-drag .tag .tag-color,
.tags-settings.tags-settings .tag .tag-color,
.apply-tags.apply-tags .tag .tag-color,
.home-messages-settings .tag .tag-color,
.project-status-settings .tag-row .tag-color,
.global-tags-list-section .tag-row .tag-color,
.angular-ui-tree-drag .tag-row .tag-color,
.tags-settings.tags-settings .tag-row .tag-color,
.apply-tags.apply-tags .tag-row .tag-color,
.home-messages-settings .tag-row .tag-color,
.project-status-settings .home-message .tag-color,
.global-tags-list-section .home-message .tag-color,
.angular-ui-tree-drag .home-message .tag-color,
.tags-settings.tags-settings .home-message .tag-color,
.apply-tags.apply-tags .home-message .tag-color,
.home-messages-settings .home-message .tag-color {
  cursor: pointer;
}
.project-status-settings .project-status .project-status-settings-btn,
.global-tags-list-section .project-status .project-status-settings-btn,
.angular-ui-tree-drag .project-status .project-status-settings-btn,
.tags-settings.tags-settings .project-status .project-status-settings-btn,
.apply-tags.apply-tags .project-status .project-status-settings-btn,
.home-messages-settings .project-status .project-status-settings-btn,
.project-status-settings .tag .project-status-settings-btn,
.global-tags-list-section .tag .project-status-settings-btn,
.angular-ui-tree-drag .tag .project-status-settings-btn,
.tags-settings.tags-settings .tag .project-status-settings-btn,
.apply-tags.apply-tags .tag .project-status-settings-btn,
.home-messages-settings .tag .project-status-settings-btn,
.project-status-settings .tag-row .project-status-settings-btn,
.global-tags-list-section .tag-row .project-status-settings-btn,
.angular-ui-tree-drag .tag-row .project-status-settings-btn,
.tags-settings.tags-settings .tag-row .project-status-settings-btn,
.apply-tags.apply-tags .tag-row .project-status-settings-btn,
.home-messages-settings .tag-row .project-status-settings-btn,
.project-status-settings .home-message .project-status-settings-btn,
.global-tags-list-section .home-message .project-status-settings-btn,
.angular-ui-tree-drag .home-message .project-status-settings-btn,
.tags-settings.tags-settings .home-message .project-status-settings-btn,
.apply-tags.apply-tags .home-message .project-status-settings-btn,
.home-messages-settings .home-message .project-status-settings-btn,
.project-status-settings .project-status .tags-settings-btn,
.global-tags-list-section .project-status .tags-settings-btn,
.angular-ui-tree-drag .project-status .tags-settings-btn,
.tags-settings.tags-settings .project-status .tags-settings-btn,
.apply-tags.apply-tags .project-status .tags-settings-btn,
.home-messages-settings .project-status .tags-settings-btn,
.project-status-settings .tag .tags-settings-btn,
.global-tags-list-section .tag .tags-settings-btn,
.angular-ui-tree-drag .tag .tags-settings-btn,
.tags-settings.tags-settings .tag .tags-settings-btn,
.apply-tags.apply-tags .tag .tags-settings-btn,
.home-messages-settings .tag .tags-settings-btn,
.project-status-settings .tag-row .tags-settings-btn,
.global-tags-list-section .tag-row .tags-settings-btn,
.angular-ui-tree-drag .tag-row .tags-settings-btn,
.tags-settings.tags-settings .tag-row .tags-settings-btn,
.apply-tags.apply-tags .tag-row .tags-settings-btn,
.home-messages-settings .tag-row .tags-settings-btn,
.project-status-settings .home-message .tags-settings-btn,
.global-tags-list-section .home-message .tags-settings-btn,
.angular-ui-tree-drag .home-message .tags-settings-btn,
.tags-settings.tags-settings .home-message .tags-settings-btn,
.apply-tags.apply-tags .home-message .tags-settings-btn,
.home-messages-settings .home-message .tags-settings-btn,
.project-status-settings .project-status .home-message-settings-btn,
.global-tags-list-section .project-status .home-message-settings-btn,
.angular-ui-tree-drag .project-status .home-message-settings-btn,
.tags-settings.tags-settings .project-status .home-message-settings-btn,
.apply-tags.apply-tags .project-status .home-message-settings-btn,
.home-messages-settings .project-status .home-message-settings-btn,
.project-status-settings .tag .home-message-settings-btn,
.global-tags-list-section .tag .home-message-settings-btn,
.angular-ui-tree-drag .tag .home-message-settings-btn,
.tags-settings.tags-settings .tag .home-message-settings-btn,
.apply-tags.apply-tags .tag .home-message-settings-btn,
.home-messages-settings .tag .home-message-settings-btn,
.project-status-settings .tag-row .home-message-settings-btn,
.global-tags-list-section .tag-row .home-message-settings-btn,
.angular-ui-tree-drag .tag-row .home-message-settings-btn,
.tags-settings.tags-settings .tag-row .home-message-settings-btn,
.apply-tags.apply-tags .tag-row .home-message-settings-btn,
.home-messages-settings .tag-row .home-message-settings-btn,
.project-status-settings .home-message .home-message-settings-btn,
.global-tags-list-section .home-message .home-message-settings-btn,
.angular-ui-tree-drag .home-message .home-message-settings-btn,
.tags-settings.tags-settings .home-message .home-message-settings-btn,
.apply-tags.apply-tags .home-message .home-message-settings-btn,
.home-messages-settings .home-message .home-message-settings-btn {
  padding: 8px;
  cursor: pointer;
  color: #bbbbbb;
}
.project-status-settings .project-status .project-status-settings-btn:hover,
.global-tags-list-section .project-status .project-status-settings-btn:hover,
.angular-ui-tree-drag .project-status .project-status-settings-btn:hover,
.tags-settings.tags-settings .project-status .project-status-settings-btn:hover,
.apply-tags.apply-tags .project-status .project-status-settings-btn:hover,
.home-messages-settings .project-status .project-status-settings-btn:hover,
.project-status-settings .tag .project-status-settings-btn:hover,
.global-tags-list-section .tag .project-status-settings-btn:hover,
.angular-ui-tree-drag .tag .project-status-settings-btn:hover,
.tags-settings.tags-settings .tag .project-status-settings-btn:hover,
.apply-tags.apply-tags .tag .project-status-settings-btn:hover,
.home-messages-settings .tag .project-status-settings-btn:hover,
.project-status-settings .tag-row .project-status-settings-btn:hover,
.global-tags-list-section .tag-row .project-status-settings-btn:hover,
.angular-ui-tree-drag .tag-row .project-status-settings-btn:hover,
.tags-settings.tags-settings .tag-row .project-status-settings-btn:hover,
.apply-tags.apply-tags .tag-row .project-status-settings-btn:hover,
.home-messages-settings .tag-row .project-status-settings-btn:hover,
.project-status-settings .home-message .project-status-settings-btn:hover,
.global-tags-list-section .home-message .project-status-settings-btn:hover,
.angular-ui-tree-drag .home-message .project-status-settings-btn:hover,
.tags-settings.tags-settings .home-message .project-status-settings-btn:hover,
.apply-tags.apply-tags .home-message .project-status-settings-btn:hover,
.home-messages-settings .home-message .project-status-settings-btn:hover,
.project-status-settings .project-status .tags-settings-btn:hover,
.global-tags-list-section .project-status .tags-settings-btn:hover,
.angular-ui-tree-drag .project-status .tags-settings-btn:hover,
.tags-settings.tags-settings .project-status .tags-settings-btn:hover,
.apply-tags.apply-tags .project-status .tags-settings-btn:hover,
.home-messages-settings .project-status .tags-settings-btn:hover,
.project-status-settings .tag .tags-settings-btn:hover,
.global-tags-list-section .tag .tags-settings-btn:hover,
.angular-ui-tree-drag .tag .tags-settings-btn:hover,
.tags-settings.tags-settings .tag .tags-settings-btn:hover,
.apply-tags.apply-tags .tag .tags-settings-btn:hover,
.home-messages-settings .tag .tags-settings-btn:hover,
.project-status-settings .tag-row .tags-settings-btn:hover,
.global-tags-list-section .tag-row .tags-settings-btn:hover,
.angular-ui-tree-drag .tag-row .tags-settings-btn:hover,
.tags-settings.tags-settings .tag-row .tags-settings-btn:hover,
.apply-tags.apply-tags .tag-row .tags-settings-btn:hover,
.home-messages-settings .tag-row .tags-settings-btn:hover,
.project-status-settings .home-message .tags-settings-btn:hover,
.global-tags-list-section .home-message .tags-settings-btn:hover,
.angular-ui-tree-drag .home-message .tags-settings-btn:hover,
.tags-settings.tags-settings .home-message .tags-settings-btn:hover,
.apply-tags.apply-tags .home-message .tags-settings-btn:hover,
.home-messages-settings .home-message .tags-settings-btn:hover,
.project-status-settings .project-status .home-message-settings-btn:hover,
.global-tags-list-section .project-status .home-message-settings-btn:hover,
.angular-ui-tree-drag .project-status .home-message-settings-btn:hover,
.tags-settings.tags-settings .project-status .home-message-settings-btn:hover,
.apply-tags.apply-tags .project-status .home-message-settings-btn:hover,
.home-messages-settings .project-status .home-message-settings-btn:hover,
.project-status-settings .tag .home-message-settings-btn:hover,
.global-tags-list-section .tag .home-message-settings-btn:hover,
.angular-ui-tree-drag .tag .home-message-settings-btn:hover,
.tags-settings.tags-settings .tag .home-message-settings-btn:hover,
.apply-tags.apply-tags .tag .home-message-settings-btn:hover,
.home-messages-settings .tag .home-message-settings-btn:hover,
.project-status-settings .tag-row .home-message-settings-btn:hover,
.global-tags-list-section .tag-row .home-message-settings-btn:hover,
.angular-ui-tree-drag .tag-row .home-message-settings-btn:hover,
.tags-settings.tags-settings .tag-row .home-message-settings-btn:hover,
.apply-tags.apply-tags .tag-row .home-message-settings-btn:hover,
.home-messages-settings .tag-row .home-message-settings-btn:hover,
.project-status-settings .home-message .home-message-settings-btn:hover,
.global-tags-list-section .home-message .home-message-settings-btn:hover,
.angular-ui-tree-drag .home-message .home-message-settings-btn:hover,
.tags-settings.tags-settings .home-message .home-message-settings-btn:hover,
.apply-tags.apply-tags .home-message .home-message-settings-btn:hover,
.home-messages-settings .home-message .home-message-settings-btn:hover {
  color: #666666;
}
.project-status-settings .project-status-form input[type=text],
.global-tags-list-section .project-status-form input[type=text],
.angular-ui-tree-drag .project-status-form input[type=text],
.tags-settings.tags-settings .project-status-form input[type=text],
.apply-tags.apply-tags .project-status-form input[type=text],
.home-messages-settings .project-status-form input[type=text],
.project-status-settings .global-tags-editable-list input[type=text],
.global-tags-list-section .global-tags-editable-list input[type=text],
.angular-ui-tree-drag .global-tags-editable-list input[type=text],
.tags-settings.tags-settings .global-tags-editable-list input[type=text],
.apply-tags.apply-tags .global-tags-editable-list input[type=text],
.home-messages-settings .global-tags-editable-list input[type=text] {
  width: 200px;
}
.project-status-settings .project-status-form input[type=text].has-error:focus,
.global-tags-list-section .project-status-form input[type=text].has-error:focus,
.angular-ui-tree-drag .project-status-form input[type=text].has-error:focus,
.tags-settings.tags-settings .project-status-form input[type=text].has-error:focus,
.apply-tags.apply-tags .project-status-form input[type=text].has-error:focus,
.home-messages-settings .project-status-form input[type=text].has-error:focus,
.project-status-settings .global-tags-editable-list input[type=text].has-error:focus,
.global-tags-list-section .global-tags-editable-list input[type=text].has-error:focus,
.angular-ui-tree-drag .global-tags-editable-list input[type=text].has-error:focus,
.tags-settings.tags-settings .global-tags-editable-list input[type=text].has-error:focus,
.apply-tags.apply-tags .global-tags-editable-list input[type=text].has-error:focus,
.home-messages-settings .global-tags-editable-list input[type=text].has-error:focus {
  border-color: #ce1228;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 17, 13,.6);
}
.project-status-settings .project-status > *,
.global-tags-list-section .project-status > *,
.angular-ui-tree-drag .project-status > *,
.tags-settings.tags-settings .project-status > *,
.apply-tags.apply-tags .project-status > *,
.home-messages-settings .project-status > *,
.project-status-settings .tag > *,
.global-tags-list-section .tag > *,
.angular-ui-tree-drag .tag > *,
.tags-settings.tags-settings .tag > *,
.apply-tags.apply-tags .tag > *,
.home-messages-settings .tag > *,
.project-status-settings .home-message > *,
.global-tags-list-section .home-message > *,
.angular-ui-tree-drag .home-message > *,
.tags-settings.tags-settings .home-message > *,
.apply-tags.apply-tags .home-message > *,
.home-messages-settings .home-message > * {
  margin: 0 10px;
}
.project-status-settings .project-status .status-index,
.global-tags-list-section .project-status .status-index,
.angular-ui-tree-drag .project-status .status-index,
.tags-settings.tags-settings .project-status .status-index,
.apply-tags.apply-tags .project-status .status-index,
.home-messages-settings .project-status .status-index,
.project-status-settings .tag .status-index,
.global-tags-list-section .tag .status-index,
.angular-ui-tree-drag .tag .status-index,
.tags-settings.tags-settings .tag .status-index,
.apply-tags.apply-tags .tag .status-index,
.home-messages-settings .tag .status-index,
.project-status-settings .home-message .status-index,
.global-tags-list-section .home-message .status-index,
.angular-ui-tree-drag .home-message .status-index,
.tags-settings.tags-settings .home-message .status-index,
.apply-tags.apply-tags .home-message .status-index,
.home-messages-settings .home-message .status-index {
  font-weight: 500;
}
.project-status-settings .project-status .project-status-settings-btn,
.global-tags-list-section .project-status .project-status-settings-btn,
.angular-ui-tree-drag .project-status .project-status-settings-btn,
.tags-settings.tags-settings .project-status .project-status-settings-btn,
.apply-tags.apply-tags .project-status .project-status-settings-btn,
.home-messages-settings .project-status .project-status-settings-btn,
.project-status-settings .tag .project-status-settings-btn,
.global-tags-list-section .tag .project-status-settings-btn,
.angular-ui-tree-drag .tag .project-status-settings-btn,
.tags-settings.tags-settings .tag .project-status-settings-btn,
.apply-tags.apply-tags .tag .project-status-settings-btn,
.home-messages-settings .tag .project-status-settings-btn,
.project-status-settings .home-message .project-status-settings-btn,
.global-tags-list-section .home-message .project-status-settings-btn,
.angular-ui-tree-drag .home-message .project-status-settings-btn,
.tags-settings.tags-settings .home-message .project-status-settings-btn,
.apply-tags.apply-tags .home-message .project-status-settings-btn,
.home-messages-settings .home-message .project-status-settings-btn,
.project-status-settings .project-status .tags-settings-btn,
.global-tags-list-section .project-status .tags-settings-btn,
.angular-ui-tree-drag .project-status .tags-settings-btn,
.tags-settings.tags-settings .project-status .tags-settings-btn,
.apply-tags.apply-tags .project-status .tags-settings-btn,
.home-messages-settings .project-status .tags-settings-btn,
.project-status-settings .tag .tags-settings-btn,
.global-tags-list-section .tag .tags-settings-btn,
.angular-ui-tree-drag .tag .tags-settings-btn,
.tags-settings.tags-settings .tag .tags-settings-btn,
.apply-tags.apply-tags .tag .tags-settings-btn,
.home-messages-settings .tag .tags-settings-btn,
.project-status-settings .home-message .tags-settings-btn,
.global-tags-list-section .home-message .tags-settings-btn,
.angular-ui-tree-drag .home-message .tags-settings-btn,
.tags-settings.tags-settings .home-message .tags-settings-btn,
.apply-tags.apply-tags .home-message .tags-settings-btn,
.home-messages-settings .home-message .tags-settings-btn,
.project-status-settings .project-status .home-message-settings-btn,
.global-tags-list-section .project-status .home-message-settings-btn,
.angular-ui-tree-drag .project-status .home-message-settings-btn,
.tags-settings.tags-settings .project-status .home-message-settings-btn,
.apply-tags.apply-tags .project-status .home-message-settings-btn,
.home-messages-settings .project-status .home-message-settings-btn,
.project-status-settings .tag .home-message-settings-btn,
.global-tags-list-section .tag .home-message-settings-btn,
.angular-ui-tree-drag .tag .home-message-settings-btn,
.tags-settings.tags-settings .tag .home-message-settings-btn,
.apply-tags.apply-tags .tag .home-message-settings-btn,
.home-messages-settings .tag .home-message-settings-btn,
.project-status-settings .home-message .home-message-settings-btn,
.global-tags-list-section .home-message .home-message-settings-btn,
.angular-ui-tree-drag .home-message .home-message-settings-btn,
.tags-settings.tags-settings .home-message .home-message-settings-btn,
.apply-tags.apply-tags .home-message .home-message-settings-btn,
.home-messages-settings .home-message .home-message-settings-btn {
  display: inline-block;
  box-sizing: border-box;
  width: 35px;
  text-align: center;
}
.project-status-settings .no-tag-yet,
.global-tags-list-section .no-tag-yet,
.angular-ui-tree-drag .no-tag-yet,
.tags-settings.tags-settings .no-tag-yet,
.apply-tags.apply-tags .no-tag-yet,
.home-messages-settings .no-tag-yet {
  height: 100px;
  padding-bottom: 10px;
}
.project-status-settings .no-tag-yet p,
.global-tags-list-section .no-tag-yet p,
.angular-ui-tree-drag .no-tag-yet p,
.tags-settings.tags-settings .no-tag-yet p,
.apply-tags.apply-tags .no-tag-yet p,
.home-messages-settings .no-tag-yet p {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  font-family: 'SourceSansPro';
  font-size: 18px;
  font-weight: 400;
  color: #bbbbbb;
  text-align: center;
}
.project-status-settings .no-project-status-yet p,
.global-tags-list-section .no-project-status-yet p,
.angular-ui-tree-drag .no-project-status-yet p,
.tags-settings.tags-settings .no-project-status-yet p,
.apply-tags.apply-tags .no-project-status-yet p,
.home-messages-settings .no-project-status-yet p,
.project-status-settings .no-global-tags-yet p,
.global-tags-list-section .no-global-tags-yet p,
.angular-ui-tree-drag .no-global-tags-yet p,
.tags-settings.tags-settings .no-global-tags-yet p,
.apply-tags.apply-tags .no-global-tags-yet p,
.home-messages-settings .no-global-tags-yet p {
  font-size: 16px;
  font-weight: 400;
  color: #bbbbbb;
}
.global-tag-categories-list {
  width: 600px;
}
.global-tag-categories-list .tag-help-text {
  padding: 0;
}
.no-gtc-yet {
  margin: 32px auto;
}
.no-gtc-yet .no-gtc-yet__title {
  border: none;
  color: #666666;
  font-size: 32px;
  margin-bottom: 28px;
  line-height: 40px;
}
.tags-settings.tags-settings .tag-row,
.apply-tags.apply-tags .tag-row,
.home-message {
  display: flex;
  align-items: center;
}
.tags-settings.tags-settings .tag-row span.status-color,
.apply-tags.apply-tags .tag-row span.status-color,
.home-message span.status-color,
.tags-settings.tags-settings .tag-row .tag-color,
.apply-tags.apply-tags .tag-row .tag-color,
.home-message .tag-color {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  margin-right: 10px;
  padding: 0;
}
.tags-settings.tags-settings .tag-row .status-title,
.apply-tags.apply-tags .tag-row .status-title,
.home-message .status-title,
.tags-settings.tags-settings .tag-row .tag-title,
.apply-tags.apply-tags .tag-row .tag-title,
.home-message .tag-title,
.tags-settings.tags-settings .tag-row .message-title,
.apply-tags.apply-tags .tag-row .message-title,
.home-message .message-title {
  font-weight: 600;
  line-height: 14px;
}
.project-status-form span.status-color,
.global-tags-editable-list span.status-color,
.project-status-form .tag-color,
.global-tags-editable-list .tag-color {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  margin: 6px 4px auto 0;
  padding: 0;
  cursor: pointer;
}
.project-status-form span.status-color .icon-tint,
.global-tags-editable-list span.status-color .icon-tint,
.project-status-form .tag-color .icon-tint,
.global-tags-editable-list .tag-color .icon-tint {
  padding: 1px 3px;
  display: block;
  color: transparent;
}
.project-status-form span.status-color:hover .icon-tint,
.global-tags-editable-list span.status-color:hover .icon-tint,
.project-status-form .tag-color:hover .icon-tint,
.global-tags-editable-list .tag-color:hover .icon-tint {
  color: #f2f2f2;
}
.project-status-form .status-title,
.global-tags-editable-list .status-title,
.project-status-form .tag-title,
.global-tags-editable-list .tag-title,
.project-status-form .message-title,
.global-tags-editable-list .message-title {
  font-weight: 600;
  line-height: 14px;
}
.project-status > span {
  vertical-align: middle;
}
.project-status .status-color {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  margin-right: 10px;
}
.project-status .status-title {
  font-weight: 600;
  line-height: 16px;
}
.project-status-settings .project-status--add {
  padding-top: 16px;
  padding-left: 30px;
}
.project-status-settings .project-status--add .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 190px;
}
.no-home-page-article-yet p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.global-tags-editable-list .tag-usage {
  width: 20px;
  margin-left: auto;
}
.global-tags-editable-list .tag-usage > a {
  color: #333333;
}
.global-tags-editable-list .tag-usage > a:hover {
  color: #3b99fc;
  text-decoration: underline;
}
.home-messages-settings {
  max-height: none;
}
.home-messages-settings .home-message {
  height: auto;
  align-items: baseline;
}
.home-messages-settings .home-message input,
.home-messages-settings .home-message textarea {
  border-radius: 0;
}
.home-messages-settings .home-message input:placeholder-shown,
.home-messages-settings .home-message textarea:placeholder-shown {
  font-weight: 400;
}
.home-messages-settings .home-message .home-message-title,
.home-messages-settings .home-message input {
  flex: 0 0 160px;
}
.home-messages-settings .home-message textarea,
.home-messages-settings .home-message .home-message-content {
  flex: 1 1 100%;
}
.home-messages-settings .home-message .home-message-content {
  min-width: 600px;
}
.home-messages-settings .home-message textarea {
  resize: none;
}
.home-messages-settings .home-message button {
  margin: 0;
  margin-left: 10px;
}
.home-messages-settings .home-message button:last-child {
  margin-right: 10px;
}
.home-messages-settings .home-message:not(.expanded) .home-message-content,
.home-messages-settings .home-message:not(.expanded) .home-message-title {
  display: inline-block;
  height: 24px;
}
.home-messages-settings .home-message.expanded {
  height: auto;
}
.home-messages-settings .home-message.expanded textarea {
  height: 150px;
}
.home-messages-settings .home-message-form {
  border-top: none;
  padding-left: 20px;
}
.home-messages-settings .home-message-form input:placeholder-shown,
.home-messages-settings .home-message-form textarea:placeholder-shown {
  font-weight: 400;
}
.home-messages-settings .no-home-message-yet p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.home-messages-settings .add-home-message-btn-wrapper {
  text-align: center;
  margin-top: 20px;
}
/* tagging css moved to taggable_objects.less */
.icon-small-delete {
  flex: 0 0 auto;
  font-size: 14px !important;
  color: #999999;
  cursor: pointer;
}
.icon-small-delete:hover {
  color: #ce1228;
}
.authorization-matrix-page .header {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
}
.authorization-matrix-page .authorization-matrix-legend {
  display: inline-block;
  width: 650px;
  margin: 10px 20px;
  text-align: left;
}
.authorization-matrix-page tr {
  border-bottom: 1px solid #dddddd;
}
.authorization-matrix-page tr.data th {
  min-width: 200px;
}
.authorization-matrix-page tr.data td {
  border-right: 1px solid #dddddd;
  text-align: center;
}
.authorization-matrix-page tr.data .global-grant-item.true {
  color: #ffffff;
  background: #81c141;
}
.authorization-matrix-page tr.data .global-grant-item.false {
  color: #ffffff;
  background: #f2f2f2;
}
.authorization-matrix-page tr.data:hover {
  background: #f2f2f2;
}
.authorization-matrix-page tr.users th {
  height: 120px;
}
.authorization-matrix-page tr.users .rotated {
  width: 90px;
  transform-origin: 100% 100%;
  transform: translate(65px, -17px) rotate(-45deg);
}
.authorization-matrix-page tr.users .rotated span {
  text-align: left;
  white-space: nowrap;
  display: inline-block;
  border-bottom: 1px solid #dddddd;
  padding: 5px 10px;
  min-width: 150px;
}
.authorization-matrix-page th.header {
  padding: 0;
  max-width: 250px;
  border-right: 1px solid #dddddd;
}
.authorization-matrix-page td.project-grant-item {
  padding: 0;
  width: 90px;
}
.authorization-matrix-page .authorization-matrix-legend .legend-item {
  display: inline-block;
  width: 180px;
}
.authorization-matrix-page div.authorization-matrix-legend .admin,
.authorization-matrix-page td.project-grant-item .admin {
  color: #ffffff;
  background: #222222;
  border: 2px solid #dddddd;
}
.authorization-matrix-page div.authorization-matrix-legend .readProjectContent,
.authorization-matrix-page td.project-grant-item .readProjectContent {
  border: 2px #1f78b4 solid;
  color: #1f78b4;
}
.authorization-matrix-page div.authorization-matrix-legend .writeProjectContent,
.authorization-matrix-page td.project-grant-item .writeProjectContent {
  border: 2px #94c180 solid;
  color: #94c180;
}
.authorization-matrix-page div.authorization-matrix-legend .runScenarios,
.authorization-matrix-page td.project-grant-item .runScenarios {
  border: 2px #33a02c solid;
  color: #33a02c;
}
.authorization-matrix-page div.authorization-matrix-legend .readDashboards,
.authorization-matrix-page td.project-grant-item .readDashboards {
  border: 2px #fb9a99 solid;
  color: #fb9a99;
}
.authorization-matrix-page div.authorization-matrix-legend .writeDashboards,
.authorization-matrix-page td.project-grant-item .writeDashboards {
  border: 2px #e31a1c solid;
  color: #e31a1c;
}
.authorization-matrix-page div.authorization-matrix-legend .moderateDashboards,
.authorization-matrix-page td.project-grant-item .moderateDashboards {
  border: 2px #e9ab5b solid;
  color: #e9ab5b;
}
.authorization-matrix-page div.authorization-matrix-legend .manageDashboardAuthorizations,
.authorization-matrix-page td.project-grant-item .manageDashboardAuthorizations {
  border: 2px #ff7f00 solid;
  background: #ff7f00;
  color: #ffffff;
}
.authorization-matrix-page div.authorization-matrix-legend .manageExposedElements,
.authorization-matrix-page td.project-grant-item .manageExposedElements {
  border: 2px #cab2d6 solid;
  background: #cab2d6;
  color: #ffffff;
}
.authorization-matrix-page div.authorization-matrix-legend .manageAdditionalDashboardUsers,
.authorization-matrix-page td.project-grant-item .manageAdditionalDashboardUsers {
  border: 2px #33a02c solid;
  background: #33a02c;
  color: #ffffff;
}
.authorization-matrix-page div.authorization-matrix-legend .executeApp,
.authorization-matrix-page td.project-grant-item .executeApp {
  border: 2px #ff00e8 solid;
  color: #ff00e8;
}
.authorization-matrix-page div.authorization-matrix-legend > div,
.authorization-matrix-page td.project-grant-item > div {
  margin: 2px 0;
}
.authorization-matrix-page div.authorization-matrix-legend > div .grant,
.authorization-matrix-page td.project-grant-item > div .grant {
  width: 20px;
  text-align: center;
}
.authorization-matrix-page div.authorization-matrix-legend > div .grant-wrapper,
.authorization-matrix-page td.project-grant-item > div .grant-wrapper {
  display: inline-block;
  padding: 0 2px;
  margin: 2px 2px;
  width: 22px;
}
.authorization-matrix-page div.authorization-matrix-legend span {
  text-align: center;
}
.upload-content-modal .preview-cta {
  position: absolute;
  top: 45%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #bbbbbb;
  width: 100%;
  text-align: center;
}
.upload-content-modal .files {
  margin: 0px 0px;
  padding-left: 10px;
  overflow: auto;
}
.upload-content-modal .files > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.upload-content-modal .files-header {
  margin: 20px 0px 0px 10px;
  padding: 0 10px 10px 0;
  border-bottom: 1px solid #dddddd;
  height: auto;
}
.upload-content-modal .files-header .path {
  margin: 0 10px;
}
.upload-content-modal .file {
  padding: 4px 0;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.upload-content-modal .file .path {
  margin: 0 10px;
}
.upload-content-modal .file:hover {
  background: #f2f2f2;
}
.upload-content-modal .file.selected {
  background: #e7f3ff;
}
div.admin-menu {
  display: block;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: 2px 2px 8px 1px rgba(34, 34, 34, 0.2);
  background-color: #ffffff;
  padding: 0;
  bottom: auto;
  width: auto;
  right: 100px;
}
div.admin-menu ul {
  list-style: none;
  margin: 0;
}
div.admin-menu ul li a {
  padding: 0 10px;
  color: #444444;
  line-height: 27px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  font-size: 13.5px !important;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
div.admin-menu ul li:hover {
  background-image: none;
  background-color: #f2f2f2;
  color: #333333;
}
div.admin-menu ul li:hover a {
  text-decoration: none;
}
div.admin-menu ul .divider {
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
}
div.admin-menu .disabled {
  pointer-events: none;
  opacity: 0.5;
}
.exposed-objects-list .limit-span {
  max-width: 500px;
  width: auto;
  display: inline-block;
  float: none;
  margin-left: auto;
}
.exposed-objects-list .limit-span.project-object,
.exposed-objects-list .limit-span.object-project {
  margin-bottom: -5px;
  min-height: 0;
  line-height: normal;
}
.exposed-objects-list .limit-span.top-project,
.exposed-objects-list .limit-span.top-object {
  font-weight: 500;
  margin-bottom: -16px;
}
.exposed-objects-list .about {
  margin-left: 10px;
}
.exposed-objects-list .about.warning {
  color: #f28c37;
}
.audit-buffer-table .fattable-default-style .fattable-viewport > div > div > div {
  padding-left: 0;
  font-size: 11px;
}
.audit-buffer-table .fattable-default-header > div {
  padding-left: 0;
}
.dashboard-authorizations .authorizations-header {
  padding: 0 20px 10px 20px;
}
.dashboard-authorizations .authorization-table .name {
  display: inline-block;
  max-width: 500px;
  vertical-align: middle;
  width: inherit;
}
.dashboard-authorizations .authorization-table .mode {
  text-align: center;
  width: 100px;
}
.dashboard-authorizations .authorization-table .project-key {
  width: 100px;
}
.dashboard-authorizations .authorization-table .project-key > span {
  color: #bbbbbb;
  margin-right: 30px;
  text-align: right;
}
.dashboard-authorizations .authorization-table .remove {
  width: 30px;
}
.dashboard-authorizations .newsource-selector {
  padding: 10px;
}
.dashboard-authorizations .newsource-selector > .icon-remove {
  padding: 0 10px;
  color: #bbbbbb;
}
.dashboard-authorizations .newsource-selector > .selector {
  display: inline-block;
  vertical-align: middle;
}
.code-env pre.package-list {
  white-space: pre;
  word-wrap: normal;
  border-radius: 0;
  line-height: 14px;
  font-size: 11px;
  font-family: 'Lucida Console', monospace;
}
.code-env .codemirror {
  border: 1px solid #dddddd;
  margin-bottom: 10px;
}
.code-env .codemirror .CodeMirror {
  font-size: 12px;
  height: auto;
}
.code-env .code-env__buttons {
  margin-top: 20px;
}
.code-env .version-separator {
  border-top: 1px solid #dddddd;
  margin-top: 20px;
}
.code-env .active-log td {
  font-weight: 600;
}
.code-env .log-name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.cluster .params-form .sealed {
  opacity: 0.5;
  pointer-events: none;
}
.cluster .actions-list .action .output {
  margin: 10px 0;
}
.cluster .disabled-params {
  opacity: 0.5;
  pointer-events: none;
}
.edit-metadata-modal {
  min-width: 690px;
  width: 690px;
  height: 85vh;
  min-height: 350px;
  max-height: 550px;
}
.edit-metadata-modal .modal-body {
  max-height: none;
}
.edit-metadata-modal label i {
  margin-right: 10px;
}
.edit-metadata-modal .help-tip {
  color: #bbbbbb;
  font-size: 10px;
}
.edit-metadata-modal label.horizontal-flex {
  height: initial;
  align-items: baseline;
  cursor: default;
}
.edit-metadata-modal tag-field.editing {
  height: 35px;
}
.edit-metadata-modal .tag-edit-field {
  margin-bottom: 10px;
}
.edit-metadata-modal .tag-edit-field:before {
  color: #333333;
  left: 0px;
}
.edit-metadata-modal .tag-edit-field .tags-list-editor {
  margin-left: 20px;
}
.edit-metadata-modal .CodeMirror {
  border: 1px solid #dddddd;
  transition: border-color 0.5s ease;
  height: 100%;
}
.edit-metadata-modal .CodeMirror pre {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.edit-metadata-modal .control-group {
  box-sizing: border-box;
  margin: 0;
}
.users-groups-modal {
  margin-left: 0;
  width: 560px;
  height: 90%;
  left: calc((100% -  560px )/ 2);
}
.users-groups-modal .modal-column__header {
  height: 30px;
}
.users-groups-modal .modal-column__title {
  font-weight: 400;
  font-size: 16px;
}
.users-groups-modal .modal-column {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.users-groups-modal .std-list-search-box {
  float: right;
}
.new-scenario-modal .scenario-types {
  margin-left: 0px;
  list-style: none;
}
.new-scenario-modal .scenario-types .scenario-type {
  border: 1px solid #dddddd;
  padding: 5px;
  margin: 8px 10px;
  margin: 4px 0px;
}
.new-scenario-modal .scenario-types .scenario-type:not(.selectable) {
  color: #dddddd;
}
.new-scenario-modal .scenario-types .scenario-type.selectable:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.new-scenario-modal .scenario-types .scenario-type.selected,
.new-scenario-modal .scenario-types .scenario-type.selected:hover {
  border-color: #3b99fc;
  background-color: #ffffff;
}
.new-scenario-modal .scenario-types .scenario-type i:not(.universe-color) {
  color: #666666;
}
.new-scenario-modal .scenario-types .scenario-type .selection-indicator {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.new-scenario-modal .scenario-types .scenario-type .selection-indicator i {
  color: #3b99fc;
}
.new-scenario-modal .scenario-types .scenario-type .selectable-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  font-weight: 500;
  max-width: 90%;
}
.new-scenario-modal .scenario-types .scenario-type .selectable-item__description {
  font-weight: 400;
}
.new-scenario-modal .scenario-types .scenario-type p {
  margin-bottom: 0;
}
.new-scenario-modal .scenario-types .scenario-type.disabled {
  cursor: default;
  background: #f2f2f2;
  opacity: 0.5;
}
.new-scenario-modal .scenario-types .scenario-type.disabled span,
.new-scenario-modal .scenario-types .scenario-type.disabled p {
  cursor: default;
}
.new-scenario-modal .scenario-types .scenario-type.disabled a {
  cursor: pointer;
}
.new-scenario-modal .scenario-types .scenario-type .name {
  display: inline-block;
  width: 80%;
  font-weight: 400;
}
.scenarios-list-page .main-list-zone ul.list-items .active-indicator {
  display: flex;
  height: 100%;
  align-items: center;
  line-height: 20px;
  text-align: right;
  margin: 0 10px;
}
.scenarios-list-page .main-list-zone ul.list-items .active-indicator .dku-toggle {
  width: 55px;
  vertical-align: middle;
  float: none;
  padding: 0;
}
.scenarios-list-page .main-list-zone ul.list-items .active-indicator .label {
  display: inline-block;
  color: #666666;
}
.scenarios-list-page .details-table tr {
  height: 40px;
}
.scenarios-list-page .details-table tr th {
  vertical-align: top;
}
.scenarios-list-page .details-table tr td {
  vertical-align: top;
}
.scenarios-list-page .trigger-digest-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.scenarios-list-page .trigger-digest {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 10px;
  vertical-align: middle;
  line-height: 15px;
  height: 18px;
  color: #666666;
}
.scenario-editor-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.scenario-editor-page .text-error {
  color: #ce1228;
}
.scenario-editor-page .horizontal-centerer {
  margin-left: calc(100vw - 100%);
}
.scenario-editor-page .w800 {
  width: 800px;
}
.scenario-editor-page .settings-section1 {
  background: #ffffff;
  box-sizing: border-box;
  margin: 20px auto;
  border: 1px solid #dddddd;
}
.scenario-editor-page .settings-section1 .settings-section2,
.scenario-editor-page .settings-section1 h1 {
  padding: 15px;
}
.scenario-editor-page .settings-section1 .settings-section2:not(:first-of-type) {
  border-top: 1px solid #dddddd;
}
.scenario-editor-page .settings-section1 h1.settings-section1-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #444444;
  margin: 0;
  padding-bottom: 0;
}
.scenario-editor-page .mx-item-header {
  line-height: 26px;
}
.scenario-editor-page .mx-item-header span.type-wrapper {
  display: inline-block;
  width: 200px;
}
.scenario-editor-page .mx-item-header .expand-button {
  font-size: 14px;
  width: 25px;
  display: inline-block;
}
.scenario-editor-page .mx-item-header .type {
  width: 150px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  margin: 0px 10px;
}
.scenario-editor-page .mx-item-header .name {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  max-width: 200px;
}
.scenario-editor-page .mx-item-header .name:focus,
.scenario-editor-page .mx-item-header .name:hover {
  color: #333333;
}
.scenario-editor-page .mx-item-header .name:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.scenario-editor-page .mx-item-header .name.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.scenario-editor-page .mx-item-header .active {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.scenario-editor-page .mx-item-header .delete {
  font-size: 24px;
  color: #222222;
  opacity: 0.2;
}
.scenario-editor-page .mx-item-header .delete:hover {
  text-decoration: none;
}
.scenario-editor-page .trigger-header {
  line-height: 26px;
}
.scenario-editor-page .trigger-header span.type-wrapper {
  display: inline-block;
  width: 200px;
}
.scenario-editor-page .trigger-header .expand-button {
  font-size: 14px;
  width: 25px;
  display: inline-block;
}
.scenario-editor-page .trigger-header .type {
  width: 150px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  margin: 0px 10px;
}
.scenario-editor-page .trigger-header .name {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  max-width: 200px;
}
.scenario-editor-page .trigger-header .name:focus,
.scenario-editor-page .trigger-header .name:hover {
  color: #333333;
}
.scenario-editor-page .trigger-header .name:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.scenario-editor-page .trigger-header .name.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.scenario-editor-page .trigger-header .active {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.scenario-editor-page .trigger-header .delete {
  font-size: 24px;
  color: #222222;
  opacity: 0.2;
}
.scenario-editor-page .trigger-header .delete:hover {
  text-decoration: none;
}
.scenario-editor-page .reporter-header {
  line-height: 26px;
}
.scenario-editor-page .reporter-header span.type-wrapper {
  display: inline-block;
  width: 200px;
}
.scenario-editor-page .reporter-header .expand-button {
  font-size: 14px;
  width: 25px;
  display: inline-block;
}
.scenario-editor-page .reporter-header .type {
  width: 150px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  margin: 0px 10px;
}
.scenario-editor-page .reporter-header .name {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  display: inline-block;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  height: 26px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  max-width: 200px;
}
.scenario-editor-page .reporter-header .name:focus,
.scenario-editor-page .reporter-header .name:hover {
  color: #333333;
}
.scenario-editor-page .reporter-header .name:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.scenario-editor-page .reporter-header .name.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.scenario-editor-page .reporter-header .active {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
}
.scenario-editor-page .reporter-header .delete {
  font-size: 24px;
  color: #222222;
  opacity: 0.2;
}
.scenario-editor-page .reporter-header .delete:hover {
  text-decoration: none;
}
.scenario-editor-page .trigger-form {
  margin-top: 20px;
}
.scenario-editor-page .reporter-form {
  margin-top: 20px;
}
.scenario-editor-page .add-step {
  text-align: center;
}
.scenario-editor-page .step-list {
  margin: 10px 5px;
  padding: 5px;
  width: 300px;
  list-style: none;
}
.scenario-editor-page .step-list > li:not(:first-child) {
  margin-top: 5px;
}
.scenario-editor-page .step-list .step {
  padding: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 2px 1px #cccccc;
}
.scenario-editor-page .step-list .step .sort-handle {
  opacity: 0.5;
}
.scenario-editor-page .step-list .step .label {
  display: inline-block;
  vertical-align: middle;
  width: 218px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-editor-page .step-list .step .label .type {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.scenario-editor-page .step-list .step .label .name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
}
.scenario-editor-page .step-list .step .scenario-steps__menu-icon {
  float: right;
  vertical-align: middle;
  font-size: 14px;
  opacity: 0.2;
}
.scenario-editor-page .step-list .step .scenario-steps__menu-icon:hover {
  text-decoration: none;
  opacity: 0.4;
}
.scenario-editor-page .step-list .step.active {
  background-color: #e7f3ff;
}
.scenario-editor-page .step-list .step.disabled {
  opacity: 0.5;
}
.scenario-editor-page .step-editor-side {
  border-left: 1px solid #dddddd;
}
.scenario-editor-page .step-editor-side .CodeMirror {
  border: 1px solid #dddddd;
}
.scenario-editor-page .cta-edit-step {
  text-transform: uppercase;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
}
.scenario-editor-page .step-doc {
  max-width: 400px;
  background: #ffffff;
  padding: 10px;
  border: 1px solid #dddddd;
  float: right;
}
.scenario-editor-page .step-doc p:last-child {
  margin-bottom: 0;
}
.scenario-editor-page .variable-definitions {
  margin: 0;
  list-style: none;
}
.scenario-editor-page .variable-definitions .variable-definition {
  margin: 5px 0;
}
.scenario-editor-page .variable-definitions .variable-definition .CodeMirror {
  height: auto;
  width: inherit;
  margin: 0 0 5px 0;
  border: 1px solid #dddddd;
}
.scenario-editor-page .variable-definitions .variable-definition > span {
  margin: 0px 3px;
}
.scenario-editor-page .variable-definitions .variable-definition > a {
  font-size: 16px;
  margin: 0px 3px;
  color: #444444;
}
.scenario-editor-page .variable-definitions .variable-definition > a:hover {
  text-decoration: none;
}
.scenario-editor-page .step-editor {
  margin: 10px;
  padding: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 2px 1px #cccccc;
}
.scenario-editor-page .step-editor .step-header {
  margin-bottom: 20px;
}
.scenario-editor-page .step-editor .step-header .control-label {
  font-size: 16px;
  font-weight: 500;
}
.scenario-editor-page .step-editor .items-table {
  table-layout: auto;
}
.scenario-editor-page .step-editor .items-table .items-header {
  font-weight: 500;
}
.scenario-editor-page .step-editor .items-table .items-header .item-partitions {
  width: 250px;
}
.scenario-editor-page .step-editor .items-table .items-header .item-remove {
  width: 20px;
}
.scenario-editor-page .step-editor .items-table .items-body {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-editor-page .step-editor .items-table .items-body .item-partitions .placeholder {
  opacity: 0.5;
}
.scenario-editor-page .step-editor .items-table .items-body .item-remove i {
  opacity: 0.2;
}
.scenario-editor-page .step-editor.custom_python .script-edition .CodeMirror {
  height: auto;
}
.scenario-editor-page .step-editor.custom_python .script-edition .CodeMirror .CodeMirror-scroll {
  max-height: calc(100vh - 200px);
}
.scenario-editor-page .step-editor.custom_python .script-edition .CodeMirror .CodeMirror-scroll,
.scenario-editor-page .step-editor.custom_python .script-edition .CodeMirror .CodeMirror-scroll .CodeMirror-gutters {
  min-height: 300px;
}
.scenario-editor-page .step-editor.exec_sql .script-edition .CodeMirror {
  height: auto;
}
.scenario-editor-page .step-editor.exec_sql .script-edition .CodeMirror .CodeMirror-scroll {
  max-height: calc(100vh - 237px);
}
.scenario-editor-page .step-editor.exec_sql .script-edition .CodeMirror .CodeMirror-scroll,
.scenario-editor-page .step-editor.exec_sql .script-edition .CodeMirror .CodeMirror-scroll .CodeMirror-gutters {
  min-height: 300px;
}
.scenario-editor-page .item-list {
  margin-right: 10px;
  margin-left: 10px;
  list-style: none;
}
.scenario-editor-page .item-list > li {
  padding: 10px;
  border-top: 1px solid #dddddd;
}
.scenario-editor-page .item-list .item-header .sort-handle {
  opacity: 0.5;
}
.scenario-editor-page .item-list .item-header > div {
  display: inline-block;
  margin-right: 20px;
}
.scenario-editor-page .item-list .item-header .name {
  display: inline-block;
  margin-left: 20px;
}
.scenario-editor-page .item-list .item-header .name .control-group {
  margin-left: 0px;
}
.scenario-editor-page .item-list .item-header .name .control-group .controls {
  margin-left: 0px;
}
.scenario-editor-page .item-list .item-header .placeholder {
  color: #bbbbbb;
}
.scenario-editor-page .attachment-list {
  margin-right: 0;
  margin-left: 0;
  list-style: none;
}
.scenario-editor-page .attachment-list .attachment {
  margin: 2px 0;
  padding: 5px;
  border: 1px solid #dddddd;
}
.scenario-editor-page .run-details {
  border: 1px solid #dddddd;
  padding: 15px 15px 0;
  margin: 15px 15px 15px 0;
  background: #ffffff;
  box-shadow: 1px 1px 4px -1px #dddddd;
}
.scenario-editor-page .run-details > .row-fluid:not(:first-child) {
  border-top: 1px solid #dddddd;
  margin: 10px -15px;
  padding: 15px 15px 0;
}
.scenario-editor-page .run-details .run-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
.scenario-editor-page .run-details .trigger-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
}
.scenario-editor-page .run-details .time-column-header {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
}
.scenario-editor-page .run-details .step-name {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
}
.scenario-editor-page .run-details .inline-runnable-result {
  padding: 5px;
  border: 1px solid #dddddd;
}
.scenario-editor-page .available-variables {
  background: #ffffff;
  padding: 10px;
  border: 1px solid #dddddd;
}
.scenario-editor-page .available-variables table tr,
.scenario-editor-page .available-variables table td {
  background: #ffffff;
  padding: 4px;
}
.scenario-editor-page .available-variables .std-list-search-box input {
  width: 150px;
}
.scenario-editor-page .message-condition .CodeMirror {
  height: auto;
  max-height: 48px;
  margin: 0 0 5px 0;
  border: 1px solid #dddddd;
}
.step-list.step-list {
  margin: 10px 5px;
  padding: 5px;
  width: 300px;
  list-style: none;
}
.step-list.step-list.angular-ui-tree-drag {
  padding: 0;
}
.step-list.step-list > li:not(:first-child) {
  margin-top: 5px;
}
.step-list.step-list .angular-ui-tree-placeholder {
  padding-bottom: 5px;
  border: 1px dashed #dddddd;
}
.step-list.step-list .scenario-step {
  padding: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 2px 1px #bbbbbb;
  user-select: none;
}
.step-list.step-list .scenario-step .sort-handle {
  opacity: 0.5;
}
.step-list.step-list .scenario-step .label {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.step-list.step-list .scenario-step .label .type {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.step-list.step-list .scenario-step .label .name {
  font-family: 'SourceSansPro';
  font-weight: normal;
  font-size: 12px;
}
.step-list.step-list .scenario-step .label-unavailable {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 195px;
}
.step-list.step-list .scenario-step .label-unavailable .type {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.step-list.step-list .scenario-step .label-unavailable .name {
  font-family: 'SourceSansPro';
  font-weight: normal;
  font-size: 12px;
}
.step-list.step-list .scenario-step .scenario-step__menu-icon {
  float: right;
  vertical-align: middle;
  font-size: 14px;
  opacity: 0.2;
}
.step-list.step-list .scenario-step .scenario-step__menu-icon:hover {
  text-decoration: none;
  opacity: 0.4;
}
.step-list.step-list .scenario-step.selected {
  background-color: #e7f3ff;
}
.step-list.step-list .scenario-step.active {
  background-color: #c4e0fe;
}
.step-list.step-list .scenario-step.disabled {
  opacity: 0.5;
}
.mx-report-item-header .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 0;
}
.mx-report-item-header .label .extension {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.mx-report-item-header .goto {
  color: #666666;
  text-decoration: none;
}
.mx-report-item-header .goto:hover {
  text-decoration: none;
}
.scenario-steps__no-step-text {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 150px;
  margin-top: 150px;
  text-align: center;
  color: #333333;
}
.scenario-step__more {
  margin-left: 7px;
}
a.scenario-step__sort-handle {
  float: left;
  color: #bbbbbb;
  font-size: 20px;
  width: 17px;
}
a.scenario-step__sort-handle:hover {
  text-decoration: none;
}
.scenario-steps:focus {
  outline: none;
}
input.scenario-step__selector {
  margin: 0px 5px;
}
.scenario-steps__mass-action_btn {
  margin-top: 10px;
  margin-left: 10px;
}
.scenario-reports .report-item-header .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 0;
}
.scenario-reports .report-item-header .label .extension {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.scenario-reports .report-item-header .goto {
  color: #666666;
  text-decoration: none;
}
.scenario-reports .report-item-header .goto:hover {
  text-decoration: none;
}
.scenario-reports .range-is-empty {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.scenario-reports .graph-zone {
  background: #ffffff;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
}
.scenario-reports .above-gantt {
  line-height: 40px;
  height: auto;
}
.scenario-reports .above-gantt span {
  vertical-align: middle;
}
.scenario-reports .above-gantt .headers {
  width: 150px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
}
.scenario-reports .above-gantt .runtime {
  width: calc(100px);
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  text-align: center;
}
.scenario-reports .above-gantt .scenario-selector {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
}
.scenario-reports .above-gantt .range {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
}
.scenario-reports .above-gantt .range span:first-child {
  padding: 0 5px;
}
.scenario-reports .above-gantt .shrink-range {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.scenario-reports .gantt {
  position: relative;
  box-sizing: border-box;
  height: auto;
}
.scenario-reports .gantt .mx-item-list-header {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #ffffff;
}
.scenario-reports .gantt .mx-item-list-header .gantt-header {
  height: 55px;
  line-height: calc(54px);
}
.scenario-reports .gantt .mx-item-list-header .gantt-items ul {
  list-style: none;
  margin: 0;
}
.scenario-reports .gantt .mx-item-list-header .gantt-items ul li {
  box-sizing: border-box;
  height: 25px;
  line-height: calc(24px);
  margin: 0;
}
.scenario-reports .gantt .mx-item-list-header .gantt-items ul li.item-scenario {
  border-top: 1px solid #dddddd;
}
.scenario-reports .gantt .mx-item-list-header .gantt-items ul li:not(.item-scenario) {
  border-top: 1px solid #dddddd;
}
.scenario-reports .gantt .mx-item-list-header .gantt-items ul li .icon {
  line-height: calc(24px);
}
.scenario-reports .gantt .mx-item-list-header .gantt-items ul li.item-hovered {
  background: #f2f2f2;
}
.scenario-reports .gantt .headers {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #ffffff;
  width: 300px;
  background: #f2f2f2;
}
.scenario-reports .gantt .headers .gantt-header {
  height: 55px;
  line-height: calc(54px);
}
.scenario-reports .gantt .headers .gantt-items ul {
  list-style: none;
  margin: 0;
}
.scenario-reports .gantt .headers .gantt-items ul li {
  box-sizing: border-box;
  height: 25px;
  line-height: calc(24px);
  margin: 0;
}
.scenario-reports .gantt .headers .gantt-items ul li.item-scenario {
  border-top: 1px solid #dddddd;
}
.scenario-reports .gantt .headers .gantt-items ul li:not(.item-scenario) {
  border-top: 1px solid #dddddd;
}
.scenario-reports .gantt .headers .gantt-items ul li .icon {
  line-height: calc(24px);
}
.scenario-reports .gantt .headers .gantt-items ul li.item-hovered {
  background: #f2f2f2;
}
.scenario-reports .gantt .headers .gantt-header {
  padding: 0 5px;
}
.scenario-reports .gantt .headers .gantt-header .std-list-search-box {
  line-height: 0;
}
.scenario-reports .gantt .headers .gantt-items ul li {
  padding: 0 5px;
}
.scenario-reports .gantt .headers .gantt-items ul li.item-scenario {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.scenario-reports .gantt .headers .gantt-items ul li:not(.item-scenario) {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
}
.scenario-reports .gantt .runtime {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #ffffff;
  width: calc(100px);
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background: #f2f2f2;
}
.scenario-reports .gantt .runtime .gantt-header {
  height: 55px;
  line-height: calc(54px);
}
.scenario-reports .gantt .runtime .gantt-items ul {
  list-style: none;
  margin: 0;
}
.scenario-reports .gantt .runtime .gantt-items ul li {
  box-sizing: border-box;
  height: 25px;
  line-height: calc(24px);
  margin: 0;
}
.scenario-reports .gantt .runtime .gantt-items ul li.item-scenario {
  border-top: 1px solid #dddddd;
}
.scenario-reports .gantt .runtime .gantt-items ul li:not(.item-scenario) {
  border-top: 1px solid #dddddd;
}
.scenario-reports .gantt .runtime .gantt-items ul li .icon {
  line-height: calc(24px);
}
.scenario-reports .gantt .runtime .gantt-items ul li.item-hovered {
  background: #f2f2f2;
}
.scenario-reports .gantt .runtime .gantt-header {
  vertical-align: bottom;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  line-height: calc(27.5px);
}
.scenario-reports .gantt .runtime .gantt-header div {
  text-align: center;
}
.scenario-reports .gantt .runtime .gantt-header div span {
  line-height: 20px;
  vertical-align: bottom;
}
.scenario-reports .gantt .runtime .gantt-items {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  color: #666666;
}
.scenario-reports .gantt .runtime .gantt-items div {
  text-align: center;
}
.scenario-reports .gantt .runtime .mean-runtime {
  display: inline-block;
  width: 40%;
  height: 100%;
}
.scenario-reports .gantt .runtime .last-runtime {
  display: inline-block;
  width: 40%;
  height: 100%;
  box-sizing: border-box;
}
.scenario-reports .gantt .runtime .graph-runtime {
  display: inline-block;
  width: 20%;
  height: 100%;
}
.scenario-reports .gantt .runtime .show-actions-graph {
  vertical-align: middle;
  float: right;
  opacity: 0.5;
  -webkit-transition: all, 0.25s, ease-in;
  -moz-transition: all, 0.25s, ease-in;
  -ms-transition: all, 0.25s, ease-in;
  -o-transition: all, 0.25s, ease-in;
  transition: all, 0.25s, ease-in;
}
.scenario-reports .gantt .runtime .show-actions-graph a {
  color: #666666;
  text-decoration: none;
}
.scenario-reports .gantt .runtime .show-actions-graph a:hover {
  text-decoration: none;
}
.scenario-reports .gantt .cells {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  position: relative;
}
.scenario-reports .gantt .item {
  position: relative;
}
.scenario-reports .gantt .actions {
  margin: 0px;
  height: 20px;
  width: 100%;
  display: block;
  position: relative;
}
.scenario-reports .gantt .actions .action {
  position: absolute;
  top: 0px;
  bottom: 0px;
  box-sizing: border-box;
  border: 1px solid #222222;
}
.scenario-reports .gantt .actions .action.success {
  background: #4caf50;
  fill: #4caf50;
  border-color: #4caf50;
}
.scenario-reports .gantt .actions .action.warning {
  background: #f28c37;
  fill: #f28c37;
  border-color: #f28c37;
}
.scenario-reports .gantt .actions .action.failed {
  background: #ce1228;
  fill: #ce1228;
  border-color: #ce1228;
}
.scenario-reports .gantt .actions .action.aborted {
  background: #bbbbbb;
  fill: #bbbbbb;
  border-color: #bbbbbb;
}
.scenario-reports .gantt .actions .action.none {
  background: #cccccc;
  fill: #cccccc;
  border-color: #cccccc;
}
.scenario-reports .gantt .actions .action.top {
  background: #222222;
  fill: #222222;
  border-color: #222222;
  opacity: 0.1;
}
.scenario-reports .gantt .actions .action:not(.scenario-level) {
  opacity: 0.5;
}
.scenario-reports .gantt .actions .action:not(.scenario-level):not(.step-level) {
  opacity: 0.3;
}
.scenario-reports .gantt .actions .action.clickable {
  cursor: pointer;
}
.scenario-reports .gantt svg {
  background: #ffffff;
}
.scenario-reports .gantt svg .gridlines {
  shape-rendering: crispedges;
  stroke: #dddddd;
}
.scenario-reports .gantt svg .background rect {
  stroke: none;
  fill: #f2f2f2;
}
.scenario-reports .gantt svg .tick line {
  shape-rendering: crispedges;
  stroke: #dddddd;
}
.scenario-reports .gantt svg .trigger {
  fill: #cccccc;
}
.scenario-reports .gantt svg .trigger-text {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  fill: #666666;
}
.scenario-reports .gantt svg .top-row {
  stroke: #dddddd;
}
.scenario-reports .activity {
  position: relative;
  box-sizing: border-box;
}
.scenario-reports .activity .mx-item-list-header {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #ffffff;
}
.scenario-reports .activity .mx-item-list-header .gantt-header {
  height: 55px;
  line-height: calc(54px);
}
.scenario-reports .activity .mx-item-list-header .gantt-items ul {
  list-style: none;
  margin: 0;
}
.scenario-reports .activity .mx-item-list-header .gantt-items ul li {
  box-sizing: border-box;
  height: 25px;
  line-height: calc(24px);
  margin: 0;
}
.scenario-reports .activity .mx-item-list-header .gantt-items ul li.item-scenario {
  border-top: 1px solid #dddddd;
}
.scenario-reports .activity .mx-item-list-header .gantt-items ul li:not(.item-scenario) {
  border-top: 1px solid #dddddd;
}
.scenario-reports .activity .mx-item-list-header .gantt-items ul li .icon {
  line-height: calc(24px);
}
.scenario-reports .activity .mx-item-list-header .gantt-items ul li.item-hovered {
  background: #f2f2f2;
}
.scenario-reports .activity .headers {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #ffffff;
  width: 300px;
  background: #f2f2f2;
}
.scenario-reports .activity .headers .gantt-header {
  height: 55px;
  line-height: calc(54px);
}
.scenario-reports .activity .headers .gantt-items ul {
  list-style: none;
  margin: 0;
}
.scenario-reports .activity .headers .gantt-items ul li {
  box-sizing: border-box;
  height: 25px;
  line-height: calc(24px);
  margin: 0;
}
.scenario-reports .activity .headers .gantt-items ul li.item-scenario {
  border-top: 1px solid #dddddd;
}
.scenario-reports .activity .headers .gantt-items ul li:not(.item-scenario) {
  border-top: 1px solid #dddddd;
}
.scenario-reports .activity .headers .gantt-items ul li .icon {
  line-height: calc(24px);
}
.scenario-reports .activity .headers .gantt-items ul li.item-hovered {
  background: #f2f2f2;
}
.scenario-reports .activity .headers .gantt-header {
  padding: 0 5px;
}
.scenario-reports .activity .headers .gantt-header .std-list-search-box {
  line-height: 0;
}
.scenario-reports .activity .headers .gantt-items ul li {
  padding: 0 5px;
}
.scenario-reports .activity .headers .gantt-items ul li.item-scenario {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.scenario-reports .activity .headers .gantt-items ul li:not(.item-scenario) {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
}
.scenario-reports .activity .cells {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  position: relative;
}
.scenario-reports .activity .item {
  position: relative;
}
.scenario-reports .activity .actions {
  margin: 0px;
  height: 20px;
  width: 100%;
  display: block;
  position: relative;
}
.scenario-reports .activity .actions .action {
  position: absolute;
  top: 0px;
  bottom: 0px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
}
.scenario-reports .activity .actions .action.success {
  background: #4caf50;
  fill: #4caf50;
  border-color: #4caf50;
}
.scenario-reports .activity .actions .action.warning {
  background: #f28c37;
  fill: #f28c37;
  border-color: #f28c37;
}
.scenario-reports .activity .actions .action.failed {
  background: #ce1228;
  fill: #ce1228;
  border-color: #ce1228;
}
.scenario-reports .activity .actions .action.aborted {
  background: #bbbbbb;
  fill: #bbbbbb;
  border-color: #bbbbbb;
}
.scenario-reports .activity .actions .action.none {
  background: #cccccc;
  fill: #cccccc;
  border-color: #cccccc;
}
.scenario-reports .activity .actions .action.top {
  background: #222222;
  fill: #222222;
  border-color: #222222;
  opacity: 0.1;
}
.scenario-reports .activity .actions .action:not(.scenario-level) {
  opacity: 0.5;
}
.scenario-reports .activity .actions .action:not(.scenario-level):not(.step-level) {
  opacity: 0.3;
}
.scenario-reports .activity svg {
  background: #ffffff;
}
.scenario-reports .activity svg .gridlines {
  shape-rendering: crispedges;
  stroke: #dddddd;
}
.scenario-reports .activity svg .sub-gridlines {
  shape-rendering: crispedges;
  stroke: #dddddd;
}
.scenario-reports .activity svg .background rect {
  stroke: none;
  fill: #f2f2f2;
}
.scenario-reports .activity svg .tick {
  text-anchor: middle;
}
.scenario-reports .activity svg .axis {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  fill: #bbbbbb;
}
.scenario-reports .activity svg .sub-axis {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
  fill: #bbbbbb;
}
.scenario-reports .activity svg .trigger {
  fill: #cccccc;
}
.scenario-reports .activity svg .trigger-text {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  fill: #cccccc;
}
.scenario-reports .activity svg .top-row {
  stroke: #dddddd;
}
.actions-graph-popover {
  width: 300px;
  height: 150px;
  display: inline-block;
}
.actions-graph-popover .actions-graph {
  width: 100%;
  height: 100%;
}
.actions-graph-popover .actions-chart {
  width: 100%;
  height: 100%;
}
.actions-graph-popover .actions-chart .average {
  stroke: #bbbbbb;
  fill: #bbbbbb;
}
.actions-graph-popover .actions-chart .average line {
  shape-rendering: crispedges;
}
.actions-graph-popover .actions-chart .average text {
  text-anchor: end;
  alignment-baseline: middle;
}
.actions-graph-popover .actions-chart .actions .action {
  box-sizing: border-box;
}
.actions-graph-popover .actions-chart .actions .action.success {
  background: #4caf50;
  fill: #4caf50;
  border-color: #4caf50;
}
.actions-graph-popover .actions-chart .actions .action.warning {
  background: #f28c37;
  fill: #f28c37;
  border-color: #f28c37;
}
.actions-graph-popover .actions-chart .actions .action.failed {
  background: #ce1228;
  fill: #ce1228;
  border-color: #ce1228;
}
.actions-graph-popover .actions-chart .actions .action.aborted {
  background: #bbbbbb;
  fill: #bbbbbb;
  border-color: #bbbbbb;
}
.actions-graph-popover .actions-chart .actions .action.none {
  background: #cccccc;
  fill: #cccccc;
  border-color: #cccccc;
}
.scenario-activities .report-item-header .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 0;
}
.scenario-activities .report-item-header .label .extension {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.scenario-activities .report-item-header .goto {
  color: #666666;
  text-decoration: none;
}
.scenario-activities .report-item-header .goto:hover {
  text-decoration: none;
}
.scenario-activities .filter-box {
  display: inline-block;
  margin-right: 20px;
}
.scenario-activities .mx-activities-col-sizing:first-child {
  width: 200px;
  min-width: 200px;
}
.scenario-activities .mx-activities-col-sizing.short-column {
  width: 60px;
  min-width: 60px;
  border-left: none;
}
.scenario-activities .mx-activities-col-sizing:not(.short-column) {
  width: 100px;
  min-width: 100px;
}
.scenario-activities table {
  table-layout: fixed;
  box-sizing: border-box;
  border-collapse: initial;
  max-width: 100%;
}
.scenario-activities table tr {
  margin: 0px;
}
.scenario-activities table tr th,
.scenario-activities table tr td {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.scenario-activities table tr .frozen {
  border-left: 1px solid #dddddd;
}
.scenario-activities table tr th {
  border-top: 1px solid #dddddd;
  margin: 0px;
  padding: 5px;
  background: #f2f2f2;
}
.scenario-activities table tr th:first-child {
  width: 200px;
  min-width: 200px;
}
.scenario-activities table tr th.short-column {
  width: 60px;
  min-width: 60px;
  border-left: none;
}
.scenario-activities table tr th:not(.short-column) {
  width: 100px;
  min-width: 100px;
}
.scenario-activities table tr td {
  margin: 0px;
  padding: 5px;
  background: #ffffff;
}
.scenario-activities table tr td:first-child {
  width: 200px;
  min-width: 200px;
}
.scenario-activities table tr td.short-column {
  width: 60px;
  min-width: 60px;
  border-left: none;
}
.scenario-activities table tr td:not(.short-column) {
  width: 100px;
  min-width: 100px;
}
.scenario-activities table th {
  position: relative;
  z-index: 1;
}
.scenario-activities table th.frozen {
  z-index: 2;
}
.scenario-activities table td.frozen {
  background: #ffffff;
  position: relative;
  z-index: 1;
}
.scenario-activities .action-type {
  display: block;
}
.scenario-activities .action-type .actions-for-type .action-outcome {
  display: inline-block;
  height: 30px;
}
.scenario-activities .action-type .actions-for-type .action-outcome .actions-for-outcome {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin: calc(5px) 0px;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  text-align: center;
}
.scenario-activities .action-type .actions-for-type .action-outcome .actions-for-outcome.success {
  background: #4caf50;
}
.scenario-activities .action-type .actions-for-type .action-outcome .actions-for-outcome.warning {
  background: #f28c37;
}
.scenario-activities .action-type .actions-for-type .action-outcome .actions-for-outcome.failed {
  background: #ce1228;
}
.scenario-activities .action-type .actions-for-type .action-outcome .actions-for-outcome.aborted {
  background: #bbbbbb;
}
.scenario-triggers .main-list-zone ul.list-items .list-item {
  height: initial;
  color: #666666;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit .chunk {
  display: inline-block;
  vertical-align: top;
  width: 18%;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit .active-indicator {
  text-align: right;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit .trigger-inactive {
  color: #bbbbbb;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit.scenario-inactive .trigger-list,
.scenario-triggers .main-list-zone ul.list-items .list-item .hit.scenario-inactive .trigger-next-run {
  opacity: 0.4;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit.scenario-inactive .trigger-inactive {
  color: #dddddd;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit .trigger-list {
  list-style-position: inside;
  margin: 0;
}
.scenario-triggers .main-list-zone ul.list-items .list-item .hit .trigger-list .trigger-item {
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-outcomes .report-item-header .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 0;
}
.scenario-outcomes .report-item-header .label .extension {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.scenario-outcomes .report-item-header .goto {
  color: #666666;
  text-decoration: none;
}
.scenario-outcomes .report-item-header .goto:hover {
  text-decoration: none;
}
.scenario-outcomes .filter-box {
  display: inline-block;
  margin-right: 20px;
}
.scenario-outcomes .data-selection-header {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.scenario-outcomes .range-is-empty {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.scenario-outcomes .mx-outcomes-col-sizing:first-child {
  width: 200px;
  min-width: 200px;
}
.scenario-outcomes .mx-outcomes-col-sizing:not(first-child) {
  width: 60px;
  min-width: 60px;
}
.scenario-outcomes .scenarios {
  list-style: none;
  margin: 0px;
}
.scenario-outcomes .graph-zone {
  box-shadow: 0 1px 5px rgba(34, 34, 34, 0.1);
  background: #ffffff;
}
.scenario-outcomes .mx-graph-fixed-header .scenario-names {
  width: 150px;
}
.scenario-outcomes .mx-graph-fixed-header .project-keys {
  width: 110px;
}
.scenario-outcomes .mx-graph-fixed-header .past-runs {
  width: 70px;
}
.scenario-outcomes .mx-graph-fixed-header .graph {
  width: auto;
}
.scenario-outcomes .mx-graph-fixed-header .graph .cell-pane {
  position: relative;
  width: 100%;
  height: 100%;
}
.scenario-outcomes .mx-graph-fixed-header .graph .cell {
  display: inline-block;
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 100%;
}
.scenario-outcomes .mx-graph-fixed-header .graph .cell.active {
  background: #e7f3ff;
}
.scenario-outcomes .graph-header {
  height: 40px;
  position: relative;
  background: #ffffff;
}
.scenario-outcomes .graph-header .scenario-names {
  width: 150px;
}
.scenario-outcomes .graph-header .project-keys {
  width: 110px;
}
.scenario-outcomes .graph-header .past-runs {
  width: 70px;
}
.scenario-outcomes .graph-header .graph {
  width: auto;
}
.scenario-outcomes .graph-header .graph .cell-pane {
  position: relative;
  width: 100%;
  height: 100%;
}
.scenario-outcomes .graph-header .graph .cell {
  display: inline-block;
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 100%;
}
.scenario-outcomes .graph-header .graph .cell.active {
  background: #e7f3ff;
}
.scenario-outcomes .graph-header .scenario-names {
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  line-height: 40px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
  padding-left: 5px;
}
.scenario-outcomes .graph-header .project-keys {
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  line-height: 40px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
  padding-left: 5px;
}
.scenario-outcomes .graph-header .past-runs {
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  line-height: 40px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
  padding-left: 5px;
}
.scenario-outcomes .graph-header .graph .cell-pane {
  height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes .graph-header .graph .tick-label {
  position: relative;
  line-height: calc(18px);
}
.scenario-outcomes .graph-header .graph .tick-label .date-label {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  top: calc(18px);
  z-index: 1;
  transform: translateX(-50%);
  color: #bbbbbb;
}
.scenario-outcomes .graph-header .graph .tick-label .hovered-date-label {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  top: 0;
  z-index: 3;
  padding: 0 3px;
  transform: translateX(-50%);
  background: #ffffff;
  color: #bbbbbb;
}
.scenario-outcomes .mx-activated-scenario .activated a,
.scenario-outcomes .mx-activated-scenario .activated span {
  color: #222222;
}
.scenario-outcomes .mx-activated-scenario .deactivated a,
.scenario-outcomes .mx-activated-scenario .deactivated span {
  color: #bbbbbb;
}
.scenario-outcomes .hover-active {
  opacity: 0.4;
  background: #bbbbbb;
}
.scenario-outcomes .graph-body .scenario-names {
  background: #ffffff;
}
.scenario-outcomes .graph-body .scenario-names ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  box-sizing: content-box;
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes .graph-body .scenario-names ul li {
  height: 21px;
  padding-left: 5px;
  position: relative;
}
.scenario-outcomes .graph-body .scenario-names ul li .deactivated a,
.scenario-outcomes .graph-body .scenario-names ul li .deactivated span {
  opacity: 0.5;
}
.scenario-outcomes .graph-body .scenario-names ul li .scenario-name {
  line-height: 20px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-outcomes .graph-body .scenario-names ul li .scenario-name a {
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.scenario-outcomes .graph-body .scenario-names ul li .scenario-name a:hover {
  text-decoration: none;
}
.scenario-outcomes .graph-body .project-keys {
  background: #ffffff;
}
.scenario-outcomes .graph-body .project-keys ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  box-sizing: content-box;
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes .graph-body .project-keys ul li {
  height: 21px;
  padding-left: 5px;
  position: relative;
}
.scenario-outcomes .graph-body .project-keys ul li .deactivated a,
.scenario-outcomes .graph-body .project-keys ul li .deactivated span {
  opacity: 0.5;
}
.scenario-outcomes .graph-body .project-keys ul li .project-key {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-outcomes .graph-body .project-keys ul li .project-key a {
  color: #222222;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
}
.scenario-outcomes .graph-body .project-keys ul li .project-key a:hover {
  text-decoration: none;
}
.scenario-outcomes .graph-body .past-runs {
  background: #ffffff;
}
.scenario-outcomes .graph-body .past-runs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  box-sizing: content-box;
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes .graph-body .past-runs ul li {
  height: 21px;
  padding-left: 5px;
  position: relative;
}
.scenario-outcomes .graph-body .past-runs ul li .activated a,
.scenario-outcomes .graph-body .past-runs ul li .activated span {
  color: #222222;
}
.scenario-outcomes .graph-body .past-runs ul li .deactivated a,
.scenario-outcomes .graph-body .past-runs ul li .deactivated span {
  color: #bbbbbb;
}
.scenario-outcomes .graph-body .past-runs ul li .run-count {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 12px;
  width: 100%;
  text-align: right;
}
.scenario-outcomes .graph-body .past-runs ul li .run-count span {
  padding-right: 10px;
}
.scenario-outcomes .graph-body .graph {
  background: #ffffff;
}
.scenario-outcomes .graph-body .graph .cell-pane {
  list-style: none;
  margin: 0px;
  box-sizing: border-box;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes .graph-body .graph .cell-pane li {
  height: 21px;
}
.scenario-outcomes .graph-body .graph .cell {
  position: relative;
}
.scenario-outcomes .graph-body .graph .cell:not(:first-child) {
  border-left: 1px solid #dddddd;
}
.scenario-outcomes .graph-body .graph .cell.weekend {
  background: #f2f2f2;
}
.scenario-outcomes .graph-body .graph .cell.clickable {
  cursor: pointer;
}
.scenario-outcomes .graph-body .graph .cell .line {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  height: 4px;
  width: 100%;
}
.scenario-outcomes .graph-body .graph .cell .line.success {
  background: #4caf50;
}
.scenario-outcomes .graph-body .graph .cell .line.warning {
  background: #f28c37;
}
.scenario-outcomes .graph-body .graph .cell .line.failed {
  background: #ce1228;
}
.scenario-outcomes .graph-body .graph .cell .line.aborted {
  background: #bbbbbb;
}
.scenario-outcomes .graph-body .scenario-names {
  width: 150px;
}
.scenario-outcomes .graph-body .project-keys {
  width: 110px;
}
.scenario-outcomes .graph-body .past-runs {
  width: 70px;
}
.scenario-outcomes .graph-body .graph {
  width: auto;
}
.scenario-outcomes .graph-body .graph .cell-pane {
  position: relative;
  width: 100%;
  height: 100%;
}
.scenario-outcomes .graph-body .graph .cell {
  display: inline-block;
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 100%;
}
.scenario-outcomes .graph-body .graph .cell.active {
  background: #e7f3ff;
}
.scenario-outcomes .details {
  width: 300px;
  background: #ffffff;
  border-left: 1px solid #dddddd;
  box-shadow: 0 1px 5px rgba(34, 34, 34, 0.1);
}
.scenario-outcomes .details .click-cta {
  margin: 30px 0;
  text-align: center;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.scenario-outcomes .details .header {
  height: 45px;
  line-height: 45px;
  padding: 0px;
  border-bottom: 1px solid #dddddd;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
}
.scenario-outcomes .details .header .icon {
  width: 45px;
  display: inline-block;
  background-color: #f2f2f2;
  text-align: center;
}
.scenario-outcomes .details .header .icon i {
  font-size: 20px;
  vertical-align: middle;
}
.scenario-outcomes .details .header .scenario-results {
  margin: 0px 5px;
}
.scenario-outcomes .details .header .name {
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-outcomes .details .header .date {
  margin-left: 10px;
  margin-right: 10px;
}
.scenario-outcomes .details .body {
  padding: 5px;
}
.scenario-outcomes .details .body .info {
  padding: 3px 10px;
}
.scenario-outcomes .details .body .key {
  display: inline-block;
  width: 29%;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  vertical-align: middle;
}
.scenario-outcomes .details .body .value {
  display: inline-block;
  width: 69%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: right;
}
.scenario-outcomes .details .body .actions-header {
  text-align: left;
  margin: 10px 10px 0 10px;
  border-top: 1px solid #dddddd;
}
.scenario-outcomes .details .body .actions-body {
  text-align: left;
  margin: 0 10px 10px 10px;
}
.scenario-outcomes .details .body .actions-body ul {
  list-style: none;
  margin: 0px;
}
.scenario-outcomes .details .body .actions-body ul li {
  margin: 3px 0;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.scenario-outcomes .details .body .actions-body ul .trigger {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-outcomes .details .body .actions-body ul .duration {
  margin-left: 5px;
  color: #bbbbbb;
}
.scenario-runs-popover {
  padding: 10px;
  display: table;
}
.scenario-runs-popover li {
  display: table-row;
}
.scenario-runs-popover strong,
.scenario-runs-popover span {
  display: table-cell;
  white-space: nowrap;
}
.scenario-runs-popover span {
  padding-left: 1em;
  text-align: right;
}
.scenario-runs-popover strong {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-runs-popover i + i {
  margin-left: .4em;
  font-weight: 600;
}
.scenario-runs-popover i::before {
  margin-right: .2em;
  font-weight: 400;
}
.scenario-results i.success {
  color: #4caf50;
}
.scenario-results i.warning {
  color: #f28c37;
}
.scenario-results i.failed {
  color: #ce1228;
}
.scenario-results i.aborted {
  color: #bbbbbb;
}
.runnables__tiles {
  padding: 0px 20px;
}
.runnables__explanation {
  text-align: center;
}
.runnables__summary-row {
  height: auto;
}
.runnables__empty-tile h3 {
  text-align: center;
  margin-top: 40px;
}
.runnables__pop-over {
  display: inline-block;
}
.runnables__pop-over-link {
  text-align: left;
  width: 90px;
}
.runnables__tile {
  display: inline-block;
  width: 285px;
  height: 160px;
  padding: 10px;
  margin: 10px;
  background: #ffffff;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px solid #dddddd;
  transition: box-shadow 0.25s ease;
}
.runnables__tile:hover {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.runnables__tile-icon:hover {
  color: #333333;
}
.runnables__fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.runnables__tile-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  margin: 5px 0px;
}
.runnables__tile-description {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  margin: 5px 0px 5px 10px;
  overflow: hidden;
}
.runnable-page .horizontal-centerer {
  margin-left: calc(100vw - 100%);
}
.runnable-page .runnable {
  width: 800px;
  padding: 10px;
  background: #ffffff;
  box-sizing: border-box;
  margin: 20px auto;
  border: 1px solid #dddddd;
}
.runnable-page .w800 {
  width: 800px;
}
.runnable-page .recipe-settings-section1 {
  background: #ffffff;
  box-sizing: border-box;
  margin: 20px auto;
  border: 1px solid #dddddd;
}
.runnable-page .recipe-settings-section1 .recipe-settings-section2,
.runnable-page .recipe-settings-section1 h1 {
  padding: 10px;
}
.runnable-page .recipe-settings-section1 .recipe-settings-section2:not(:first-of-type) {
  border-top: 1px solid #dddddd;
}
.runnable-page .recipe-settings-section1 h1.recipe-settings-section1-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #444444;
  margin: 0;
  padding-bottom: 0;
}
.runnable-page .recipe-settings-section1 h2.recipe-settings-section2-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #444444;
  margin: 10px 0;
}
.runnable-page .recipe-settings-section1 h3.recipe-settings-section3-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
}
.runnable-tile h1.recipe-settings-section1-title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #444444;
  margin: 0;
  padding-bottom: 0;
}
.catalog-tooltips .tooltip.left {
  margin-left: -11px;
  pointer-events: none;
}
.catalog-tooltips .tooltip .tooltip-inner {
  max-width: 500px;
}
[facet-filterable-list] {
  overflow: hidden;
}
[facet-filterable-list] .value-list {
  position: relative;
  padding-bottom: 7px;
}
[facet-filterable-list] .value-list label.search:not(.expanded) {
  width: 20px;
}
[facet-filterable-list] .value-list label.search:not(.expanded) input {
  width: 20px;
  border: none;
  opacity: 0;
}
[facet-filterable-list] .value-list label.search {
  position: absolute;
  right: 0;
  overflow: visible;
  transition-property: width;
  transition-duration: .2s;
  top: 0;
  width: 100%;
  text-align: right;
  z-index: 20;
  height: 27px;
}
[facet-filterable-list] .value-list label.search .icon {
  position: absolute;
  right: 5px;
  z-index: 10;
  font-size: 14px;
  color: #666666;
}
[facet-filterable-list] .value-list label.search input {
  position: relative;
  top: -3px;
  right: 5px;
  font-size: 11px;
  height: 13px;
  transition-property: opacity, width;
  transition-timing-function: ease-in-out;
  transition-duration: .2s;
  border-radius: 15px;
  opacity: 1;
  width: 100%;
  padding-left: 10px;
}
[facet-filterable-list] .value-list label.search input,
[facet-filterable-list] .value-list label.search input:focus,
[facet-filterable-list] .value-list label.search input:active {
  border: none;
  outline: none;
  box-shadow: none;
}
[facet-filterable-list] .value-list label.empty {
  color: #666666;
  text-decoration: line-through;
}
[facet-filterable-list] .value-list .extra label:first-child:before {
  content: "";
  display: block;
  border-top: 1px solid #dddddd;
  width: 170px;
  margin: 6px auto;
}
[facet-filterable-list] .value-list label {
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[facet-filterable-list] .value-list label .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
[facet-filterable-list] .value-list label .count {
  float: right;
  padding: 0 4px;
  width: 26px;
  text-align: right;
  position: relative;
  z-index: 15;
  background: #f2f2f2;
  direction: rtl;
}
[facet-filterable-list] .value-list label input[type=checkbox] {
  height: 10px;
  position: relative;
  bottom: 2px;
  margin-right: 2px;
}
[facet-filterable-list] .value-list label.all.checked {
  opacity: 0.5;
  cursor: default;
}
[facet-filterable-list] .value-list .more {
  cursor: pointer;
  color: #666666;
  display: inline-block;
  padding-left: 2px;
  font-size: 12px;
  font-weight: 400;
}
[facet-filterable-list] .value-list label .count {
  background: inherit;
}
[facet-filterable-list] .value-list label input[type=checkbox] {
  bottom: 0;
}
[facet-filterable-list] .value-list .count {
  flex: 1;
}
.mx-facet-h4 {
  margin-top: 0;
  margin-bottom: 3px;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
}
.mx-value-list {
  position: relative;
  padding-bottom: 7px;
}
.mx-value-list label.search:not(.expanded) {
  width: 20px;
}
.mx-value-list label.search:not(.expanded) input {
  width: 20px;
  border: none;
  opacity: 0;
}
.mx-value-list label.search {
  position: absolute;
  right: 0;
  overflow: visible;
  transition-property: width;
  transition-duration: .2s;
  top: 0;
  width: 100%;
  text-align: right;
  z-index: 20;
  height: 27px;
}
.mx-value-list label.search .icon {
  position: absolute;
  right: 5px;
  z-index: 10;
  font-size: 14px;
  color: #666666;
}
.mx-value-list label.search input {
  position: relative;
  top: -3px;
  right: 5px;
  font-size: 11px;
  height: 13px;
  transition-property: opacity, width;
  transition-timing-function: ease-in-out;
  transition-duration: .2s;
  border-radius: 15px;
  opacity: 1;
  width: 100%;
  padding-left: 10px;
}
.mx-value-list label.search input,
.mx-value-list label.search input:focus,
.mx-value-list label.search input:active {
  border: none;
  outline: none;
  box-shadow: none;
}
.mx-value-list label.empty {
  color: #666666;
  text-decoration: line-through;
}
.mx-value-list .extra label:first-child:before {
  content: "";
  display: block;
  border-top: 1px solid #dddddd;
  width: 170px;
  margin: 6px auto;
}
.mx-value-list label {
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mx-value-list label .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mx-value-list label .count {
  float: right;
  padding: 0 4px;
  width: 26px;
  text-align: right;
  position: relative;
  z-index: 15;
  background: #f2f2f2;
  direction: rtl;
}
.mx-value-list label input[type=checkbox] {
  height: 10px;
  position: relative;
  bottom: 2px;
  margin-right: 2px;
}
.mx-value-list label.all.checked {
  opacity: 0.5;
  cursor: default;
}
.mx-value-list .more {
  cursor: pointer;
  color: #666666;
  display: inline-block;
  padding-left: 2px;
  font-size: 12px;
  font-weight: 400;
}
.catalog-page .alert {
  border-radius: 0;
}
.catalog-page .summary-row {
  background-color: #f2f2f2;
}
.catalog-page .summary-row .std-list-search-box.error input {
  background: #f9e3e5;
}
.catalog-page .summary-row .std-list-search-box {
  position: relative;
}
.catalog-page .summary-row .std-list-search-box .icon-remove {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 15px;
  color: #dddddd;
  cursor: pointer;
}
.catalog-page .summary-row .std-list-search-box input {
  width: 300px;
}
.catalog-page .summary-row button:disabled i {
  color: #bbbbbb;
}
.catalog-page .main-list-zone .scroll-zone {
  height: calc(101%);
}
.catalog-page .main-list-zone ul.list-items .hit {
  min-height: 38px;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main {
  vertical-align: middle;
  width: 100%;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main h4 {
  max-width: none;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main h4 span {
  color: #222222;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main h4 a {
  color: #2d86fb;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main h4 a:hover,
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main h4 a:focus {
  color: #267cfb;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main small {
  color: #666666;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main .markdown-preview {
  color: #666666;
}
.catalog-page .main-list-zone ul.list-items .hit > .hitContent .hit-content-main .markdown-preview:not(mjx-c) code {
  font-size: 11px;
  color: #666666;
}
.catalog-page .main-list-zone ul.list-items .hit i.icon.insight-icon {
  display: inline-block;
  box-sizing: content-box;
  text-align: center;
  font-size: 17px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  padding: 4px;
  border-radius: 3px;
  box-sizing: initial;
}
.catalog-page .main-list-zone ul.list-items .hit em {
  font-weight: 600;
  font-style: normal;
}
.catalog-page .main-list-zone ul.list-items .hit .matches p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.9em;
  color: #333333;
  margin: 0;
}
.catalog-page .main-list-zone ul.list-items .hit .matches p > span:first-child {
  padding-right: 5px;
  color: #bbbbbb;
}
.catalog-page .main-list-zone ul.list-items .hit .matches p span.separator {
  padding: 0 5px;
  color: #bbbbbb;
}
.catalog-page .main-list-zone ul.list-items .hit .found_in .matching_part {
  padding-right: 30px;
}
.catalog-page .main-list-zone ul.list-items > li:hover .hit {
  background-color: #ffffff;
}
.catalog-page .main-list-zone ul.list-items > li.active .hit {
  background-color: #f2f2f2;
}
.catalog-page .main-list-zone ul.list-items > li:last-child {
  border-bottom: 1px solid #dddddd;
}
.catalog-page .right-sidebar.hidden {
  width: 0px;
}
.catalog-page .right-sidebar {
  width: 50%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  transition-property: width;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
}
.catalog-page .right-sidebar .column-header h2 em,
.catalog-page .right-sidebar .matches em {
  font-style: normal;
  font-weight: 600;
}
.catalog-page .right-sidebar .catalog-right-column .empty-right-column {
  text-align: center;
  margin-top: 100px;
  color: #bbbbbb;
  font-weight: 400;
}
.catalog-page .right-sidebar .catalog-right-column table th {
  width: 100px;
  vertical-align: text-top;
}
.catalog-page .right-sidebar ul.tags {
  text-align: right;
}
.catalog-page .right-sidebar ul.tags li em {
  font-weight: 600;
  text-decoration: underline;
  font-style: normal;
}
.catalog-page .right-sidebar .text {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.catalog-page .left-sidebar {
  background: #f2f2f2;
  border-right: 1px solid #dddddd;
  margin-right: 0;
}
.catalog-page .left-sidebar .source-selection {
  padding: 2px 20px 2px 20px;
  margin-top: 10px;
}
.catalog-page .left-sidebar .facet {
  margin: 0 20px;
  padding: 10px 0;
}
.catalog-page .left-sidebar .facet:not(:first-child) {
  border-top: 1px solid #dddddd;
}
.catalog-page .left-sidebar .facet i.icon-chevron-up,
.catalog-page .left-sidebar .facet i.icon-chevron-down {
  float: right;
  padding-top: 4px;
  font-size: 11px;
}
.catalog-page .left-sidebar .facet i.icon-chevron-up:before,
.catalog-page .left-sidebar .facet i.icon-chevron-down:before {
  width: 20px;
  text-align: center;
}
.catalog-page .left-sidebar .facet h4 {
  margin-top: 0;
  margin-bottom: 3px;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.catalog-page .left-sidebar .facet .value-list {
  position: relative;
  padding-bottom: 7px;
}
.catalog-page .left-sidebar .facet .value-list label.search:not(.expanded) {
  width: 20px;
}
.catalog-page .left-sidebar .facet .value-list label.search:not(.expanded) input {
  width: 20px;
  border: none;
  opacity: 0;
}
.catalog-page .left-sidebar .facet .value-list label.search {
  position: absolute;
  right: 0;
  overflow: visible;
  transition-property: width;
  transition-duration: .2s;
  top: 0;
  width: 100%;
  text-align: right;
  z-index: 20;
  height: 27px;
}
.catalog-page .left-sidebar .facet .value-list label.search .icon {
  position: absolute;
  right: 5px;
  z-index: 10;
  font-size: 14px;
  color: #666666;
}
.catalog-page .left-sidebar .facet .value-list label.search input {
  position: relative;
  top: -3px;
  right: 5px;
  font-size: 11px;
  height: 13px;
  transition-property: opacity, width;
  transition-timing-function: ease-in-out;
  transition-duration: .2s;
  border-radius: 15px;
  opacity: 1;
  width: 100%;
  padding-left: 10px;
}
.catalog-page .left-sidebar .facet .value-list label.search input,
.catalog-page .left-sidebar .facet .value-list label.search input:focus,
.catalog-page .left-sidebar .facet .value-list label.search input:active {
  border: none;
  outline: none;
  box-shadow: none;
}
.catalog-page .left-sidebar .facet .value-list label.empty {
  color: #666666;
  text-decoration: line-through;
}
.catalog-page .left-sidebar .facet .value-list .extra label:first-child:before {
  content: "";
  display: block;
  border-top: 1px solid #dddddd;
  width: 170px;
  margin: 6px auto;
}
.catalog-page .left-sidebar .facet .value-list label {
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-page .left-sidebar .facet .value-list label .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-page .left-sidebar .facet .value-list label .count {
  float: right;
  padding: 0 4px;
  width: 26px;
  text-align: right;
  position: relative;
  z-index: 15;
  background: #f2f2f2;
  direction: rtl;
}
.catalog-page .left-sidebar .facet .value-list label input[type=checkbox] {
  height: 10px;
  position: relative;
  bottom: 2px;
  margin-right: 2px;
}
.catalog-page .left-sidebar .facet .value-list label.all.checked {
  opacity: 0.5;
  cursor: default;
}
.catalog-page .left-sidebar .facet .value-list .more {
  cursor: pointer;
  color: #666666;
  display: inline-block;
  padding-left: 2px;
  font-size: 12px;
  font-weight: 400;
}
.catalog-page .left-sidebar .facet.type-selection {
  margin: 10px 0 0 0;
}
.catalog-page .left-sidebar .facet.type-selection label,
.catalog-page .left-sidebar .facet.type-selection .more {
  font-size: 14px;
  padding: 2px 20px 2px 20px;
  color: #666666;
}
.catalog-page .left-sidebar .facet.type-selection label.selected {
  color: #333333;
  font-weight: 600;
  border-left: 3px solid #333333;
  padding-left: 17px;
}
.catalog-page .left-sidebar .facet.type-selection label.selected.all {
  cursor: default;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.project,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.project {
  color: #333333;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.column,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.column {
  color: #333333;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.discussion,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.discussion {
  color: #333333;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.article,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.article {
  color: #427b98;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.dataset,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.dataset {
  color: #28a9dd;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.analysis,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.analysis {
  color: #29af5d;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.notebook,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.notebook {
  color: #f28c38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.web_app,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.web_app {
  color: #f28c38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.report,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.report {
  color: #f28c38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.recipe,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.recipe {
  color: #f28c38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.recipe-visual,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.recipe-visual {
  color: #f9bd38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.recipe-code,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.recipe-code {
  color: #f28c38;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.recipe-continuous,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.recipe-continuous {
  color: #3b7879;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.recipe-train,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.recipe-train {
  color: #29af5d;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.insight,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.insight {
  color: #f44336;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.managed_folder,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.managed_folder {
  color: #28a9dd;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.saved_model,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.saved_model {
  color: #29af5d;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.model_evaluation_store,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.model_evaluation_store {
  color: #29af5d;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.dashboard,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.dashboard {
  color: #f44336;
}
.catalog-page .left-sidebar .facet.type-selection label.selected i.type-icon.scenario,
.catalog-page .left-sidebar .facet.type-selection label:hover i.type-icon.scenario {
  color: #8541aa;
}
.catalog-page .left-sidebar .facet.type-selection label.selected:hover .facet-value:after {
  content: "✕";
  float: right;
  padding: 0 6px;
  font-size: 9.5px;
  font-weight: 400;
  font-style: regular;
  font-family: 'SourceSansPro';
}
.catalog-page .left-sidebar .facet.type-selection label.selected:hover .hidable {
  display: none;
}
.catalog-page .left-sidebar .facet.type-selection label:hover {
  color: #333333;
}
.catalog-page .left-sidebar .facet.type-selection i.type-icon {
  color: #666666;
  font-size: 11px;
  padding-right: 3px;
}
.catalog-page .left-sidebar .facet.collapsed .value-list {
  display: none;
}
.mx-facet-type-icon-colored i.type-icon.project {
  color: #333333;
}
.mx-facet-type-icon-colored i.type-icon.column {
  color: #333333;
}
.mx-facet-type-icon-colored i.type-icon.discussion {
  color: #333333;
}
.mx-facet-type-icon-colored i.type-icon.article {
  color: #427b98;
}
.mx-facet-type-icon-colored i.type-icon.dataset {
  color: #28a9dd;
}
.mx-facet-type-icon-colored i.type-icon.analysis {
  color: #29af5d;
}
.mx-facet-type-icon-colored i.type-icon.notebook {
  color: #f28c38;
}
.mx-facet-type-icon-colored i.type-icon.web_app {
  color: #f28c38;
}
.mx-facet-type-icon-colored i.type-icon.report {
  color: #f28c38;
}
.mx-facet-type-icon-colored i.type-icon.recipe {
  color: #f28c38;
}
.mx-facet-type-icon-colored i.type-icon.recipe-visual {
  color: #f9bd38;
}
.mx-facet-type-icon-colored i.type-icon.recipe-code {
  color: #f28c38;
}
.mx-facet-type-icon-colored i.type-icon.recipe-continuous {
  color: #3b7879;
}
.mx-facet-type-icon-colored i.type-icon.recipe-train {
  color: #29af5d;
}
.mx-facet-type-icon-colored i.type-icon.insight {
  color: #f44336;
}
.mx-facet-type-icon-colored i.type-icon.managed_folder {
  color: #28a9dd;
}
.mx-facet-type-icon-colored i.type-icon.saved_model {
  color: #29af5d;
}
.mx-facet-type-icon-colored i.type-icon.model_evaluation_store {
  color: #29af5d;
}
.mx-facet-type-icon-colored i.type-icon.dashboard {
  color: #f44336;
}
.mx-facet-type-icon-colored i.type-icon.scenario {
  color: #8541aa;
}
.catalog-page.meanings .left-sidebar .facet:first-child {
  border-top: none;
}
.inbox-unread-tag {
  background-color: #3b99fc;
  display: none;
  color: #ffffff;
  padding: 3px 7px;
  border-radius: 25px;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  font-family: 'SourceSansPro';
  font-size: 11px;
  height: 12px;
  line-height: 12px;
  font-weight: 400;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-unread {
  border-left: 4px solid #9dccfe !important;
  background-color: #e7f3ff;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-unread:hover {
  background-color: #f2f2f2;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-unread .inbox-unread-tag {
  display: inline-block;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-unread .hit {
  margin-left: -4px;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-unread .hit > .hitContent .hit-content-main h4,
.catalog-page .main-list-zone ul.list-items .list-item.inbox-unread .hit > .hitContent .hit-content-main p {
  font-weight: 600;
}
.catalog-page .main-list-zone ul.list-items .list-item .hit .hitContent .inbox-closed-tag {
  display: none;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 4px;
  padding: 4px;
  background-color: #bbbbbb;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-closed .hit > div:first-child:not(.hitContent) {
  opacity: 0.5;
}
.catalog-page .main-list-zone ul.list-items .list-item.inbox-closed .hit div.hitContent .inbox-closed-tag {
  height: 20px;
  display: block;
}
.catalog__item-count {
  display: inline-block;
  font-size: 18px;
  margin-right: 1em;
  vertical-align: middle;
}
.catalog__list-item {
  border-bottom: 1px solid #dddddd;
  list-style: none;
  position: relative;
  height: 100%;
  align-items: center;
  display: flex;
}
.catalog__hit-checkbox {
  flex-basis: 65px;
  margin-left: 10px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.catalog__hit {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
}
.catalog__hitContent {
  display: flex;
  flex: 1;
  overflow: hidden;
  margin: 0;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  align-items: center;
}
.catalog__hit__right-pannel {
  text-align: right;
  height: 100%;
  flex-shrink: 0;
  max-width: 30%;
  padding-left: 10px;
}
.new-bundle-page .recipe-modal-io .chosen > li,
.bundle-details-modal .recipe-modal-io .chosen > li,
.new-bundle-page .recipe-modal-io .chosen .item,
.bundle-details-modal .recipe-modal-io .chosen .item {
  margin: 0;
}
.new-bundle-page .recipe-modal-io .chosen > li:not(:last-child),
.bundle-details-modal .recipe-modal-io .chosen > li:not(:last-child),
.new-bundle-page .recipe-modal-io .chosen .item:not(:last-child),
.bundle-details-modal .recipe-modal-io .chosen .item:not(:last-child) {
  margin-bottom: 4px;
}
.new-bundle-page .recipe-modal-io .chosen > li .information,
.bundle-details-modal .recipe-modal-io .chosen > li .information,
.new-bundle-page .recipe-modal-io .chosen .item .information,
.bundle-details-modal .recipe-modal-io .chosen .item .information {
  color: #bbbbbb;
}
.new-bundle-page .project-content-summary,
.bundle-details-modal .project-content-summary {
  padding-top: 0px;
  margin-top: 0px;
  border-color: #dddddd;
}
.new-bundle-page .illustration.model,
.bundle-details-modal .illustration.model {
  color: #29af5d;
}
.new-bundle-page .illustration.dataset,
.bundle-details-modal .illustration.dataset,
.new-bundle-page .illustration.folder,
.bundle-details-modal .illustration.folder {
  color: #28a9dd;
}
.new-bundle-page .illustration.evaluation-store,
.bundle-details-modal .illustration.evaluation-store {
  color: #29af5d;
}
.icon-push-bundle--list {
  color: #58a8fc;
  font-size: 22px;
  vertical-align: middle;
}
.info-message-inline-display {
  margin-bottom: 10px;
}
.info-message-inline-display .severity {
  display: inline-block;
  padding: 6px 3px;
  width: 95%;
  margin-top: 15px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
  font-size: 12px;
}
.info-message-inline-display .severity.alert-warning {
  background-color: #fde5ca;
  border: 1px solid #fdf1e7;
  color: #f28c37;
}
.info-message-inline-display h5 {
  margin-bottom: 3px;
}
.bundle-activation-settings ul.cell-list li {
  display: inline-block;
  margin-left: 4px;
  min-width: 300px;
  color: #333333;
  padding: 3px;
}
.bundle-activation-settings ul.remapping li {
  list-style: none;
  margin: 10px;
}
.bundle-activation-settings i.icon-long-arrow-right {
  color: #dddddd;
  font-size: 20px;
  padding: 0 20px;
  position: relative;
  top: 2px;
}
.bundle-activation-settings i.icon-long-arrow-right:before {
  transform: scale(2, 1);
}
.bundle-activation-settings i.icon-trash,
.bundle-activation-settings i.icon-remove {
  color: #dddddd;
}
.bundle-activation-settings .alert-info ul li {
  padding-top: 5px;
}
.bundle-activation-settings .alert-info ul li:not(:last-child) {
  border-bottom: 1px solid #e7f3ff;
  padding-bottom: 5px;
}
.bundle-commitlog,
.bundle-diff {
  position: relative;
  width: 800px;
  margin: auto;
}
.bundle-details-modal {
  margin-left: 0;
  width: 1000px;
  height: 90%;
  left: calc((100% -  1000px )/ 2);
}
.bundle-details-modal .project-content-summary {
  border: none;
}
.bundle-details-modal .bundle-commitlog .date i {
  background: #ffffff;
}
ul.cell-list {
  list-style: none;
  margin: 0;
}
ul.cell-list li {
  background: #ffffff;
  border: 1px solid #dddddd;
}
ul.cell-list li:not(:last-child) {
  margin-bottom: 4px;
}
.bundle-check-result-modal .diff {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -ms-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.bundle-check-result-modal .diff.visible {
  overflow-y: auto;
  max-height: 300px;
}
.git-log .line {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 3px;
  width: 1px;
  background: #bbbbbb;
}
.git-log .line-selected {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 2px;
  width: 3px;
  background: #3b99fc;
}
.git-log .line-selected:before,
.git-log .line-selected:after {
  background: #3b99fc;
  width: 7px;
  height: 7px;
  content: '';
  display: block;
  position: absolute;
  left: -2px;
  border-radius: 50%;
}
.git-log .line-selected:before {
  top: 0;
}
.git-log .line-selected:after {
  bottom: 0;
}
.git-log .date {
  margin: 15px 0 5px 0;
  color: #666666;
}
.git-log .date i {
  background: #f2f2f2;
  font-size: 8px;
  padding: 2px 0;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}
.git-log ul.cell-list {
  margin-left: 20px;
}
.git-log ul.cell-list div.avatar {
  margin: 10px;
}
.git-log ul.cell-list div.commit-id {
  line-height: 27px;
  padding: 13px 16px;
}
.git-log ul.cell-list div.commit-id .btn {
  margin: 0 10px;
}
.git-log ul.cell-list div.information {
  overflow: hidden;
}
.git-log ul.cell-list div.information .commit-message p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.git-log ul.cell-list div.information small {
  color: #bbbbbb;
  position: relative;
  top: -4px;
  display: inline-block;
  padding-bottom: 5px;
}
.git-log ul.cell-list li.compare {
  border-color: #bbbbbb;
  cursor: pointer;
}
.git-log .day.unfocus {
  opacity: 0.5;
}
.git-log .day:not(.unfocus) .commit-log-entry.unfocus:not(.compare) {
  opacity: 0.5;
}
.git-log div.commit-message {
  max-height: 300px;
  overflow: auto;
  line-height: 18px;
  margin-top: 11px;
  cursor: pointer;
}
.git-log div.commit-message:hover {
  text-decoration: underline;
}
.git-log .commit-log-entry:not(:hover) .btn.compare,
.git-log.comparing .commit-log-entry:hover .btn.compare {
  display: none;
}
.git-log-modal {
  margin-left: 0;
  width: 1000px;
  height: 90%;
  left: calc((100% -  1000px )/ 2);
}
.git-diff {
  padding-bottom: 20px;
}
.git-diff ul.cell-list div.file {
  padding: 8px 15px;
  cursor: pointer;
}
.git-diff ul.cell-list div.file .path {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
}
.git-diff ul.cell-list div.file .action {
  padding: 0 4px;
  display: inline-block;
  border-radius: 4px;
  font-size: 11px;
  margin-right: 15px;
  width: 45px;
  text-align: center;
}
.git-diff ul.cell-list div.file .action.modify {
  background-color: #f2f2f2;
}
.git-diff ul.cell-list div.file .action.add {
  background-color: #d7f0d6;
}
.git-diff ul.cell-list div.file .action.delete {
  background-color: #f0b8bf;
}
.git-diff ul.cell-list div.dku-file-diff pre {
  border-width: 1px 0 0 0;
  border-color: #dddddd;
  margin-bottom: 0;
}
.git-diff .file .stats,
.git-log-modal .stats {
  font-size: 12px;
}
.git-diff .file .stats .additions,
.git-log-modal .stats .additions {
  color: #4caf50;
}
.git-diff .file .stats .deletions,
.git-log-modal .stats .deletions {
  color: #ce1228;
}
.git-branch-list--overflow-container {
  max-height: 400px;
}
@media (min-height: 768px) {
  .git-branch-list--overflow-container {
    max-height: 400px;
  }
}
@media (max-height: 768px) {
  .git-branch-list--overflow-container {
    max-height: 200px;
  }
}
.git-branch-list--container {
  overflow-y: scroll;
  padding: 8px 7px 0;
  border: 1px solid #dddddd;
  margin-top: 5px;
}
.git-branch--check-container {
  align-items: center;
}
.git-branch--main-container {
  align-items: baseline;
}
.git-branch--tag {
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 4px;
  padding: 4px;
  background-color: #bbbbbb;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
.git-commit-message__container {
  overflow-y: hidden;
}
.git-commit-message__editor {
  margin: 20px 20px 0;
}
.git-commit-diff__viewer {
  padding: 10px 20px 0 20px;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle {
  display: inline-block;
  font-size: 12px;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input {
  display: none;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input + * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 1px;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:enabled + * {
  background-color: #f2f2f2;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:enabled + *:hover {
  background-color: #4caf50;
  color: #ffffff;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:checked + * {
  background-color: #4caf50;
  color: #ffffff;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:checked + *:hover {
  background-color: #4caf50;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:disabled + * {
  background: none;
  pointer-events: none;
  cursor: default;
  color: #cccccc;
  font-weight: 400;
  text-decoration: line-through;
}
.fattable-default-style .fattable-viewport .dku-labelled-toggle input:disabled + *:hover {
  background-color: inherit;
}
.fattable-default-style .fattable-viewport input {
  margin: 0;
  height: 24px;
  line-height: 24px;
  width: 100%;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.fattable-default-style .fattable-viewport > div > div {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #dddddd;
}
.fattable-default-style .fattable-viewport > div > div.selected {
  background-color: #e7f3ff;
}
.fattable-default-style .fattable-viewport > div > div.focused {
  background-color: #f2f2f2;
}
.fattable-default-style .fattable-viewport > div > div.focused.selected {
  background-color: #e7f3ff;
}
.fattable-default-style .fattable-viewport > div > div .mass {
  display: inline-block;
}
.fattable-default-style .fattable-viewport > div > div input[type=checkbox] {
  margin-right: 10px;
  width: initial;
}
.fattable-default-style .fattable-viewport > div > div > div {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
  padding-left: 10px;
  box-sizing: border-box;
}
.fattable-default-style .fattable-viewport > div > div > div span.mx-textellipsis {
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: middle;
}
.fattable-default-style .fattable-viewport > div > div > div.small {
  width: 100px;
}
.fattable-default-style .fattable-viewport > div > div > div.verysmall {
  width: 40px;
}
.fattable-popup input {
  margin: 0;
  line-height: 24px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.fattable-default-header {
  border-bottom: 1px solid #dddddd;
  display: table;
  table-layout: fixed;
  width: calc(100% - 10px);
  padding-bottom: 10px;
}
.fattable-default-header input[type=checkbox] {
  margin-right: 10px;
  width: initial;
}
.fattable-default-header > div {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
  padding-left: 10px;
  box-sizing: border-box;
}
.fattable-default-header > div.small {
  width: 100px;
}
.fattable-default-header > div.verysmall {
  width: 40px;
}
.fattable-default-header > div > span,
.fattable-default-header > div > b {
  margin-right: 10px;
}
.fattable-default-header > div > div {
  display: inline-block;
  margin-right: 10px;
}
.disablable[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.main-view.master-nav__home--tall {
  top: 50px;
}
.tile-set.projects .tile {
  height: 160px;
}
.tile-set.apps .tile {
  height: 200px;
}
.tile-row.dashboards .tile {
  height: 160px;
}
.tile-set.project-folders .tile {
  height: 130px;
}
.tile-set.my-items .tile {
  height: 90px;
}
.tile-set.wikis .tile {
  height: 80px;
}
.tile-set .tile {
  width: 280px;
  position: relative;
  background-color: #ffffff;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 5px;
  overflow-y: visible;
  font-family: SourceSansPro;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  /* Using after and opacity to animate box-shadow for better performances. See http://tobiasahlin.com/blog/how-to-animate-box-shadow */
}
.tile-set .tile.tile-for--app {
  width: 160px;
}
.tile-set .tile::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 8px 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.tile-set .tile:hover::after {
  opacity: 1;
}
.tile-set .tile.my-item {
  box-shadow: none;
}
.tile-set .tile.my-item:hover {
  box-shadow: none;
}
.tile-set .tile.my-item .item-title i {
  color: #ffffff;
}
.tile-set .tile.my-item .tile-menu {
  bottom: 6px;
}
.tile-set .tile.spinner {
  background-color: #bbbbbb;
}
.tile-set .tile .star {
  position: absolute;
  top: 11px;
  right: 6px;
}
.tile-set .tile .star i {
  font-size: 16px;
}
.tile-set .tile.app {
  width: 160px;
}
.tile-menu {
  position: absolute;
  bottom: 6px;
  right: 4px;
  border-radius: 50%;
}
.tile-menu:hover {
  background-color: #f2f2f2;
}
.tile-menu i.mainzone {
  font-size: 14px;
  opacity: 0.6;
  position: relative;
}
.tile-menu.popover-btn,
.tile-menu .popover-btn {
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
}
.tile-menu.tile-menu-secondary {
  bottom: 26px;
  right: 4px;
}
ul.home-tile-menu.dropdown-menu > li > a i {
  vertical-align: baseline;
}
ul.home-tile-menu.dropdown-menu > li > a i .icon-remove {
  opacity: 0.8;
  font-size: 12px;
}
.pane-bottom {
  will-change: top;
  position: absolute;
  height: 85%;
  width: 100%;
  z-index: 2;
  top: 100%;
}
.pane-bottom.initial {
  height: 50%;
  transform: translateY(-100%);
  transition: transform 0.2s ease-out;
}
.pane-bottom.compressed {
  transform: translateY(0%);
  transition: all 0.2s ease-out;
  height: 100%;
}
.pane-bottom.expanded {
  transform: translateY(-100%);
  transition: transform 0.25s ease-out;
}
.pane-bottom .pane-tab {
  position: relative;
  top: -40px;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  left: 40px;
  height: 40px;
  background-color: transparent;
}
.pane-bottom .pane-tab .pane-tab__title {
  background-color: #045067;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  width: 250px;
  margin-top: 0px;
  font-size: 16px;
  font-weight: 400;
}
.pane-bottom .pane-tab .pane-tab__title i {
  margin-left: 10px;
}
.pane-top-glass {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 1;
}
.tile-rectangle {
  margin-right: 30px;
}
h2.home-nav-title,
.tile-set h2 {
  display: inline-block;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: normal;
  text-transform: uppercase;
}
.home-nav-title a {
  color: inherit;
  text-decoration: none;
}
h2.home-nav-title {
  margin-bottom: 16px;
}
h2.home-nav-title span.home-nav-title-element {
  display: inline-block;
  margin-right: 10px;
}
.tile-rectangle-content {
  padding-left: 40px;
}
.tile-rectangle-content ul {
  margin: 0;
}
.tile-rectangle-content ul > li {
  padding-right: 20px;
}
.tile-rectangle-content .horizontal-flex.noflex {
  height: auto;
}
.tile-rectangle-content .search-bar {
  padding-bottom: 26px;
}
.tile-rectangle-content .scrollbox {
  position: relative;
  height: 100%;
}
.tile-row {
  position: relative;
  padding: 0;
}
.tile-row .tile-row__body {
  position: relative;
}
.tile-row .empty-list-cta {
  height: 160px;
  margin-top: 20px;
}
.tile-row .empty-list-cta .tc {
  text-align: center;
}
.tile-row.my-items .empty-list-cta {
  height: 90px;
}
.tile-row .row-title {
  margin: 0 13px 0 40px;
}
.tile-row .row-title h2 {
  margin-top: 12px;
  margin-bottom: 16px;
  line-height: normal;
}
.tile-row .row-title .expand-arrow {
  color: #3b99fc;
  font-weight: 400;
  text-transform: initial;
  margin-left: 15px;
  font-size: 13px;
}
.tile-row .row-title .expand-arrow i {
  font-size: 9px;
  margin-left: 4px;
}
.tile-row .row-title .empty-state {
  display: inline-block;
  margin-left: 20px;
  font-size: 17px;
  font-weight: 400;
  color: #666666;
}
.tile-row .row-title .row-title__btn-container {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.tile-row.my-items .expand-arrow {
  color: #76b8fd;
}
.tile-row.my-items .row-title .empty-state {
  color: #dddddd;
}
.tile-row .scrollbox {
  overflow-x: auto;
  overflow-y: hidden;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
}
.tile-row .scrollbox::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.tile-row .scrollbox {
  overflow: -moz-scrollbars-none;
  /* Firefox */
}
.tile-row .scrollbox ul {
  margin: 0;
}
.tile-row .scrollbox ul > li {
  padding-right: 20px;
}
.tile-row .scrollbox .fattable-viewport {
  padding: 0;
}
.tile-row .scrollbox .fattable-v-scrollbar {
  visibility: hidden;
  overflow: hidden;
}
.tile-row .scrollbox .fattable-h-scrollbar {
  visibility: hidden;
  height: 0;
}
.tile-row .dragme {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.tile-row .arrow {
  position: absolute;
  top: 0px;
  height: 160px;
  padding: 2px 0;
  line-height: 100%;
  text-align: center;
  justify-content: center;
  color: #ffffff;
  width: 56px;
  opacity: 0.6;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.tile-row .arrow.left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(150, 150, 150, 0.9));
}
.tile-row .arrow.left:hover {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #969696);
}
.tile-row .arrow.left .icon-angle-left {
  line-height: 32px;
  font-size: 32px;
}
.tile-row .arrow.right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(150, 150, 150, 0.9));
}
.tile-row .arrow.right:hover {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #969696);
}
.tile-row .arrow.right .icon-angle-right {
  line-height: 32px;
  font-size: 32px;
}
.tile-row.my-items .arrow {
  height: 90px;
}
.tile-row.my-items .arrow {
  height: 92px;
}
.tile-row .arrow:hover {
  opacity: 1;
}
.tile-row .arrow.right {
  right: 0;
}
.tile-row .arrow.left {
  left: 0;
}
.tile-rectangle .scrollbox ul > li {
  margin-right: 20px;
  margin-bottom: 20px;
}
.pane-border {
  padding: 0;
}
.pane-top {
  overflow: auto;
}
.pane-top .pane-border .tile-rows:last-child {
  padding-bottom: 40px;
}
.project-status-form .status-title,
.tags-settings.tags-settings .tag .status-title,
.home-message .status-title,
.project-status-form .tag-title,
.global-tags-editable-list .tag-title,
.tags-settings.tags-settings .tag .tag-title,
.home-message .tag-title,
.project-status-form .message-title,
.tags-settings.tags-settings .tag .message-title,
.home-message .message-title {
  font-weight: 600;
  line-height: 14px;
}
.tile-set .fattable-viewport > div {
  font-family: SourceSansPro;
  overflow: initial;
}
.tile-set .tile {
  font-family: SourceSansPro;
  font-size: 13px;
  user-select: none;
}
.tile-set .column-header-tabs {
  display: none;
}
.tile-set .scrollbox {
  background-color: transparent;
}
.tile-set .item-body.row-cell {
  margin: 14px 18px 7px 15px;
  overflow: hidden;
}
.tile-set .item-body.row-cell .illustration {
  margin-right: 12px;
}
.tile-set .project-body.row-cell {
  margin: 4px 18px 7px 15px;
}
.tile-set .project-body.row-cell .project-status {
  width: calc(123%);
  position: relative;
  left: -23px;
  margin-top: 10px;
  height: auto;
}
.tile-set .project-body.row-cell .project-status .status-color {
  height: 16px;
  width: 16px;
  border: solid 2px #ffffff;
  border-radius: 8px;
  margin-right: 4px;
}
.tile-set .project-body.row-cell .project-status .status-title {
  width: calc(77%);
  display: inline-block;
  font-family: 'SourceSansPro';
  font-weight: 500;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tile-set .project-body.row-cell .description {
  overflow: hidden;
  max-height: 72px;
  position: absolute;
}
.tile-set .app-body.row-cell {
  margin: 10px;
  height: 50px;
}
.tile-set .app-body.row-cell .description {
  overflow: hidden;
  max-height: 30px;
}
.tile-set .project-image.row-cell {
  width: 64px;
}
.tile-set .app-image.row-cell {
  width: 140px;
}
.tile-set.projects .project .project-title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  color: #333333;
  margin-bottom: 5px;
  padding-top: 6px;
  line-height: initial;
  display: flex;
}
.tile-set.projects .project .project-title h3 a {
  max-width: 100%;
}
.tile-set.projects .project .project-description {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  color: #666666;
  line-height: 18px;
  min-height: 56px;
  overflow: hidden;
  word-break: break-word;
}
.tile-set.projects .project .project-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 8px 0;
}
.tile-set.projects .project .project-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
}
.tile-set.projects .project .project-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.tile-set.projects .project .project-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.tile-set.projects .project .project-description em {
  font-style: normal;
}
.tile-set.projects .project .project-description .description {
  height: 56px;
}
.tile-set.projects .project .project-description .description .description-on-home {
  overflow-y: auto;
}
.tile-set.projects .project .project-description .description .description-on-home > p {
  margin: 0;
}
.tile-set.projects .project .project-people {
  flex: 0 0 auto;
  white-space: nowrap;
  height: 23px;
  margin-top: 6px;
}
.tile-set.projects .project .project-people a {
  margin-right: 5px;
  display: inline-block;
  height: 23px;
  width: 23px;
}
.tile-set.projects .project .project-people div {
  border: none;
  box-shadow: none;
  border-radius: 11.5px;
  vertical-align: initial;
  height: 100%;
  width: 100%;
}
.tile-set.projects .project .project-people .hidden-contributors {
  line-height: 23px;
  width: 23px;
  height: 23px;
}
.tile-set.projects .project .project-people .hidden-contributors div {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.tile-set.projects .project .project-people .hidden-contributors .plus {
  font-size: 11px;
  position: relative;
  bottom: 1px;
  font-weight: 400;
}
.tile-set.apps .app .app-title h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  color: #333333;
  margin-bottom: 5px;
  padding-top: 6px;
  line-height: initial;
}
.tile-set.apps .app .app-description {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  color: #666666;
  line-height: 18px;
  min-height: 56px;
  overflow: hidden;
  word-break: break-word;
}
.tile-set.apps .app .app-description h1 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 8px 0;
}
.tile-set.apps .app .app-description h2 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
}
.tile-set.apps .app .app-description h3 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.tile-set.apps .app .app-description h4 {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.tile-set.apps .app .app-description em {
  font-style: normal;
}
.tile-set.apps .app .app-description .description {
  height: 56px;
}
.tile-set.apps .app .app-description .description .description-on-home {
  overflow-y: auto;
}
.tile-set.apps .app .app-description .description .description-on-home > p {
  margin: 0;
}
.tile-set .dashboard-body.row-cell {
  padding: 0 0 10px 0;
  overflow: hidden;
  height: 160px;
}
.tile-set .dashboard-body.row-cell .flex.dashboard-image {
  max-height: 97px;
  min-height: 70px;
  margin-left: 8px;
  margin-right: 8px;
}
.tile-set .dashboard-body.row-cell .flex.dashboard-image .dashboard-miniature {
  margin-top: 2px;
  border: none;
}
.tile-set .row-cell .illustration {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tile-set.dashboards .dashboard .dashboard-title {
  padding: 8px 8px 0 8px;
  border-top: solid 1px #f2f2f2;
  overflow: hidden;
}
.tile-set.dashboards .dashboard .dashboard-title h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  max-height: 30px;
  overflow: hidden;
  margin: 0;
  padding-bottom: 5px;
  line-height: 14px;
}
.tile-set.dashboards .dashboard .dashboard-title h3 a {
  color: inherit;
}
.tile-set.dashboards .dashboard .dashboard-title h3 a:hover {
  text-decoration: none;
}
.tile-set.dashboards .dashboard .dashboard-title h3 a:focus {
  outline: none;
}
.tile-set.dashboards .dashboard .dashboard-size,
.tile-set.dashboards .dashboard .dashboard-description {
  color: #666666;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 19px;
}
.tile-set.my-items {
  background-color: #333333;
}
.tile-set.my-items .row-title h2 {
  color: #ffffff;
}
.tile-set.my-items h2.home-nav-title {
  color: #ffffff;
}
.tile-set.my-items .item-title h3 {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0;
  overflow-wrap: break-word;
  overflow: hidden;
  height: 48px;
}
.tile-set.my-items .item-title h3 a {
  color: inherit;
}
.tile-set.my-items .item-title h3 a:hover {
  text-decoration: none;
}
.tile-set.my-items .item-title h3 a:focus {
  outline: none;
}
.tile-set.my-items .item-title .illustration {
  border-radius: 2px;
}
.tile-set.my-items .item-modified {
  color: #666666;
}
.tile-set.my-items .item-description {
  color: #666666;
  margin-top: 5px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tile-set.tile-list-content .list-items .hit {
  margin: 0 20px 0 calc(30px);
}
.tile-set.tile-list-content .list-items .hit .sub-text {
  line-height: 16px;
}
.tile-set.tile-list-content .list-items .hit .hit-content-main {
  max-width: 400px;
  min-width: 300px;
  flex-basis: 300px;
  flex-grow: 20;
  flex-shrink: 0;
}
.tile-set.tile-list-content .list-items .list-item.filler {
  border: none;
}
.tile-set.tile-list-content .list-items .list-item.filler .hit {
  background-color: #ffffff;
  margin: 0;
}
.tile-set .search-bar {
  margin-right: 20px;
}
.tile-set .search-bar .std-list-search-box {
  display: inline-block;
  padding-left: 2px;
}
.tile-set .search-bar .std-list-search-box .add-on {
  height: 24px;
  line-height: 24px;
}
.tile-set .search-bar .std-list-search-box input {
  font-family: 'SourceSansPro';
  font-weight: regular;
  font-size: 13px;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  margin: 0;
  padding: 0px 4px;
  vertical-align: middle;
  border-radius: 0;
  width: 200px;
  box-shadow: none;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  margin: 0 auto;
}
.tile-set .search-bar .std-list-search-box input:focus,
.tile-set .search-bar .std-list-search-box input:hover {
  color: #333333;
}
.tile-set .search-bar .std-list-search-box input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.tile-set .search-bar .std-list-search-box input.ng-dirty.ng-invalid {
  border: 1px solid #ce1228;
}
.tile-set .search-bar .sort-box {
  font-size: 0;
  vertical-align: middle;
  display: inline-block;
  width: 226px;
  height: 26px;
  background-color: #ffffff;
}
.tile-set .search-bar .sort-box .bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select.bootstrap-select {
  width: 200px;
}
.tile-set .search-bar .sort-box .bootstrap-select button {
  display: inline;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 0 !important;
  height: 26px;
  line-height: 24px;
  padding: 0 4px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
}
.tile-set .search-bar .sort-box .order button {
  border: none;
  padding: 0;
  line-height: 14px;
  border-radius: 0;
  display: inline-block;
  color: #ffffff;
  height: 26px;
  width: 26px;
  text-align: center;
  background-color: #f2f2f2;
  margin-left: -1px;
}
.tile-set .search-bar .sort-box .order button i {
  font-size: 10px;
  color: #666666;
  line-height: 24px;
}
.tile-set .search-bar .btn-group {
  margin-left: 10px;
}
.tile-set .search-bar .btn-group:first-child {
  margin-left: 0;
}
.tile-set .expanded-header {
  height: 85px;
  padding-top: 0;
  padding-left: 40px;
}
.tile-set .expanded-header {
  border-bottom: 1px solid #dddddd;
}
.tile-set .promoted-wiki {
  width: 280px;
}
.tile-set .promoted-wiki .header {
  padding: 0;
  overflow: hidden;
  flex: 0 0 80px;
}
.tile-set .promoted-wiki .header .project-image {
  width: 32px;
  height: 100%;
}
.tile-set .promoted-wiki .header .project-image img {
  width: 100%;
  height: 100%;
}
.tile-set .promoted-wiki .header .promoted-wiki-title,
.tile-set .promoted-wiki .header .promoted-wiki-counts {
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tile-set .promoted-wiki .header .promoted-wiki-title {
  overflow: hidden;
}
.tile-set .promoted-wiki .header .promoted-wiki-title h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: normal;
  margin: 0;
}
.tile-set .promoted-wiki .header .promoted-wiki-counts {
  width: 60px;
  text-align: right;
  padding-left: 0;
}
.tile-set .promoted-wiki .header .promoted-wiki-counts .nb-articles {
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 22px;
  color: #333333;
  line-height: normal;
}
.tile-set .promoted-wiki .header .subtitle {
  font-size: 12px;
  color: #666666;
  margin-top: 5px;
  display: inline-block;
}
.tile-set .promoted-wiki .body {
  display: none;
}
.tile-rectangle .tile-set .promoted-wiki {
  width: 384px;
  height: 216px;
}
.tile-rectangle .tile-set .promoted-wiki .body {
  display: block;
  padding: 0 15px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}
.tile-rectangle .tile-set .promoted-wiki .body .pane-top-glass {
  display: block;
}
.btn-group.new-project,
.btn-group.new-folder {
  display: inline-block;
}
.btn-group.new-project .btn,
.btn-group.new-folder .btn {
  width: 140px;
}
.popover.new-project-options {
  padding: 0;
  margin-top: 3px;
  margin-left: -2px;
  width: 280px;
}
.popover.new-project-options .project-option {
  padding: 5px 10px 5px 35px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.popover.new-project-options .project-option:hover {
  background: #f2f2f2;
}
.popover.new-project-options .project-option i:before {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 20px;
}
.popover.new-project-options .project-option i.icon-plus:before {
  font-size: 16px;
  left: 13px;
}
.popover.new-project-options .project-option .description {
  font-size: 11px;
  color: #666666;
}
.popover.new-project-options .project-option.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.list-page-4.tile-set.dss-home-page ul.list-items li label {
  padding: 10px 0 10px 24px;
}
.tile-row .project-onboarding .portals-panel .portals-list {
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
.tile-row .project-onboarding .portals-panel .portals-list .portal {
  height: 234px;
}
.tile-row .project-onboarding .portals-panel .portals-list .portal a .portal-cover {
  top: 45%;
}
.tile-row .project-onboarding .portals-panel .portals-list .portal a .portal-cover h3 {
  text-transform: initial;
  margin-bottom: 8px;
}
.tile-row .project-onboarding .portals-panel .portals-list .portal a .portal-cover p {
  font-size: 14px;
  color: #666666;
  margin: 0 33px;
}
.tile-row .project-onboarding .portals-panel .portals-list .portal a .portal-cover img {
  height: 50%;
  margin: 0;
}
.pane-bottom.expanded .getting-started-panel {
  box-shadow: 0 -2px 5px 0 rgba(34, 34, 34, 0.3);
}
.getting-started-panel .getting-started-tablist-container,
.tile-row .getting-started-tablist-container {
  background-color: #045067;
  height: 35px;
}
.getting-started-panel .onboarding-container,
.tile-row .onboarding-container {
  background-color: #f2f2f2;
}
.getting-started-panel .onboarding-container .impact-into,
.tile-row .onboarding-container .impact-into {
  font-size: 31px;
}
.getting-started-panel .portal-container,
.tile-row .portal-container {
  margin: 0px auto 0px auto;
  padding-left: 10px;
  padding-right: 10px;
}
.getting-started-panel .portal-container:before,
.tile-row .portal-container:before,
.getting-started-panel .portal-container:after,
.tile-row .portal-container:after {
  content: " ";
  display: table;
}
.getting-started-panel .portal-container.project-onboarding,
.tile-row .portal-container.project-onboarding {
  margin-top: 30px;
}
.getting-started-panel .portal-container .getting-started-wiki-article,
.tile-row .portal-container .getting-started-wiki-article {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-outline,
.tile-row .portal-container .getting-started-wiki-article .article-outline {
  max-width: 240px;
  padding: 12px 0 0 20px;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-outline .wiki-taxonomy-list,
.tile-row .portal-container .getting-started-wiki-article .article-outline .wiki-taxonomy-list {
  padding-right: 16px;
  overflow: auto;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-outline .wiki-taxonomy-list .icon-home,
.tile-row .portal-container .getting-started-wiki-article .article-outline .wiki-taxonomy-list .icon-home {
  display: none;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-outline [tree-view] li .tree-view-node,
.tile-row .portal-container .getting-started-wiki-article .article-outline [tree-view] li .tree-view-node {
  padding: 0;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-outline .article-outline__heading,
.tile-row .portal-container .getting-started-wiki-article .article-outline .article-outline__heading {
  margin-top: 7px;
  line-height: 26px;
  padding-bottom: 15px;
  padding-right: 20px;
  border-bottom: 1px solid #dddddd;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-body,
.tile-row .portal-container .getting-started-wiki-article .article-body {
  overflow: scroll;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-body .wiki-article-content,
.tile-row .portal-container .getting-started-wiki-article .article-body .wiki-article-content {
  box-sizing: border-box;
}
.getting-started-panel .portal-container .getting-started-wiki-article .article-body .list-std.child-articles,
.tile-row .portal-container .getting-started-wiki-article .article-body .list-std.child-articles {
  margin-left: 20px;
}
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-article-attachments-addbtn,
.tile-row .portal-container .getting-started-wiki-article .wiki-article-attachments-addbtn,
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-article-attachment-action,
.tile-row .portal-container .getting-started-wiki-article .wiki-article-attachment-action {
  display: none;
}
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-article-right-nav > div,
.tile-row .portal-container .getting-started-wiki-article .wiki-article-right-nav > div {
  min-height: 150px;
}
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-body-indent,
.tile-row .portal-container .getting-started-wiki-article .wiki-body-indent {
  padding-left: 20px;
}
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-article-nav,
.tile-row .portal-container .getting-started-wiki-article .wiki-article-nav {
  min-height: 60px;
}
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-article-nav-header,
.tile-row .portal-container .getting-started-wiki-article .wiki-article-nav-header,
.getting-started-panel .portal-container .getting-started-wiki-article .wiki-article-content.wiki-article-body-main,
.tile-row .portal-container .getting-started-wiki-article .wiki-article-content.wiki-article-body-main {
  padding-left: 0;
}
.getting-started-panel .portals-panel,
.tile-row .portals-panel {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: -10px;
  margin-right: -10px;
}
.getting-started-panel .portals-panel .title-wrapper,
.tile-row .portals-panel .title-wrapper {
  height: 100px;
  width: 100%;
  position: relative;
}
.getting-started-panel .portals-panel .title-wrapper h2,
.tile-row .portals-panel .title-wrapper h2 {
  font-size: 32px;
  font-weight: 400;
  color: #222222;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 50px;
  z-index: 1;
  background-color: #f2f2f2;
  margin: 0;
  line-height: 1.4;
}
.getting-started-panel .portals-panel .title-wrapper:after,
.tile-row .portals-panel .title-wrapper:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #bbbbbb;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.getting-started-panel .portals-panel .portals-list,
.tile-row .portals-panel .portals-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
}
.getting-started-panel .portals-panel .portals-list .portal,
.tile-row .portals-panel .portals-list .portal {
  display: inline-block;
  width: 237px;
  height: 158px;
  background: #ffffff;
  vertical-align: top;
  padding: 0;
  margin-bottom: 30px;
  box-shadow: 0 1px 5px rgba(34, 34, 34, 0.2);
}
.getting-started-panel .portals-panel .portals-list .portal:not( :nth-child(4n + 1)),
.tile-row .portals-panel .portals-list .portal:not( :nth-child(4n + 1)) {
  margin-left: 43px;
}
.getting-started-panel .portals-panel .portals-list .portal:hover .portal-overview,
.tile-row .portals-panel .portals-list .portal:hover .portal-overview {
  opacity: 1;
}
.getting-started-panel .portals-panel .portals-list .portal a,
.tile-row .portals-panel .portals-list .portal a {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  position: relative;
}
.getting-started-panel .portals-panel .portals-list .portal a:hover,
.tile-row .portals-panel .portals-list .portal a:hover {
  text-decoration: none;
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-cover,
.tile-row .portals-panel .portals-list .portal a .portal-cover {
  position: relative;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-cover h3,
.tile-row .portals-panel .portals-list .portal a .portal-cover h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: #222222;
  line-height: 22px;
  font-weight: 400;
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-cover img,
.tile-row .portals-panel .portals-list .portal a .portal-cover img {
  height: 50px;
  margin-bottom: 10px;
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-overview,
.tile-row .portals-panel .portals-list .portal a .portal-overview {
  box-sizing: border-box;
  background-color: #2ab1ac;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-overview h4,
.tile-row .portals-panel .portals-list .portal a .portal-overview h4 {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 22px;
  padding-bottom: 23px;
  margin: 0;
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-overview p,
.tile-row .portals-panel .portals-list .portal a .portal-overview p {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  max-height: 100%;
  margin: 0 20px;
  overflow: hidden;
  text-align: center;
}
.getting-started-panel .portals-panel .portals-list .portal a .portal-overview ul,
.tile-row .portals-panel .portals-list .portal a .portal-overview ul {
  color: #ffffff;
  font-size: 16px;
  list-style: disc;
  text-align: left;
  margin: 0 20px;
  font-weight: 400;
  padding-left: 15px;
}
.getting-start-panel .portal-container .portals-panel .title-wrapper {
  height: 80px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.getting-start-panel .portal-container .portals-panel .portals-list {
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .portal-container {
    width: 740px;
  }
}
@media (min-width: 992px) {
  .portal-container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .portal-container {
    width: 1060px;
  }
}
@media (max-width: 1200px) {
  .getting-started-panel .portals-panel .portals-list .portal {
    width: 212px;
    height: 142px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-cover h3 {
    font-size: 15px;
    line-height: 17px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-cover img {
    height: 40px;
    margin-bottom: 5px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-overview {
    padding: 7px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-overview h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-overview p {
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 992px) {
  .getting-started-panel .portals-panel .portals-list .portal {
    width: 157px;
    height: 105px;
  }
  .getting-started-panel .portals-panel .portals-list .portal:hover .portal-overview {
    display: none;
  }
}
@media (max-width: 767px) {
  .getting-started-panel .hero-unit.cover .seealso-ref {
    z-index: 9;
  }
  .getting-started-panel .portals-panel .title-wrapper h2 {
    padding: 0 30px;
  }
  .getting-started-panel .portals-panel .portals-list {
    padding: 0 15px;
  }
  .getting-started-panel .portals-panel .portals-list .portal {
    width: calc(35%);
    height: auto;
    padding-bottom: 33%;
    position: relative;
  }
  .getting-started-panel .portals-panel .portals-list .portal:not( :nth-child(4n + 1)) {
    margin-left: 0;
  }
  .getting-started-panel .portals-panel .portals-list .portal:not( :nth-child(2n + 1)) {
    margin-left: 30px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a {
    position: absolute;
    top: 0;
    left: 0;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-cover h3 {
    font-size: 15px;
    line-height: 17px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-cover img {
    height: 40px;
    margin-bottom: 5px;
  }
}
@media (max-width: 480px) {
  .getting-started-panel .portals-panel .title-wrapper {
    height: 90px;
  }
  .getting-started-panel .portals-panel .title-wrapper h2 {
    font-size: 16px;
    padding: 0 15px;
  }
  .getting-started-panel .portals-panel .portals-list {
    padding: 0 10px;
  }
  .getting-started-panel .portals-panel .portals-list .portal {
    width: calc(40%);
    margin-bottom: 20px;
  }
  .getting-started-panel .portals-panel .portals-list .portal:not( :nth-child(2n + 1)) {
    margin-left: 20px;
  }
  .getting-started-panel .portals-panel .portals-list .portal a .portal-cover h3 {
    font-size: 13px;
    line-height: 16px;
  }
}
.getting-started-tablist.object-nav {
  background-color: #045067;
  padding-left: 100px;
}
.getting-started-tablist.object-nav.horizontal-flex {
  height: 35px;
}
.getting-started-tablist.object-nav .tab {
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  font-stretch: expanded;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 25px;
  opacity: 0.53;
  color: #ffffff;
}
.getting-started-tablist.object-nav .tab.enabled {
  opacity: 1;
}
.getting-started-tablist.object-nav .tab:before {
  height: 32px;
  border-color: #ffffff;
}
.personal-home-pages-admin {
  margin-top: 50px;
}
.personal-home-pages-admin .article-row {
  margin-bottom: 5px;
}
.personal-home-pages-admin .article-row:first-child {
  margin-top: 20px;
}
.personal-home-pages-admin .article-row:last-child {
  margin-bottom: 20px;
}
.project-home-nav-title-bar {
  margin-right: 20px;
}
.new-project-btn-container {
  padding-top: 11px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.new-project-btn-container .new-folder {
  width: 140px;
}
.btn-group.new-folder > .btn,
.btn-group.new-project > .btn {
  font-size: 13px;
}
.tile-rectangle .tile-set.wikis .skeleton {
  height: 216px;
}
.tile-rectangle .tile-set.dashboards .skeleton {
  height: 160px;
}
.skeleton__tile {
  width: 100%;
  height: 100%;
  cursor: default;
}
.skeleton__tile--my-item {
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 100%), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%);
  background-size: 32px 32px, 50px 90px, 160px 12px, 100px 12px, 150px 12px;
  background-position: 14px 14px,
        0 0,
        54px 14px,
        54px 31px,
        14px 60px;
  animation: skeleton-shine--my-item 1s infinite;
}
@keyframes skeleton-shine--my-item {
  to {
    background-position: 14px 14px,
            100% 0,
            54px 14px,
            54px 31px,
            14px 60px;
  }
}
.skeleton__tile--project {
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%);
  background-size: 64px 280px, 50px 160px, 125px 18px, 142px 12px, 102px 12px;
  background-position: 0 0,
        0 0,
        76px 12px,
        76px 43px,
        76px 60px;
  animation: skeleton-shine--project 1s infinite;
}
.skeleton__tile--app {
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%);
  background-size: 140px 120px, 50px 200px, 130px 18px;
  background-position: 10px 10px,
        0 0,
        10px 150px;
  animation: skeleton-shine--app 1s infinite;
}
@keyframes skeleton-shine--project {
  to {
    background-position: 0 0,
            100% 0,
            76px 12px,
            76px 43px,
            76px 60px;
  }
}
@keyframes skeleton-shine--app {
  to {
    background-position: 10px 10px,
            100% 0,
            10px 150px;
  }
}
.skeleton__tile--dashboard {
  background-repeat: no-repeat;
  background-image: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 90%), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%);
  background-size: 280px 90px, 50px 160px, 215px 18px, 80px 12px, 108px 12px;
  background-position: 0 0,
        0 0,
        12px 100px,
        12px 123px,
        12px 140px;
  animation: skeleton-shine--dashboard 1s infinite;
}
@keyframes skeleton-shine--dashboard {
  to {
    background-position: 0 0,
            100% 0,
            12px 100px,
            12px 123px,
            12px 140px;
  }
}
.skeleton__tile--promoted-wiki {
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%);
  background-size: 32px 80px, 50px 80px, 140px 18px, 92px 12px;
  background-position: 0 0,
        0 0,
        47px 14px,
        47px 51px;
  animation: skeleton-shine--promoted-wiki 1s infinite;
}
@keyframes skeleton-shine--promoted-wiki {
  to {
    background-position: 0 0,
            100% 0,
            47px 14px,
            47px 51px;
  }
}
.tile-rectangle-content .skeleton__tile--promoted-wiki {
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%), linear-gradient(90deg, #f2f2f2 10%, #f2f2f2 100%);
  background-size: 32px 80px, 50px 216px, 140px 18px, 92px 12px, 230px 12px, 230px 12px, 200px 12px, 80px 12px;
  background-position: 0 0,
            0 0,
            47px 14px,
            47px 51px,
            20px 100px,
            20px 117px,
            20px 134px,
            20px 151px;
  animation: skeleton-shine--promoted-wiki-rectangle 1s infinite;
}
@keyframes skeleton-shine--promoted-wiki-rectangle {
  to {
    background-position: 0 0,
                100% 0,
                47px 14px,
                47px 51px,
                20px 100px,
                20px 117px,
                20px 134px,
                20px 151px;
  }
}
.api-endpoint {
  /* Enrichments */
  /* Test Queries */
}
.api-endpoint div.design-tab-title {
  font-size: 18px;
  padding: 15px 20px;
  border-bottom: 1px solid #dddddd;
}
.api-endpoint .search-header {
  height: 40px;
  display: inline-block;
}
.api-endpoint .api-endpoint-list-search-box {
  line-height: 40px;
  margin-left: 10px;
  display: inline-block;
  width: 55%;
  vertical-align: middle;
}
.api-endpoint .add-on {
  line-height: 34px;
  vertical-align: middle;
}
.api-endpoint button.btn {
  right: 0px;
}
.api-endpoint .central-row {
  border-top: 1px solid #dddddd;
  height: 40px;
  min-height: 40px;
  vertical-align: middle;
}
.api-endpoint .central-row label {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin-left: 10px;
}
.api-endpoint .central-row .result {
  line-height: 40px;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: 500;
  display: inline-block;
  max-width: 60px;
}
.api-endpoint .central-row i {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  margin-right: 10px;
}
.api-endpoint .header-add {
  line-height: 40px;
  float: right;
  vertical-align: middle;
  margin-right: 10px;
}
.api-endpoint .focused {
  background-color: #dddddd;
}
.api-endpoint .selected {
  background-color: #abd8e7;
}
.api-endpoint .enrichments > .dkuform-horizontal {
  border-bottom: 1px dashed #bbbbbb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.api-endpoint .enrichments-list {
  flex: 0 0 30%;
  border-right: 1px solid #dddddd;
}
.api-endpoint .enrichments-list .text-description {
  max-width: 280px;
}
.api-endpoint .lookup-key {
  margin-bottom: 5px;
}
.api-endpoint .lookup-key .query-key {
  display: inline-block;
  width: 14em;
  margin-left: 10px;
}
.api-endpoint .lookup-key .icon-trash {
  margin-left: 10px;
}
.api-endpoint .columns-list {
  height: 100px;
  border: 1px solid #dddddd;
  margin-right: 20px;
  margin-top: 5px;
}
.api-endpoint .column-row .checkbox {
  margin-left: 10px;
}
.api-endpoint .column-row .text-description {
  vertical-align: middle;
  display: inline-block;
  width: 14.8em;
  padding-left: 5px;
  margin-top: 4px;
}
.api-endpoint .queries-list {
  flex: 0 0 35%;
  border-right: 1px solid #dddddd;
}
.api-endpoint .test-queries .lambda-service-timeline ul.timeline li.timeline-item {
  margin: 0 0 0 -2px;
  border-left: none;
  border-right: none;
}
.api-endpoint .query-container {
  padding: 15px;
}
.api-endpoint .query-container .CodeMirror {
  height: 280px;
}
.api-endpoint .query-container label {
  margin-bottom: 15px;
}
.api-endpoint .query-container .query-result {
  margin-top: 5px;
  margin-bottom: 5px;
}
.api-deployer-deployment-status-page {
  padding: 20px 20px 0 20px;
}
.api-deployer-deployment-status-page .main-zone h1.endpoint-name {
  font-size: 16px;
  font-weight: 600;
}
.api-deployer-deployment-status-page .main-zone h1.endpoint-name .endpoint-type {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
}
.api-deployer-deployment-status-page .main-zone h2 {
  font-size: 16px;
  font-weight: 400;
}
.api-deployer-deployment-status-page .main-zone .code-sample-wrapper .CodeMirror {
  height: 100%;
}
.api-deployer-deployment-status-page table.endpoint-url-info th  {
  text-align: left;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.api-deployer-deployment-status-page table.endpoint-url-info div.multiple-urls {
  line-height: 27px;
}
.api-deployer-deployment-status-page table.endpoint-url-info td code {
  padding: 4px 8px;
}
.api-deployer-deployment-endpoint-line {
  height: 54px;
  padding: 8px 16px;
  border-bottom: 1px solid #dddddd;
}
.api-deployer-deployment-endpoint-line:hover {
  background-color: #ffffff;
}
.api-deployer-deployment-endpoint-line.active {
  background-color: #f2f2f2;
}
.api-deployer-deployment-endpoint-line .api-deployer-deployment-endpoint-name {
  color: #666666;
}
.api-deployer-deployment-endpoint-line .api-deployer-deployment-endpoint-sub {
  font-size: 12px;
  color: #666666;
}
.api-deployer-deployment-graphs {
  width: 100%;
  height: 180px;
}
.api-deployer-deployment-graphs > div {
  text-align: center;
}
.api-deployer-deployment-graphs > div > i {
  font-size: 24px;
  line-height: 180px;
}
.api-deployer-deployment-graphs > svg {
  width: 100%;
  height: 100%;
}
.plugins-store-grid,
.installed-plugins-grid,
.development-plugins-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: 100%;
  height: 100%;
}
.plugins-search-column {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 32px);
}
.plugins-store-grid .plugins-search-column {
  height: calc(100% - 50px - 24px);
}
.plugin-search-field {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  position: relative;
}
.plugin-search-field input {
  width: 100%;
}
.plugin-search-field.plugin-search-field--fixed-width {
  width: 300px;
}
.plugins-facets {
  overflow-y: auto;
  margin: 16px 0;
  padding-right: 16px;
}
.plugins-facet {
  margin-bottom: 16px;
}
.plugins-facet__title {
  font-size: 13px;
  font-weight: 500;
  color: #222222;
}
.plugins-facet__help-icon {
  color: #bbbbbb;
  cursor: pointer;
  margin-left: 4px;
}
.plugins-facet__items {
  margin-bottom: 16px;
}
.plugins-facet__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  font-weight: 400;
}
.plugins-facet__item.plugins-facet__item--disabled {
  cursor: initial;
}
.plugins-facet__item.plugins-facet__item--disabled .plugins-facet__item-label {
  cursor: initial;
  color: #cccccc;
}
.plugins-facet__item input[type="checkbox"] {
  margin: 0;
}
.plugins-facet__item-icon {
  margin-right: 8px;
}
.plugins-facet__item-label {
  display: inline-block;
  margin-left: 8px;
  margin-bottom: 0;
  color: #666666;
  font-weight: 400;
  width: 100%;
}
.plugins-facet__item-count {
  float: right;
}
.plugins-store-portfolio-column {
  grid-column-start: span 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
  padding: 0 8px 8px 8px;
}
.plugins-store__reload-button {
  align-self: flex-start;
}
.installed-plugins-right-column {
  grid-column-start: span 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 24px);
  margin-top: 16px;
  margin-right: 16px;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.plugins-portfolio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  overflow-y: auto;
}
.plugin-card {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  width: 434px;
  height: 180px;
  margin: 16px;
  padding: 16px;
  position: relative;
}
.plugin-card__header {
  display: flex;
  flex-direction: row;
}
.plugin-card__icon-container {
  width: 72px;
  margin-left: auto;
  padding-left: 16px;
  position: absolute;
  right: 0px;
}
.plugin-card__icon {
  font-size: 50px;
  color: #666666;
}
.plugin-card__details {
  max-width: calc(100% - 80px);
}
.plugin-card__name {
  color: #222222;
  font-size: 16px;
  line-height: 25px;
  cursor: text;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
}
.plugin-card__name .title {
  padding-right: 5px;
  max-width: calc(100% - 20px);
}
.plugin-card__author {
  color: #666666;
  cursor: text;
}
.plugin-card__support,
.installed-plugin__support {
  color: #2ab1ac;
  cursor: default;
}
.plugin-card__description {
  color: #333333;
  cursor: text;
  font-weight: 400;
  margin-top: 16px;
  font-size: 13px;
  max-height: 82px;
  word-wrap: break-word;
  overflow: hidden;
  text-align: justify;
}
.plugin-card__description p,
.plugin-card__description ul {
  margin-bottom: 0;
}
.plugin-card__footer {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-top: auto;
}
.plugin-card__tags {
  height: 24px;
  overflow: hidden;
}
.tags .tag.plugin__tag {
  font-size: 11px;
  margin: 0 0.5em 0 0;
  color: #666666;
  background: #d9e6ed;
}
.plugin-card__buttons {
  display: flex;
  margin-left: auto;
  margin-right: 0;
  min-width: 200px;
  justify-content: flex-end;
}
.plugin-card__button {
  margin: 0 4px;
}
.plugin-card__button.disabled {
  background-color: transparent;
  border: none;
}
.plugin-card__button:not(:hover):not(.disabled) {
  color: #3b99fc;
}
.plugin-card__button.plugin-card__button--installed.disabled {
  color: #666666;
}
.plugin-card__button.plugin-card__button--installed:hover {
  background-color: transparent;
  border: 0 none;
}
.plugin-preview__button.disabled,
.plugin-preview__button.disabled:hover {
  color: #cccccc;
  background: #ffffff;
}
.installed-plugin-table {
  border-collapse: initial;
  margin-bottom: 0;
}
.installed-plugin-table th,
.installed-plugin-table td {
  padding: 16px;
}
.installed-plugins-list {
  flex: 0 0 100%;
  flex-direction: column;
  overflow-y: auto;
}
.installed-plugins-list__header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 2;
}
.installed-plugins-list__header th {
  border-bottom: 1px solid #dddddd;
}
.installed-plugins-list__body {
  margin-top: 16px;
}
td.installed-plugin__icon-container {
  display: flex;
  justify-content: center;
  padding-right: 0;
}
.installed-plugin__icon {
  font-size: 20px;
  text-align: center;
  color: #333333;
}
.installed-plugin__actions-icon {
  color: #666666;
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  width: 24px;
  height: 24px;
}
.installed-plugin__actions-icon:hover {
  color: #222222;
}
.installed-plugin__actions-menu-item-link {
  padding: 6px 16px;
}
.plugins-no-result,
.no-installed-plugins,
.no-plugins-from-store,
.no-development-plugins {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  padding: 16px;
  text-align: center;
}
.no-installed-plugins,
.no-plugins-from-store,
.no-development-plugins {
  grid-column-end: span 2;
}
.plugins-no-result__title,
.no-installed-plugins__title {
  text-align: center;
  font-size: 20px;
  color: #666666;
  font-weight: 400;
}
.tab-content {
  margin: 0px;
}
.plugin-list {
  margin-top: 15px;
}
.plugin-list table {
  border: 1px solid #dddddd;
}
.plugin-list table ul {
  list-style: none;
}
.progress--plugins {
  margin: 10px;
  height: 20px;
  width: 100%;
  background: #ffffff;
}
.progress--plugins .bar-success {
  background: #3b99fc;
}
.no-access {
  margin: 10px;
  padding: 5px;
  display: inline-block;
}
.need-restart {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 14px;
}
.column {
  overflow: hidden;
  text-overflow: ellipsis;
}
.id-column {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-weight: 600;
  font-size: 13px;
}
.id-column .action {
  position: absolute;
  bottom: 0;
}
.author-column {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tags-column {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.description-column {
  overflow: hidden;
  text-overflow: ellipsis;
}
.version-column {
  overflow: hidden;
  text-overflow: ellipsis;
}
.contributions-column {
  overflow: hidden;
  text-overflow: ellipsis;
}
.contributions-column .icon {
  font-size: 17px;
  padding-right: 5px;
}
.contributions-column .recipe {
  color: #f9bd38;
}
.contributions-column .dataset {
  color: #28a9dd;
}
.contributions-column .file {
  color: #28a9dd;
}
.contributions-column .snippet {
  color: #f9bd38;
}
.contributions-column .java-processor {
  color: #29af5d;
}
.contributions-column .webapp {
  color: #f28c38;
}
.contributions-column .py-processor {
  color: #29af5d;
}
.contributions-column .tutorial {
  color: #222222;
}
.contributions-column .project {
  color: #222222;
}
.contributions-column .grel {
  color: #222222;
}
.contributions-column ul {
  margin-left: 0px;
}
.tool-button {
  color: #222222;
  opacity: 0.2;
  font-size: 16px;
}
.tool-button i {
  vertical-align: middle;
}
.tool-button:hover {
  text-decoration: none;
}
.dropdown-menu.detailed-dropdown-menu.new-plugin-dropdown-menu {
  width: 300px;
  min-width: 300px;
}
.plugin-from-git-modal__body .help-inline {
  width: auto;
}
.plugin-from-git-modal__input,
.plugin-from-git-modal__checkout-input input {
  width: 400px;
}
.dkuform-modal-horizontal input[type="file"].plugin-from-desktop__file-input {
  height: auto;
  line-height: initial;
}
.plugin-from-desktop-modal__body .alert {
  margin-top: 16px;
}
.plugin-dev-home .object-right-column-summary .content {
  color: #333333;
  display: flex;
}
.plugin-dev-home .object-right-column-summary .content .content-name {
  font-weight: 400;
  flex: 1 1 0;
}
.plugin-dev-home .object-right-column-summary .content .content-type {
  color: #bbbbbb;
  flex: 0 0 auto;
  text-align: right;
}
.plugin-dev-home .object-right-column-summary .content:hover {
  text-decoration: none;
}
.plugin-requirements-block .script-exception {
  font-family: 'SourceSansPro';
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
}
.plugin-requirements-block .script-output {
  font-family: 'SourceSansPro';
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  max-height: 200px;
}
.plugin-requirements-block__title {
  font-size: 14px;
  font-weight: 500;
}
.plugin-requirements-block__code-env {
  padding: 16px;
  margin-bottom: 8px;
  background-color: #f4f7f8;
}
.plugin-components-column .plugin-requirements-block__code-env {
  padding: inherit;
  background-color: transparent;
  margin-bottom: 0;
}
.plugin-details-modal .plugin-component-item__content,
.plugin-preview .plugin-component-item__content {
  border-top: none;
  padding-top: 0;
}
.plugin-details-modal.plugin-preview .nav-tabs,
.plugin-preview.plugin-preview .nav-tabs {
  padding-top: 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #dddddd;
}
.plugin-details-modal.modal3 .modal-body,
.plugin-preview.modal3 .modal-body {
  padding: 0 0 8px 0;
}
.plugin-details-modal .plugin-info,
.plugin-preview .plugin-info,
.plugin-details-modal .plugin-components,
.plugin-preview .plugin-components,
.plugin-details-modal .plugin-revisions,
.plugin-preview .plugin-revisions {
  margin: 0;
  padding: 16px;
  box-shadow: none;
}
.plugin-preview .nav-tabs {
  padding-top: 10px;
  border-bottom: none;
  margin-bottom: 20px;
}
.plugin-preview .tab-content {
  margin: 0px;
}
.plugin-preview .icon {
  font-size: 17px;
  padding-right: 5px;
}
.plugin-preview .contribution-zone .recipe {
  color: #f9bd38;
}
.plugin-preview .contribution-zone .dataset {
  color: #28a9dd;
}
.plugin-preview .contribution-zone .file {
  color: #28a9dd;
}
.plugin-preview .contribution-zone .snippet {
  color: #f9bd38;
}
.plugin-preview .contribution-zone .java-processor {
  color: #29af5d;
}
.plugin-preview .contribution-zone .webapp {
  color: #f28c38;
}
.plugin-preview .contribution-zone .py-processor {
  color: #29af5d;
}
.plugin-preview .contribution-zone .tutorial {
  color: #222222;
}
.plugin-preview .contribution-zone .project {
  color: #222222;
}
.plugin-preview .contribution-zone .grel {
  color: #222222;
}
.plugin-preview .contribution-zone ul {
  list-style: none;
  margin-left: 0px;
}
.plugin-preview .main-desc {
  margin-top: 40px;
}
.plugin-preview .main-desc strong {
  font-weight: normal;
  font-size: 16px;
}
.plugin-preview .main-desc ol {
  margin-bottom: 0px;
  list-style: none;
}
.plugin-preview .revision-history {
  margin-top: 40px;
}
.plugin-preview .revision-history .revision-history-header {
  text-decoration: none;
  color: #222222;
}
.plugin-preview .revision-history .revision-history-header:hover {
  text-decoration: none;
}
.plugin-preview .revision-history .revision-list {
  margin: 2px 0px;
}
.plugin-preview .revision-history .revision-list td {
  line-height: 19px;
}
.plugin-page-grid {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: 100%;
  height: 100%;
}
.plugin-info-column {
  padding: 32px;
  padding-right: 16px;
}
.plugin-components-column {
  padding: 32px;
  padding-left: 16px;
}
.plugin-info__header {
  display: flex;
  flex-direction: row;
}
.plugin-info__details {
  display: flex;
  flex-direction: column;
}
.plugin-details__description {
  text-align: justify;
}
.plugin-details__description p {
  text-align: justify;
}
.plugin-info__icon-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: auto;
  padding-left: 16px;
  font-size: 50px;
  color: #28a9dd;
}
.plugin-dev-commons .plugin-content .content-list {
  padding-bottom: 5px;
  width: 300px;
  border-right: 1px solid #dddddd;
}
.plugin-dev-commons .plugin-content .content-list .content-list-header {
  flex: 0 0 32px;
  align-items: stretch;
  border-bottom: 1px solid #dddddd;
  padding-right: 5px;
  padding-left: 5px;
}
.plugin-dev-commons .plugin-content .content-list .content-list-header > * {
  line-height: 28px;
}
.plugin-dev-commons .plugin-content .content-list .content-list-header .button {
  display: inline-block;
  font-size: 19px;
  text-align: center;
  width: 25px;
  color: #bbbbbb;
}
.plugin-dev-commons .plugin-content .content-list .content-list-header .button:hover {
  text-decoration: none;
  color: #666666;
}
.plugin-dev-commons .plugin-content .content-list .content-list-header .button i {
  font-size: 14px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
}
.plugin-dev-commons .plugin-content .content-list ul {
  list-style: none;
  margin-left: 0px;
}
.plugin-dev-commons .plugin-content .content-list .content-row {
  position: relative;
  white-space: nowrap;
  height: auto;
}
.plugin-dev-commons .plugin-content .content-list .content-row a {
  color: #333333;
}
.plugin-dev-commons .plugin-content .content-list .content-row a:hover {
  text-decoration: none;
}
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-icon,
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-info {
  position: relative;
  display: flex;
  overflow: hidden;
}
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-icon i,
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-info i {
  flex: 0 0 auto;
}
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-icon span.name,
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-info span.name {
  flex: 1 1 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-icon span,
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-info span {
  flex: 0 0 auto;
}
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-icon.compressed,
.plugin-dev-commons .plugin-content .content-list .content-row .name-with-info.compressed {
  cursor: not-allowed;
}
.plugin-dev-commons .plugin-content .content-list .content-row.editing .name-with-info .name,
.plugin-dev-commons .plugin-content .content-list .content-row.editing .name-with-icon .name,
.plugin-dev-commons .plugin-content .content-list .content-row.editing .name-with-info > i,
.plugin-dev-commons .plugin-content .content-list .content-row.editing .name-with-icon > i,
.plugin-dev-commons .plugin-content .content-list .content-row.editing .name-with-info .file-size,
.plugin-dev-commons .plugin-content .content-list .content-row.editing .name-with-icon .file-size {
  color: #3b99fc;
}
.plugin-dev-commons .plugin-content .content-list .content-row.active .name-with-info .name,
.plugin-dev-commons .plugin-content .content-list .content-row.active .name-with-icon .name {
  font-weight: 600;
}
.plugin-dev-commons .plugin-content .content-list .content-row i {
  font-size: 14px;
  line-height: 19px;
  margin-right: 5px;
  color: #666666;
}
.plugin-dev-commons .plugin-content .content-list .content-row i.icon-caret-down,
.plugin-dev-commons .plugin-content .content-list .content-row i.icon-caret-right {
  position: absolute;
  display: inline-block;
  margin: 0;
}
.plugin-dev-commons .plugin-content .content-list .content-row .tool-button {
  display: inline-block;
  line-height: 19px;
  height: 19px;
  font-size: 19px;
  vertical-align: middle;
  opacity: 0;
  text-align: center;
  width: 20px;
}
.plugin-dev-commons .plugin-content .content-list .content-row .tool-button:focus {
  outline: none;
}
.plugin-dev-commons .plugin-content .content-list .content-row .file-size {
  color: #cccccc;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover {
  background-color: #3b99fc;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover .name-with-info .name,
.plugin-dev-commons .plugin-content .content-list .content-row:hover .name-with-icon .name,
.plugin-dev-commons .plugin-content .content-list .content-row:hover .name-with-info > i,
.plugin-dev-commons .plugin-content .content-list .content-row:hover .name-with-icon > i,
.plugin-dev-commons .plugin-content .content-list .content-row:hover .name-with-info .file-size,
.plugin-dev-commons .plugin-content .content-list .content-row:hover .name-with-icon .file-size {
  color: #ffffff;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover .tool-button {
  opacity: 1;
}
.plugin-dev-commons .plugin-content .content-list .content-row:hover .tool-button i {
  color: #ffffff;
  text-shadow: none;
}
.plugin-dev-commons .plugin-content .content-editor .CodeMirror {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  height: inherit;
}
.plugin-dev-commons .plugin-content .content-editor .CodeMirror .CodeMirror-scroll {
  height: inherit;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar {
  padding: 0;
  height: 32px;
  align-items: stretch;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar > *:not(#tabs-frame) {
  border-bottom: 1px solid #dddddd;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .arrow-slider {
  text-align: center;
  color: #bbbbbb;
  flex: 0 0 30px;
  cursor: pointer;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .arrow-slider.active {
  color: #666666;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .arrow-slider.active:hover {
  color: #333333;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .arrow-slider i {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .arrow-slider.left {
  border-right: 1px solid #dddddd;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .arrow-slider.right {
  border-left: 1px solid #dddddd;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs {
  top: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li {
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li.active-tab {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li.active-tab .file-name {
  color: #333333;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li .file-name {
  padding: 0 5px;
  color: #bbbbbb;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li .close-file {
  position: relative;
  font-size: 10px;
  color: #bbbbbb;
  cursor: pointer;
  width: 12px;
  text-align: center;
  display: inline-block;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li .close-file i {
  color: #3b99fc;
  font-size: inherit;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li .close-file:hover {
  color: #333333;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .tabs li .close-file:hover i {
  display: none;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .save-wrapper {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5px;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar .save-wrapper > .btn {
  margin-right: 5px;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar.sliding-mode .tabs li:last-child {
  border-right: none;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar:not(.sliding-mode) #tabs-frame {
  overflow: hidden;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar:not(.sliding-mode) .tabs {
  border-bottom: 1px solid #dddddd;
  height: calc(100% - 1px);
}
.plugin-dev-commons .plugin-content .content-editor .button-bar:not(.sliding-mode) .tabs li {
  border-bottom: none;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar:not(.sliding-mode) .tabs li.active-tab {
  position: relative;
}
.plugin-dev-commons .plugin-content .content-editor .button-bar:not(.sliding-mode) .tabs li.active-tab:after {
  content: '';
  width: 100%;
  left: 0;
  height: 1px;
  background-color: #ffffff;
  bottom: -1px;
  display: block;
  position: absolute;
}
.plugin-dev-commons .plugin-content .content-editor .active-tab-path {
  padding: 2px 10px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.plugin-dev-commons .plugin-content .content-editor .active-tab-path label {
  margin: 0;
}
.plugin-dev-commons .plugin-content .content-editor .preview-image-wrapper {
  background-color: #bbbbbb;
}
.plugin-dev-commons .plugin-content .content-editor .preview-image-wrapper img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}
.plugin-dev-commons .plugin-content .plugin-info,
.plugin-dev-commons .plugin-content .plugin-components,
.plugin-dev-commons .plugin-content .plugin-revisions,
.plugin-dev-commons .plugin-content .plugin-code-dependencies,
.plugin-dev-commons .plugin-content .plugin-external-dependencies {
  background: #ffffff;
  padding: 16px;
}
.plugin-dev-commons .plugin-content .plugin-revisions {
  margin-top: 32px;
}
.plugin-dev-commons .plugin-content .plugin-revisions-table {
  margin: 0;
}
.plugin-dev-commons .plugin-content .plugin-info {
  margin-left: auto;
  margin-right: 0;
  max-width: 600px;
}
.plugin-dev-commons .plugin-content .plugin-components,
.plugin-dev-commons .plugin-content .plugin-revisions,
.plugin-dev-commons .plugin-content .plugin-external-dependencies,
.plugin-dev-commons .plugin-content .plugin-code-dependencies {
  margin-left: 0;
  margin-right: auto;
  max-width: 1000px;
  margin-bottom: 32px;
}
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover .name-with-info .name,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover .name-with-icon .name,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover .name-with-info > i,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover .name-with-icon > i,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover .name-with-info .file-size,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row:hover .name-with-icon .file-size {
  color: #666666;
}
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination {
  background-color: #2196F3;
}
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination .name-with-info .name,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination .name-with-icon .name,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination .name-with-info > i,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination .name-with-icon > i,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination .name-with-info .file-size,
.plugin-dev-commons.dku-modal .plugin-content .content-list .content-row.is-destination .name-with-icon .file-size {
  color: #ffffff;
}
.plugin-dev-commons.dku-modal .destination {
  font-size: 13px;
  text-align: left;
  padding-left: 20px;
  align-items: center;
}
.plugin-dev-commons.dku-modal .destination span {
  margin-right: 10px;
  line-height: 20px;
}
.plugin-dev-commons.dku-modal .destination code {
  font-size: 11px;
  color: #333333;
  line-height: 20px;
  overflow-x: auto;
}
.plugin-dev-commons .no-margin-alert .alert {
  margin-bottom: 0;
}
.plugin-dev-commons .plugin-info,
.plugin-dev-commons .plugin-code-dependencies,
.plugin-dev-commons .plugin-external-dependencies {
  margin-left: auto;
  margin-right: 0;
  max-width: 600px;
}
.plugin-info,
.plugin-components,
.plugin-revisions,
.plugin-code-dependencies,
.plugin-external-dependencies,
.plugin-usages {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 16px;
}
.plugin-revisions-table {
  margin: 0;
}
.plugin-info {
  margin-bottom: 32px;
}
.plugin-info .line {
  display: flex;
  flex-direction: row;
  margin: 15px 0;
}
.plugin-info .line .line-title {
  display: inline-block;
  margin: 0;
  font-weight: 600;
}
.plugin-info .line .line-content {
  display: inline-block;
  flex: 1 1 0;
  text-align: right;
  margin: 0;
}
.plugin-info .line.wrapping {
  flex-wrap: wrap;
}
.plugin-info .line.wrapping .line-title {
  flex: 0 0 100%;
  margin-bottom: 10px;
}
.plugin-info .line.wrapping .line-content {
  text-align: left;
}
.plugin-info .tags-and-reload .tags {
  flex: 1 1 0;
  margin: 0;
}
.plugin-info .tags-and-reload .reload-bnt {
  flex: 0 0 auto;
}
.plugin-info code {
  color: #333333;
  overflow-x: auto;
}
.plugin-info .alert-info,
.plugin-info .alert-warning {
  border-radius: 0;
  margin-bottom: 0;
}
.plugin-info .alert-info p,
.plugin-info .alert-warning p {
  margin: 0;
}
.plugin-info .alert-info ul,
.plugin-info .alert-warning ul {
  list-style: none;
}
.plugin-info .alert-warning {
  margin-top: 10px;
}
.plugin-info .edit-plugin-info-btn {
  color: #666666;
  font-size: 15px;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.plugin-info .edit-plugin-info-btn:hover {
  color: #333333;
}
.plugin-details__title {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 20px;
}
.plugin-details__title .plugin-details__title--code-env {
  font-size: 13px;
}
.plugin-components .std-list-search-box {
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
}
.plugin-components .std-list-search-box .search-icon {
  position: absolute;
  right: 5px;
  font-size: 11px;
  color: #bbbbbb;
  top: 50%;
  transform: translate(0, -50%);
}
.plugin-components .std-list-search-box input {
  width: 190px;
}
.plugin-components .info {
  line-height: 26px;
  margin-left: 10px;
  font-size: 12px;
}
.plugin-components .empty-list-cta {
  margin-top: 8px;
}
.plugin-components__group {
  margin: 0 -16px;
}
.plugin-components__group-title {
  margin-top: 0;
  text-transform: capitalize;
  cursor: pointer;
}
.plugin-components__group-title i {
  margin-right: 10px;
}
.plugin-component-list {
  margin: 0;
}
.plugin-component-item {
  list-style: none;
}
.plugin-component-item:not(.plugin-component-item--readonly) {
  cursor: pointer;
}
.plugin-component-item:not(.plugin-component-item--readonly):hover {
  background: #f2f2f2;
}
.plugin-component-item__content {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #f2f2f2;
  padding: 16px;
}
.plugin-component-item__meta-column {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.plugin-component-item__icon-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.plugin-component-item__right-column {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
  padding-left: 8px;
}
.plugin-component-item__icon {
  margin-right: 16px;
  font-size: 18px;
  width: 20px;
  text-align: center;
  margin-top: 2px;
}
.plugin-component-item__name {
  margin: 0;
  color: #222222;
  font-size: 15px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plugin-component-item__name.no-link {
  color: #333333;
  cursor: default;
}
.plugin-component-item__name.no-link:hover {
  color: #333333;
}
.plugin-component-item__name:hover {
  color: #222222;
}
.plugin-component-item__type {
  color: #666666;
  text-transform: uppercase;
  font-weight: 400;
  margin-left: 8px;
}
.plugin-component-item__description {
  color: #666666;
  text-align: justify;
}
.plugin-component-item__description p {
  margin: 0;
  display: inline-block;
  text-align: justify;
}
i.icon.plugin-component-item__delete-icon {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  margin-left: 8px;
  line-height: 18px;
  text-align: center;
}
i.icon.plugin-component-item__delete-icon:hover {
  color: #ce1228;
}
.plugins-notice-title {
  font-weight: 400;
  color: #666666;
  font-size: 13px;
  margin: auto 0 0 0;
}
/* Add component modal */
.add-component-modal {
  width: 700px;
}
.add-component-modal .modal-body {
  border-bottom: 1px solid #dddddd;
}
.add-component-modal .modal-body.modal-body--choosing-component {
  max-height: 70vh;
}
.add-component-modal .modal__step-header {
  padding-left: 0px;
  margin-left: -8px;
  position: relative;
}
.add-component-modal ul.content-type-list {
  height: 400px;
  overflow: auto;
  margin: 0;
  list-style: none;
}
.add-component-modal ul.content-type-list li.content-type {
  vertical-align: top;
  box-sizing: border-box;
  padding: 5px 10px;
  padding-left: 30px;
  margin: 10px;
  cursor: pointer;
  outline: 1px solid #dddddd;
  transition: outline 100ms ease;
}
.add-component-modal ul.content-type-list li.content-type h5,
.add-component-modal ul.content-type-list li.content-type p {
  margin: 0;
  display: inline;
}
.add-component-modal ul.content-type-list li.content-type h5 {
  text-transform: capitalize;
}
.add-component-modal ul.content-type-list li.content-type:hover:not(.disabled),
.add-component-modal ul.content-type-list li.content-type.selected {
  outline: 2px solid #3b99fc;
}
.add-component-modal ul.content-type-list li.content-type.selected {
  position: relative;
}
.add-component-modal ul.content-type-list li.content-type.selected:before {
  content: '\f00c';
  position: absolute;
  left: 0;
  top: 7px;
  width: 30px;
  color: #3b99fc;
  display: block;
  font-size: 11px;
  text-align: center;
  font-family: fontawesome;
}
.add-component-modal ul.content-type-list li.content-type.disabled {
  opacity: 0.6;
  cursor: no-drop;
}
.add-component-modal ul.content-type-list li.content-type .dku-html-tooltip-activation-zone {
  width: 100%;
}
.add-component-modal .other-settings .control-group .control-label {
  width: 100px;
}
.add-component-modal .other-settings .control-group .controls {
  margin-left: 120px;
}
.add-component-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
}
.add-component__item {
  display: flex;
  flex-direction: row;
  padding: 8px;
  margin: 4px 0;
  border: 1px solid #dddddd;
  cursor: pointer;
}
.add-component__item:hover:not(.disabled) {
  background: #f2f2f2;
}
.add-component__item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.add-component__item-name {
  color: #222222;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}
.add-component__item-description {
  margin: 0;
}
.add-component__item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  min-width: 40px;
  max-width: 40px;
  margin-left: -8px;
  padding: 0 8px;
}
.disabled .add-component__item {
  cursor: inherit;
}
.disabled .add-component__item-name,
.disabled .add-component__item-icon,
.disabled .add-component__item-description {
  color: #cccccc;
}
/* Presets */
.plugin-preset .control-label {
  min-width: 200px;
}
.plugin-preset .control-label,
.plugin-preset .controls {
  display: inline-block;
}
.plugin-preset__name {
  margin-top: 0;
}
.plugin-preset__details {
  border-left: 1px solid #ccc;
  padding-left: 16px;
  margin-bottom: 16px;
}
.plugin-parameterset__name {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 16px;
}
.plugin-usages {
  width: 80vw;
  background: #ffffff;
  margin: 16px auto;
  padding: 32px;
}
.modal--plugin-from-desktop .dkuform-modal-horizontal label.control-label {
  width: auto;
}
.modal--plugin-from-desktop .dkuform-modal-horizontal .controls {
  padding-left: 16px;
}
.plugin-installation-page {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.plugin-installation-steps {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  margin-top: 16px;
}
.plugin-installation-step {
  padding: 24px;
}
.plugin-installation-step--done {
  padding: 16px 16px 16px 32px;
}
.plugin-installation-step__header {
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  margin: 0;
}
.plugin-installation-step__content {
  padding: 16px 0 0 44px;
  *zoom: 1;
}
.plugin-installation-step__content:before,
.plugin-installation-step__content:after {
  display: table;
  content: "";
  line-height: 0;
}
.plugin-installation-step__content:after {
  clear: both;
}
.plugin-installation-step__icon {
  display: inline-block;
  color: #ffffff;
  background-color: #3b99fc;
  text-align: center;
  margin-right: 20px;
  padding: 6px;
  width: 12px;
  height: 11px;
  line-height: 12px;
  font-size: 14px;
  border-radius: 50%;
}
.plugin-installation-step__icon--done {
  background-color: #4caf50;
  vertical-align: middle;
  font-size: 10px;
}
.plugin-installation-step__icon--done::after {
  position: relative;
  font-family: FontAwesome;
  font-style: initial;
  content: '\f00c';
}
.plugins-support-help__text {
  font-weight: 400;
}
.plugins-fetch-fail {
  margin: 16px auto;
  padding: 16px;
  text-align: justify;
  width: 30vw;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.plugins-fetch-fail h4 {
  margin-top: 0;
}
.plugins-support-help__icon {
  color: #666666;
  margin-right: 4px;
}
.deployer-title {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}
.deployer-title .status-icon {
  margin-right: 0px;
}
.deployer__search-box {
  font-size: 0;
  vertical-align: middle;
}
.deployer__search-box input {
  margin: 0;
  height: 24px;
  line-height: 24px;
  width: 190px;
  font-family: 'SourceSansPro';
  font-weight: 400;
  font-size: 13px;
  padding: 0 4px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.deployer__search-box input:focus {
  box-shadow: none;
  border: 1px solid #3b99fc;
}
.deployer__search-box .add-on {
  vertical-align: top;
  margin-left: -1px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.deployer__search-box .add-on i {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.deployer__search-box.with-icon {
  position: relative;
}
.deployer__search-box.with-icon .search-icon {
  line-height: 21px;
  font-size: 11px;
  color: #bbbbbb;
  position: absolute;
  right: 5px;
  top: 3px;
}
.deployer__search-box.with-icon input {
  width: 190px;
  padding-right: 20px;
}
.package-status__header.standard-container__header {
  height: 54px;
  line-height: 54px;
  padding: 0 24px;
}
.package-status__header .standard-container__titles {
  flex: 1 1 auto;
  min-width: 0;
}
.package-status__header .standard-container__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 54px;
  flex: 0 0 auto;
  max-width: 50%;
  min-width: 0;
}
.package-status__header--version .standard-container__tile {
  max-width: 60%;
}
.package-status__subtitles {
  justify-content: center;
  line-height: 18px;
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 16px;
}
.package-status__subtitle {
  color: #999999;
  font-size: 12px;
  margin-left: 16px;
}
.package-status__actions {
  flex: 0 0 auto;
}
.deployment-card {
  width: 300px;
}
.deployment-card:not(.deployer__deployment-list-card) .deployment-card__header .standard-container__titles {
  flex-grow: 0;
  margin-left: 0;
}
.deployment-card__header {
  height: 75px;
  border: none;
}
.deployment-card__header .standard-container__titles {
  width: 210px;
  padding: 4px;
  height: 100%;
  mix-blend-mode: multiply;
  justify-content: space-evenly;
}
.deployment-card__header .totem {
  height: 100%;
}
.deployment-card__header .status-icon {
  margin-right: 8px;
}
.deployment-card__header-title {
  width: 100%;
}
.standard-container__title-with-icon .deployment-card__header-title {
  width: 90%;
}
.deployment-card__body {
  border-top: 1px solid #dddddd;
  mix-blend-mode: multiply;
}
.deployment-card__body .bullet {
  top: 0px;
  margin-right: 0;
}
.deployment-card__body .status-icon {
  width: unset;
  margin-right: 0;
}
.deployment-card__body .tag-edit-popover {
  min-height: 24px;
}
.deployment-card__body .dku-loader {
  width: 20px;
  height: 20px;
}
.deployment-card__list .standard-container__list-item-body {
  max-width: calc(100% - 100px);
}
.deployment-card__list-single-row-body-text {
  max-width: 90%;
}
.deployment-card__list-item-body-text {
  max-width: 240px;
}
.sparkline-container {
  height: 40px;
}
.package-status__stages {
  border-left: 1px solid #dddddd;
}
.package-status__stage {
  border-right: 1px solid #dddddd;
  width: 100px;
  text-align: center;
  line-height: 24px;
}
.package-status__stage-count {
  font-size: 22px;
  padding-top: 6px;
}
.package-status__stage-title {
  color: #666666;
  max-width: 90px;
}
.package-status__body {
  padding: 16px 0 32px;
}
.package-status__columns {
  flex: 1 1 0;
  padding: 0 24px;
}
.package-status__stats {
  flex: 1 0 0;
}
.package-status__stat {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  border-bottom: 1px solid #dddddd;
}
.package-status__stat .noflex {
  flex: 0 0 auto !important;
  -webkit-flex: 0 0 auto !important;
}
.package-status__stat-subtitle {
  font-size: 12px;
}
.package-status__deployments {
  flex: 1 0 25%;
}
.package-status__deployments,
.package-status__stats {
  padding: 0 24px;
}
.deployer__bundle-row:hover [main-click] {
  text-decoration: underline;
}
.deployment-history {
  flex-grow: 1;
}
.deployment-history__page {
  position: relative;
}
.deployer__deployment-list .deployment-card {
  width: 100%;
}
.deployer__deployment-list .standard-widget--disabled {
  border: unset;
}
.deployer__deployment-list .deployment-card__header {
  border: 1px solid #dddddd;
  cursor: pointer;
  height: 50px;
}
.deployer__deployment-list .deployment-card__header .standard-container__titles {
  margin-left: 8px;
}
.deployer__deployment-list .deployment-card__header-title {
  display: flex;
}
.deployer__deployment-list .standard-widget + .standard-widget {
  margin-top: 16px;
}
.deployment-dashboard-main {
  width: calc(100% - 330px);
  padding-bottom: 0px;
}
.deployment-dashboard-main__header,
.deployment-dashboard-main__stages {
  width: auto;
}
.deployment-dashboard-main__header {
  margin-bottom: 10px;
  padding-top: 0;
}
.deployment-dashboard-main-stages__columns {
  width: min-content;
  width: -moz-min-content;
}
.deployment-dashboard-main-stages__column {
  width: 310px;
  height: min-content;
  height: -moz-min-content;
  vertical-align: top;
  text-align: initial;
}
.deployment-dashboard-main-stages__column:not(:first-child) {
  margin-left: 32px;
}
.deployment-dashboard-main-stages__column .standard-widget {
  cursor: pointer;
}
.deployment-dashboard-main-stages__column .standard-widget:hover {
  box-shadow: 0px 1px 7px rgba(34, 34, 34, 0.5);
}
.deployment-dashboard-main-stages__column .standard-widget:last-of-type {
  margin-bottom: 20px;
}
.deployment-dashboard-main-stages__column > h3 {
  font-weight: lighter;
}
.deployment-dashboard-panel {
  width: 330px;
  border-right: 1px solid #dddddd;
}
.deployment-dashboard-panel__section {
  padding: 24px 24px 16px;
  border-bottom: 1px solid #dddddd;
}
.deployment-dashboard-panel__section:last-child {
  border: 0 none;
}
.deployment-dashboard-panel__header {
  margin: 0 0 16px;
  font-weight: normal;
  font-size: 20px;
}
.deployment-dashboard-panel__search {
  display: flex;
}
.deployment-dashboard-panel__search.deployer__search-box input {
  width: 100%;
}
.deployment-dashboard-panel__filters {
  margin-top: 8px;
}
.deployment-dashboard-panel__filter {
  display: inline-block;
  margin-left: 8px;
  line-height: 24px;
}
.deployment-dashboard-panel__filter:first-child {
  margin-left: 0;
}
.deployment-dashboard-panel__filter-btn {
  background: none;
}
.deployment-dashboard-panel__popover {
  max-height: 300px;
  overflow-y: auto;
}
.deployment-dashboard-panel-published-item {
  margin-bottom: 24px;
}
.deployment-dashboard-panel-project__image {
  width: 10px;
}
.deployment-dashboard-panel-published-item__header {
  cursor: pointer;
  height: 25px;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 8px;
}
.deployment-dashboard-panel-published-item__header .link-std {
  display: flex;
  align-items: center;
}
.deployment-dashboard-panel-published-item__header-title {
  line-height: 22px;
  display: flex;
}
.deployment-dashboard-panel-published-item__header-text {
  max-width: 170px;
  margin-right: 4px;
}
.deployment-dashboard-panel-published-item__chevron {
  color: #cccccc;
}
.deployment-dashboard-panel-packages {
  margin: 0;
  list-style-type: none;
}
.deployment-dashboard-panel-package {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-top: none;
  padding: 8px;
  font-size: 12px;
  color: #999999;
}
.deployment-dashboard-panel-package:first-child {
  border-top: 1px solid #dddddd;
}
.deployment-dashboard-panel-package__items {
  list-style-type: none;
  margin: 0;
  min-width: 0;
}
.deployment-dashboard-panel-package__deploy-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deployment-dashboard-panel-package__header {
  color: #222222;
  font-size: 13px;
  display: flex;
}
.deployment-dashboard-panel-package__header-name {
  flex: 0 auto;
}
.deployment-dashboard-panel-package__endpoints {
  flex: 1 0 auto;
  color: #999999;
}
.deployer-home__column {
  background-color: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  width: 380px;
  margin: 32px;
  box-sizing: border-box;
  text-align: center;
  color: #222222;
  cursor: pointer;
}
.deployer-home__column:hover {
  box-shadow: 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.2);
}
.deployer-home__column-body {
  padding: 0 60px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.deployer-home__header {
  font-weight: normal;
  font-size: 32px;
  margin: 0;
}
.deployer-home__status {
  font-size: 16px;
  min-height: 60px;
}
.deployer-home__description {
  font-size: 17px;
  margin: 4px 0 16px;
  color: #666666;
  text-align: center;
}
.deployer-home__deployment {
  padding: 0 32px 4px;
}
.deployer-home__deployment-label {
  flex: 1;
  text-align: left;
}
.deployment-settings .empty-list-cta {
  margin: 0 0 8px;
  text-align: left;
}
.deployment-status .empty-list-cta,
.infra-status .empty-list-cta {
  margin: 64px auto;
}
.deployment-status .empty-list-cta p,
.infra-status .empty-list-cta p {
  margin-bottom: 0;
}
.published-bundle-breadcrumb .has-caret {
  display: inherit;
  align-items: center;
  max-width: calc(100vw - 600px);
  height: inherit;
}
.published-bundle-breadcrumb .has-caret .has-caret__label {
  display: block;
  height: inherit;
}
.scenario-outcomes--deployer .graph-header {
  border-bottom: 1px solid #dddddd;
}
.scenario-outcomes--deployer .graph-header .graph-header__item {
  border-bottom: 0;
  line-height: normal;
  align-self: flex-end;
  color: #999999;
  font-weight: normal;
  padding-bottom: 5px;
  font-size: 13px;
}
.scenario-outcomes--deployer .graph-header .graph .cell-pane {
  border-left: 0 none;
}
.scenario-outcomes--deployer .graph-header .graph .tick-label .date-label {
  color: #999999;
  font-size: 13px;
}
.scenario-outcomes--deployer .graph-header .scenario-names {
  padding-left: 24px;
}
.scenario-outcomes--deployer .graph-body .scenario-names ul li {
  padding-left: 24px;
}
.deployment-settings__scenarios td {
  vertical-align: middle;
}
.deployer-settings-toggle__label {
  margin-bottom: 0;
}
.deployer-settings-toggle__button {
  width: 30px;
}
.deployment-settings__scenario-icon--activated {
  color: #3b99fc;
}
.deployment-settings__scenario-icon--deactivated {
  color: #ce1228;
}
input:checked ~ .deployer-settings-toggle__button--activated {
  color: #3b99fc;
}
input:checked ~ .deployer-settings-toggle__button--deactivated {
  color: #ce1228;
}
.deployer-settings-toggle__option::before {
  transform: scale(1.27);
}
.deployer-settings-toggle__option.icon-minus {
  position: relative;
  top: 1px;
}
/* FM specific styles */
.fm-page {
  margin: 0 auto;
  max-width: 1600px;
  overflow: auto;
}
.fm-page .nav-list-sidebar {
  padding-top: 0px;
}
.fm-page .nav-list-sidebar .l2 {
  margin-bottom: 8px;
}
.fm-section {
  height: 100%;
  padding: 16px 16px 0px 16px;
}
.fm-section__header .object-nav {
  background: transparent;
}
.fm-section__header.fm-section__header--stuck {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  padding: 32px;
}
.fm-section__header.fm-section__header--stuck .fm-section__title {
  color: #333333;
  font-weight: 400;
  font-size: 26px;
  height: 30px;
  line-height: 30px;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fm-section__header.fm-section__header--stuck + .fm-section__content {
  margin-top: 0;
}
.fm-section__header.fm-section__header--stuck + .fm-section__content.with-sections {
  padding: 0;
}
.fm-section__header.fm-section__header--stuck + .fm-section__content .section {
  padding: 16px 32px;
  border-bottom: 1px solid #dddddd;
}
.fm-section__header.fm-section__header--stuck + .fm-section__content .section h2 {
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
  color: #333333;
  margin-top: 0;
}
.fm-section__header.fm-section__header--stuck + .fm-section__content .section h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 20px;
  color: #333333;
}
.fm-section__header.fm-section__header--stuck + .fm-section__content .section h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #333333;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav {
  background-color: #ffffff;
  border-left: 5px solid transparent;
  display: flex;
  flex-direction: column;
  padding: 32px 32px 0 32px;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav .object-nav {
  border-bottom: none;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav.fm-section__header--notapplicable {
  border-left-color: #cccccc;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav.fm-section__header--nominal {
  border-left-color: #4caf50;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav.fm-section__header--warning {
  border-left-color: #f28c37;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav.fm-section__header--error {
  border-left-color: #ce1228;
}
.fm-section__header.fm-section__header--stuck.fm-section__header--stuck-with-nav.fm-section__header--unknown {
  border-left-color: #cccccc;
}
.fm-section__header-top-band {
  display: flex;
}
.fm-section__header-actions {
  margin-left: auto;
  margin-top: 4px;
}
.fm-section__title_and_badge {
  display: flex;
}
.fm-section__title {
  margin: 0;
}
.fm-error-message {
  color: #ce1228;
  font-size: 14px;
}
.fm-error-message_icon {
  margin-right: 4px;
}
.instance-state-badge {
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  padding: 2px 8px;
  vertical-align: middle;
  white-space: nowrap;
}
.object-nav .fm-section__title {
  line-height: 48px;
}
.fm-section__content {
  margin-top: 16px;
  overflow: auto;
}
.instances-list {
  margin-top: -16px;
}
.instances-list__header,
.instance-row {
  border-bottom: 1px solid #dddddd;
  display: grid;
  grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.3fr) minmax(0, 0.65fr) 0.25fr;
  margin: 0 -16px;
  padding: 16px;
}
.instances-list__header-title {
  color: #222222;
  font-size: 13px;
  font-weight: 600;
}
.instance-row__id,
.instance-row__image-label {
  color: #666666;
  font-size: 13px;
}
.instance-row__label {
  font-weight: 500;
}
.instance-row__label,
.instance-row__link {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tags .tag.instance-row__tag {
  background: #d9e6ed;
  color: #666666;
  font-size: 11px;
  margin: 0 0.5em 0 0;
}
.instance-row__state-badge {
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  padding: 2px 8px;
  vertical-align: middle;
  white-space: nowrap;
}
.instance-row__state {
  display: flex;
  justify-content: flex-end;
}
.instance-row__state .dku-ellipsis-vertical--circle-on-hover {
  line-height: 25px;
}
.instance-row__state--notapplicable {
  background-color: #cccccc;
  color: #ffffff;
}
.instance-row__state--nominal {
  background-color: #4caf50;
  color: #ffffff;
}
.instance-row__state--warning {
  background-color: #f28c37;
  color: #ffffff;
}
.instance-row__state--error {
  background-color: #ce1228;
  color: #ffffff;
}
.instance-row__state--unknown {
  background-color: #cccccc;
  color: #ffffff;
}
.instance-header__property {
  line-height: 22px;
  vertical-align: middle;
}
.setup-actions_list {
  list-style: none;
  margin: 0;
}
.setup-action {
  background: #f5f7f8;
  margin-bottom: 10px;
  padding: 10px 16px;
}
.setup-action_trash-icon {
  font-size: 14px;
  color: #333333;
}
.setup-action_trash-icon:hover {
  text-decoration: none;
}
.setup-action_label {
  color: #333333;
  font-family: 'SourceSansPro';
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.codemirror--font12 .CodeMirror {
  font-size: 12px;
}
.setup-action-help-example {
  white-space: pre;
  word-wrap: normal;
  border-radius: 0;
  line-height: 14px;
  font-size: 12px;
  font-family: 'Lucida Console', monospace;
}
.instance-settings-needing-reprovision {
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
}
.instance-settings-cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  background-color: #ffffff;
  border-top: 1px solid #bbbbbb;
}
.instance-settings-cover-message {
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 31px;
  line-height: 38px;
  color: #666666;
  text-align: center;
  margin-top: 120px;
  font-family: 'SourceSansPro';
}
.instance-tag-key {
  padding-right: 8px;
}
.instance-tag-value {
  padding-left: 8px;
  border-left: 1px solid #f2f2f2;
}
.instance-dashboard-agent-logs {
  width: 100%;
  height: 150px;
  /* That's the minimum size actually */
  border: 1px solid #f2f2f2;
}
.instance-dashboard-agent-logs-pre {
  font-size: 10px;
  line-height: 1.2;
  background-color: #ffffff;
  background: none;
  border: none;
}
.disk_usage_bar {
  width: 100px;
  height: 10px;
  display: inline-block;
}
.disk_usage_bar_global {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.disk_usage_bar_used {
  width: 1%;
  height: 100%;
}
.disk_usage_bar_used--ok {
  background-color: #4caf50;
}
.disk_usage_bar_used--warning {
  background-color: #f28c37;
}
.disk_usage_bar_used--full {
  background-color: #ce1228;
}
.security-group_trash-icon {
  font-size: 14px;
  color: #333333;
  margin-left: 8px;
  vertical-align: middle;
}
.security-group_trash-icon:hover {
  text-decoration: none;
}
.help-dku-toggle {
  position: relative;
  top: -3px;
}
.fm-blueprint-box {
  min-height: 200px;
}